Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
2 changed files
with
162 additions
and
13 deletions
src/views/workflow/components/dyaqTable.vue
0 → 100644
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> |
66 | </div> | 67 | <cfBdcdyTable :tableData="ruleForm.ztQlxxList" /> |
67 | <cfBdcdyTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')" /> | 68 | </div> |
68 | <cfBdcdyTable v-else :tableData="ruleForm.ztQlxxList" /> | 69 | <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
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 | }, | ... | ... |
-
Please register or sign in to post a comment