6666

src/views/modules/shequzhili/xiangmu/cpts/project-info.vue

@@ -51,15 +51,46 @@
               >
             </div>
 
-            <div class="info-prop" v-if="projectCate.length > 0">
+            <div class="info-prop">
               <span>分类：</span>
               <fold-text style="width: 300px" :row="3">
                 <div :key="item.name" v-for="item in projectCate">
                   {{ item.name }}
                 </div>
               </fold-text>
+              <el-popover
+                placement="bottom"
+                width="400"
+                height="400"
+                v-model="visibleCatePanel"
+              >
+                <div class="f" style="height: 200px">
+                  <h2>更改分类</h2>
+                  <el-cascader
+                    v-model="selectedCateData"
+                    :options="cateOptions"
+                    :props="{
+                      multiple: true,
+                      label: 'name',
+                      value: 'id',
+                      children: 'subCategory',
+                    }"
+                    clearable
+                  ></el-cascader>
+                  <el-button
+                    style="margin-left: 10px"
+                    size="small"
+                    type="danger"
+                    @click="updateProjectCate"
+                    >确定</el-button
+                  >
+                </div>
+                <div slot="reference">
+                  <el-button size="small" type="">更改</el-button>
+                </div>
+              </el-popover>
             </div>
-            <div class="info-prop" v-if="projectTag.length > 0">
+            <div class="info-prop">
               <span>标签：</span>
               <fold-text style="width: 300px" :row="3">
                 <div :key="item.name" v-for="item in projectTag">
@@ -275,9 +306,11 @@
         </el-card>
       </div>
       <div class="g-right">
-        <el-card class="m-card"
-          style="max-height:90vh; overflow:auto"
-          v-if="projectProcess.length > 0">
+        <el-card
+          class="m-card"
+          style="max-height: 90vh; overflow: auto"
+          v-if="projectProcess.length > 0"
+        >
           <h3>处理进展</h3>
           <div class="m-process">
             <div class="list">
@@ -485,6 +518,10 @@ function iniData() {
     },
 
     projectCate: [],
+    cateOptions: [],
+    visibleCatePanel: false,
+    selectedCateData: [],
+
     projectTag: [],
   };
 }
@@ -585,6 +622,20 @@ export default {
         )["departmentName"];
       }
     },
+    selectedCateData(val) {
+      const { cateOptions } = this;
+      console.log(cateOptions)
+      this.projectCate = val
+        .filter((arr) => arr.length > 0)
+        .map((arr) => {
+          let ele1 = cateOptions.find((item) => item.id == arr[0]);
+          let ele2 = ele1.subCategory.find((item) => item.id == arr[1]);
+          return {
+            id: ele2.id,
+            name: ele1.name + '-' + ele2.name
+          };
+        });
+    },
   },
 
   mounted() {
@@ -797,6 +848,7 @@ export default {
     async getApiData() {
       await this.getProjectInfo();
       this.getProjectCate();
+      this.getCateOptions();
       this.getProjectProcess();
     },
 
@@ -972,6 +1024,43 @@ export default {
       }
     },
 
+    async getCateOptions() {
+      const url = "/gov/issue/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        this.cateOptions = data.map((item) => {
+          item.subCategory.forEach((subitem) => {
+            delete subitem.subCategory;
+          });
+          return item;
+        });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async updateProjectCate() {
+      const url = "/gov/project/projectcategory/save";
+      const { projectCate } = this;
+      if (projectCate.length == 0) {
+        return this.$message.error("分类不能为空");
+      }
+
+      const { data, code, msg } = await requestPost(url, {
+        projectId: this.projectIdCopy,
+        categoryList: projectCate,
+      });
+
+      if (code === 0) {
+        this.$message.success("更改成功");
+        this.visibleCatePanel = false;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
     toUserInfo(item) {
       this.$router.push({
         path: `/main-shuju/visual-basicinfo-people/${item.icResiUserId}`,