合同信息

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2024-03-21 15:43:56
+ */
 import request from '@/utils/request'
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
 
@@ -8,11 +13,25 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
  * @author: renchao
  */
 export function getDetail (bsmSldy) {
-    return request({
-      url: SERVER.SERVERAPI + '/rest/ywbl/swhtxx/getDetail',
-      method: 'get',
-      params: {
-        bsmSldy: bsmSldy
-      }
-    })
-  }
\ No newline at end of file
+  return request({
+    url: SERVER.SERVERAPI + '/rest/ywbl/swhtxx/getDetail',
+    method: 'get',
+    params: {
+      bsmSldy: bsmSldy
+    }
+  })
+}
+/**
+ * @description: 读取权利人信息
+ * @param {*} bsmSldy
+ * @author: renchao
+ */
+export function loadQlrxx (bsmSldy) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/ywbl/swhtxx/loadQlrxx',
+    method: 'get',
+    params: {
+      bsmSldy: bsmSldy
+    }
+  })
+}
\ No newline at end of file

@@ -195,8 +195,8 @@
   </div>
 </template>
 <script>
-  import { getDetail } from "@/api/workflow/swhtxx.js";
   import { mapGetters } from "vuex";
+  import { getDetail } from "@/api/workflow/swhtxx.js";
   export default {
     computed: {
       ...mapGetters(["dictData", "flag"]),
@@ -281,7 +281,6 @@
       };
     },
     methods: {
-      onSubmit () { },
       loadData () {
         getDetail(this.propsParam.bsmSldy).then((res) => {
           if (res.code === 200 && res.result) {
@@ -305,7 +304,7 @@
         })
       },
       handleContract () {
-        this.$popupDialog('合同信息', 'workflow/main/swxx/jyht', {}, '50%', true)
+        this.$popupDialog('合同信息', 'workflow/main/swxx/jyht', { bsmSldy: this.propsParam.bsmSldy }, '50%', true)
       }
     }
   }

 <!--
  * @Description: 交易合同
  * @Autor: renchao
- * @LastEditTime: 2024-03-21 14:15:27
+ * @LastEditTime: 2024-03-21 16:25:53
 -->
 <template>
   <div class='jyht'>
-    交易合同
+    <el-form :model="queryForm">
+      <el-row :gutter="10">
+        <el-col :span="8">
+          <el-form-item label="合同号">
+            <el-input v-model="queryForm.hth"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16" class="btnColRight">
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <lb-table ref="table" @row-click="handleRowClick" :pagination="false" :key="key"
+      :column="tableData.columns"
+      :data="tableData.data">
+    </lb-table>
+    <div class="text-center">
+      <el-button @click="$popupCacel">取消</el-button>
+      <el-button type="primary" @click="handleSubmit" plain>保存</el-button>
+    </div>
   </div>
 </template>
 <script>
+  import store from '@/store/index.js'
+  import { loadQlrxx } from "@/api/workflow/swhtxx.js";
   export default {
     props: {
       formData: {
@@ -19,6 +41,74 @@
     components: {},
     data () {
       return {
+        key: 0,
+        radioVal: '',
+        tableData: {
+          data: [],
+          columns: [
+            {
+              label: '选择',
+              width: '50px',
+              render: (h, scope) => {
+                return (
+                  <div class="orgColumn">
+                    <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bsmSqr}>
+                      &ensp;
+                    </el-radio>
+                  </div>
+                )
+              }
+            },
+            {
+              prop: 'sqrmc',
+              label: '权利人名称',
+            },
+            {
+              prop: 'zjzlmc',
+              label: '证件种类'
+            },
+            {
+              prop: 'dh',
+              label: '联系电话'
+            }
+          ]
+        },
+        queryForm: {
+          hth: ''
+        }
+      }
+    },
+    mounted () {
+      this.handleSearch()
+    },
+    methods: {
+      handleRowClick (val) {
+        this.radioVal = row.bsmSqr
+      },
+      handleSubmit () { },
+      handleChange (row) {
+        this.radioVal = row.bsmSqr
+      },
+      handleSearch () {
+        function findValueByKey (array, keyToFind) {
+          var foundItem = array.find(function (item) {
+            return item.dcode === keyToFind;
+          });
+
+          return foundItem ? foundItem.dname : undefined;
+        }
+
+        loadQlrxx(this.formData.bsmSldy).then(res => {
+          let arr = store.getters.dictData['A30']
+          this.tableData.data = res.result
+          this.tableData.data = this.tableData.data.concat(this.tableData.data)
+          this.tableData.data.forEach(item => {
+            if (item.zjzl) {
+              item.zjzlmc = findValueByKey(arr, item.zjzl);
+            }
+          })
+          this.key++
+        })
       }
     }
   }