详情冻结接口接入

src/views/remote/farmland/index.vue

@@ -37,7 +37,12 @@
             <span>{{ newObj.spotsarea }}</span>
           </div>
         </div>
-        <el-table :data="tableData" border style="width: 100%" @row-click="tableClick">
+        <el-table
+          :data="tableData"
+          border
+          style="width: 100%"
+          @row-click="tableClick"
+        >
           <!-- @cell-click="tableClick" -->
           <!-- <el-table-column prop="jcbh" label="监测编号" width="220">
             <template slot-scope="scope">
@@ -57,7 +62,9 @@
           <el-table-column
             :prop="templateList[i]"
             :label="templateList[i]"
-            show-overflow-tooltip v-for="(item,i) in templateList" :key="i"
+            show-overflow-tooltip
+            v-for="(item, i) in templateList"
+            :key="i"
           >
           </el-table-column>
           <el-table-column label="操作" align="center">
@@ -81,7 +88,10 @@
       </div>
     </el-drawer>
     <el-dialog title="详细信息" :visible.sync="dialogVisible" width="30%">
-      <CustomDetails :model="infoObj" :config="detailInfos"></CustomDetails>
+      <!-- <CustomDetails :model="infoObj" :config="detailInfos"></CustomDetails> -->
+      <el-descriptions class="margin-top" :column="1">
+        <el-descriptions-item :label="item" v-for="(item,i) in descriptionsList" :key="i">{{ infoObj[item] }}</el-descriptions-item>
+      </el-descriptions>
     </el-dialog>
   </div>
 </template>
@@ -158,6 +168,7 @@ export default {
       infoObj: {},
       detailInfos: detailInfos,
       templateList: [],
+      descriptionsList: [], //详情描述列表存储字段
     };
   },
   mounted() {
@@ -174,11 +185,18 @@ export default {
   methods: {
     //动态获取设置的模版字段
     getTemplate() {
-      let arr = ["中心点经度", "中心点纬度", "前时相", "后时相","空间信息","geom"];
+      let arr = [
+        "中心点经度",
+        "中心点纬度",
+        "前时相",
+        "后时相",
+        "空间信息",
+        "geom",
+      ];
       getXqListKey({ pcsjid: this.$route.query.id }).then((res) => {
         res.data.forEach((i) => {
           if (!arr.includes(i)) {
-            this.templateList.push(i)
+            this.templateList.push(i);
           }
         });
       });
@@ -230,10 +248,19 @@ export default {
       });
     },
     handleDetails(row) {
-      getPcsjXQ(row.id).then((res) => {
+      // getPcsjXQ(row.id).then((res) => {
+      //   this.infoObj = res.data;
+      //   this.dialogVisible = true;
+      // });
+      getXqIdMap({ pcsjid: this.$route.query.id, id: row.id }).then((res) => {
+        console.log(res, "---------");
         this.infoObj = res.data;
-        this.dialogVisible = true;
       });
+      getXqIdKey({ pcsjid: this.$route.query.id }).then((res) => {
+        console.log(res, "+++++++++++");
+        this.descriptionsList = res.data;
+      });
+      this.dialogVisible = true;
     },
     handleClose() {
       this.drawer = false;
@@ -269,7 +296,7 @@ export default {
         //   callback: null,
         // });
         window.map["mapCon1"].getView().animate({
-          center: [item['中心点经度'], item['中心点纬度']],
+          center: [item["中心点经度"], item["中心点纬度"]],
           zoom: 17,
           duration: 2000, // 动画持续时间，单位毫秒
         });