查看

src/views/yingji/planManage.vue

@@ -190,7 +190,6 @@ import {
 import AddDialog from "@/views/components/AddDialog/index.vue";
 import InfoDialog from "./planmanage/components/infoDialog.vue";
 import executive from "./echarts/executive.vue";
-
 import { mapState } from "vuex";
 
 export default {
@@ -311,7 +310,7 @@ export default {
       this.queryParams.district = e;
     },
     multipleChange(e) {
-      console.log(e.join(","));
+      // console.log(e.join(","));
       this.queryParams.plannedMonth = e.join(",");
     },
     // 关闭对话框刷新页面
@@ -379,7 +378,7 @@ export default {
     },
     /** 详情按钮操作 */
     handleInfo(row) {
-      this.$refs.infoDialog.openDialog("newlyIncreased", this.dept);
+      this.$refs.infoDialog.openDialog(row);
     },
     /** 修改按钮操作 */
     handleUpdate(row) {

src/views/yingji/planmanage/components/infoDialog.vue

@@ -20,154 +20,80 @@
       <div class="closeClick">
         <div class="newplan">
           <div class="line"></div>
-          <div class="span">{{ title }}</div>
+          <div class="span">查看详情</div>
         </div>
-        <img src="@/assets/images/close.png" alt="" @click="Close" />
+        <img src="@/assets/images/close.png" alt="" @click="closeDialog" />
       </div>
       <div v-loading="loading">
-        <el-form ref="form" label-width="80px" v-if="idTwo == 1">
-          <el-form-item label="企业名称:" class="form-input">
-            <el-input v-model="form.entprName" :disabled="true"></el-input>
-          </el-form-item>
-          <el-form-item label="行政区划:" class="form-input">
-            <el-input v-model="form.district" :disabled="true"></el-input>
-          </el-form-item>
-          <el-form-item label="发布时间:" class="form-input">
-            <el-input v-model="form.createTime" :disabled="true"></el-input>
-          </el-form-item>
-          <el-form-item label="计划年月:" class="form-input">
-            <!-- <el-input v-model="form.plannedYear" :readonly="true"></el-input> -->
-            <el-date-picker
-              v-model="form.plannedYear"
-              type="month"
-              format="yyyy-MM"
-              :clearable="false"
-              :disabled="readonly"
-              value-format="yyyy-MM"
-              placeholder="请选择年月">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item label="计划标题:">
-            <el-input v-model="form.planName" :readonly="readonly" show-word-limit :maxlength="64"></el-input>
-          </el-form-item>
-          <el-form-item label="计划内容:" class="form-textarea">
-            <el-input 
-              v-model="form.planContent"
-              type="textarea"
-              resize="none"
-              :maxlength="2000"
-              show-word-limit
-              :readonly="readonly"
-              placeholder="请输入计划内容"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="备注:" class="form-textarea">
-            <el-input
-              v-model="form.remark"
-              type="textarea"
-              resize="none"
-              :maxlength="2000"
-              show-word-limit
-              :readonly="readonly"
-              placeholder="请输入备注"
-            ></el-input>
-          </el-form-item>
-          <el-form-item class="btns">
-            <el-button type="primary" @click="onSubmit" v-if="!readonly">确认修改</el-button>
-            <el-button @click="Close">关闭</el-button>
-          </el-form-item>
-        </el-form>
-        <el-descriptions :column="2" border v-else>
+        <el-descriptions :column="2" border>
           <el-descriptions-item
-              :label="item.label"
-              v-for="(item, index) in listDes"
-              :key="index"
-              :span="item.span ? item.span : 1"
-            >
-              {{ item.value}}
-            </el-descriptions-item>
+            :label="value"
+            v-for="(key, value) in ObjectIndex"
+            :key="key"
+          >
+            {{
+              key == "district" ? componendDistrict(resData[key]) : resData[key]
+            }}
+          </el-descriptions-item>
         </el-descriptions>
       </div>
     </div>
   </el-dialog>
 </template>
 <script>
-import { Loading } from "element-ui";
 export default {
   data() {
     return {
-      dialogVisible:false,
-      mydistrict:'',
-      form:{
-        entprName:'',
-        district:'',
-        createTime:'',
-        plannedYear:'',
-        planName:'',
-        planContent:'',
-        remark:''
+      dialogVisible: false,
+      mydistrict: "",
+      id: "",
+      idTwo: "",
+      readonly: false,
+      loading: true,
+      objInd1: {
+        企业名称: "enterpriseName",
+        统一信用代码: "enterpriseId",
+        行政区划: "district",
+        计划年份: "plannedYear",
+        计划月份: "plannedMonth",
+        发布时间: "createTime",
+        备注: "remark",
       },
-      id:'',
-      idTwo:'',
-      readonly:false,
-      loading:true,
-      title:'查看详情',
-      listDes:[
-        {
-          tag:'entprName',
-          label:'企业名称',
-          value:'',
-        },{
-          tag:'district',
-          label:'行政区划',
-          value:'',
-        },{
-          tag:'createTime',
-          label:'发布时间',
-          value:'',
-        },{
-          tag:'plannedYear',
-          label:'计划年月',
-          value:'',
-        },{
-          tag:'planName',
-          label:'计划标题',
-          value:'',
-          span:2,
-        },{
-          tag:'planContent',
-          label:'计划内容',
-          value:'',
-          span:2,
-        },{
-          tag:'remark',
-          label:'备注',
-          value:'',
-          span:2,
-        },
-      ],
-      district:[]
-    }
+      ObjectIndex: {},
+      district: [],
+      resData: {},
+    };
   },
-  methods:{
+  methods: {
+    openDialog(row) {
+      this.dialogVisible = true;
+      this.loading = false;
+      this.ObjectIndex = this.objInd1;
+      this.resData = row;
+      // console.log(row);
+    },
+    closeDialog() {
+      this.dialogVisible = false;
+    },
     // 匹配行政区划
-    componendDistrict(district){
-      let name 
-      this.district.map((item)=>{
-        if(item.subdistrict == district) {
-          name = item.institutionName
+    componendDistrict(district) {
+      let fullName;
+      let treeData = JSON.parse(localStorage.getItem("TREE_DATA"));
+      treeData.map((item) => {
+        if (item.districtCode == district) {
+          fullName = item.district;
         } else {
-          item.children.map((itemTwo)=>{
-            if(itemTwo.subdistrict == district) {
-              name = item.institutionName + '-' + itemTwo.institutionName
+          item.children.map((itemTwo) => {
+            if (itemTwo.countyCode == district) {
+              fullName = item.district + "-" + itemTwo.county;
             }
-          })
+          });
         }
-      })
-      return name
+      });
+      return fullName;
     },
   },
-}
+};
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-descriptions-row th {
@@ -226,7 +152,7 @@ export default {
   ::v-deep .el-input {
     .el-input__inner {
       font-size: 15px;
-      font-family: 'Alibaba PuHuiTi';
+      font-family: "Alibaba PuHuiTi";
       font-weight: 400;
       color: #525966;
     }
@@ -237,7 +163,7 @@ export default {
       .el-textarea__inner {
         height: 100%;
         font-size: 15px;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: "Alibaba PuHuiTi";
         font-weight: 400;
         color: #525966;
       }