业务研判详情

src/views/remote/farmland/details.vue

@@ -22,78 +22,47 @@
         v-if="!formde || route.query.dataType != '1'"
       >
         <el-tabs v-model="ywyptab">
-          <el-tab-pane label="土地利用现状" name="tdxz">
+          <el-tab-pane
+            v-for="ypitem in sheets"
+            :label="ypitem.type"
+            :name="ypitem.sheet"
+            :key="ypitem.sheet"
+          >
+            <img :src="ypitem.photo" width="100%" />
             <el-row>
-              <el-col :span="5">
+              <!-- <el-col :span="5">
                 <el-button :plain="true" @click="open">2024年</el-button>
                 <el-button :plain="true" @click="open">2024年</el-button>
                 <el-button :plain="true" @click="open">2024年</el-button>
                 <el-button :plain="true" @click="open">2024年</el-button>
-              </el-col>
-              <el-col :span="19">
-                <el-table :data="dkjbxxList">
+              </el-col> -->
+              <el-col :span="24">
+                压占{{ ypitem.type }}面积共{{ ypitem.mjj }}平方米
+                <!-- //，占图斑面积比为23.24%。 -->
+                <el-table :data="ypitem.data_list">
                   <el-table-column
                     v-for="(item, i) in tdxzTable"
                     :key="i"
                     :label="item.label"
                     :prop="item.prop"
                     align="center"
-                  />
+                  >
+                    <template #default="{ row }">
+                      <div v-if="item.slot == 'ratio'">
+                        {{ ((row.yzmj / ypitem.yzmj) * 100).toFixed(2) }}%
+                      </div>
+                      <div v-else-if="item.slot == 'action'">
+                        <el-button link type="primary" @click="todetails(row)"
+                          >查看
+                        </el-button>
+                      </div>
+                      <span v-else>{{ row[item.prop] }}</span>
+                    </template>
+                  </el-table-column>
                 </el-table>
               </el-col>
             </el-row>
           </el-tab-pane>
-          <el-tab-pane label="国土空间规划" name="gtkj">
-            <el-table :data="dkjbxxList">
-              <el-table-column
-                v-for="(item, i) in gtkjTable"
-                :key="i"
-                :label="item.label"
-                :prop="item.prop"
-                align="center"
-              />
-            </el-table>
-          </el-tab-pane>
-          <!-- v-for="(li, lindex) in ['耕地', '永久基本农田', '生态保护红线']"
-            :label="li"
-            :key="lindex"
-            name="third" -->
-          <el-tab-pane label="耕地" name="gd">
-            压盖耕地面积共XX平方米，占图斑面积比为23.24%。
-            <el-table :data="dkjbxxList">
-              <el-table-column
-                v-for="(item, i) in gdTable"
-                :key="i"
-                :label="item.label"
-                :prop="item.prop"
-                align="center"
-              />
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="永久基本农田" name="yjjbnt">
-            压盖永久基本农田面积共XX平方米，占图斑面积比为23.24%。
-            <el-table :data="dkjbxxList">
-              <el-table-column
-                v-for="(item, i) in yjjbntTable"
-                :key="i"
-                :label="item.label"
-                :prop="item.prop"
-                align="center"
-              />
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="生态保护红线" name="stbhhx">
-            压盖生态保护红线面积共XX平方米，占图斑面积比为23.24%。
-            <el-table :data="dkjbxxList">
-              <el-table-column
-                v-for="(item, i) in stbhTable"
-                :key="i"
-                :label="item.label"
-                :prop="item.prop"
-                align="center"
-              />
-            </el-table>
-          </el-tab-pane>
         </el-tabs>
       </el-tab-pane>
       <el-tab-pane label="核查信息" name="hcxx" v-if="!formde">
@@ -103,11 +72,7 @@
             <template #title>
               核查时间：{{ hcit.time }} 核查人员：{{ hcit.name }}
             </template>
-            <div>
-              Consistent with real life: in line with the process and logic of
-              real life, and comply with languages and habits that the users are
-              used to;
-            </div>
+            <div></div>
             <div>
               <Hcxx @updateParent="changeData" :jcbh="11"></Hcxx>
             </div>
@@ -173,6 +138,11 @@
         >提交</el-button
       >
     </div>
+    <el-dialog :title="diatitle" v-model="open" width="500px" append-to-body>
+      <div v-for="(note, nkey) in Object.keys(sheetinfos)" :key="nkey">
+        {{ note }}：{{ sheetinfos[note] }}
+      </div>
+    </el-dialog>
     <shdialog ref="shdiaRef"></shdialog>
     <hgxdialog ref="hgxdiaRef"></hgxdialog>
     <tjdialog ref="tjdiaRef"></tjdialog>
@@ -185,7 +155,12 @@ import shdialog from "./components/shdialog.vue";
 import hgxdialog from "./components/hgxdialog.vue";
 import tjdialog from "./components/tjdialog.vue";
 import { getDetailsDk } from "@/api/rsmonitoring/dataEntry";
-import { getDkjbxx, getAuditflow, getStep } from "@/api/rsmonitoring/dkjbxx";
+import {
+  getDkjbxx,
+  getDkjbywy,
+  getAuditflow,
+  getStep,
+} from "@/api/rsmonitoring/dkjbxx";
 
 import {
   jbxxs,
@@ -209,14 +184,22 @@ const tjdiaRef = ref(null);
 
 const data = reactive({
   activeName: "jbxx",
-  ywyptab: "tdxz",
   infoObj: { name: "swed" },
   hcxxList: [{}],
   activities: [],
 });
 const steps = ref([]);
 
-const { activeName, ywyptab, infoObj, hcxxList, activities } = toRefs(data);
+const { activeName, infoObj, hcxxList, activities } = toRefs(data);
+const sheetdata = reactive({
+  ywyptab: "1",
+  sheets: [],
+  open: false,
+  diatitle: "",
+  sheetinfos: [],
+});
+
+const { ywyptab, sheets, open, diatitle, sheetinfos } = toRefs(sheetdata);
 
 function handleClick({ id }) {
   if (formde.value) {
@@ -228,6 +211,11 @@ function handleClick({ id }) {
     getDkjbxx(id).then((res) => {
       infoObj.value = res.data;
     });
+    getDkjbywy(id).then((res) => {
+      sheets.value = JSON.parse(res.data.sheetJson);
+      ywyptab.value = sheets.value[0].sheet;
+      console.log(sheets.value);
+    });
     // else if (activeName.value == "ywjl")
     getAuditflow({ dkjdxxId: id }).then((res) => {
       activities.value = res.data;
@@ -237,6 +225,11 @@ function handleClick({ id }) {
     steps.value = res.data;
   });
 }
+function todetails(row) {
+  open.value = true;
+  diatitle.value = row.swid + "详情";
+  sheetinfos.value = JSON.parse(row.sheetJson);
+}
 function getDetails({ pcsjid, id }) {
   activeName.value = "jbxx";
   infoObj.value = {};