Merge branch 'dev'
Showing
2 changed files
with
161 additions
and
9 deletions
src/views/workflow/components/cfdjTable.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: "yg", | ||
| 54 | label: "原告" | ||
| 55 | }, | ||
| 56 | { | ||
| 57 | prop: "cfjg", | ||
| 58 | label: "查封机关" | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | prop: "cfwh", | ||
| 62 | label: "查封文号" | ||
| 63 | }, | ||
| 64 | { | ||
| 65 | prop: "cfqssj", | ||
| 66 | label: "查封开始时间" | ||
| 67 | }, | ||
| 68 | { | ||
| 69 | prop: "cfjssj", | ||
| 70 | label: "查封结束时间" | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | prop: "cflxmc", | ||
| 74 | label: "查封类型" | ||
| 75 | }, | ||
| 76 | { | ||
| 77 | prop: "ywrmc", | ||
| 78 | label: "被执行人" | ||
| 79 | }, | ||
| 80 | { | ||
| 81 | prop: "bcfzh", | ||
| 82 | label: "被查封证号" | ||
| 83 | }, | ||
| 84 | { | ||
| 85 | prop: "bdcdyh", | ||
| 86 | label: "不动产单元号" | ||
| 87 | }, | ||
| 88 | { | ||
| 89 | prop: "zl", | ||
| 90 | label: "坐落" | ||
| 91 | }, | ||
| 92 | |||
| 93 | |||
| 94 | ], | ||
| 95 | column: this.qlrCommonTable | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | watch: { | ||
| 99 | tableData: { | ||
| 100 | handler: function (val, oldVal) { | ||
| 101 | let that = this | ||
| 102 | if (val.length == 0 || !val) { | ||
| 103 | that.tableDataList = _.cloneDeep([{ | ||
| 104 | sqrmc: '', | ||
| 105 | dlrzjlx: '', | ||
| 106 | dlrzjh: '', | ||
| 107 | fr: '' | ||
| 108 | }]) | ||
| 109 | } else { | ||
| 110 | that.tableDataList = _.cloneDeep(val) | ||
| 111 | } | ||
| 112 | }, | ||
| 113 | immediate: true, | ||
| 114 | deep: true | ||
| 115 | }, | ||
| 116 | gyfs: { | ||
| 117 | handler (newVal, oldValue) { | ||
| 118 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 119 | if (newVal == '1') { | ||
| 120 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 121 | } else if ((newVal == '2')) { | ||
| 122 | this.column = dataList | ||
| 123 | } else { | ||
| 124 | this.column = _.cloneDeep(dataList) | ||
| 125 | this.column.splice( | ||
| 126 | 2, 0, { | ||
| 127 | prop: "qlbl", | ||
| 128 | label: "份数" | ||
| 129 | }) | ||
| 130 | } | ||
| 131 | }, | ||
| 132 | immediate: true | ||
| 133 | } | ||
| 134 | }, | ||
| 135 | methods: { | ||
| 136 | } | ||
| 137 | } | ||
| 138 | </script> | ||
| 139 | <style scoped lang='scss'> | ||
| 140 | /deep/.el-table th { | ||
| 141 | height: 30px !important; | ||
| 142 | } | ||
| 143 | /deep/.el-table--small .el-table__cell { | ||
| 144 | padding: 5px; | ||
| 145 | } | ||
| 146 | </style> |
| ... | @@ -52,16 +52,21 @@ | ... | @@ -52,16 +52,21 @@ |
| 52 | </el-form-item> | 52 | </el-form-item> |
| 53 | </el-col> | 53 | </el-col> |
| 54 | </el-row> | 54 | </el-row> |
| 55 | <div class="slxx_title title-block"> | 55 | <div class="slxx_title title-block" v-if="ruleForm.slsq.djywbm.includes('400')"> |
| 56 | 解封信息列表({{ ruleForm.cfdjDetailList.length }} 个) | ||
| 57 | <div class="triangle"></div> | ||
| 58 | <cfdjTable :tableData="ruleForm.cfdjDetailList" /> | ||
| 59 | </div> | ||
| 60 | <div class="slxx_title title-block" v-else> | ||
| 56 | 查封不动产列表({{ ruleForm.ztQlxxList.length }} 个) | 61 | 查封不动产列表({{ ruleForm.ztQlxxList.length }} 个) |
| 57 | <div class="triangle"></div> | 62 | <div class="triangle"></div> |
| 63 | <cfBdcdyTable :tableData="ruleForm.ztQlxxList" /> | ||
| 58 | </div> | 64 | </div> |
| 59 | <cfBdcdyTable :tableData="ruleForm.ztQlxxList" /> | 65 | <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
| 60 | <div class="slxx_title title-block"> | ||
| 61 | 批量查封信息 | 66 | 批量查封信息 |
| 62 | <div class="triangle"></div> | 67 | <div class="triangle"></div> |
| 63 | </div> | 68 | </div> |
| 64 | <el-row :gutter="10"> | 69 | <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
| 65 | <el-col :span="8"> | 70 | <el-col :span="8"> |
| 66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="原告:"> | 71 | <el-form-item :class="flag ? 'marginBot0' : ''" label="原告:"> |
| 67 | <el-input v-model="ruleForm.cfdj.yg" :disabled="!ableOperation|| isJfOperation"></el-input> | 72 | <el-input v-model="ruleForm.cfdj.yg" :disabled="!ableOperation|| isJfOperation"></el-input> |
| ... | @@ -78,7 +83,7 @@ | ... | @@ -78,7 +83,7 @@ |
| 78 | </el-form-item> | 83 | </el-form-item> |
| 79 | </el-col> | 84 | </el-col> |
| 80 | </el-row> | 85 | </el-row> |
| 81 | <el-row :gutter="10"> | 86 | <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
| 82 | <el-col :span="8"> | 87 | <el-col :span="8"> |
| 83 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:"> | 88 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:"> |
| 84 | <el-input v-model="ruleForm.cfdj.cfqx" :disabled="!ableOperation|| isJfOperation"></el-input> | 89 | <el-input v-model="ruleForm.cfdj.cfqx" :disabled="!ableOperation|| isJfOperation"></el-input> |
| ... | @@ -98,7 +103,7 @@ | ... | @@ -98,7 +103,7 @@ |
| 98 | </el-form-item> | 103 | </el-form-item> |
| 99 | </el-col> | 104 | </el-col> |
| 100 | </el-row> | 105 | </el-row> |
| 101 | <el-row :gutter="10"> | 106 | <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
| 102 | <el-col :span="8"> | 107 | <el-col :span="8"> |
| 103 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:"> | 108 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:"> |
| 104 | <el-input v-model="ruleForm.cfdj.cfwj" :disabled="!ableOperation|| isJfOperation"></el-input> | 109 | <el-input v-model="ruleForm.cfdj.cfwj" :disabled="!ableOperation|| isJfOperation"></el-input> |
| ... | @@ -110,7 +115,7 @@ | ... | @@ -110,7 +115,7 @@ |
| 110 | </el-form-item> | 115 | </el-form-item> |
| 111 | </el-col> | 116 | </el-col> |
| 112 | </el-row> | 117 | </el-row> |
| 113 | <el-row :gutter="10"> | 118 | <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
| 114 | <el-col> | 119 | <el-col> |
| 115 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:"> | 120 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:"> |
| 116 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.fj" | 121 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.fj" |
| ... | @@ -118,7 +123,7 @@ | ... | @@ -118,7 +123,7 @@ |
| 118 | </el-form-item> | 123 | </el-form-item> |
| 119 | </el-col> | 124 | </el-col> |
| 120 | </el-row> | 125 | </el-row> |
| 121 | <el-row :gutter="10"> | 126 | <el-row :gutter="10" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
| 122 | <el-col> | 127 | <el-col> |
| 123 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> |
| 124 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" | 129 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" |
| ... | @@ -158,6 +163,7 @@ | ... | @@ -158,6 +163,7 @@ |
| 158 | </template> | 163 | </template> |
| 159 | <script> | 164 | <script> |
| 160 | import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; | 165 | import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; |
| 166 | import cfdjTable from "@/views/workflow/components/cfdjTable"; | ||
| 161 | import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; | 167 | import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; |
| 162 | import { mapGetters } from "vuex"; | 168 | import { mapGetters } from "vuex"; |
| 163 | export default { | 169 | export default { |
| ... | @@ -199,7 +205,7 @@ | ... | @@ -199,7 +205,7 @@ |
| 199 | } | 205 | } |
| 200 | }) | 206 | }) |
| 201 | }, | 207 | }, |
| 202 | components: { cfBdcdyTable }, | 208 | components: { cfBdcdyTable,cfdjTable }, |
| 203 | props: { | 209 | props: { |
| 204 | flag: { | 210 | flag: { |
| 205 | type: Boolean, | 211 | type: Boolean, | ... | ... |
-
Please register or sign in to post a comment