.

src/views/areaManagement/AreaInfo.vue

@@ -1,8 +1,6 @@
-
-
 <template>
     <div class="AreaInfo">
-        <el-button size="mini" type="primary" @click="isShowDialog=true">添加区域信息</el-button>
+        <el-button size="mini" type="primary" @click="isShowDialog=true">区域信息管理</el-button>
 
         <el-tree
             class="filter-tree"
@@ -13,9 +11,9 @@
             slot="reference"
         ></el-tree>
 
-        <el-dialog title="添加区域信息" :visible.sync="isShowDialog" append-to-body>
+        <el-dialog title="区域信息管理" :visible.sync="isShowDialog" append-to-body>
             <el-form :model="formData" label-width="100px">
-                <el-form-item label="所属区域：" >
+                <el-form-item label="所属区域：">
                     <el-cascader
                         :options="areaInfoTree"
                         :props="{ children: 'children', label: 'name' ,value:'id'}"
@@ -41,15 +39,18 @@
                 <el-form-item label="区域名字：">
                     <el-input v-model="formData.name" placeholder="请填写区域名字"></el-input>
                 </el-form-item>
-                <el-form-item label="组织id：">
+                <!-- <el-form-item label="组织id：">
                     <el-select v-model="formData.orgId" placeholder="请选择所属组织" disabled>
                         <el-option label="组织一" value="1"></el-option>
                     </el-select>
-                </el-form-item>
+                </el-form-item> -->
 
                 <el-form-item>
                     <el-button @click="isShowDialog=false">取 消</el-button>
                     <el-button type="primary" @click="addAreaInfo">添 加</el-button>
+                    <el-popconfirm title="删除此区域信息？" @onConfirm="onConfirmEdit">
+                        <el-button type="primary" slot="reference">修 改</el-button>
+                    </el-popconfirm>
                 </el-form-item>
             </el-form>
         </el-dialog>
@@ -137,9 +138,10 @@ export default {
                 data: this.formData,
                 success: res => {
                     console.log(res);
-                    this.$message.success("保存成功");
+                    this.$message.success("添加成功！");
+                    this.formData.name = "";
                     // 加载所有场地信息列表
-                    loadTypes();
+                    this.loadTypes();
                 },
                 fail: err => {
                     console.log(err);
@@ -177,11 +179,36 @@ export default {
                 api: url,
                 method: "POST",
                 data: { id },
+                success: res => {},
+                fail: err => {
+                    console.log(err);
+                    if (err.errCode == 200) {
+                        // 加载所有场地信息列表
+                        this.loadTypes();
+                        this.$message.success(err.errMsg);
+                    } else if (err.errMsg) {
+                        this.$message.error(err.errMsg);
+                    } else this.$message.error("服务器发生异常");
+                }
+            });
+        },
+        // 确认修改
+        onConfirmEdit() {
+            const id = this.formData.parentId;
+            const name = this.formData.name;
+            if (!name) {
+                this.$message.warning("区域名字不能为空！");
+                return;
+            }
+            this.fetch({
+                api: "/core/organize-structure/update",
+                method: "POST",
+                data: { id, name },
                 success: res => {
                     console.log(res);
-                    this.$message.success("删除区域信息成功！");
                     // 加载所有场地信息列表
                     this.loadTypes();
+                    this.$message.success("编辑区域信息成功！");
                 },
                 fail: err => {
                     console.log(err);