Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
2 changed files
with
161 additions
and
12 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> |
| 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 | }, | ... | ... |
-
Please register or sign in to post a comment