变化情况对比

@@ -205,3 +205,16 @@ export function getNydsyqList (data) {
     data
     data
   })
   })
 }
 }
+
+/**
+ * @description: 获取当前权力信息和上手权力信息
+ * @param {*} data
+ * @author: renchao
+ */
+
+ export function getDjbQlxxDiff (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/djbDetail/getDjbQlxxDiff?bsmQlxx=' + data,
+    method: 'post',
+  })
+}

@@ -16,13 +16,19 @@
         </div>
         </div>
       </div>
       </div>
       <div class="xxTableBox rollTable">
       <div class="xxTableBox rollTable">
+        <!-- 固定前三个 -->
         <table class="xxTable">
         <table class="xxTable">
           <tr v-for="(item, colindex) in columns" :key="colindex">
           <tr v-for="(item, colindex) in columns" :key="colindex">
             <td>
             <td>
               {{ item.label }}
               {{ item.label }}
             </td>
             </td>
-            <td></td>
-            <td v-for="count in emptycolNum" :key="~count"></td>
+            <td v-for="(row, index) in tableData" :key="index">
+              <div
+                class="setbut"
+                v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
+              ></div>
+              <span> {{ row[item.prop] }}</span>
+            </td>
           </tr>
           </tr>
         </table>
         </table>
       </div>
       </div>
@@ -32,8 +38,8 @@
 
 
 <script>
 <script>
 import { datas } from "./qlxxFormData.js";
 import { datas } from "./qlxxFormData.js";
-import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
-import { getDiyiqList } from "@/api/djbDetail.js";
+import { getSjlx } from "@/utils/dictionary.js";
+import { getDjbQlxxDiff } from "@/api/djbDetail.js";
 export default {
 export default {
   props: {
   props: {
     formData: {
     formData: {
@@ -50,19 +56,75 @@ export default {
       //空列值个数
       //空列值个数
       emptycolNum: 1,
       emptycolNum: 1,
       //列名称对象
       //列名称对象
-      columns: datas.columns().DYIQ,
+      columns: [],
     };
     };
   },
   },
   created() {
   created() {
-    console.log("this.formData", this.formData);
+    console.log("this.formData", this.formData.bsmQlxx);
+    console.log("this.formData", this.formData.dqqllx);
+    switch (this.formData.dqqllx) {
+      case "JSYDSYQ":
+        this.columns = datas.columns().JSYDSYQ;
+        break;
+      case "FDCQ2":
+        this.columns = datas.columns().FDCQ2;
+        break;
+      case "NYDSYQ":
+        this.columns = datas.columns().NYDSYQ;
+        break;
+      case "DYAQ":
+        this.columns = datas.columns().DYAQ;
+        break;
+      case "DYIQ":
+        this.columns = datas.columns().DYIQ;
+        break;
+      case "YGDJ":
+        this.columns = datas.columns().YGDJ;
+        break;
+      case "CFDJ":
+        this.columns = datas.columns().CFDJ;
+        break;
+      case "YYDJ":
+        this.columns = datas.columns().YYDJ;
+        break;
+    }
+    this.getdata();
   },
   },
   methods: {
   methods: {
     /**
     /**
      * @description: checkChange
      * @description: checkChange
      * @author: renchao
      * @author: renchao
      */
      */
+    getdata() {
+      getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => {
+        if (res.code === 200) {
+          console.log("res", res);
+          this.tableData = res.result;
+          this.tableData.map((item) => {
+            item.sjlx = getSjlx(item.sjlx);
+          });
+          console.log("this.tableData", this.tableData);
+        }
+      });
+    }
+    /**
+     * @description: getQsztName
+     * @param {*} code
+     * @author: renchao
+     */,
+    getQsztName(code) {
+      let name = "";
+      for (let item of this.qsztList) {
+        if (item.value == code) {
+          name = item.label;
+          break;
+        }
+      }
+      return name;
+    },
+
     checkChange() {
     checkChange() {
-   console.log("ssss",this.radio);
+      console.log("ssss", this.radio);
     },
     },
   },
   },
 };
 };

@@ -46,13 +46,13 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <div class="slxx_title title-block">
+       <div
+          class="slxx_title title-block flex"
+          style="justify-content: space-between"
+        >
           不动产单元情况
           不动产单元情况
-          <div class="triangle"></div>
+          <el-button @click="compare">变化情况对比+</el-button>
         </div>
         </div>
-
-        <el-button type="primary" style="float: right;margin-right: 20px; " @click="dataSelectClick">数据查看</el-button>
-
         <el-row :gutter="10" v-if="ruleForm.qlxx">
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
             <el-form-item label="不动产单元号：">
@@ -355,12 +355,27 @@
           }
           }
         });
         });
       },
       },
+         /**
+     * @description: compare
+     * @author: renchao
+     */
+    compare() {
+      this.$popupDialog(
+        "国有建设用地使用权",
+        "registerBook/comparison",
+        { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+         dqqllx: 'FDCQ2',
+        },
+        "80%",
+        true
+      );
+    },
     },
     },
   };
   };
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
   @import "~@/styles/public.scss";
   @import "~@/styles/public.scss";
-
+@import "~@/styles/slxx/slxx.scss";
   /deep/.el-form {
   /deep/.el-form {
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;

@@ -331,7 +331,9 @@ export default {
      this.$popupDialog(
      this.$popupDialog(
         "国有建设用地使用权",
         "国有建设用地使用权",
         "registerBook/comparison",
         "registerBook/comparison",
-        { propsParam: this.propsParam },
+        { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+         dqqllx: 'JSYDSYQ',
+        },
         "80%",
         "80%",
         true
         true
       );
       );

@@ -42,13 +42,13 @@
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-        <div class="slxx_title title-block">
-          不动产情况
-          <div class="triangle"></div>
+         <div
+          class="slxx_title title-block flex"
+          style="justify-content: space-between"
+        >
+          不动产单元情况
+          <el-button @click="compare">变化情况对比+</el-button>
         </div>
         </div>
-
-        <!--        <el-button type="primary" style="float: right;margin-right: 20px; " @click="onClick">数据查看</el-button>-->
-
         <el-row :gutter="10" v-if="ruleForm.qlxx">
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
           <el-col :span="8">
             <el-form-item label="不动产单元号：">
             <el-form-item label="不动产单元号：">
@@ -245,6 +245,21 @@
           }
           }
         });
         });
       },
       },
+          /**
+     * @description: compare
+     * @author: renchao
+     */
+     compare() {
+      this.$popupDialog(
+        "国有建设用地使用权",
+        "registerBook/comparison",
+        { bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
+         dqqllx: 'YGDJ',
+        },
+        "80%",
+        true
+      );
+    },
     },
     },
   };
   };
 </script>
 </script>