Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
48d26dad by tianhaohao@pashanhoo.com
Options

111

1 parent bccdee33
Inline Side-by-side
Showing 2 changed files with 161 additions and 12 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-17 13:51:29
5 -->
6 <template>
7 <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
8 </lb-table>
9 </template>
10 <script>
11 import addQlr from './dialog/addQlr.vue'
12 import { mapGetters } from 'vuex'
13 export default {
14 components: {
15 addQlr
16 },
17 computed: {
18 ...mapGetters(["dictData"]),
19 },
20 props: {
21 tableData: {
22 type: Array,
23 default: function () {
24 return []
25 }
26 },
27 gyfs: {
28 type: String,
29 default: '1'
30 }
31 },
32 data () {
33 return {
34 key: 0,
35 dataIndex: 0,
36 dialog: false,
37 details: {},
38 tableDataList: [],
39 qlrCommonTable: [
40 {
41 label: '序号',
42 type: 'index',
43 width: '50',
44 render: (h, scope) => {
45 return (
46 <div>
47 {scope.$index + 1}
48 </div>
49 )
50 }
51 },
52 {
53 prop: "qlrmc",
54 label: "抵押权人"
55 },
56 {
57 prop: "ywrmc",
58 label: "抵押人"
59 },
60 {
61 prop: "bdcqzh",
62 label: "不动产登记证明号"
63 },
64 {
65 prop: "dyjelx",
66 label: "抵押金额类型"
67 },
68 {
69 prop: "dyfsmc",
70 label: "抵押方式"
71 },
72 {
73 prop: "qdjgmc",
74 label: "抵押金额"
75 },
76 {
77 prop: "qlmjmc",
78 label: "抵押面积"
79 },
80 {
81 prop: "zwlxqssj",
82 label: "债务履行开始时间"
83 },
84 {
85 prop: "zwlxjssj",
86 label: "债务履行结束时间"
87 },
88 {
89 prop: "bdcdyh",
90 label: "不动产单元号"
91 },
92 {
93 prop: "zl",
94 label: "坐落"
95 },
96
97
98 ],
99 column: this.qlrCommonTable
100 }
101 },
102 watch: {
103 tableData: {
104 handler: function (val, oldVal) {
105 let that = this
106 if (val.length == 0 || !val) {
107 that.tableDataList = _.cloneDeep([{
108 sqrmc: '',
109 dlrzjlx: '',
110 dlrzjh: '',
111 fr: ''
112 }])
113 } else {
114 that.tableDataList = _.cloneDeep(val)
115 }
116 },
117 immediate: true,
118 deep: true
119 },
120 gyfs: {
121 handler (newVal, oldValue) {
122 let dataList = _.cloneDeep(this.qlrCommonTable)
123 if (newVal == '1') {
124 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
125 } else if ((newVal == '2')) {
126 this.column = dataList
127 } else {
128 this.column = _.cloneDeep(dataList)
129 this.column.splice(
130 2, 0, {
131 prop: "qlbl",
132 label: "份数"
133 })
134 }
135 },
136 immediate: true
137 }
138 },
139 methods: {
140 }
141 }
142 </script>
143 <style scoped lang='scss'>
144 /deep/.el-table th {
145 height: 30px !important;
146 }
147 /deep/.el-table--small .el-table__cell {
148 padding: 5px;
149 }
150 </style>
...@@ -55,24 +55,24 @@ ...@@ -55,24 +55,24 @@
55 <div 55 <div
56 class="slxx_title title-block" 56 class="slxx_title title-block"
57 v-if="ruleForm.slsq.djywbm.includes('400')"> 57 v-if="ruleForm.slsq.djywbm.includes('400')">
58 在抵押权信息列表（{{ ruleForm.qlxxList.length }} 个） 58 在抵押权信息列表（{{ ruleForm.diyaqDetailList.length }} 个）
59 <div class="triangle"></div> 59 <div class="triangle"></div>
60 <dyaqTable :tableData="ruleForm.diyaqDetailList" />
60 </div> 61 </div>
61 <div 62 <div
62 class="slxx_title title-block" 63 class="slxx_title title-block"
63 v-else> 64 v-else>
64 抵押不动产列表信息（{{ ruleForm.ztQlxxList.length }} 个） 65 抵押不动产列表信息（{{ ruleForm.ztQlxxList.length }} 个）
65 <div class="triangle"></div> 66 <div class="triangle"></div>
67 <cfBdcdyTable :tableData="ruleForm.ztQlxxList" />
66 </div> 68 </div>
67 <cfBdcdyTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')" /> 69 <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')">
68 <cfBdcdyTable v-else :tableData="ruleForm.ztQlxxList" />
69 <div class="slxx_title title-block">
70 抵押信息 70 抵押信息
71 <div class="triangle"></div> 71 <div class="triangle"></div>
72 </div> 72 </div>
73 <el-row 73 <el-row
74 :gutter="10" 74 :gutter="10"
75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
76 <el-col :span="8"> 76 <el-col :span="8">
77 <el-form-item label="抵押方式："> 77 <el-form-item label="抵押方式：">
78 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 78 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
106 </el-row> 106 </el-row>
107 <el-row 107 <el-row
108 :gutter="10" 108 :gutter="10"
109 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 109 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
111 <el-form-item label="被担保主债权数额："> 111 <el-form-item label="被担保主债权数额：">
112 <div style="display: flex"> 112 <div style="display: flex">
...@@ -165,8 +165,7 @@ ...@@ -165,8 +165,7 @@
165 </el-form-item> 165 </el-form-item>
166 </el-col> 166 </el-col>
167 </el-row> 167 </el-row>
168 168 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
169 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
170 <el-col :span="24"> 169 <el-col :span="24">
171 <el-form-item label="担保范围："> 170 <el-form-item label="担保范围：">
172 <el-input 171 <el-input
...@@ -175,7 +174,7 @@ ...@@ -175,7 +174,7 @@
175 </el-form-item> 174 </el-form-item>
176 </el-col> 175 </el-col>
177 </el-row> 176 </el-row>
178 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 177 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
179 <el-col :span="24"> 178 <el-col :span="24">
180 <el-form-item label="最高债权确定事实和数额："> 179 <el-form-item label="最高债权确定事实和数额：">
181 <el-input 180 <el-input
...@@ -184,7 +183,7 @@ ...@@ -184,7 +183,7 @@
184 </el-form-item> 183 </el-form-item>
185 </el-col> 184 </el-col>
186 </el-row> 185 </el-row>
187 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 186 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
188 <el-col> 187 <el-col>
189 <el-form-item label="附记：" prop="fj"> 188 <el-form-item label="附记：" prop="fj">
190 <el-input 189 <el-input
...@@ -304,8 +303,8 @@ ...@@ -304,8 +303,8 @@
304 </div> 303 </div>
305 </template> 304 </template>
306 <script> 305 <script>
307 import qjhTable from "@/views/workflow/components/qjhTable";
308 import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; 306 import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable";
307 import dyaqTable from "@/views/workflow/components/dyaqTable";
309 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
310 import { batchInit, saveBatchData } from "@/api/workflow/diyaqFlow.js"; 309 import { batchInit, saveBatchData } from "@/api/workflow/diyaqFlow.js";
311 import { mapGetters } from "vuex"; 310 import { mapGetters } from "vuex";
...@@ -346,7 +345,7 @@ ...@@ -346,7 +345,7 @@
346 this.loading = false 345 this.loading = false
347 }) 346 })
348 }, 347 },
349 components: { qlrCommonTable, qjhTable, cfBdcdyTable }, 348 components: { qlrCommonTable, cfBdcdyTable,dyaqTable },
350 computed: { 349 computed: {
351 ...mapGetters(["dictData", "flag"]), 350 ...mapGetters(["dictData", "flag"]),
352 }, 351 },
......