Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
77 changed files
with
1649 additions
and
522 deletions
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | 10 | ||
| 11 | <template> | 11 | <template> |
| 12 | <div :class="['lb-table', customClass]"> | 12 | <div :class="['lb-table', customClass]"> |
| 13 | <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '45px' }" ref="elTable" :border='border' | 13 | <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: rowStyleHeight+'px' }" ref="elTable" :border='border' |
| 14 | :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" | 14 | :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" |
| 15 | :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" | 15 | :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" |
| 16 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> | 16 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> |
| ... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
| 24 | </lb-column> | 24 | </lb-column> |
| 25 | </el-table> | 25 | </el-table> |
| 26 | 26 | ||
| 27 | <el-table v-else ref="elTable" class="table-fixed heightNumSetting" :row-style="{ height: '45px' }" | 27 | <el-table v-else ref="elTable" class="table-fixed heightNumSetting" :row-style="{ height: rowStyleHeight+'px' }" |
| 28 | :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" | 28 | :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" |
| 29 | :max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" | 29 | :max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" |
| 30 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> | 30 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> |
| ... | @@ -65,6 +65,10 @@ | ... | @@ -65,6 +65,10 @@ |
| 65 | type: Boolean, | 65 | type: Boolean, |
| 66 | default: true, | 66 | default: true, |
| 67 | }, | 67 | }, |
| 68 | rowStyleHeight: { | ||
| 69 | type: Number, | ||
| 70 | default: 45, | ||
| 71 | }, | ||
| 68 | showHeader: { | 72 | showHeader: { |
| 69 | type: Boolean, | 73 | type: Boolean, |
| 70 | default: true, | 74 | default: true, | ... | ... |
| ... | @@ -10,6 +10,9 @@ | ... | @@ -10,6 +10,9 @@ |
| 10 | line-height: 16px; | 10 | line-height: 16px; |
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | |||
| 14 | |||
| 15 | |||
| 13 | .vue-treeselect--disabled .vue-treeselect__control { | 16 | .vue-treeselect--disabled .vue-treeselect__control { |
| 14 | background-color: #F5F7FA !important; | 17 | background-color: #F5F7FA !important; |
| 15 | } | 18 | } |
| ... | @@ -18,6 +21,12 @@ | ... | @@ -18,6 +21,12 @@ |
| 18 | color: #909399 !important; | 21 | color: #909399 !important; |
| 19 | } | 22 | } |
| 20 | 23 | ||
| 24 | .vue-treeselect__option { | ||
| 25 | /* 添加你的自定义样式 */ | ||
| 26 | font-size: 14px; | ||
| 27 | color: #606266; | ||
| 28 | } | ||
| 29 | |||
| 21 | //input | 30 | //input |
| 22 | .el-input__inner { | 31 | .el-input__inner { |
| 23 | padding: 0 7px !important; | 32 | padding: 0 7px !important; |
| ... | @@ -192,7 +201,7 @@ | ... | @@ -192,7 +201,7 @@ |
| 192 | 201 | ||
| 193 | // 表格样式 | 202 | // 表格样式 |
| 194 | .el-table th { | 203 | .el-table th { |
| 195 | height: 48px !important; | 204 | height: 45px; |
| 196 | font-size: 14px; | 205 | font-size: 14px; |
| 197 | color: #4A4A4A; | 206 | color: #4A4A4A; |
| 198 | } | 207 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:36:45 | 4 | * @LastEditTime: 2024-01-18 15:03:56 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | :pagination="false" | 10 | :pagination="false" |
| 11 | :key="key" | 11 | :key="key" |
| 12 | :heightNumSetting="true" | 12 | :heightNumSetting="true" |
| 13 | :minHeight="150" | 13 | :minHeight="0" |
| 14 | :data="tableDataList"> | 14 | :data="tableDataList"> |
| 15 | </lb-table> | 15 | </lb-table> |
| 16 | <addQlr | 16 | <addQlr |
| ... | @@ -181,6 +181,7 @@ | ... | @@ -181,6 +181,7 @@ |
| 181 | that.tableDataList = _.cloneDeep([]) | 181 | that.tableDataList = _.cloneDeep([]) |
| 182 | } else { | 182 | } else { |
| 183 | that.tableDataList = _.cloneDeep(val) | 183 | that.tableDataList = _.cloneDeep(val) |
| 184 | that.key++ | ||
| 184 | } | 185 | } |
| 185 | }) | 186 | }) |
| 186 | }, | 187 | }, |
| ... | @@ -193,6 +194,7 @@ | ... | @@ -193,6 +194,7 @@ |
| 193 | if (newVal == 0) { | 194 | if (newVal == 0) { |
| 194 | this.column = _.cloneDeep(dataList); | 195 | this.column = _.cloneDeep(dataList); |
| 195 | this.tableDataList = _.cloneDeep(this.tableData); | 196 | this.tableDataList = _.cloneDeep(this.tableData); |
| 197 | this.key++ | ||
| 196 | } else if (newVal == "1" || newVal == "3") { | 198 | } else if (newVal == "1" || newVal == "3") { |
| 197 | this.column = dataList; | 199 | this.column = dataList; |
| 198 | } else { | 200 | } else { |
| ... | @@ -247,6 +249,7 @@ | ... | @@ -247,6 +249,7 @@ |
| 247 | deleClick (index, row) { | 249 | deleClick (index, row) { |
| 248 | this.tableDataList.splice(index, 1); | 250 | this.tableDataList.splice(index, 1); |
| 249 | this.$emit("upDateQlrxxList", this.tableDataList); | 251 | this.$emit("upDateQlrxxList", this.tableDataList); |
| 252 | this.key++ | ||
| 250 | }, | 253 | }, |
| 251 | /** | 254 | /** |
| 252 | * @description: 身份证读取 | 255 | * @description: 身份证读取 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:37:47 | 4 | * @LastEditTime: 2024-01-18 14:22:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | :pagination="false" | 10 | :pagination="false" |
| 11 | :key="key" | 11 | :key="key" |
| 12 | :heightNumSetting="true" | 12 | :heightNumSetting="true" |
| 13 | :minHeight="150" | 13 | :minHeight="0" |
| 14 | :data="tableDataList"> | 14 | :data="tableDataList"> |
| 15 | </lb-table> | 15 | </lb-table> |
| 16 | <addYwr | 16 | <addYwr |
| ... | @@ -181,6 +181,7 @@ | ... | @@ -181,6 +181,7 @@ |
| 181 | that.tableDataList = _.cloneDeep([]) | 181 | that.tableDataList = _.cloneDeep([]) |
| 182 | } else { | 182 | } else { |
| 183 | that.tableDataList = _.cloneDeep(val) | 183 | that.tableDataList = _.cloneDeep(val) |
| 184 | that.key++ | ||
| 184 | } | 185 | } |
| 185 | }) | 186 | }) |
| 186 | }, | 187 | }, |
| ... | @@ -246,6 +247,7 @@ | ... | @@ -246,6 +247,7 @@ |
| 246 | deleClick (index, row) { | 247 | deleClick (index, row) { |
| 247 | this.tableDataList.splice(index, 1); | 248 | this.tableDataList.splice(index, 1); |
| 248 | this.$emit("upDateQlrxxList", this.tableDataList); | 249 | this.$emit("upDateQlrxxList", this.tableDataList); |
| 250 | this.key++ | ||
| 249 | }, | 251 | }, |
| 250 | 252 | ||
| 251 | /** | 253 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-19 16:23:02 | 4 | * @LastEditTime: 2024-01-19 13:58:43 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -41,8 +41,6 @@ | ... | @@ -41,8 +41,6 @@ |
| 41 | import { popupCacel } from "@/utils/popup.js"; | 41 | import { popupCacel } from "@/utils/popup.js"; |
| 42 | import { mapGetters } from "vuex"; | 42 | import { mapGetters } from "vuex"; |
| 43 | export default { | 43 | export default { |
| 44 | computed: { | ||
| 45 | }, | ||
| 46 | props: { | 44 | props: { |
| 47 | formData: { | 45 | formData: { |
| 48 | type: Object, | 46 | type: Object, |
| ... | @@ -56,15 +54,6 @@ | ... | @@ -56,15 +54,6 @@ |
| 56 | shyj: "", | 54 | shyj: "", |
| 57 | }; | 55 | }; |
| 58 | }, | 56 | }, |
| 59 | // watch: { | ||
| 60 | // yjsqOptions: { | ||
| 61 | // handler (val) { | ||
| 62 | // this.add(val.opinion); | ||
| 63 | // }, | ||
| 64 | // deep: true, | ||
| 65 | // immediate: true, | ||
| 66 | // }, | ||
| 67 | // }, | ||
| 68 | methods: { | 57 | methods: { |
| 69 | /** | 58 | /** |
| 70 | * @description: submitForm | 59 | * @description: submitForm |
| ... | @@ -80,6 +69,7 @@ | ... | @@ -80,6 +69,7 @@ |
| 80 | }) | 69 | }) |
| 81 | }, | 70 | }, |
| 82 | submitForm () { | 71 | submitForm () { |
| 72 | let that = this | ||
| 83 | this.queryForm = { | 73 | this.queryForm = { |
| 84 | bsmSlsq: this.formData.bsmSlsq, | 74 | bsmSlsq: this.formData.bsmSlsq, |
| 85 | shyj: this.shyj, | 75 | shyj: this.shyj, |
| ... | @@ -87,8 +77,8 @@ | ... | @@ -87,8 +77,8 @@ |
| 87 | }; | 77 | }; |
| 88 | completeTask(this.queryForm).then((res) => { | 78 | completeTask(this.queryForm).then((res) => { |
| 89 | if (res.code === 200) { | 79 | if (res.code === 200) { |
| 90 | this.$message.success("转件成功"); | ||
| 91 | popupCacel(); | 80 | popupCacel(); |
| 81 | that.$message.success("转件成功"); | ||
| 92 | setTimeout(() => { | 82 | setTimeout(() => { |
| 93 | if (window.opener && window.opener.getBpageList) { | 83 | if (window.opener && window.opener.getBpageList) { |
| 94 | window.opener.getBpageList(); | 84 | window.opener.getBpageList(); |
| ... | @@ -96,11 +86,14 @@ | ... | @@ -96,11 +86,14 @@ |
| 96 | window.opener.frames[0].getBpageList(); | 86 | window.opener.frames[0].getBpageList(); |
| 97 | } | 87 | } |
| 98 | window.close(); | 88 | window.close(); |
| 99 | this.$emit("input", false); | 89 | that.$emit("input", false); |
| 100 | }, 1000); | 90 | }, 360); |
| 101 | } else { | 91 | } else { |
| 102 | this.$message.error(res.message); | 92 | this.$message.error(res.message); |
| 103 | } | 93 | } |
| 94 | }).catch((error) => { | ||
| 95 | // 可以添加适当的错误处理 | ||
| 96 | this.$message.error("提交任务失败"); | ||
| 104 | }); | 97 | }); |
| 105 | }, | 98 | }, |
| 106 | /** | 99 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-15 15:47:29 | 4 | * @LastEditTime: 2024-01-18 14:06:53 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -724,10 +724,6 @@ | ... | @@ -724,10 +724,6 @@ |
| 724 | width: 100%; | 724 | width: 100%; |
| 725 | } | 725 | } |
| 726 | 726 | ||
| 727 | /deep/.el-form-item { | ||
| 728 | margin-bottom: 8px; | ||
| 729 | } | ||
| 730 | |||
| 731 | .marginBot0 { | 727 | .marginBot0 { |
| 732 | margin-bottom: 0 !important; | 728 | margin-bottom: 0 !important; |
| 733 | } | 729 | } | ... | ... |
| ... | @@ -148,6 +148,7 @@ | ... | @@ -148,6 +148,7 @@ |
| 148 | clmlInitList (type) { | 148 | clmlInitList (type) { |
| 149 | // 1:列表初始化 2:新增材料 | 149 | // 1:列表初始化 2:新增材料 |
| 150 | return new Promise((resolve) => { | 150 | return new Promise((resolve) => { |
| 151 | console.log(this.formData, 'this.formData'); | ||
| 151 | repairInitClml(this.formData).then((res) => { | 152 | repairInitClml(this.formData).then((res) => { |
| 152 | if (res.code == 200) { | 153 | if (res.code == 200) { |
| 153 | resolve(res.code); | 154 | resolve(res.code); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-20 17:31:14 | 4 | * @LastEditTime: 2024-01-19 15:46:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="tableBox"> | 7 | <div class="tableBox"> |
| ... | @@ -74,7 +74,7 @@ | ... | @@ -74,7 +74,7 @@ |
| 74 | <el-link v-if="['zxywh', 'ywh'].includes(item.prop)" | 74 | <el-link v-if="['zxywh', 'ywh'].includes(item.prop)" |
| 75 | @click="handleSelectYwh(row, row[item.prop])" | 75 | @click="handleSelectYwh(row, row[item.prop])" |
| 76 | type="primary">{{ row[item.prop] }}</el-link> | 76 | type="primary">{{ row[item.prop] }}</el-link> |
| 77 | <span v-if="!['qszt','ywh', 'zxywh'].includes(item.prop)">{{ getLable(item.prop,row[item.prop]) }}</span> | 77 | <span v-if="!['qszt','ywh', 'zxywh'].includes(item.prop)">{{ getLable(item.prop,row[item.prop],row) }}</span> |
| 78 | </p> | 78 | </p> |
| 79 | 79 | ||
| 80 | <el-tooltip | 80 | <el-tooltip |
| ... | @@ -139,7 +139,7 @@ | ... | @@ -139,7 +139,7 @@ |
| 139 | }; | 139 | }; |
| 140 | }, | 140 | }, |
| 141 | methods: { | 141 | methods: { |
| 142 | getLable (prop, label) { | 142 | getLable (prop, label, row) { |
| 143 | const ztObj = { | 143 | const ztObj = { |
| 144 | 0: '否', | 144 | 0: '否', |
| 145 | 1: '是' | 145 | 1: '是' |
| ... | @@ -158,9 +158,21 @@ | ... | @@ -158,9 +158,21 @@ |
| 158 | }, | 158 | }, |
| 159 | default: (label) => label | 159 | default: (label) => label |
| 160 | }; | 160 | }; |
| 161 | |||
| 162 | const strategy = strategies[prop] || strategies.default; | 161 | const strategy = strategies[prop] || strategies.default; |
| 163 | return strategy(label); | 162 | if (prop == 'bdbzzqse') { |
| 163 | let title = strategy(label) | ||
| 164 | if (row.jedw == 2) { | ||
| 165 | title = title + '万元' | ||
| 166 | } else if (row.jedw == 1) { | ||
| 167 | title = title + '元' | ||
| 168 | } | ||
| 169 | return title | ||
| 170 | } else if (prop == 'dymj' && row.mjdw) { | ||
| 171 | let arr = store.getters.dictData['A7'].filter(item => item.dcode === row.mjdw); | ||
| 172 | return strategy(label) + arr[0].dname | ||
| 173 | } else { | ||
| 174 | return strategy(label); | ||
| 175 | } | ||
| 164 | }, | 176 | }, |
| 165 | openPrint () { | 177 | openPrint () { |
| 166 | this.render = true; | 178 | this.render = true; |
| ... | @@ -242,11 +254,16 @@ | ... | @@ -242,11 +254,16 @@ |
| 242 | }, | 254 | }, |
| 243 | // 选择业务号 | 255 | // 选择业务号 |
| 244 | handleSelectYwh (row, ywh) { | 256 | handleSelectYwh (row, ywh) { |
| 257 | let that = this | ||
| 245 | let sjlx = row.sjlx, | 258 | let sjlx = row.sjlx, |
| 246 | bsmQlxx = row.bsmQlxx | 259 | bsmQlxx = row.bsmQlxx |
| 247 | if (sjlx == '系统数据') { | 260 | if (sjlx == '系统数据') { |
| 248 | getXtParamsByYwh(ywh).then(res => { | 261 | getXtParamsByYwh(ywh).then(res => { |
| 249 | let data = res.result | 262 | let data = res.result |
| 263 | // that.$popup('材料信息', 'registerBook/components/clxx/index', { | ||
| 264 | // width: '60%', | ||
| 265 | // formData: data | ||
| 266 | // }) | ||
| 250 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness) | 267 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness) |
| 251 | window.open(href, `urlname${new Date().getTime()}`) | 268 | window.open(href, `urlname${new Date().getTime()}`) |
| 252 | }) | 269 | }) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-11-02 13:39:22 | 4 | * @LastEditTime: 2024-01-19 15:46:23 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -301,11 +301,16 @@ | ... | @@ -301,11 +301,16 @@ |
| 301 | }, | 301 | }, |
| 302 | // 选择业务号 | 302 | // 选择业务号 |
| 303 | handleSelectYwh (row, ywh) { | 303 | handleSelectYwh (row, ywh) { |
| 304 | let that = this | ||
| 304 | let sjlx = row.sjlx, | 305 | let sjlx = row.sjlx, |
| 305 | bsmQlxx = row.bsmQlxx | 306 | bsmQlxx = row.bsmQlxx |
| 306 | if (sjlx == '系统数据') { | 307 | if (sjlx == '系统数据') { |
| 307 | getXtParamsByYwh(ywh).then(res => { | 308 | getXtParamsByYwh(ywh).then(res => { |
| 308 | let data = res.result | 309 | let data = res.result |
| 310 | // that.$popup('材料信息', 'registerBook/components/clxx/index', { | ||
| 311 | // width: '60%', | ||
| 312 | // formData: data | ||
| 313 | // }) | ||
| 309 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness) | 314 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness) |
| 310 | window.open(href, `urlname${new Date().getTime()}`) | 315 | window.open(href, `urlname${new Date().getTime()}`) |
| 311 | }) | 316 | }) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-22 17:09:14 | 4 | * @LastEditTime: 2023-11-22 17:09:14 |
| 5 | --> | 5 | --> |
| ... | @@ -65,10 +65,18 @@ | ... | @@ -65,10 +65,18 @@ |
| 65 | } | 65 | } |
| 66 | }) | 66 | }) |
| 67 | } else { | 67 | } else { |
| 68 | getPrintTemplateByCode({ tmpno: Vue.prototype.BASE_API.adapter + '-2' }).then(res => { | 68 | // getPrintTemplateByCode({ tmpno: Vue.prototype.BASE_API.adapter + '-2' }).then(res => { |
| 69 | getPrintTemplateByCode({ tmpno: 'dysqs-bz-2' }).then(res => { | ||
| 69 | if (res.code === 200) { | 70 | if (res.code === 200) { |
| 70 | getPrintApplicationForm(this.formData.bsmSldy).then(infoRes => { | 71 | getPrintApplicationForm(this.formData.bsmSldy).then(infoRes => { |
| 71 | if (infoRes.code === 200) { | 72 | if (infoRes.code === 200) { |
| 73 | if (infoRes.result.fileList && infoRes.result.fileList.length > 0) { | ||
| 74 | infoRes.result.fileList.forEach((it, index) => { | ||
| 75 | let key = index + 1 | ||
| 76 | this.$set(infoRes.result, "file" + key, it.sjmc) | ||
| 77 | }) | ||
| 78 | } | ||
| 79 | console.log(infoRes.result) | ||
| 72 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 80 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
| 73 | 81 | ||
| 74 | // 装载第一个模板并设置数据 | 82 | // 装载第一个模板并设置数据 |
| ... | @@ -92,4 +100,4 @@ | ... | @@ -92,4 +100,4 @@ |
| 92 | } | 100 | } |
| 93 | } | 101 | } |
| 94 | } | 102 | } |
| 95 | </script> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 103 | </script> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-18 16:00:55 | 4 | * @LastEditTime: 2024-01-18 11:04:53 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -36,9 +36,9 @@ | ... | @@ -36,9 +36,9 @@ |
| 36 | </el-form-item> | 36 | </el-form-item> |
| 37 | </el-form> | 37 | </el-form> |
| 38 | <div class="zs-content"> | 38 | <div class="zs-content"> |
| 39 | <canvas ref="zs1" width="1000" v-show="this.formData.bdcqzlx==1 && activeTitle=='title1'" height="700"></canvas> | 39 | <canvas ref="zs1" width="1024" v-show="this.formData.bdcqzlx==1 && activeTitle=='title1'" height="739"></canvas> |
| 40 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqzlx==1 && activeTitle=='title2'" height="700"></canvas> | 40 | <canvas ref="zs" width="1024" v-show="this.formData.bdcqzlx==1 && activeTitle=='title2'" height="739"></canvas> |
| 41 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqzlx==2" height="780"></canvas> | 41 | <canvas ref="zm" width="1169" v-show="this.formData.bdcqzlx==2" height="828"></canvas> |
| 42 | </div> | 42 | </div> |
| 43 | </div> | 43 | </div> |
| 44 | <!-- 打印模板需要此模块 --> | 44 | <!-- 打印模板需要此模块 --> |
| ... | @@ -269,7 +269,18 @@ | ... | @@ -269,7 +269,18 @@ |
| 269 | context.fillStyle = '#000000'; | 269 | context.fillStyle = '#000000'; |
| 270 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 270 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
| 271 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 271 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
| 272 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | 272 | // context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); |
| 273 | |||
| 274 | if (getByteLen(this.bdcqz.sxqc) > 14) { | ||
| 275 | const originalFont = context.font; | ||
| 276 | // 设置新的字体大小 | ||
| 277 | context.font = '14px 楷体'; // 替换为你想要的字体和大小 | ||
| 278 | // 绘制 bdcdyh | ||
| 279 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 165, 56); | ||
| 280 | // 恢复原始字体设置 | ||
| 281 | context.font = originalFont; | ||
| 282 | } | ||
| 283 | |||
| 273 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | 284 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); |
| 274 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); | 285 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
| 275 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); | 286 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
| ... | @@ -327,7 +338,7 @@ | ... | @@ -327,7 +338,7 @@ |
| 327 | } | 338 | } |
| 328 | // 权利其他状态 | 339 | // 权利其他状态 |
| 329 | const maxWidth = 332; // 最大宽度限制 | 340 | const maxWidth = 332; // 最大宽度限制 |
| 330 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 341 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : []; |
| 331 | for (let i = 0; i < lines.length; i++) { | 342 | for (let i = 0; i < lines.length; i++) { |
| 332 | let num = Math.ceil(getByteLen(lines[i]) / 37) | 343 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
| 333 | if (getByteLen(lines[i]) > 37) { | 344 | if (getByteLen(lines[i]) > 37) { |
| ... | @@ -362,7 +373,7 @@ | ... | @@ -362,7 +373,7 @@ |
| 362 | } | 373 | } |
| 363 | } | 374 | } |
| 364 | 375 | ||
| 365 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 376 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : []; |
| 366 | lines1.forEach((line, index) => { | 377 | lines1.forEach((line, index) => { |
| 367 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 378 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
| 368 | let currentLine = ''; | 379 | let currentLine = ''; |
| ... | @@ -507,14 +518,66 @@ | ... | @@ -507,14 +518,66 @@ |
| 507 | } | 518 | } |
| 508 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 519 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
| 509 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 520 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
| 510 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 521 | // context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
| 522 | |||
| 523 | if (getByteLen(this.bdcqz.sxqc) > 14) { | ||
| 524 | const originalFont = context.font; | ||
| 525 | // 设置新的字体大小 | ||
| 526 | context.font = '14px 楷体'; // 替换为你想要的字体和大小 | ||
| 527 | // 绘制 bdcdyh | ||
| 528 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 725, 125); | ||
| 529 | // 恢复原始字体设置 | ||
| 530 | context.font = originalFont; | ||
| 531 | } | ||
| 532 | |||
| 511 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | 533 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); |
| 512 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 534 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
| 513 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 535 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 536 | // 权利人 | ||
| 537 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; | ||
| 538 | if (getByteLen(this.bdcqz.qlr) >= 34) { | ||
| 539 | qlrlines.forEach((line, index) => { | ||
| 540 | let currentLine = ''; | ||
| 541 | let arr = []; | ||
| 542 | for (let word of line) { | ||
| 543 | const testLine = currentLine + word; | ||
| 544 | const lineWidth = context.measureText(testLine).width; | ||
| 545 | if (lineWidth <= 295) { | ||
| 546 | currentLine = testLine; | ||
| 547 | } else { | ||
| 548 | arr.push(currentLine); | ||
| 549 | currentLine = word; | ||
| 550 | } | ||
| 551 | } | ||
| 552 | arr.push(currentLine); | ||
| 553 | arr.forEach((line, index) => { | ||
| 554 | context.fillText(line, 775, 218 + (index * 20)); // 调整行高 | ||
| 555 | }) | ||
| 556 | }) | ||
| 557 | } else { | ||
| 558 | qlrlines.forEach((line, index) => { | ||
| 559 | let currentLine = ''; | ||
| 560 | let arr = []; | ||
| 561 | for (let word of line) { | ||
| 562 | const testLine = currentLine + word; | ||
| 563 | const lineWidth = context.measureText(testLine).width; | ||
| 564 | if (lineWidth <= 295) { | ||
| 565 | currentLine = testLine; | ||
| 566 | } else { | ||
| 567 | arr.push(currentLine); | ||
| 568 | currentLine = word; | ||
| 569 | } | ||
| 570 | } | ||
| 571 | arr.push(currentLine); | ||
| 572 | arr.forEach((line, index) => { | ||
| 573 | context.fillText(line, 775, 228 + (index * 20)); // 调整行高 | ||
| 574 | }) | ||
| 575 | }) | ||
| 576 | } | ||
| 514 | // 义务人 | 577 | // 义务人 |
| 515 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | 578 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); |
| 516 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 579 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
| 517 | if (getByteLen(this.bdcqz.zl) >= 39) { | 580 | if (getByteLen(this.bdcqz.zl) > 37) { |
| 518 | lines2.forEach((line, index) => { | 581 | lines2.forEach((line, index) => { |
| 519 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 582 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
| 520 | let currentLine = ''; | 583 | let currentLine = ''; |
| ... | @@ -558,10 +621,17 @@ | ... | @@ -558,10 +621,17 @@ |
| 558 | // bdcdyh | 621 | // bdcdyh |
| 559 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 622 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 560 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 623 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
| 624 | // 保存当前字体设置 | ||
| 625 | const originalFont = context.font; | ||
| 626 | // 设置新的字体大小 | ||
| 627 | context.font = '16px 楷体'; // 替换为你想要的字体和大小 | ||
| 628 | // 绘制 bdcdyh | ||
| 561 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 629 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
| 630 | // 恢复原始字体设置 | ||
| 631 | context.font = originalFont; | ||
| 562 | // qlqtzk | 632 | // qlqtzk |
| 563 | const maxWidth = 290; // 最大宽度限制 | 633 | const maxWidth = 290; // 最大宽度限制 |
| 564 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 634 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : []; |
| 565 | for (let i = 0; i < lines.length; i++) { | 635 | for (let i = 0; i < lines.length; i++) { |
| 566 | console.log(getByteLen(lines[i])); | 636 | console.log(getByteLen(lines[i])); |
| 567 | let num = Math.ceil(getByteLen(lines[i]) / 37) | 637 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
| ... | @@ -581,23 +651,23 @@ | ... | @@ -581,23 +651,23 @@ |
| 581 | arr.push(currentLine); | 651 | arr.push(currentLine); |
| 582 | if (i > 0) { | 652 | if (i > 0) { |
| 583 | arr.forEach((line, index) => { | 653 | arr.forEach((line, index) => { |
| 584 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高 | 654 | context.fillText(line, 770, 438 + (24 * (i - 1)) + 5 * num + (index * 17)); // 调整行高 |
| 585 | }) | 655 | }) |
| 586 | } else { | 656 | } else { |
| 587 | arr.forEach((line, index) => { | 657 | arr.forEach((line, index) => { |
| 588 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高 | 658 | context.fillText(line, 770, 438 + (24 * (i - 1)) + (index * 17)); // 调整行高 |
| 589 | }) | 659 | }) |
| 590 | } | 660 | } |
| 591 | } else { | 661 | } else { |
| 592 | if (i > 0) { | 662 | if (i > 0) { |
| 593 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (23 * (i - 1))); | 663 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (25 * (i - 1))); |
| 594 | } else { | 664 | } else { |
| 595 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + (23 * (i - 1))); | 665 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + (25 * (i - 1))); |
| 596 | } | 666 | } |
| 597 | } | 667 | } |
| 598 | } | 668 | } |
| 599 | // fj | 669 | // fj |
| 600 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 670 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : []; |
| 601 | for (let i = 0; i < lines1.length; i++) { | 671 | for (let i = 0; i < lines1.length; i++) { |
| 602 | let num = Math.ceil(getByteLen(lines1[i]) / 37) | 672 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
| 603 | if (getByteLen(lines1[i]) > 37) { | 673 | if (getByteLen(lines1[i]) > 37) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-18 09:24:03 | 4 | * @LastEditTime: 2024-01-19 14:45:09 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 7 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-19 09:17:03 | 4 | * @LastEditTime: 2024-01-18 11:25:39 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="text-align: center;"> |
| ... | @@ -14,19 +14,19 @@ | ... | @@ -14,19 +14,19 @@ |
| 14 | </el-tabs> | 14 | </el-tabs> |
| 15 | </div> | 15 | </div> |
| 16 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | 16 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> |
| 17 | <div style="height:85vh"> | 17 | <div style="max-height:89vh;overflow-y:auto"> |
| 18 | <div v-show="this.bdcqz.bdcqzlx==1"> | 18 | <div v-show="this.bdcqz.bdcqzlx==1"> |
| 19 | <el-tabs v-model="activeTitle"> | 19 | <el-tabs v-model="activeTitle"> |
| 20 | <el-tab-pane label="第一页" name="title1"></el-tab-pane> | 20 | <el-tab-pane label="第一页" name="title1"></el-tab-pane> |
| 21 | <el-tab-pane label="第二页" name="title2"></el-tab-pane> | 21 | <el-tab-pane label="第二页" name="title2"></el-tab-pane> |
| 22 | </el-tabs> | 22 | </el-tabs> |
| 23 | <div :style="{'width':'1185px','overflow-y': 'auto','height': '670px',}"> | 23 | <div style="width:1169px;overflow-x: hidden;"> |
| 24 | <canvas ref="zs1" width="1000" v-show="activeTitle=='title1'" height="700"></canvas> | 24 | <canvas ref="zs1" width="1024" v-show="activeTitle=='title1'" height="739"></canvas> |
| 25 | <canvas ref="zs" width="1000" v-show="activeTitle=='title2'" height="700"></canvas> | 25 | <canvas ref="zs" width="1024" v-show="activeTitle=='title2'" height="739"></canvas> |
| 26 | </div> | 26 | </div> |
| 27 | </div> | 27 | </div> |
| 28 | <div style="width:1185px;overflow-x: hidden;height: 700px;overflow-y:auto" v-show="this.bdcqz.bdcqzlx==2"> | 28 | <div style="width:1169px;overflow-x: hidden;" v-show="this.bdcqz.bdcqzlx==2"> |
| 29 | <canvas ref="zm" width="1180" height="780"></canvas> | 29 | <canvas ref="zm" width="1169" height="828"></canvas> |
| 30 | </div> | 30 | </div> |
| 31 | </div> | 31 | </div> |
| 32 | </div> | 32 | </div> |
| ... | @@ -198,7 +198,16 @@ | ... | @@ -198,7 +198,16 @@ |
| 198 | context.fillStyle = '#000000'; | 198 | context.fillStyle = '#000000'; |
| 199 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 199 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
| 200 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 200 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
| 201 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | 201 | // context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); |
| 202 | if (getByteLen(this.bdcqz.sxqc) > 14) { | ||
| 203 | const originalFont = context.font; | ||
| 204 | // 设置新的字体大小 | ||
| 205 | context.font = '14px 楷体'; // 替换为你想要的字体和大小 | ||
| 206 | // 绘制 bdcdyh | ||
| 207 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 165, 56); | ||
| 208 | // 恢复原始字体设置 | ||
| 209 | context.font = originalFont; | ||
| 210 | } | ||
| 202 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | 211 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); |
| 203 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); | 212 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
| 204 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); | 213 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
| ... | @@ -207,8 +216,6 @@ | ... | @@ -207,8 +216,6 @@ |
| 207 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 216 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
| 208 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); | 217 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
| 209 | 218 | ||
| 210 | |||
| 211 | |||
| 212 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); | 219 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); |
| 213 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); | 220 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); |
| 214 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); | 221 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); |
| ... | @@ -256,7 +263,7 @@ | ... | @@ -256,7 +263,7 @@ |
| 256 | }) | 263 | }) |
| 257 | } | 264 | } |
| 258 | // 权利其他状态 | 265 | // 权利其他状态 |
| 259 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 266 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : []; |
| 260 | for (let i = 0; i < lines.length; i++) { | 267 | for (let i = 0; i < lines.length; i++) { |
| 261 | let num = Math.ceil(getByteLen(lines[i]) / 38) | 268 | let num = Math.ceil(getByteLen(lines[i]) / 38) |
| 262 | if (getByteLen(lines[i]) > 37) { | 269 | if (getByteLen(lines[i]) > 37) { |
| ... | @@ -291,7 +298,7 @@ | ... | @@ -291,7 +298,7 @@ |
| 291 | } | 298 | } |
| 292 | } | 299 | } |
| 293 | 300 | ||
| 294 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 301 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : []; |
| 295 | lines1.forEach((line, index) => { | 302 | lines1.forEach((line, index) => { |
| 296 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 303 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
| 297 | let currentLine = ''; | 304 | let currentLine = ''; |
| ... | @@ -436,16 +443,67 @@ | ... | @@ -436,16 +443,67 @@ |
| 436 | } | 443 | } |
| 437 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 444 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
| 438 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 445 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
| 439 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 446 | if (getByteLen(this.bdcqz.sxqc) > 14) { |
| 447 | const originalFont = context.font; | ||
| 448 | // 设置新的字体大小 | ||
| 449 | context.font = '14px 楷体'; // 替换为你想要的字体和大小 | ||
| 450 | // 绘制 bdcdyh | ||
| 451 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 725, 125); | ||
| 452 | // 恢复原始字体设置 | ||
| 453 | context.font = originalFont; | ||
| 454 | } | ||
| 455 | |||
| 440 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | 456 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); |
| 441 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 457 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
| 442 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 458 | // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 459 | // 权利人 | ||
| 460 | let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; | ||
| 461 | if (getByteLen(this.bdcqz.qlr) >= 34) { | ||
| 462 | qlrlines.forEach((line, index) => { | ||
| 463 | let currentLine = ''; | ||
| 464 | let arr = []; | ||
| 465 | for (let word of line) { | ||
| 466 | const testLine = currentLine + word; | ||
| 467 | const lineWidth = context.measureText(testLine).width; | ||
| 468 | if (lineWidth <= 295) { | ||
| 469 | currentLine = testLine; | ||
| 470 | } else { | ||
| 471 | arr.push(currentLine); | ||
| 472 | currentLine = word; | ||
| 473 | } | ||
| 474 | } | ||
| 475 | arr.push(currentLine); | ||
| 476 | arr.forEach((line, index) => { | ||
| 477 | context.fillText(line, 775, 218 + (index * 20)); // 调整行高 | ||
| 478 | }) | ||
| 479 | }) | ||
| 480 | } else { | ||
| 481 | qlrlines.forEach((line, index) => { | ||
| 482 | let currentLine = ''; | ||
| 483 | let arr = []; | ||
| 484 | for (let word of line) { | ||
| 485 | const testLine = currentLine + word; | ||
| 486 | const lineWidth = context.measureText(testLine).width; | ||
| 487 | if (lineWidth <= 295) { | ||
| 488 | currentLine = testLine; | ||
| 489 | } else { | ||
| 490 | arr.push(currentLine); | ||
| 491 | currentLine = word; | ||
| 492 | } | ||
| 493 | } | ||
| 494 | arr.push(currentLine); | ||
| 495 | arr.forEach((line, index) => { | ||
| 496 | context.fillText(line, 775, 228 + (index * 20)); // 调整行高 | ||
| 497 | }) | ||
| 498 | }) | ||
| 499 | } | ||
| 500 | |||
| 443 | // 义务人 | 501 | // 义务人 |
| 444 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | 502 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); |
| 445 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | 503 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); |
| 446 | 504 | ||
| 447 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 505 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
| 448 | if (getByteLen(this.bdcqz.zl) >= 39) { | 506 | if (getByteLen(this.bdcqz.zl) > 37) { |
| 449 | lines2.forEach((line, index) => { | 507 | lines2.forEach((line, index) => { |
| 450 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 508 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
| 451 | let currentLine = ''; | 509 | let currentLine = ''; |
| ... | @@ -487,14 +545,21 @@ | ... | @@ -487,14 +545,21 @@ |
| 487 | }) | 545 | }) |
| 488 | } | 546 | } |
| 489 | 547 | ||
| 490 | |||
| 491 | // bdcdyh | 548 | // bdcdyh |
| 492 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 549 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 493 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 550 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
| 551 | // context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | ||
| 552 | // 保存当前字体设置 | ||
| 553 | const originalFont = context.font; | ||
| 554 | // 设置新的字体大小 | ||
| 555 | context.font = '16px 楷体'; // 替换为你想要的字体和大小 | ||
| 556 | // 绘制 bdcdyh | ||
| 494 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 557 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
| 558 | // 恢复原始字体设置 | ||
| 559 | context.font = originalFont; | ||
| 495 | // qlqtzk | 560 | // qlqtzk |
| 496 | const maxWidth = 295; // 最大宽度限制 | 561 | const maxWidth = 295; // 最大宽度限制 |
| 497 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 562 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n').filter(i => i && i.trim()) : []; |
| 498 | for (let i = 0; i < lines.length; i++) { | 563 | for (let i = 0; i < lines.length; i++) { |
| 499 | let num = Math.ceil(getByteLen(lines[i]) / 37) | 564 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
| 500 | if (getByteLen(lines[i]) > 37) { | 565 | if (getByteLen(lines[i]) > 37) { |
| ... | @@ -513,23 +578,23 @@ | ... | @@ -513,23 +578,23 @@ |
| 513 | arr.push(currentLine); | 578 | arr.push(currentLine); |
| 514 | if (i > 0) { | 579 | if (i > 0) { |
| 515 | arr.forEach((line, index) => { | 580 | arr.forEach((line, index) => { |
| 516 | context.fillText(line, 770, 428 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高 | 581 | context.fillText(line, 770, 438 + (24 * (i - 1)) + 5 * num + (index * 17)); // 调整行高 |
| 517 | }) | 582 | }) |
| 518 | } else { | 583 | } else { |
| 519 | arr.forEach((line, index) => { | 584 | arr.forEach((line, index) => { |
| 520 | context.fillText(line, 770, 435 + (25 * (i - 1)) + (index * 14)); // 调整行高 | 585 | context.fillText(line, 770, 438 + (24 * (i - 1)) + (index * 17)); // 调整行高 |
| 521 | }) | 586 | }) |
| 522 | } | 587 | } |
| 523 | } else { | 588 | } else { |
| 524 | if (i > 0) { | 589 | if (i > 0) { |
| 525 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (24 * (i - 1))); | 590 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (25 * (i - 1))); |
| 526 | } else { | 591 | } else { |
| 527 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + (24 * (i - 1))); | 592 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + (25 * (i - 1))); |
| 528 | } | 593 | } |
| 529 | } | 594 | } |
| 530 | } | 595 | } |
| 531 | // fj | 596 | // fj |
| 532 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 597 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n').filter(i => i && i.trim()) : []; |
| 533 | for (let i = 0; i < lines1.length; i++) { | 598 | for (let i = 0; i < lines1.length; i++) { |
| 534 | let num = Math.ceil(getByteLen(lines1[i]) / 37) | 599 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
| 535 | if (getByteLen(lines1[i]) > 37) { | 600 | if (getByteLen(lines1[i]) > 37) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:35:06 | 4 | * @LastEditTime: 2024-01-18 14:55:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25' |
| 9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
| 10 | </lb-table> | 10 | </lb-table> |
| 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> |
| ... | @@ -126,6 +126,7 @@ | ... | @@ -126,6 +126,7 @@ |
| 126 | if (val.length == 0 || !val) { | 126 | if (val.length == 0 || !val) { |
| 127 | } else { | 127 | } else { |
| 128 | that.tableDataList = _.cloneDeep(val) | 128 | that.tableDataList = _.cloneDeep(val) |
| 129 | that.key++ | ||
| 129 | } | 130 | } |
| 130 | }) | 131 | }) |
| 131 | }, | 132 | }, |
| ... | @@ -138,6 +139,7 @@ | ... | @@ -138,6 +139,7 @@ |
| 138 | if (newVal == 0) { | 139 | if (newVal == 0) { |
| 139 | this.column = _.cloneDeep(dataList) | 140 | this.column = _.cloneDeep(dataList) |
| 140 | this.tableDataList = _.cloneDeep(this.tableData) | 141 | this.tableDataList = _.cloneDeep(this.tableData) |
| 142 | this.key++ | ||
| 141 | } else if ((newVal == '1' || newVal == '3')) { | 143 | } else if ((newVal == '1' || newVal == '3')) { |
| 142 | this.column = dataList | 144 | this.column = dataList |
| 143 | } else { | 145 | } else { |
| ... | @@ -225,6 +227,7 @@ | ... | @@ -225,6 +227,7 @@ |
| 225 | deleClick (index, row) { | 227 | deleClick (index, row) { |
| 226 | this.tableDataList.splice(index, 1) | 228 | this.tableDataList.splice(index, 1) |
| 227 | this.$emit('upDateQlrxxList', this.tableDataList) | 229 | this.$emit('upDateQlrxxList', this.tableDataList) |
| 230 | this.key++ | ||
| 228 | }, | 231 | }, |
| 229 | /** | 232 | /** |
| 230 | * @description: 身份证读取 | 233 | * @description: 身份证读取 |
| ... | @@ -328,6 +331,9 @@ | ... | @@ -328,6 +331,9 @@ |
| 328 | } | 331 | } |
| 329 | </script> | 332 | </script> |
| 330 | <style scoped lang="scss"> | 333 | <style scoped lang="scss"> |
| 334 | /deep/.el-table--small .el-table__cell { | ||
| 335 | padding: 0 0 !important; | ||
| 336 | } | ||
| 331 | /deep/.el-table th { | 337 | /deep/.el-table th { |
| 332 | height: 30px !important; | 338 | height: 30px !important; |
| 333 | } | 339 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 09:40:17 | 4 | * @LastEditTime: 2024-01-18 14:13:02 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -12,8 +12,6 @@ | ... | @@ -12,8 +12,6 @@ |
| 12 | :key="key" | 12 | :key="key" |
| 13 | :header-cell-style="{ 'text-align': 'center' }" | 13 | :header-cell-style="{ 'text-align': 'center' }" |
| 14 | :heightNumSetting="true" | 14 | :heightNumSetting="true" |
| 15 | :minHeight="150" | ||
| 16 | height="150" | ||
| 17 | style="width: 100%"> | 15 | style="width: 100%"> |
| 18 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 16 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
| 19 | <template slot-scope="scope"> | 17 | <template slot-scope="scope"> |
| ... | @@ -302,4 +300,7 @@ | ... | @@ -302,4 +300,7 @@ |
| 302 | /deep/ .el-table--border .el-table__cell:first-child .cell { | 300 | /deep/ .el-table--border .el-table__cell:first-child .cell { |
| 303 | text-align: center; | 301 | text-align: center; |
| 304 | } | 302 | } |
| 303 | /deep/.el-table--small .el-table__cell { | ||
| 304 | padding: 3px 0 !important; | ||
| 305 | } | ||
| 305 | </style> | 306 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:35:51 | 4 | * @LastEditTime: 2024-01-18 15:03:10 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25' |
| 9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
| 10 | </lb-table> | 10 | </lb-table> |
| 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> |
| ... | @@ -126,6 +126,7 @@ | ... | @@ -126,6 +126,7 @@ |
| 126 | if (val.length == 0 || !val) { | 126 | if (val.length == 0 || !val) { |
| 127 | } else { | 127 | } else { |
| 128 | that.tableDataList = _.cloneDeep(val) | 128 | that.tableDataList = _.cloneDeep(val) |
| 129 | this.key++ | ||
| 129 | } | 130 | } |
| 130 | }) | 131 | }) |
| 131 | }, | 132 | }, |
| ... | @@ -138,6 +139,7 @@ | ... | @@ -138,6 +139,7 @@ |
| 138 | if (newVal == 0) { | 139 | if (newVal == 0) { |
| 139 | this.column = _.cloneDeep(dataList) | 140 | this.column = _.cloneDeep(dataList) |
| 140 | this.tableDataList = _.cloneDeep(this.tableData) | 141 | this.tableDataList = _.cloneDeep(this.tableData) |
| 142 | this.key++ | ||
| 141 | } else if ((newVal == '1' || newVal == '3')) { | 143 | } else if ((newVal == '1' || newVal == '3')) { |
| 142 | this.column = dataList | 144 | this.column = dataList |
| 143 | } else { | 145 | } else { |
| ... | @@ -197,6 +199,7 @@ | ... | @@ -197,6 +199,7 @@ |
| 197 | deleClick (index, row) { | 199 | deleClick (index, row) { |
| 198 | this.tableDataList.splice(index, 1) | 200 | this.tableDataList.splice(index, 1) |
| 199 | this.$emit('upDateQlrxxList', this.tableDataList) | 201 | this.$emit('upDateQlrxxList', this.tableDataList) |
| 202 | this.key++ | ||
| 200 | }, | 203 | }, |
| 201 | /** | 204 | /** |
| 202 | * @description: 身份证读取 | 205 | * @description: 身份证读取 |
| ... | @@ -300,10 +303,16 @@ | ... | @@ -300,10 +303,16 @@ |
| 300 | } | 303 | } |
| 301 | </script> | 304 | </script> |
| 302 | <style scoped lang="scss"> | 305 | <style scoped lang="scss"> |
| 306 | /deep/.el-table--small .el-table__cell { | ||
| 307 | padding: 0 0 !important; | ||
| 308 | } | ||
| 303 | /deep/.el-table th { | 309 | /deep/.el-table th { |
| 304 | height: 30px !important; | 310 | height: 30px !important; |
| 305 | } | 311 | } |
| 306 | /deep/.el-table .cell { | 312 | /deep/.el-table .cell { |
| 307 | padding-right: 12px; | 313 | padding-right: 12px; |
| 308 | } | 314 | } |
| 315 | /deep/.el-table__body-wrapper { | ||
| 316 | height: auto !important; | ||
| 317 | } | ||
| 309 | </style> | 318 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-22 13:43:27 | 4 | * @LastEditTime: 2024-01-18 15:02:23 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -68,10 +68,12 @@ | ... | @@ -68,10 +68,12 @@ |
| 68 | <receipt :Receiptdata="Receiptdata" id="boxaaa" /> | 68 | <receipt :Receiptdata="Receiptdata" id="boxaaa" /> |
| 69 | </div> | 69 | </div> |
| 70 | </div> | 70 | </div> |
| 71 | <component | 71 | <div style="height:94%"> |
| 72 | :key="fresh" | 72 | <component |
| 73 | :is="componentTag" | 73 | :key="fresh" |
| 74 | v-bind="currentSelectProps" /> | 74 | :is="componentTag" |
| 75 | v-bind="currentSelectProps" /> | ||
| 76 | </div> | ||
| 75 | </div> | 77 | </div> |
| 76 | </div> | 78 | </div> |
| 77 | </div> | 79 | </div> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-13 17:03:52 | 4 | * @LastEditTime: 2024-01-18 10:45:37 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -40,7 +40,9 @@ | ... | @@ -40,7 +40,9 @@ |
| 40 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 40 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> |
| 41 | </el-tab-pane> | 41 | </el-tab-pane> |
| 42 | </el-tabs> | 42 | </el-tabs> |
| 43 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 43 | <div style="height:94%"> |
| 44 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | ||
| 45 | </div> | ||
| 44 | </div> | 46 | </div> |
| 45 | </div> | 47 | </div> |
| 46 | </div> | 48 | </div> |
| ... | @@ -100,6 +102,9 @@ | ... | @@ -100,6 +102,9 @@ |
| 100 | clxxTab: {} | 102 | clxxTab: {} |
| 101 | }; | 103 | }; |
| 102 | }, | 104 | }, |
| 105 | created () { | ||
| 106 | console.log(this.$route.query.type); | ||
| 107 | }, | ||
| 103 | methods: { | 108 | methods: { |
| 104 | /** | 109 | /** |
| 105 | * @description: getCurrentSelectProps | 110 | * @description: getCurrentSelectProps | ... | ... |
| ... | @@ -99,7 +99,7 @@ | ... | @@ -99,7 +99,7 @@ |
| 99 | } | 99 | } |
| 100 | }; | 100 | }; |
| 101 | import store from '@/store/index.js' | 101 | import store from '@/store/index.js' |
| 102 | import { addQy, update } from "@/api/xxba.js" | 102 | import { addQy, update, addYh } from "@/api/xxba.js" |
| 103 | import clxx from './clxx/index.vue' | 103 | import clxx from './clxx/index.vue' |
| 104 | export default { | 104 | export default { |
| 105 | props: { | 105 | props: { |
| ... | @@ -215,19 +215,36 @@ | ... | @@ -215,19 +215,36 @@ |
| 215 | that.$refs['ruleForm'].validate((valid) => { | 215 | that.$refs['ruleForm'].validate((valid) => { |
| 216 | if (valid) { | 216 | if (valid) { |
| 217 | store.dispatch("user/refreshPage", false); | 217 | store.dispatch("user/refreshPage", false); |
| 218 | addQy(this.ruleForm).then(res => { | 218 | if (this.formData.QyYh == 1) { |
| 219 | if (res.code == 200) { | 219 | addQy(this.ruleForm).then(res => { |
| 220 | that.$message.success('保存成功') | 220 | if (res.code == 200) { |
| 221 | that.$emit("input", false); | 221 | that.$message.success('保存成功') |
| 222 | that.$refs['ruleForm'].resetFields(); | 222 | that.$emit("input", false); |
| 223 | that.resetTableFields(); | 223 | that.$refs['ruleForm'].resetFields(); |
| 224 | that.closeDialog(); | 224 | that.resetTableFields(); |
| 225 | //刷新列表 | 225 | that.closeDialog(); |
| 226 | store.dispatch("user/refreshPage", true); | 226 | //刷新列表 |
| 227 | } else { | 227 | store.dispatch("user/refreshPage", true); |
| 228 | that.$message.error(res.message); | 228 | } else { |
| 229 | } | 229 | that.$message.error(res.message); |
| 230 | }) | 230 | } |
| 231 | }) | ||
| 232 | } else { | ||
| 233 | addYh(this.ruleForm).then(res => { | ||
| 234 | if (res.code == 200) { | ||
| 235 | that.$message.success('保存成功') | ||
| 236 | that.$emit("input", false); | ||
| 237 | that.$refs['ruleForm'].resetFields(); | ||
| 238 | that.resetTableFields(); | ||
| 239 | that.closeDialog(); | ||
| 240 | //刷新列表 | ||
| 241 | store.dispatch("user/refreshPage", true); | ||
| 242 | } else { | ||
| 243 | that.$message.error(res.message); | ||
| 244 | } | ||
| 245 | }) | ||
| 246 | } | ||
| 247 | |||
| 231 | } else { | 248 | } else { |
| 232 | this.$message.error('请完善表单'); | 249 | this.$message.error('请完善表单'); |
| 233 | return false; | 250 | return false; | ... | ... |
File moved
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 15:41:36 | 4 | * @LastEditTime: 2024-01-17 09:07:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -106,7 +106,7 @@ | ... | @@ -106,7 +106,7 @@ |
| 106 | * @author: renchao | 106 | * @author: renchao |
| 107 | */ | 107 | */ |
| 108 | handleAdd () { | 108 | handleAdd () { |
| 109 | this.$popupDialog("添加企业", "xxba/components/addDialog", { isAdd: 1 }, "75%") | 109 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", { isAdd: 1, QyYh: 1 }, "75%") |
| 110 | }, | 110 | }, |
| 111 | /** | 111 | /** |
| 112 | * @description: handleDelete | 112 | * @description: handleDelete |
| ... | @@ -140,7 +140,7 @@ | ... | @@ -140,7 +140,7 @@ |
| 140 | }); | 140 | }); |
| 141 | }, | 141 | }, |
| 142 | handleEdit (row) { | 142 | handleEdit (row) { |
| 143 | this.$popupDialog("编辑企业", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%") | 143 | this.$popupDialog("编辑企业", "xxba/qyxxba/components/addDialog", { isAdd: 2, ...row }, "75%") |
| 144 | } | 144 | } |
| 145 | } | 145 | } |
| 146 | } | 146 | } | ... | ... |
| 1 | <template> | ||
| 2 | <div style="height:650px"> | ||
| 3 | <el-tabs v-model="activeName" @tab-click="handleClick"> | ||
| 4 | <el-tab-pane label="银行信息" name="1"></el-tab-pane> | ||
| 5 | <el-tab-pane label="材料信息" v-if="formData.isAdd==2" name="2"></el-tab-pane> | ||
| 6 | </el-tabs> | ||
| 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules"> | ||
| 8 | <div style="height:90%"> | ||
| 9 | <el-row> | ||
| 10 | <el-col :span="12"> | ||
| 11 | <el-form-item label="银行名称:" prop="qymc"> | ||
| 12 | <el-input v-model="ruleForm.qymc"></el-input> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | <el-col :span="12"> | ||
| 16 | <el-form-item label="电话:" prop="dh"> | ||
| 17 | <el-input v-model.number="ruleForm.dh" maxlength="11"></el-input> | ||
| 18 | </el-form-item> | ||
| 19 | </el-col> | ||
| 20 | </el-row> | ||
| 21 | <el-row> | ||
| 22 | <el-col :span="12"> | ||
| 23 | <el-form-item label="证件种类:" prop="zjzl"> | ||
| 24 | <el-select | ||
| 25 | clearable | ||
| 26 | v-model="ruleForm.zjzl" | ||
| 27 | class="width100" | ||
| 28 | placeholder="请选择"> | ||
| 29 | <el-option | ||
| 30 | v-for="item in zjzlList" | ||
| 31 | :key="item.dcode" | ||
| 32 | :label="item.dname" | ||
| 33 | :value="item.dcode"> | ||
| 34 | </el-option> | ||
| 35 | </el-select> | ||
| 36 | </el-form-item> | ||
| 37 | </el-col> | ||
| 38 | <el-col :span="12"> | ||
| 39 | <el-form-item label="证件号:" prop="zjh"> | ||
| 40 | <el-input v-model="ruleForm.zjh" maxlength="18"></el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | </el-row> | ||
| 44 | |||
| 45 | <el-row> | ||
| 46 | <el-col :span="12"> | ||
| 47 | <el-form-item label="法人名称:" prop="frmc"> | ||
| 48 | <el-input v-model="ruleForm.frmc"></el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | <el-col :span="12"> | ||
| 52 | <el-form-item label="法人电话:" prop="frdh"> | ||
| 53 | <el-input v-model="ruleForm.frdh" maxlength="11"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | </el-col> | ||
| 56 | </el-row> | ||
| 57 | <el-row> | ||
| 58 | <el-col :span="12"> | ||
| 59 | <el-form-item label="单位地址:" prop="dwdz"> | ||
| 60 | <el-input v-model="ruleForm.dwdz"></el-input> | ||
| 61 | </el-form-item> | ||
| 62 | </el-col> | ||
| 63 | <el-col :span="12"> | ||
| 64 | <el-form-item label="邮编:" prop="yb"> | ||
| 65 | <el-input v-model="ruleForm.yb"></el-input> | ||
| 66 | </el-form-item> | ||
| 67 | </el-col> | ||
| 68 | </el-row> | ||
| 69 | </div> | ||
| 70 | <el-form-item style="text-align:center"> | ||
| 71 | <el-button @click="closeDialog">取消</el-button> | ||
| 72 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 73 | </el-form-item> | ||
| 74 | </el-form> | ||
| 75 | <clxx v-if="activeName==2" :formData="formData" /> | ||
| 76 | </div> | ||
| 77 | </template> | ||
| 78 | |||
| 79 | <script> | ||
| 80 | const checkPhone = (rule, value, callback) => { | ||
| 81 | let regPone = null | ||
| 82 | let mobile = /^(1[3456789]\d{9})$/ //手机号 | ||
| 83 | let tel = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/ // 座机 | ||
| 84 | if (value && value[0] === '0') {// 检查 value 是否存在并且不是 null 或者 undefined | ||
| 85 | regPone = tel | ||
| 86 | } else if (value && value[0] !== '0') { | ||
| 87 | regPone = mobile | ||
| 88 | } | ||
| 89 | if (regPone === null) { | ||
| 90 | return callback( | ||
| 91 | new Error('请输入电话') | ||
| 92 | ) | ||
| 93 | } else if (!regPone.test(value)) { | ||
| 94 | return callback( | ||
| 95 | new Error("请输入正确的电话格式,其中座机格式'区号-座机号码'") | ||
| 96 | ) | ||
| 97 | } else { | ||
| 98 | callback() | ||
| 99 | } | ||
| 100 | }; | ||
| 101 | import store from '@/store/index.js' | ||
| 102 | import { addQy, update, addYh } from "@/api/xxba.js" | ||
| 103 | import clxx from './clxx/index.vue' | ||
| 104 | export default { | ||
| 105 | props: { | ||
| 106 | formData: { | ||
| 107 | type: Object, | ||
| 108 | default: () => { }, | ||
| 109 | }, | ||
| 110 | }, | ||
| 111 | components: { | ||
| 112 | clxx | ||
| 113 | }, | ||
| 114 | data () { | ||
| 115 | return { | ||
| 116 | zjzlList: store.getters.dictData['A30'], | ||
| 117 | activeName: "1", | ||
| 118 | DJJGLIST: store.getters.dictData['ywly'], | ||
| 119 | readOnly: false, | ||
| 120 | //表单提交数据 | ||
| 121 | ruleForm: { | ||
| 122 | batchno: '', | ||
| 123 | djjg: '', | ||
| 124 | operationtime: '', | ||
| 125 | bz: '', | ||
| 126 | zsstarno: '', | ||
| 127 | zsendno: '', | ||
| 128 | zsnum: '', | ||
| 129 | zmstarno: '', | ||
| 130 | zmendno: '', | ||
| 131 | zmnum: '' | ||
| 132 | }, | ||
| 133 | //表格数据 | ||
| 134 | tableForm: [ | ||
| 135 | { | ||
| 136 | name: '不动产权证书', | ||
| 137 | ksysxlh: '', | ||
| 138 | jsysxlh: '', | ||
| 139 | bs: 0, | ||
| 140 | zslx: 1 | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | name: '不动产登记证明', | ||
| 144 | ksysxlh: '', | ||
| 145 | jsysxlh: '', | ||
| 146 | bs: 0, | ||
| 147 | zslx: 2 | ||
| 148 | } | ||
| 149 | ], | ||
| 150 | rules: { | ||
| 151 | qymc: [ | ||
| 152 | { required: true, message: '银行名称不能为空', trigger: 'blur' } | ||
| 153 | ], | ||
| 154 | dh: [ | ||
| 155 | { required: true, validator: checkPhone, trigger: ["blur"] }, | ||
| 156 | ], | ||
| 157 | zjzl: [ | ||
| 158 | { required: true, message: '请选择证件种类', trigger: 'change' } | ||
| 159 | ], | ||
| 160 | zjh: [ | ||
| 161 | { required: true, message: '请输入证件号', trigger: 'blur' } | ||
| 162 | ], | ||
| 163 | frmc: [ | ||
| 164 | { required: true, message: '请输入法人名称', trigger: 'blur' } | ||
| 165 | ], | ||
| 166 | frdh: [ | ||
| 167 | { required: true, validator: checkPhone, trigger: ["blur"] }, | ||
| 168 | ], | ||
| 169 | dwdz: [ | ||
| 170 | { required: true, message: '请输入单位地址', trigger: 'blur' } | ||
| 171 | ] | ||
| 172 | } | ||
| 173 | } | ||
| 174 | }, | ||
| 175 | mounted () { | ||
| 176 | if (this.formData.bsmBatch) { | ||
| 177 | this.tableForm[0].bs = null; | ||
| 178 | this.tableForm[1].bs = null; | ||
| 179 | this.getDetailInfo(this.formData.bsmBatch) | ||
| 180 | } | ||
| 181 | let list = Object.keys(this.formData).length | ||
| 182 | if (list > 0) { | ||
| 183 | this.ruleForm = this.formData | ||
| 184 | } | ||
| 185 | }, | ||
| 186 | methods: { | ||
| 187 | handleClick () { }, | ||
| 188 | /** | ||
| 189 | * @description: 表单提交 | ||
| 190 | * @author: renchao | ||
| 191 | */ | ||
| 192 | submitForm () { | ||
| 193 | let that = this | ||
| 194 | this.tableForm.forEach((item, index) => { | ||
| 195 | if (item.bs < 0) { | ||
| 196 | return; | ||
| 197 | } | ||
| 198 | }) | ||
| 199 | if (this.formData.isAdd != 1) { | ||
| 200 | store.dispatch("user/refreshPage", false); | ||
| 201 | update(this.ruleForm).then(res => { | ||
| 202 | if (res.code == 200) { | ||
| 203 | this.$message.success('保存成功') | ||
| 204 | this.$emit("input", false); | ||
| 205 | this.$refs['ruleForm'].resetFields(); | ||
| 206 | this.resetTableFields(); | ||
| 207 | this.closeDialog(); | ||
| 208 | //刷新列表 | ||
| 209 | store.dispatch("user/refreshPage", true); | ||
| 210 | } else { | ||
| 211 | this.$message.error(res.message); | ||
| 212 | } | ||
| 213 | }) | ||
| 214 | } else { | ||
| 215 | that.$refs['ruleForm'].validate((valid) => { | ||
| 216 | if (valid) { | ||
| 217 | store.dispatch("user/refreshPage", false); | ||
| 218 | if (this.formData.QyYh == 1) { | ||
| 219 | addQy(this.ruleForm).then(res => { | ||
| 220 | if (res.code == 200) { | ||
| 221 | that.$message.success('保存成功') | ||
| 222 | that.$emit("input", false); | ||
| 223 | that.$refs['ruleForm'].resetFields(); | ||
| 224 | that.resetTableFields(); | ||
| 225 | that.closeDialog(); | ||
| 226 | //刷新列表 | ||
| 227 | store.dispatch("user/refreshPage", true); | ||
| 228 | } else { | ||
| 229 | that.$message.error(res.message); | ||
| 230 | } | ||
| 231 | }) | ||
| 232 | } else { | ||
| 233 | addYh(this.ruleForm).then(res => { | ||
| 234 | if (res.code == 200) { | ||
| 235 | that.$message.success('保存成功') | ||
| 236 | that.$emit("input", false); | ||
| 237 | that.$refs['ruleForm'].resetFields(); | ||
| 238 | that.resetTableFields(); | ||
| 239 | that.closeDialog(); | ||
| 240 | //刷新列表 | ||
| 241 | store.dispatch("user/refreshPage", true); | ||
| 242 | } else { | ||
| 243 | that.$message.error(res.message); | ||
| 244 | } | ||
| 245 | }) | ||
| 246 | } | ||
| 247 | |||
| 248 | } else { | ||
| 249 | this.$message.error('请完善表单'); | ||
| 250 | return false; | ||
| 251 | } | ||
| 252 | }) | ||
| 253 | } | ||
| 254 | }, | ||
| 255 | /** | ||
| 256 | * @description: 获取详情信息 | ||
| 257 | * @param {*} bsmBatch | ||
| 258 | * @author: renchao | ||
| 259 | */ | ||
| 260 | getDetailInfo (bsmBatch) { | ||
| 261 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
| 262 | if (res.code == 200) { | ||
| 263 | this.ruleForm = res.result; | ||
| 264 | this.readOnly = false; | ||
| 265 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
| 266 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
| 267 | this.tableForm[0].bs = res.result.zsnum; | ||
| 268 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
| 269 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
| 270 | this.tableForm[1].bs = res.result.zmnum; | ||
| 271 | } | ||
| 272 | }) | ||
| 273 | }, | ||
| 274 | /** | ||
| 275 | * @description: resetTableFields | ||
| 276 | * @author: renchao | ||
| 277 | */ | ||
| 278 | resetTableFields () { | ||
| 279 | this.tableForm = [ | ||
| 280 | { | ||
| 281 | name: '不动产权证书', | ||
| 282 | ksysxlh: '', | ||
| 283 | jsysxlh: '', | ||
| 284 | bs: 0, | ||
| 285 | zslx: 1 | ||
| 286 | }, | ||
| 287 | { | ||
| 288 | name: '不动产权登记证明', | ||
| 289 | ksysxlh: '', | ||
| 290 | jsysxlh: '', | ||
| 291 | bs: 0, | ||
| 292 | zslx: 2 | ||
| 293 | } | ||
| 294 | ] | ||
| 295 | }, | ||
| 296 | /** | ||
| 297 | * @description: closeDialog | ||
| 298 | * @author: renchao | ||
| 299 | */ | ||
| 300 | closeDialog () { | ||
| 301 | this.$popupCacel() | ||
| 302 | this.$refs['ruleForm'].resetFields(); | ||
| 303 | this.resetTableFields(); | ||
| 304 | } | ||
| 305 | } | ||
| 306 | } | ||
| 307 | </script> | ||
| 308 | <style scoped lang="scss"> | ||
| 309 | @import "~@/styles/mixin.scss"; | ||
| 310 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 311 | |||
| 312 | .font-red { | ||
| 313 | color: red; | ||
| 314 | } | ||
| 315 | |||
| 316 | .middle-margin-bottom { | ||
| 317 | margin-top: 20px; | ||
| 318 | } | ||
| 319 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-15 15:50:26 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
| 8 | :isFullscreen="false"> | ||
| 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px"> | ||
| 10 | <el-row> | ||
| 11 | <el-col :span="24"> | ||
| 12 | <el-form-item label="材料类型" prop="cllx"> | ||
| 13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
| 14 | <el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 15 | </el-option> | ||
| 16 | </el-select> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | </el-row> | ||
| 20 | <el-row :gutter="20"> | ||
| 21 | <el-col :span="24"> | ||
| 22 | <el-form-item label="材料名称" prop="clmc"> | ||
| 23 | <el-input v-model="ruleForm.clmc"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | <el-row :gutter="20"> | ||
| 28 | <el-col :span="24"> | ||
| 29 | <el-form-item label="材料编码" prop="clbm"> | ||
| 30 | <el-input v-model="ruleForm.clbm"></el-input> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | </el-row> | ||
| 34 | </el-form> | ||
| 35 | </dialogBox> | ||
| 36 | </template> | ||
| 37 | <script> | ||
| 38 | import store from '@/store/index.js' | ||
| 39 | export default { | ||
| 40 | props: { | ||
| 41 | value: { type: Boolean, default: false }, | ||
| 42 | }, | ||
| 43 | data () { | ||
| 44 | return { | ||
| 45 | cllxList: store.getters.dictData['A40'], | ||
| 46 | myValue: this.value, | ||
| 47 | ruleForm: { | ||
| 48 | cllx: "", | ||
| 49 | clmc: "", | ||
| 50 | clbm: "" | ||
| 51 | }, | ||
| 52 | rules: { | ||
| 53 | cllx: [ | ||
| 54 | { required: true, message: '请选择材料类型', trigger: 'change' } | ||
| 55 | ], | ||
| 56 | clmc: [ | ||
| 57 | { required: true, message: '请输入材料名称', trigger: 'blur' } | ||
| 58 | ], | ||
| 59 | clbm: [ | ||
| 60 | { required: true, message: '请输入材料编码', trigger: 'blur' } | ||
| 61 | ], | ||
| 62 | } | ||
| 63 | } | ||
| 64 | }, | ||
| 65 | watch: { | ||
| 66 | value (val) { | ||
| 67 | this.myValue = val; | ||
| 68 | }, | ||
| 69 | }, | ||
| 70 | methods: { | ||
| 71 | /** | ||
| 72 | * @description: closeDialog | ||
| 73 | * @author: renchao | ||
| 74 | */ | ||
| 75 | closeDialog () { | ||
| 76 | this.$emit("input", false); | ||
| 77 | this.ruleForm = { | ||
| 78 | cllx: "", | ||
| 79 | clmc: "", | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | /** | ||
| 83 | * @description: handleSubmit | ||
| 84 | * @author: renchao | ||
| 85 | */ | ||
| 86 | handleSubmit () { | ||
| 87 | this.$refs['ruleForm'].validate((valid) => { | ||
| 88 | if (valid) { | ||
| 89 | this.$parent.addSave(this.ruleForm); | ||
| 90 | this.ruleForm = { | ||
| 91 | cllx: "", | ||
| 92 | clmc: "", | ||
| 93 | } | ||
| 94 | this.$emit("input", false); | ||
| 95 | } else { | ||
| 96 | return false; | ||
| 97 | } | ||
| 98 | }) | ||
| 99 | } | ||
| 100 | } | ||
| 101 | }; | ||
| 102 | </script> | ||
| 103 | <style scoped lang="scss"> | ||
| 104 | .submit-button { | ||
| 105 | text-align: center; | ||
| 106 | height: 52px; | ||
| 107 | padding-top: 10px; | ||
| 108 | background-color: #fff; | ||
| 109 | } | ||
| 110 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-15 15:38:53 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clmlmx-box"> | ||
| 8 | <lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false" | ||
| 9 | :data="tableData"> | ||
| 10 | </lb-table> | ||
| 11 | <div class="text-center"> | ||
| 12 | <el-button @click="handleCancel">取消</el-button> | ||
| 13 | <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button> | ||
| 14 | </div> | ||
| 15 | </div> | ||
| 16 | </template> | ||
| 17 | <script> | ||
| 18 | import store from '@/store/index.js' | ||
| 19 | import Sortable from 'sortablejs' | ||
| 20 | import { ywPopupCacel } from "@/utils/popup.js"; | ||
| 21 | import { editCompanyMaterialList } from "@/api/company.js"; | ||
| 22 | export default { | ||
| 23 | props: { | ||
| 24 | formData: { | ||
| 25 | type: Object, | ||
| 26 | default: () => { | ||
| 27 | return {} | ||
| 28 | } | ||
| 29 | } | ||
| 30 | }, | ||
| 31 | data () { | ||
| 32 | return { | ||
| 33 | loading: false, | ||
| 34 | sortable: null, | ||
| 35 | column: [ | ||
| 36 | { | ||
| 37 | label: "材料名称", | ||
| 38 | render: (h, scope) => { | ||
| 39 | return ( | ||
| 40 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> | ||
| 41 | ) | ||
| 42 | } | ||
| 43 | }, | ||
| 44 | { | ||
| 45 | label: "材料编码", | ||
| 46 | render: (h, scope) => { | ||
| 47 | return ( | ||
| 48 | <el-input value={scope.row.clbm} onInput={(val) => { scope.row.clbm = val }}></el-input> | ||
| 49 | ) | ||
| 50 | } | ||
| 51 | }, | ||
| 52 | { | ||
| 53 | label: "材料类型", | ||
| 54 | width: "110", | ||
| 55 | render: (h, scope) => { | ||
| 56 | return ( | ||
| 57 | <el-select value={scope.row.cllx} | ||
| 58 | onChange={(val) => { scope.row.cllx = val }}> | ||
| 59 | { | ||
| 60 | store.getters.dictData['A40'].map(option => { | ||
| 61 | return ( | ||
| 62 | <el-option label={option.dname} value={option.dcode}></el-option> | ||
| 63 | ) | ||
| 64 | }) | ||
| 65 | } | ||
| 66 | </el-select> | ||
| 67 | ) | ||
| 68 | } | ||
| 69 | }, | ||
| 70 | { | ||
| 71 | label: "页数", | ||
| 72 | width: "80", | ||
| 73 | render: (h, scope) => { | ||
| 74 | if (scope.row.count && scope.row.count > 0) { | ||
| 75 | return ( | ||
| 76 | <div> | ||
| 77 | <span>{scope.row.count}</span> | ||
| 78 | </div> | ||
| 79 | ); | ||
| 80 | } else { | ||
| 81 | return ( | ||
| 82 | <div> | ||
| 83 | <span>0</span> | ||
| 84 | </div> | ||
| 85 | ); | ||
| 86 | } | ||
| 87 | }, | ||
| 88 | }, | ||
| 89 | { | ||
| 90 | label: "操作", | ||
| 91 | width: "100", | ||
| 92 | render: (h, scope) => { | ||
| 93 | return ( | ||
| 94 | <el-button | ||
| 95 | type="text" | ||
| 96 | icon="el-icon-delete" | ||
| 97 | disabled={scope.row.count != 0} | ||
| 98 | onClick={() => { | ||
| 99 | this.handleDelete(scope.$index, scope.row); | ||
| 100 | }} | ||
| 101 | > | ||
| 102 | 删除 | ||
| 103 | </el-button> | ||
| 104 | ) | ||
| 105 | } | ||
| 106 | } | ||
| 107 | ], | ||
| 108 | key: 0, | ||
| 109 | tableData: [] | ||
| 110 | } | ||
| 111 | }, | ||
| 112 | mounted () { | ||
| 113 | this.initSort() | ||
| 114 | this.tableData = _.cloneDeep(this.formData.data) | ||
| 115 | }, | ||
| 116 | beforeDestroy () { | ||
| 117 | if (this.sortable) { | ||
| 118 | this.sortable.destroy(); | ||
| 119 | } | ||
| 120 | }, | ||
| 121 | watch: { | ||
| 122 | 'formData.data': { | ||
| 123 | handler: function (val, oldVal) { | ||
| 124 | this.tableData = _.cloneDeep(val) | ||
| 125 | }, | ||
| 126 | immediate: true, | ||
| 127 | deep: true | ||
| 128 | } | ||
| 129 | }, | ||
| 130 | methods: { | ||
| 131 | handleCancel () { | ||
| 132 | ywPopupCacel() | ||
| 133 | }, | ||
| 134 | handleSubmit () { | ||
| 135 | this.loading = true | ||
| 136 | store.dispatch('user/reWorkFresh', false) | ||
| 137 | editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => { | ||
| 138 | this.loading = false | ||
| 139 | if (res.code == 200) { | ||
| 140 | this.$message({ | ||
| 141 | message: '保存成功', | ||
| 142 | type: 'success' | ||
| 143 | }) | ||
| 144 | store.dispatch('user/reWorkFresh', true) | ||
| 145 | ywPopupCacel() | ||
| 146 | } | ||
| 147 | }).catch(() => { | ||
| 148 | this.loading = false | ||
| 149 | }) | ||
| 150 | }, | ||
| 151 | /** | ||
| 152 | * @description: 材料目录删除 | ||
| 153 | * @param {*} index | ||
| 154 | * @param {*} row | ||
| 155 | * @author: renchao | ||
| 156 | */ | ||
| 157 | handleDelete (index, row) { | ||
| 158 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 159 | confirmButtonText: '确定', | ||
| 160 | cancelButtonText: '取消', | ||
| 161 | type: 'warning' | ||
| 162 | }).then(() => { | ||
| 163 | this.tableData.splice(index, 1); | ||
| 164 | }).catch(() => { | ||
| 165 | this.$message({ | ||
| 166 | type: 'info', | ||
| 167 | message: '已取消删除' | ||
| 168 | }) | ||
| 169 | }) | ||
| 170 | }, | ||
| 171 | initSort () { | ||
| 172 | const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] | ||
| 173 | this.sortable = Sortable.create(el, { | ||
| 174 | ghostClass: 'sortable-ghost', | ||
| 175 | setData: function (dataTransfer) { | ||
| 176 | dataTransfer.setData('Text', '') | ||
| 177 | }, | ||
| 178 | onEnd: evt => { | ||
| 179 | const targetRow = this.tableData.splice(evt.oldIndex, 1)[0]; | ||
| 180 | this.tableData.splice(evt.newIndex, 0, targetRow); | ||
| 181 | } | ||
| 182 | }) | ||
| 183 | } | ||
| 184 | } | ||
| 185 | } | ||
| 186 | </script> | ||
| 187 | <style scoped lang='scss'> | ||
| 188 | @import "~@/styles/mixin.scss"; | ||
| 189 | .clmlmx-box { | ||
| 190 | margin: 0 auto; | ||
| 191 | .title { | ||
| 192 | text-align: center; | ||
| 193 | height: 60px; | ||
| 194 | line-height: 60px; | ||
| 195 | border: 1px solid #dfe6ec; | ||
| 196 | font-size: 20px; | ||
| 197 | background: #81d3f81a; | ||
| 198 | margin-bottom: -1px; | ||
| 199 | } | ||
| 200 | } | ||
| 201 | </style> |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-10 13:43:21 | 4 | * @LastEditTime: 2024-01-17 09:07:57 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -54,13 +54,14 @@ | ... | @@ -54,13 +54,14 @@ |
| 54 | this.queryClick() | 54 | this.queryClick() |
| 55 | }, | 55 | }, |
| 56 | computed: { | 56 | computed: { |
| 57 | ...mapGetters(['workFresh']) | 57 | ...mapGetters(['isRefresh']) |
| 58 | }, | 58 | }, |
| 59 | watch: { | 59 | watch: { |
| 60 | workFresh: { | 60 | isRefresh: { |
| 61 | handler (newVal, oldVal) { | 61 | handler (newVal, oldVal) { |
| 62 | if (newVal) this.queryClick() | 62 | if (newVal) this.queryClick() |
| 63 | } | 63 | }, |
| 64 | immediate: true | ||
| 64 | } | 65 | } |
| 65 | }, | 66 | }, |
| 66 | data () { | 67 | data () { |
| ... | @@ -105,7 +106,7 @@ | ... | @@ -105,7 +106,7 @@ |
| 105 | * @author: renchao | 106 | * @author: renchao |
| 106 | */ | 107 | */ |
| 107 | handleAdd () { | 108 | handleAdd () { |
| 108 | this.$popupDialog("添加银行", "xxba/components/addDialog", { isAdd: 1 }, "75%") | 109 | this.$popupDialog("添加银行", "xxba/yhjgba/components/addDialog", { isAdd: 1, QyYh: 2 }, "75%") |
| 109 | }, | 110 | }, |
| 110 | /** | 111 | /** |
| 111 | * @description: handleDelete | 112 | * @description: handleDelete |
| ... | @@ -139,7 +140,7 @@ | ... | @@ -139,7 +140,7 @@ |
| 139 | }) | 140 | }) |
| 140 | }, | 141 | }, |
| 141 | handleEdit (row) { | 142 | handleEdit (row) { |
| 142 | this.$popupDialog("编辑银行", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%") | 143 | this.$popupDialog("编辑银行", "xxba/yhjgba/components/addDialog", { isAdd: 2, ...row }, "75%") |
| 143 | } | 144 | } |
| 144 | } | 145 | } |
| 145 | } | 146 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-11-15 15:46:54 | 4 | * @LastEditTime: 2024-01-18 14:12:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -542,7 +542,7 @@ | ... | @@ -542,7 +542,7 @@ |
| 542 | } | 542 | } |
| 543 | 543 | ||
| 544 | /deep/.el-form-item { | 544 | /deep/.el-form-item { |
| 545 | margin-bottom: 8px; | 545 | margin-bottom: 3px; |
| 546 | } | 546 | } |
| 547 | 547 | ||
| 548 | .marginBot0 { | 548 | .marginBot0 { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-15 15:47:02 | 4 | * @LastEditTime: 2024-01-18 16:19:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -132,8 +132,8 @@ | ... | @@ -132,8 +132,8 @@ |
| 132 | <el-col :span="5"> | 132 | <el-col :span="5"> |
| 133 | <el-form-item label="发证方式:" :disabled="!viewEdit"> | 133 | <el-form-item label="发证方式:" :disabled="!viewEdit"> |
| 134 | <el-radio-group v-model="ruleForm.slsq.fzfs"> | 134 | <el-radio-group v-model="ruleForm.slsq.fzfs"> |
| 135 | <el-radio label="1">小证</el-radio> | ||
| 136 | <el-radio label="2">大证</el-radio> | 135 | <el-radio label="2">大证</el-radio> |
| 136 | <el-radio label="1">小证</el-radio> | ||
| 137 | </el-radio-group> | 137 | </el-radio-group> |
| 138 | </el-form-item> | 138 | </el-form-item> |
| 139 | </el-col> | 139 | </el-col> |
| ... | @@ -474,7 +474,7 @@ | ... | @@ -474,7 +474,7 @@ |
| 474 | } | 474 | } |
| 475 | 475 | ||
| 476 | /deep/.el-form-item { | 476 | /deep/.el-form-item { |
| 477 | margin-bottom: 8px; | 477 | margin-bottom: 3px; |
| 478 | } | 478 | } |
| 479 | 479 | ||
| 480 | .marginBot0 { | 480 | .marginBot0 { | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <!-- | 2 | <!-- |
| 3 | * @Description: | 3 | * @Description: |
| 4 | * @Autor: renchao | 4 | * @Autor: renchao |
| 5 | * @LastEditTime: 2023-11-14 16:17:11 | 5 | * @LastEditTime: 2024-01-17 10:56:52 |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| 8 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
| ... | @@ -226,8 +226,8 @@ | ... | @@ -226,8 +226,8 @@ |
| 226 | placeholder="持证人" | 226 | placeholder="持证人" |
| 227 | :disabled="!viewEdit"> | 227 | :disabled="!viewEdit"> |
| 228 | <el-option | 228 | <el-option |
| 229 | v-for="(item,index) in czrOptions" | 229 | v-for="item in czrOptions" |
| 230 | :key="index" | 230 | :key="item.id" |
| 231 | :label="item.sqrmc" | 231 | :label="item.sqrmc" |
| 232 | :value="item.id"> | 232 | :value="item.id"> |
| 233 | </el-option> | 233 | </el-option> |
| ... | @@ -240,6 +240,20 @@ | ... | @@ -240,6 +240,20 @@ |
| 240 | :disabled="viewEdit" | 240 | :disabled="viewEdit" |
| 241 | @upDateQlrxxList="upDateQlrxxList" | 241 | @upDateQlrxxList="upDateQlrxxList" |
| 242 | :gyfs="ruleForm.sldy.gyfs" /> | 242 | :gyfs="ruleForm.sldy.gyfs" /> |
| 243 | |||
| 244 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0 && ruleForm.qlxx.djlx==200"> | ||
| 245 | <div class="slxx_title title-block"> | ||
| 246 | 义务人信息 | ||
| 247 | <div class="triangle"></div> | ||
| 248 | </div> | ||
| 249 | <ywrCommonTable | ||
| 250 | v-if="ruleForm.ywrList" | ||
| 251 | :disabled="viewEdit" | ||
| 252 | :tableData="ruleForm.ywrList" | ||
| 253 | :key="key" | ||
| 254 | @upDateQlrxxList="upDateYwrxxList" /> | ||
| 255 | </div> | ||
| 256 | |||
| 243 | <div class="slxx_title title-block"> | 257 | <div class="slxx_title title-block"> |
| 244 | 登记原因 | 258 | 登记原因 |
| 245 | <div class="triangle"></div> | 259 | <div class="triangle"></div> |
| ... | @@ -271,6 +285,7 @@ | ... | @@ -271,6 +285,7 @@ |
| 271 | import { mapGetters } from "vuex"; | 285 | import { mapGetters } from "vuex"; |
| 272 | import ywmix from "@/views/ywbl/mixin/index"; | 286 | import ywmix from "@/views/ywbl/mixin/index"; |
| 273 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 287 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 288 | import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; | ||
| 274 | import tdytTable from "@/views/workflow/components/tdytTable"; | 289 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 275 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 290 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 276 | export default { | 291 | export default { |
| ... | @@ -311,12 +326,13 @@ | ... | @@ -311,12 +326,13 @@ |
| 311 | this.isSave = false | 326 | this.isSave = false |
| 312 | }) | 327 | }) |
| 313 | }, | 328 | }, |
| 314 | components: { qlrCommonTable, tdytTable }, | 329 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, |
| 315 | computed: { | 330 | computed: { |
| 316 | ...mapGetters(["dictData", "flag"]), | 331 | ...mapGetters(["dictData", "flag"]), |
| 317 | }, | 332 | }, |
| 318 | data () { | 333 | data () { |
| 319 | return { | 334 | return { |
| 335 | key: 0, | ||
| 320 | isSave: true, | 336 | isSave: true, |
| 321 | loading: false, | 337 | loading: false, |
| 322 | // 键名转换,方法默认是label和children进行树状渲染 | 338 | // 键名转换,方法默认是label和children进行树状渲染 | ... | ... |
| ... | @@ -233,7 +233,7 @@ | ... | @@ -233,7 +233,7 @@ |
| 233 | </script> | 233 | </script> |
| 234 | <style scoped lang='scss'> | 234 | <style scoped lang='scss'> |
| 235 | /deep/.el-form-item { | 235 | /deep/.el-form-item { |
| 236 | margin-bottom: 8px; | 236 | margin-bottom: 3px; |
| 237 | } | 237 | } |
| 238 | .title { | 238 | .title { |
| 239 | padding-left: 10px; | 239 | padding-left: 10px; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-21 10:18:57 | 4 | * @LastEditTime: 2024-01-17 17:30:08 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
| 9 | <div class="from-clues-header"> | 9 | <div class="from-clues-header"> |
| 10 | <el-form :model="queryForm" ref="queryForm" label-width="90px"> | 10 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
| 11 | <el-row style="margin-bottom:10px"> | 11 | <el-row style="margin-bottom:10px"> |
| 12 | <el-col :span="5"> | 12 | <el-col :span="6"> |
| 13 | <el-form-item label="不动产单元号" label-width="110px"> | 13 | <el-form-item label="不动产单元号"> |
| 14 | <el-input | 14 | <el-input |
| 15 | placeholder="请输入不动产单元号" | 15 | placeholder="请输入不动产单元号" |
| 16 | maxlength="28" | 16 | maxlength="28" |
| ... | @@ -19,12 +19,12 @@ | ... | @@ -19,12 +19,12 @@ |
| 19 | class="width100"></el-input> | 19 | class="width100"></el-input> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| 22 | <el-col :span="5"> | 22 | <el-col :span="6"> |
| 23 | <el-form-item label="查封机关"> | 23 | <el-form-item label="查封机关"> |
| 24 | <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width100"></el-input> | 24 | <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width100"></el-input> |
| 25 | </el-form-item> | 25 | </el-form-item> |
| 26 | </el-col> | 26 | </el-col> |
| 27 | <el-col :span="5"> | 27 | <el-col :span="6"> |
| 28 | <el-form-item label="查封文号"> | 28 | <el-form-item label="查封文号"> |
| 29 | <el-input | 29 | <el-input |
| 30 | placeholder="请输入不动产权证号" | 30 | placeholder="请输入不动产权证号" |
| ... | @@ -34,13 +34,26 @@ | ... | @@ -34,13 +34,26 @@ |
| 34 | </el-form-item> | 34 | </el-form-item> |
| 35 | </el-col> | 35 | </el-col> |
| 36 | <el-col :span="6"> | 36 | <el-col :span="6"> |
| 37 | <el-form-item label="坐落" label-width="50px"> | 37 | <el-form-item label="坐落"> |
| 38 | <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width100"></el-input> | 38 | <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width100"></el-input> |
| 39 | </el-form-item> | 39 | </el-form-item> |
| 40 | </el-col> | 40 | </el-col> |
| 41 | <el-col :span="3" class="btnColRight"> | 41 | <el-col :span="6"> |
| 42 | <el-form-item label="权利人"> | ||
| 43 | <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 44 | </el-input> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | <el-col :span="6"> | ||
| 48 | <el-form-item label="证件号"> | ||
| 49 | <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100"> | ||
| 50 | </el-input> | ||
| 51 | </el-form-item> | ||
| 52 | </el-col> | ||
| 53 | <el-col :span="12" class="btnColRight"> | ||
| 42 | <el-form-item> | 54 | <el-form-item> |
| 43 | <el-button type="primary" @click="queryClick">查询</el-button> | 55 | <el-button type="primary" @click="queryClick">查询</el-button> |
| 56 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 44 | </el-form-item> | 57 | </el-form-item> |
| 45 | </el-col> | 58 | </el-col> |
| 46 | </el-row> | 59 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:06:18 | 4 | * @LastEditTime: 2024-01-19 13:40:53 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 抵押权利信息查询 --> | 7 | <!-- 抵押权利信息查询 --> |
| ... | @@ -10,9 +10,9 @@ | ... | @@ -10,9 +10,9 @@ |
| 10 | <div class="from-clues-header"> | 10 | <div class="from-clues-header"> |
| 11 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 11 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
| 12 | <el-row> | 12 | <el-row> |
| 13 | <el-col :span="5"> | 13 | <el-col :span="6"> |
| 14 | <el-form-item label="权利类型"> | 14 | <el-form-item label="权利类型"> |
| 15 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> | 15 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型" class="width100"> |
| 16 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | 16 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> |
| 17 | </el-option> | 17 | </el-option> |
| 18 | </el-select> | 18 | </el-select> |
| ... | @@ -20,25 +20,38 @@ | ... | @@ -20,25 +20,38 @@ |
| 20 | </el-col> | 20 | </el-col> |
| 21 | <el-col :span="6"> | 21 | <el-col :span="6"> |
| 22 | <el-form-item label="不动产单元号"> | 22 | <el-form-item label="不动产单元号"> |
| 23 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px"> | 23 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable> |
| 24 | </el-input> | 24 | </el-input> |
| 25 | </el-form-item> | 25 | </el-form-item> |
| 26 | </el-col> | 26 | </el-col> |
| 27 | <el-col :span="5"> | 27 | <el-col :span="6"> |
| 28 | <el-form-item label="业务号"> | 28 | <el-form-item label="业务号"> |
| 29 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | 29 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable> |
| 30 | </el-input> | 30 | </el-input> |
| 31 | </el-form-item> | 31 | </el-form-item> |
| 32 | </el-col> | 32 | </el-col> |
| 33 | <el-col :span="6"> | 33 | <el-col :span="6"> |
| 34 | <el-form-item label="不动产权证号"> | 34 | <el-form-item label="不动产权证号"> |
| 35 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | 35 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable> |
| 36 | </el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | <el-col :span="6"> | ||
| 40 | <el-form-item label="权利人"> | ||
| 41 | <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable> | ||
| 36 | </el-input> | 42 | </el-input> |
| 37 | </el-form-item> | 43 | </el-form-item> |
| 38 | </el-col> | 44 | </el-col> |
| 39 | <el-col :span="2" class="btnColRight"> | 45 | <el-col :span="6"> |
| 46 | <el-form-item label="证件号"> | ||
| 47 | <el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable> | ||
| 48 | </el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | <el-col :span="12" class="btnColRight"> | ||
| 40 | <el-form-item> | 52 | <el-form-item> |
| 41 | <el-button type="primary" @click="handleSearch" :loading="loading">查询</el-button> | 53 | <el-button type="primary" @click="handleSearch" :loading="loading">查询</el-button> |
| 54 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 42 | </el-form-item> | 55 | </el-form-item> |
| 43 | </el-col> | 56 | </el-col> |
| 44 | </el-row> | 57 | </el-row> |
| ... | @@ -47,7 +60,7 @@ | ... | @@ -47,7 +60,7 @@ |
| 47 | <!-- 表格 --> | 60 | <!-- 表格 --> |
| 48 | <div class="from-clues-content loadingtext"> | 61 | <div class="from-clues-content loadingtext"> |
| 49 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 62 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" |
| 50 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 63 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 51 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 64 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 52 | :data="tableData.data"> | 65 | :data="tableData.data"> |
| 53 | </lb-table> | 66 | </lb-table> |
| ... | @@ -75,6 +88,7 @@ | ... | @@ -75,6 +88,7 @@ |
| 75 | }, | 88 | }, |
| 76 | data () { | 89 | data () { |
| 77 | return { | 90 | return { |
| 91 | radioVal: '', | ||
| 78 | loading: false, | 92 | loading: false, |
| 79 | queryForm: defaultParameters.defaultParameters(), | 93 | queryForm: defaultParameters.defaultParameters(), |
| 80 | qllxs: [], | 94 | qllxs: [], |
| ... | @@ -88,6 +102,28 @@ | ... | @@ -88,6 +102,28 @@ |
| 88 | }, | 102 | }, |
| 89 | mounted () { | 103 | mounted () { |
| 90 | sendThis(this); | 104 | sendThis(this); |
| 105 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 106 | this.tableData.columns = [{ | ||
| 107 | label: '选择', | ||
| 108 | width: '50px', | ||
| 109 | render: (h, scope) => { | ||
| 110 | return ( | ||
| 111 | <div class="orgColumn"> | ||
| 112 | <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}> | ||
| 113 |   | ||
| 114 | </el-radio> | ||
| 115 | </div> | ||
| 116 | ) | ||
| 117 | } | ||
| 118 | }].concat(datas.columns()) | ||
| 119 | } else { | ||
| 120 | this.tableData.columns = | ||
| 121 | [{ | ||
| 122 | type: 'selection', | ||
| 123 | label: '全选', | ||
| 124 | width: '50' | ||
| 125 | }].concat(datas.columns()) | ||
| 126 | } | ||
| 91 | }, | 127 | }, |
| 92 | methods: { | 128 | methods: { |
| 93 | /** | 129 | /** |
| ... | @@ -164,48 +200,22 @@ | ... | @@ -164,48 +200,22 @@ |
| 164 | } | 200 | } |
| 165 | }, | 201 | }, |
| 166 | /** | 202 | /** |
| 167 | * @description: select | ||
| 168 | * @param {*} selection | ||
| 169 | * @param {*} row | ||
| 170 | * @author: renchao | ||
| 171 | */ | ||
| 172 | select (selection, row) { | ||
| 173 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 174 | // 清除 所有勾选项 | ||
| 175 | this.$refs.table.clearSelection() | ||
| 176 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 177 | // 主要用于将当前勾选的表格状态清除 | ||
| 178 | if (selection.length == 0) return | ||
| 179 | this.$refs.table.toggleRowSelection(row, true); | ||
| 180 | } | ||
| 181 | }, | ||
| 182 | /** | ||
| 183 | * @description: handleRowClick | 203 | * @description: handleRowClick |
| 184 | * @param {*} row | 204 | * @param {*} row |
| 185 | * @author: renchao | 205 | * @author: renchao |
| 186 | */ | 206 | */ |
| 207 | handleChange () { | ||
| 208 | let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal) | ||
| 209 | this.bdcdysz = arr | ||
| 210 | }, | ||
| 187 | handleRowClick (row) { | 211 | handleRowClick (row) { |
| 188 | // 如果状态是1,那就是单选 | 212 | // 如果状态是1,那就是单选 |
| 213 | let refs = 'table'; | ||
| 189 | if (this.sqywInfo.sqywdylx == "1") { | 214 | if (this.sqywInfo.sqywdylx == "1") { |
| 190 | const bdcdysz = this.bdcdysz | 215 | this.bdcdysz = [row] |
| 191 | this.$refs.table.clearSelection() | 216 | this.radioVal = row.bdcdyid |
| 192 | if (bdcdysz.length == 1) { | ||
| 193 | bdcdysz.forEach(item => { | ||
| 194 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 195 | if (item == row) { | ||
| 196 | this.$refs.table.toggleRowSelection(row, false); | ||
| 197 | } | ||
| 198 | // 不然就让当前的一行勾选 | ||
| 199 | else { | ||
| 200 | this.$refs.table.toggleRowSelection(row, true); | ||
| 201 | } | ||
| 202 | }) | ||
| 203 | } | ||
| 204 | else { | ||
| 205 | this.$refs.table.toggleRowSelection(row, true); | ||
| 206 | } | ||
| 207 | } else { | 217 | } else { |
| 208 | this.$refs.table.toggleRowSelection(row); | 218 | this.$refs[refs].toggleRowSelection(row) |
| 209 | } | 219 | } |
| 210 | }, | 220 | }, |
| 211 | /** | 221 | /** |
| ... | @@ -213,7 +223,7 @@ | ... | @@ -213,7 +223,7 @@ |
| 213 | * @param {*} row | 223 | * @param {*} row |
| 214 | * @author: renchao | 224 | * @author: renchao |
| 215 | */ | 225 | */ |
| 216 | openBook (row) { | 226 | openDialog (row) { |
| 217 | var param = { | 227 | var param = { |
| 218 | bdcdyid: row.bdcdyid, | 228 | bdcdyid: row.bdcdyid, |
| 219 | qllx: row.qllx, | 229 | qllx: row.qllx, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-24 15:00:35 | 4 | * @LastEditTime: 2024-01-17 15:34:28 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -13,48 +13,60 @@ | ... | @@ -13,48 +13,60 @@ |
| 13 | <div class="from-clues-header"> | 13 | <div class="from-clues-header"> |
| 14 | <el-form :model="queryzrzForm" ref="queryzrzForm" label-width="110px"> | 14 | <el-form :model="queryzrzForm" ref="queryzrzForm" label-width="110px"> |
| 15 | <el-row> | 15 | <el-row> |
| 16 | <el-col :span="7"> | 16 | <el-col :span="6"> |
| 17 | <el-form-item label="宗地代码"> | 17 | <el-form-item label="宗地代码" label-width="90px"> |
| 18 | <el-input placeholder="请输入宗地代码" v-model="queryzrzForm.zddm" clearable> | 18 | <el-input placeholder="请输入宗地代码" v-model="queryzrzForm.zddm" clearable> |
| 19 | </el-input> | 19 | </el-input> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| 22 | <el-col :span="7"> | 22 | <el-col :span="6"> |
| 23 | <el-form-item label="土地证号"> | 23 | <el-form-item label="土地证号"> |
| 24 | <el-input placeholder="请输入土地证号" v-model="queryzrzForm.bdcqzh" clearable> | 24 | <el-input placeholder="请输入土地证号" v-model="queryzrzForm.bdcqzh" clearable> |
| 25 | </el-input> | 25 | </el-input> |
| 26 | </el-form-item> | 26 | </el-form-item> |
| 27 | </el-col> | 27 | </el-col> |
| 28 | <el-col :span="7"> | 28 | <el-col :span="6"> |
| 29 | <el-form-item label="土地坐落"> | 29 | <el-form-item label="土地坐落"> |
| 30 | <el-input placeholder="请输入土地坐落" v-model="queryzrzForm.zl" clearable> | 30 | <el-input placeholder="请输入土地坐落" v-model="queryzrzForm.zl" clearable> |
| 31 | </el-input> | 31 | </el-input> |
| 32 | </el-form-item> | 32 | </el-form-item> |
| 33 | </el-col> | 33 | </el-col> |
| 34 | </el-row> | 34 | <el-col :span="6"> |
| 35 | <el-row> | ||
| 36 | <el-col :span="7"> | ||
| 37 | <el-form-item label="自然幢号"> | 35 | <el-form-item label="自然幢号"> |
| 38 | <el-input placeholder="请输入自然幢号" v-model="queryzrzForm.zrzh" clearable> | 36 | <el-input placeholder="请输入自然幢号" v-model="queryzrzForm.zrzh" clearable> |
| 39 | </el-input> | 37 | </el-input> |
| 40 | </el-form-item> | 38 | </el-form-item> |
| 41 | </el-col> | 39 | </el-col> |
| 42 | <el-col :span="7"> | 40 | </el-row> |
| 43 | <el-form-item label="项目名称"> | 41 | <el-row> |
| 42 | <el-col :span="6"> | ||
| 43 | <el-form-item label="项目名称" label-width="90px"> | ||
| 44 | <el-input placeholder="请输入项目名称" v-model="queryzrzForm.xmmc"></el-input> | 44 | <el-input placeholder="请输入项目名称" v-model="queryzrzForm.xmmc"></el-input> |
| 45 | </el-form-item> | 45 | </el-form-item> |
| 46 | </el-col> | 46 | </el-col> |
| 47 | <el-col :span="7"> | 47 | <el-col :span="6"> |
| 48 | <el-form-item label="建筑物名称"> | 48 | <el-form-item label="建筑物名称"> |
| 49 | <el-input placeholder="请输入建筑物名称" v-model="queryzrzForm.jzwmc" clearable> | 49 | <el-input placeholder="请输入建筑物名称" v-model="queryzrzForm.jzwmc" clearable> |
| 50 | </el-input> | 50 | </el-input> |
| 51 | </el-form-item> | 51 | </el-form-item> |
| 52 | </el-col> | 52 | </el-col> |
| 53 | 53 | ||
| 54 | <el-col :span="3" class="btnColRight"> | 54 | <el-col :span="6"> |
| 55 | <el-form-item label="权利人"> | ||
| 56 | <el-input placeholder="请输入权利人" v-model="queryzrzForm.qlr" clearable> | ||
| 57 | </el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | <el-col :span="6"> | ||
| 61 | <el-form-item label="证件号"> | ||
| 62 | <el-input placeholder="请输入证件号" v-model="queryzrzForm.zjh" clearable> | ||
| 63 | </el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="24" class="btnColRight"> | ||
| 55 | <el-form-item> | 67 | <el-form-item> |
| 56 | <el-button type="primary" @click="handleSearch">查询</el-button> | 68 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 57 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 69 | <el-button type="primary" @click="resetFormZrz(true)">重置</el-button> |
| 58 | </el-form-item> | 70 | </el-form-item> |
| 59 | </el-col> | 71 | </el-col> |
| 60 | </el-row> | 72 | </el-row> |
| ... | @@ -74,23 +86,36 @@ | ... | @@ -74,23 +86,36 @@ |
| 74 | </div> | 86 | </div> |
| 75 | <div v-show="activeName == 'dz'"> | 87 | <div v-show="activeName == 'dz'"> |
| 76 | <div class="from-clues-header"> | 88 | <div class="from-clues-header"> |
| 77 | <el-form :model="querydzForm" ref="querydzForm" label-width="110px"> | 89 | <el-form :model="querydzForm" ref="querydzForm" label-width="90px"> |
| 78 | <el-row> | 90 | <el-row> |
| 79 | <el-col :span="7"> | 91 | <el-col :span="6"> |
| 80 | <el-form-item label="宗地代码"> | 92 | <el-form-item label="宗地代码"> |
| 81 | <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> | 93 | <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> |
| 82 | </el-input> | 94 | </el-input> |
| 83 | </el-form-item> | 95 | </el-form-item> |
| 84 | </el-col> | 96 | </el-col> |
| 85 | <el-col :span="7"> | 97 | <el-col :span="6"> |
| 86 | <el-form-item label="坐落"> | 98 | <el-form-item label="坐落"> |
| 87 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> | 99 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> |
| 88 | </el-input> | 100 | </el-input> |
| 89 | </el-form-item> | 101 | </el-form-item> |
| 90 | </el-col> | 102 | </el-col> |
| 91 | <el-col :span="10" class="btnColRight"> | 103 | <el-col :span="6"> |
| 104 | <el-form-item label="权利人"> | ||
| 105 | <el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable> | ||
| 106 | </el-input> | ||
| 107 | </el-form-item> | ||
| 108 | </el-col> | ||
| 109 | <el-col :span="6"> | ||
| 110 | <el-form-item label="证件号"> | ||
| 111 | <el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable> | ||
| 112 | </el-input> | ||
| 113 | </el-form-item> | ||
| 114 | </el-col> | ||
| 115 | <el-col :span="24" class="btnColRight"> | ||
| 92 | <el-form-item> | 116 | <el-form-item> |
| 93 | <el-button type="primary" @click="handleSearch">查询</el-button> | 117 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 118 | <el-button type="primary" @click="resetFormDz(true)">重置</el-button> | ||
| 94 | </el-form-item> | 119 | </el-form-item> |
| 95 | </el-col> | 120 | </el-col> |
| 96 | </el-row> | 121 | </el-row> |
| ... | @@ -133,16 +158,20 @@ | ... | @@ -133,16 +158,20 @@ |
| 133 | activeName: 'zrz', | 158 | activeName: 'zrz', |
| 134 | radioVal: '', | 159 | radioVal: '', |
| 135 | queryzrzForm: { | 160 | queryzrzForm: { |
| 136 | qllx: '', | 161 | zddm: '', |
| 137 | bdcdyh: '', | 162 | bdcqzh: '', |
| 138 | ywh: '', | 163 | zl: '', |
| 139 | bdcqzh: '' | 164 | zrzh: '', |
| 165 | xmmc: '', | ||
| 166 | jzwmc: '', | ||
| 167 | qlr: '', | ||
| 168 | zjh: '' | ||
| 140 | }, | 169 | }, |
| 141 | querydzForm: { | 170 | querydzForm: { |
| 142 | qllx: '', | 171 | zddm: '', |
| 143 | bdcdyh: '', | 172 | zl: '', |
| 144 | ywh: '', | 173 | qlr: '', |
| 145 | bdcqzh: '' | 174 | zjh: '' |
| 146 | }, | 175 | }, |
| 147 | zrztableData: { | 176 | zrztableData: { |
| 148 | total: 0, | 177 | total: 0, |
| ... | @@ -183,6 +212,30 @@ | ... | @@ -183,6 +212,30 @@ |
| 183 | } | 212 | } |
| 184 | }, | 213 | }, |
| 185 | methods: { | 214 | methods: { |
| 215 | resetFormZrz () { | ||
| 216 | this.queryzrzForm = { | ||
| 217 | zddm: '', | ||
| 218 | bdcqzh: '', | ||
| 219 | zl: '', | ||
| 220 | zrzh: '', | ||
| 221 | xmmc: '', | ||
| 222 | jzwmc: '', | ||
| 223 | qlr: '', | ||
| 224 | zjh: '' | ||
| 225 | } | ||
| 226 | this.pageData.currentPage = 1; | ||
| 227 | this.queryClick() | ||
| 228 | }, | ||
| 229 | resetFormDz () { | ||
| 230 | this.querydzForm = { | ||
| 231 | zddm: '', | ||
| 232 | zl: '', | ||
| 233 | qlr: '', | ||
| 234 | zjh: '' | ||
| 235 | } | ||
| 236 | this.pageData.currentPage = 1; | ||
| 237 | this.queryClick() | ||
| 238 | }, | ||
| 186 | /** | 239 | /** |
| 187 | * @description: queryClick | 240 | * @description: queryClick |
| 188 | * @author: renchao | 241 | * @author: renchao |
| ... | @@ -358,8 +411,7 @@ | ... | @@ -358,8 +411,7 @@ |
| 358 | that.$refs[refs].toggleRowSelection(row, true); | 411 | that.$refs[refs].toggleRowSelection(row, true); |
| 359 | } | 412 | } |
| 360 | }) | 413 | }) |
| 361 | } | 414 | } else { |
| 362 | else { | ||
| 363 | this.$refs[refs].toggleRowSelection(row, true); | 415 | this.$refs[refs].toggleRowSelection(row, true); |
| 364 | } | 416 | } |
| 365 | }, | 417 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:06:51 | 4 | * @LastEditTime: 2024-01-17 17:20:34 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -74,23 +74,36 @@ | ... | @@ -74,23 +74,36 @@ |
| 74 | </div> | 74 | </div> |
| 75 | <div v-show="activeName == 'dz'"> | 75 | <div v-show="activeName == 'dz'"> |
| 76 | <div class="from-clues-header"> | 76 | <div class="from-clues-header"> |
| 77 | <el-form :model="querydzForm" ref="querydzForm" label-width="110px"> | 77 | <el-form :model="querydzForm" ref="querydzForm" label-width="80px"> |
| 78 | <el-row> | 78 | <el-row> |
| 79 | <el-col :span="7"> | 79 | <el-col :span="6"> |
| 80 | <el-form-item label="宗地代码"> | 80 | <el-form-item label="宗地代码"> |
| 81 | <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> | 81 | <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> |
| 82 | </el-input> | 82 | </el-input> |
| 83 | </el-form-item> | 83 | </el-form-item> |
| 84 | </el-col> | 84 | </el-col> |
| 85 | <el-col :span="7"> | 85 | <el-col :span="6"> |
| 86 | <el-form-item label="坐落"> | 86 | <el-form-item label="坐落"> |
| 87 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> | 87 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> |
| 88 | </el-input> | 88 | </el-input> |
| 89 | </el-form-item> | 89 | </el-form-item> |
| 90 | </el-col> | 90 | </el-col> |
| 91 | <el-col :span="10" class="btnColRight"> | 91 | <el-col :span="6"> |
| 92 | <el-form-item label="权利人"> | ||
| 93 | <el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable> | ||
| 94 | </el-input> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | <el-col :span="6"> | ||
| 98 | <el-form-item label="证件号"> | ||
| 99 | <el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable> | ||
| 100 | </el-input> | ||
| 101 | </el-form-item> | ||
| 102 | </el-col> | ||
| 103 | <el-col :span="24" class="btnColRight"> | ||
| 92 | <el-form-item> | 104 | <el-form-item> |
| 93 | <el-button type="primary" @click="handleSearch">查询</el-button> | 105 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 106 | <el-button type="primary" @click="resetFormDz(true)">重置</el-button> | ||
| 94 | </el-form-item> | 107 | </el-form-item> |
| 95 | </el-col> | 108 | </el-col> |
| 96 | </el-row> | 109 | </el-row> |
| ... | @@ -139,10 +152,10 @@ | ... | @@ -139,10 +152,10 @@ |
| 139 | bdcqzh: '' | 152 | bdcqzh: '' |
| 140 | }, | 153 | }, |
| 141 | querydzForm: { | 154 | querydzForm: { |
| 142 | qllx: '', | 155 | zddm: '', |
| 143 | bdcdyh: '', | 156 | zl: '', |
| 144 | ywh: '', | 157 | qlr: '', |
| 145 | bdcqzh: '' | 158 | zjh: '' |
| 146 | }, | 159 | }, |
| 147 | zrztableData: { | 160 | zrztableData: { |
| 148 | total: 0, | 161 | total: 0, |
| ... | @@ -183,6 +196,16 @@ | ... | @@ -183,6 +196,16 @@ |
| 183 | } | 196 | } |
| 184 | }, | 197 | }, |
| 185 | methods: { | 198 | methods: { |
| 199 | resetFormDz () { | ||
| 200 | this.querydzForm = { | ||
| 201 | zddm: '', | ||
| 202 | zl: '', | ||
| 203 | qlr: '', | ||
| 204 | zjh: '' | ||
| 205 | } | ||
| 206 | this.pageData.currentPage = 1; | ||
| 207 | this.queryClick() | ||
| 208 | }, | ||
| 186 | /** | 209 | /** |
| 187 | * @description: queryClick | 210 | * @description: queryClick |
| 188 | * @author: renchao | 211 | * @author: renchao | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 16:48:43 | 4 | * @LastEditTime: 2024-01-18 15:56:28 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -9,21 +9,34 @@ | ... | @@ -9,21 +9,34 @@ |
| 9 | <div class="from-clues-header"> | 9 | <div class="from-clues-header"> |
| 10 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 10 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="8"> | 12 | <el-col :span="6"> |
| 13 | <el-form-item label="不动产单元号"> | 13 | <el-form-item label="不动产单元号"> |
| 14 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | 14 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| 18 | <el-col :span="8"> | 18 | <el-col :span="6"> |
| 19 | <el-form-item label="坐落" label-width="60px"> | 19 | <el-form-item label="坐落" label-width="60px"> |
| 20 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | 20 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> |
| 21 | </el-input> | 21 | </el-input> |
| 22 | </el-form-item> | 22 | </el-form-item> |
| 23 | </el-col> | 23 | </el-col> |
| 24 | <el-col :span="8" class="btnColRight"> | 24 | <el-col :span="6"> |
| 25 | <el-form-item label="权利人"> | ||
| 26 | <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 27 | </el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | <el-col :span="6"> | ||
| 31 | <el-form-item label="证件号"> | ||
| 32 | <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100"> | ||
| 33 | </el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | <el-col :span="24" class="btnColRight"> | ||
| 25 | <el-form-item> | 37 | <el-form-item> |
| 26 | <el-button type="primary" @click="handleSearch">查询</el-button> | 38 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 39 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 27 | </el-form-item> | 40 | </el-form-item> |
| 28 | </el-col> | 41 | </el-col> |
| 29 | </el-row> | 42 | </el-row> |
| ... | @@ -32,7 +45,7 @@ | ... | @@ -32,7 +45,7 @@ |
| 32 | <!-- 表格 --> | 45 | <!-- 表格 --> |
| 33 | <div class="from-clues-content loadingtext"> | 46 | <div class="from-clues-content loadingtext"> |
| 34 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 47 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" |
| 35 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 48 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 36 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 49 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 37 | :data="tableData.data"> | 50 | :data="tableData.data"> |
| 38 | </lb-table> | 51 | </lb-table> |
| ... | @@ -61,6 +74,7 @@ | ... | @@ -61,6 +74,7 @@ |
| 61 | }, | 74 | }, |
| 62 | data () { | 75 | data () { |
| 63 | return { | 76 | return { |
| 77 | radioVal: '', | ||
| 64 | loading: false, | 78 | loading: false, |
| 65 | queryForm: defaultParameters.defaultParameters(), | 79 | queryForm: defaultParameters.defaultParameters(), |
| 66 | tableData: { | 80 | tableData: { |
| ... | @@ -73,6 +87,28 @@ | ... | @@ -73,6 +87,28 @@ |
| 73 | }, | 87 | }, |
| 74 | mounted () { | 88 | mounted () { |
| 75 | sendThis(this); | 89 | sendThis(this); |
| 90 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 91 | this.tableData.columns = [{ | ||
| 92 | label: '选择', | ||
| 93 | width: '50px', | ||
| 94 | render: (h, scope) => { | ||
| 95 | return ( | ||
| 96 | <div class="orgColumn"> | ||
| 97 | <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}> | ||
| 98 |   | ||
| 99 | </el-radio> | ||
| 100 | </div> | ||
| 101 | ) | ||
| 102 | } | ||
| 103 | }].concat(datas.columns()) | ||
| 104 | } else { | ||
| 105 | this.tableData.columns = | ||
| 106 | [{ | ||
| 107 | type: 'selection', | ||
| 108 | label: '全选', | ||
| 109 | width: '50' | ||
| 110 | }].concat(datas.columns()) | ||
| 111 | } | ||
| 76 | }, | 112 | }, |
| 77 | methods: { | 113 | methods: { |
| 78 | /** | 114 | /** |
| ... | @@ -145,21 +181,9 @@ | ... | @@ -145,21 +181,9 @@ |
| 145 | this.bdcdysz = val; | 181 | this.bdcdysz = val; |
| 146 | } | 182 | } |
| 147 | }, | 183 | }, |
| 148 | /** | 184 | handleChange () { |
| 149 | * @description: select | 185 | let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal) |
| 150 | * @param {*} selection | 186 | this.bdcdysz = arr |
| 151 | * @param {*} row | ||
| 152 | * @author: renchao | ||
| 153 | */ | ||
| 154 | select (selection, row) { | ||
| 155 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 156 | // 清除 所有勾选项 | ||
| 157 | this.$refs.table.clearSelection() | ||
| 158 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 159 | // 主要用于将当前勾选的表格状态清除 | ||
| 160 | if (selection.length == 0) return | ||
| 161 | this.$refs.table.toggleRowSelection(row, true); | ||
| 162 | } | ||
| 163 | }, | 187 | }, |
| 164 | /** | 188 | /** |
| 165 | * @description: handleRowClick | 189 | * @description: handleRowClick |
| ... | @@ -168,26 +192,12 @@ | ... | @@ -168,26 +192,12 @@ |
| 168 | */ | 192 | */ |
| 169 | handleRowClick (row) { | 193 | handleRowClick (row) { |
| 170 | // 如果状态是1,那就是单选 | 194 | // 如果状态是1,那就是单选 |
| 195 | let refs = 'table'; | ||
| 171 | if (this.sqywInfo.sqywdylx == "1") { | 196 | if (this.sqywInfo.sqywdylx == "1") { |
| 172 | const bdcdysz = this.bdcdysz | 197 | this.bdcdysz = [row] |
| 173 | this.$refs.table.clearSelection() | 198 | this.radioVal = row.bdcdyid |
| 174 | if (bdcdysz.length == 1) { | ||
| 175 | bdcdysz.forEach(item => { | ||
| 176 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 177 | if (item == row) { | ||
| 178 | this.$refs.table.toggleRowSelection(row, false); | ||
| 179 | } | ||
| 180 | // 不然就让当前的一行勾选 | ||
| 181 | else { | ||
| 182 | this.$refs.table.toggleRowSelection(row, true); | ||
| 183 | } | ||
| 184 | }) | ||
| 185 | } | ||
| 186 | else { | ||
| 187 | this.$refs.table.toggleRowSelection(row, true); | ||
| 188 | } | ||
| 189 | } else { | 199 | } else { |
| 190 | this.$refs.table.toggleRowSelection(row); | 200 | this.$refs[refs].toggleRowSelection(row) |
| 191 | } | 201 | } |
| 192 | }, | 202 | }, |
| 193 | /** | 203 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 16:49:01 | 4 | * @LastEditTime: 2024-01-18 08:21:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
| 8 | <div class="from-clues"> | 8 | <div class="from-clues"> |
| 9 | <!-- 表单部分 --> | 9 | <!-- 表单部分 --> |
| 10 | <div class="from-clues-header"> | 10 | <div class="from-clues-header"> |
| 11 | <el-form :model="queryForm" ref="queryForm"> | 11 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
| 12 | <el-row> | 12 | <el-row> |
| 13 | <el-col :span="5"> | 13 | <el-col :span="6"> |
| 14 | <el-form-item label="权利类型" label-width="70px"> | 14 | <el-form-item label="权利类型"> |
| 15 | <el-select v-model="queryForm.qllx" filterable clearable class="width100" placeholder="请选择权利类型"> | 15 | <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型"> |
| 16 | <el-option v-for="item in qllxData" :key="item.sxzdz" :label="item.sxzdmc" :value="item.sxzdz"> | 16 | <el-option v-for="item in qllxList" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 17 | </el-option> | 17 | </el-option> |
| 18 | </el-select> | 18 | </el-select> |
| 19 | </el-form-item> | 19 | </el-form-item> |
| ... | @@ -24,21 +24,34 @@ | ... | @@ -24,21 +24,34 @@ |
| 24 | </el-input> | 24 | </el-input> |
| 25 | </el-form-item> | 25 | </el-form-item> |
| 26 | </el-col> | 26 | </el-col> |
| 27 | <el-col :span="5"> | 27 | <el-col :span="6"> |
| 28 | <el-form-item label="业务号"> | 28 | <el-form-item label="业务号"> |
| 29 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable> | 29 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable> |
| 30 | </el-input> | 30 | </el-input> |
| 31 | </el-form-item> | 31 | </el-form-item> |
| 32 | </el-col> | 32 | </el-col> |
| 33 | <el-col :span="5"> | 33 | <el-col :span="6"> |
| 34 | <el-form-item label="不动产权证号"> | 34 | <el-form-item label="不动产权证号"> |
| 35 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable> | 35 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable> |
| 36 | </el-input> | 36 | </el-input> |
| 37 | </el-form-item> | 37 | </el-form-item> |
| 38 | </el-col> | 38 | </el-col> |
| 39 | <el-col :span="3" class="btnColRight"> | 39 | <el-col :span="6"> |
| 40 | <el-form-item label="权利人"> | ||
| 41 | <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 42 | </el-input> | ||
| 43 | </el-form-item> | ||
| 44 | </el-col> | ||
| 45 | <el-col :span="6"> | ||
| 46 | <el-form-item label="证件号"> | ||
| 47 | <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100"> | ||
| 48 | </el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | <el-col :span="12" class="btnColRight"> | ||
| 40 | <el-form-item> | 52 | <el-form-item> |
| 41 | <el-button type="primary" @click="handleSearch">查询</el-button> | 53 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 54 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 42 | </el-form-item> | 55 | </el-form-item> |
| 43 | </el-col> | 56 | </el-col> |
| 44 | </el-row> | 57 | </el-row> |
| ... | @@ -61,13 +74,12 @@ | ... | @@ -61,13 +74,12 @@ |
| 61 | <script> | 74 | <script> |
| 62 | import jump from "./mixin/jump"; | 75 | import jump from "./mixin/jump"; |
| 63 | import store from '@/store/index.js' | 76 | import store from '@/store/index.js' |
| 77 | import { selectQlxx } from "@/api/ywsq.js"; | ||
| 64 | import ywsqTable from "@/utils/mixin/ywsqTable"; | 78 | import ywsqTable from "@/utils/mixin/ywsqTable"; |
| 65 | import { ywPopupDialog } from "@/utils/popup.js"; | 79 | import { ywPopupDialog } from "@/utils/popup.js"; |
| 66 | import { datas, sendThis } from "../javascript/selecBdcql.js"; | 80 | import { datas, sendThis } from "../javascript/selecBdcql.js"; |
| 67 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 81 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 68 | import { selectQlxx } from "@/api/ywsq.js"; | ||
| 69 | import { startBusinessFlow, startTogetherFlow } from "@/api/workFlow.js"; | 82 | import { startBusinessFlow, startTogetherFlow } from "@/api/workFlow.js"; |
| 70 | import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js"; | ||
| 71 | export default { | 83 | export default { |
| 72 | mixins: [ywsqTable, jump], | 84 | mixins: [ywsqTable, jump], |
| 73 | props: { | 85 | props: { |
| ... | @@ -85,21 +97,13 @@ | ... | @@ -85,21 +97,13 @@ |
| 85 | data: [], | 97 | data: [], |
| 86 | }, | 98 | }, |
| 87 | bdcdysz: [], | 99 | bdcdysz: [], |
| 100 | qllxList: store.getters.dictData['A8'], | ||
| 88 | }; | 101 | }; |
| 89 | }, | 102 | }, |
| 90 | mounted () { | 103 | mounted () { |
| 91 | sendThis(this); | 104 | sendThis(this); |
| 92 | }, | 105 | }, |
| 93 | created () { | ||
| 94 | //初始化权利类型下拉框内容 | ||
| 95 | getQllxByBsmSqyw(this.bsmSqyw).then((res) => { | ||
| 96 | if (res.code === 200) { | ||
| 97 | this.qllxData = res.result ? res.result : []; | ||
| 98 | } | ||
| 99 | }); | ||
| 100 | }, | ||
| 101 | methods: { | 106 | methods: { |
| 102 | //默认加载表格信息 | ||
| 103 | /** | 107 | /** |
| 104 | * @description: 默认加载表格信息 | 108 | * @description: 默认加载表格信息 |
| 105 | * @author: renchao | 109 | * @author: renchao | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 14:34:40 | 4 | * @LastEditTime: 2024-01-17 15:37:02 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
| ... | @@ -10,13 +10,13 @@ | ... | @@ -10,13 +10,13 @@ |
| 10 | <div class="from-clues-header"> | 10 | <div class="from-clues-header"> |
| 11 | <el-form :model="queryForm" ref="queryForm" label-width="105px"> | 11 | <el-form :model="queryForm" ref="queryForm" label-width="105px"> |
| 12 | <el-row> | 12 | <el-row> |
| 13 | <el-col :span="7"> | 13 | <el-col :span="6"> |
| 14 | <el-form-item label="不动产权证号"> | 14 | <el-form-item label="不动产权证号"> |
| 15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | 15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> |
| 16 | </el-input> | 16 | </el-input> |
| 17 | </el-form-item> | 17 | </el-form-item> |
| 18 | </el-col> | 18 | </el-col> |
| 19 | <el-col :span="7"> | 19 | <el-col :span="6"> |
| 20 | <el-form-item label="不动产单元号"> | 20 | <el-form-item label="不动产单元号"> |
| 21 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | 21 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> |
| 22 | </el-input> | 22 | </el-input> |
| ... | @@ -28,10 +28,22 @@ | ... | @@ -28,10 +28,22 @@ |
| 28 | </el-input> | 28 | </el-input> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | </el-col> | 30 | </el-col> |
| 31 | <el-col :span="4" class="btnColRight"> | 31 | <el-col :span="6"> |
| 32 | <el-form-item label="权利人"> | ||
| 33 | <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable> | ||
| 34 | </el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | <el-col :span="6"> | ||
| 38 | <el-form-item label="证件号"> | ||
| 39 | <el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable> | ||
| 40 | </el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | <el-col :span="18" class="btnColRight"> | ||
| 32 | <el-form-item> | 44 | <el-form-item> |
| 33 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 34 | <el-button type="primary" @click="handleSearch">查询</el-button> | 45 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 46 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 35 | </el-form-item> | 47 | </el-form-item> |
| 36 | </el-col> | 48 | </el-col> |
| 37 | </el-row> | 49 | </el-row> |
| ... | @@ -40,7 +52,7 @@ | ... | @@ -40,7 +52,7 @@ |
| 40 | <!-- 表格 --> | 52 | <!-- 表格 --> |
| 41 | <div class="from-clues-content loadingtext"> | 53 | <div class="from-clues-content loadingtext"> |
| 42 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 54 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" |
| 43 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 55 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 44 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 56 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 45 | :data="tableData.data"> | 57 | :data="tableData.data"> |
| 46 | </lb-table> | 58 | </lb-table> |
| ... | @@ -68,6 +80,7 @@ | ... | @@ -68,6 +80,7 @@ |
| 68 | }, | 80 | }, |
| 69 | data () { | 81 | data () { |
| 70 | return { | 82 | return { |
| 83 | radioVal: '', | ||
| 71 | loading: false, | 84 | loading: false, |
| 72 | queryForm: defaultParameters.defaultParameters(), | 85 | queryForm: defaultParameters.defaultParameters(), |
| 73 | tableData: { | 86 | tableData: { |
| ... | @@ -80,6 +93,28 @@ | ... | @@ -80,6 +93,28 @@ |
| 80 | }, | 93 | }, |
| 81 | mounted () { | 94 | mounted () { |
| 82 | sendThis(this); | 95 | sendThis(this); |
| 96 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 97 | this.tableData.columns = [{ | ||
| 98 | label: '选择', | ||
| 99 | width: '50px', | ||
| 100 | render: (h, scope) => { | ||
| 101 | return ( | ||
| 102 | <div class="orgColumn"> | ||
| 103 | <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}> | ||
| 104 |   | ||
| 105 | </el-radio> | ||
| 106 | </div> | ||
| 107 | ) | ||
| 108 | } | ||
| 109 | }].concat(datas.columns()) | ||
| 110 | } else { | ||
| 111 | this.tableData.columns = | ||
| 112 | [{ | ||
| 113 | type: 'selection', | ||
| 114 | label: '全选', | ||
| 115 | width: '50' | ||
| 116 | }].concat(datas.columns()) | ||
| 117 | } | ||
| 83 | }, | 118 | }, |
| 84 | methods: { | 119 | methods: { |
| 85 | /** | 120 | /** |
| ... | @@ -183,21 +218,9 @@ | ... | @@ -183,21 +218,9 @@ |
| 183 | this.bdcdysz = val; | 218 | this.bdcdysz = val; |
| 184 | } | 219 | } |
| 185 | }, | 220 | }, |
| 186 | /** | 221 | handleChange () { |
| 187 | * @description: select | 222 | let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal) |
| 188 | * @param {*} selection | 223 | this.bdcdysz = arr |
| 189 | * @param {*} row | ||
| 190 | * @author: renchao | ||
| 191 | */ | ||
| 192 | select (selection, row) { | ||
| 193 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 194 | // 清除 所有勾选项 | ||
| 195 | this.$refs.table.clearSelection() | ||
| 196 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 197 | // 主要用于将当前勾选的表格状态清除 | ||
| 198 | if (selection.length == 0) return | ||
| 199 | this.$refs.table.toggleRowSelection(row, true); | ||
| 200 | } | ||
| 201 | }, | 224 | }, |
| 202 | /** | 225 | /** |
| 203 | * @description: handleRowClick | 226 | * @description: handleRowClick |
| ... | @@ -205,27 +228,34 @@ | ... | @@ -205,27 +228,34 @@ |
| 205 | * @author: renchao | 228 | * @author: renchao |
| 206 | */ | 229 | */ |
| 207 | handleRowClick (row) { | 230 | handleRowClick (row) { |
| 208 | // 如果状态是1,那就是单选 | 231 | // // 如果状态是1,那就是单选 |
| 232 | // if (this.sqywInfo.sqywdylx == "1") { | ||
| 233 | // const bdcdysz = this.bdcdysz | ||
| 234 | // this.$refs.table.clearSelection() | ||
| 235 | // if (bdcdysz.length == 1) { | ||
| 236 | // bdcdysz.forEach(item => { | ||
| 237 | // // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 238 | // if (item == row) { | ||
| 239 | // this.$refs.table.toggleRowSelection(row, false); | ||
| 240 | // } | ||
| 241 | // // 不然就让当前的一行勾选 | ||
| 242 | // else { | ||
| 243 | // this.$refs.table.toggleRowSelection(row, true); | ||
| 244 | // } | ||
| 245 | // }) | ||
| 246 | // } | ||
| 247 | // else { | ||
| 248 | // this.$refs.table.toggleRowSelection(row, true); | ||
| 249 | // } | ||
| 250 | // } else { | ||
| 251 | // this.$refs.table.toggleRowSelection(row); | ||
| 252 | // } | ||
| 253 | let refs = 'table'; | ||
| 209 | if (this.sqywInfo.sqywdylx == "1") { | 254 | if (this.sqywInfo.sqywdylx == "1") { |
| 210 | const bdcdysz = this.bdcdysz | 255 | this.bdcdysz = [row] |
| 211 | this.$refs.table.clearSelection() | 256 | this.radioVal = row.bdcdyid |
| 212 | if (bdcdysz.length == 1) { | ||
| 213 | bdcdysz.forEach(item => { | ||
| 214 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 215 | if (item == row) { | ||
| 216 | this.$refs.table.toggleRowSelection(row, false); | ||
| 217 | } | ||
| 218 | // 不然就让当前的一行勾选 | ||
| 219 | else { | ||
| 220 | this.$refs.table.toggleRowSelection(row, true); | ||
| 221 | } | ||
| 222 | }) | ||
| 223 | } | ||
| 224 | else { | ||
| 225 | this.$refs.table.toggleRowSelection(row, true); | ||
| 226 | } | ||
| 227 | } else { | 257 | } else { |
| 228 | this.$refs.table.toggleRowSelection(row); | 258 | this.$refs[refs].toggleRowSelection(row) |
| 229 | } | 259 | } |
| 230 | }, | 260 | }, |
| 231 | /** | 261 | /** |
| ... | @@ -245,13 +275,11 @@ | ... | @@ -245,13 +275,11 @@ |
| 245 | }) | 275 | }) |
| 246 | }, | 276 | }, |
| 247 | /** | 277 | /** |
| 248 | * @description: handleLpbClick | 278 | * @description: handleLpbClick |
| 249 | * @param {*} row | 279 | * @param {*} row |
| 250 | * @author: miaofang | 280 | * @author: miaofang |
| 251 | */ | 281 | */ |
| 252 | handleLpbClick (item) { | 282 | handleLpbClick (item) { |
| 253 | console.log("item", item); | ||
| 254 | console.log("this.sqywInfo", this.sqywInfo); | ||
| 255 | this.$popup('楼盘表', 'lpb/index', { | 283 | this.$popup('楼盘表', 'lpb/index', { |
| 256 | width: '85%', | 284 | width: '85%', |
| 257 | formData: { | 285 | formData: { |
| ... | @@ -264,7 +292,7 @@ | ... | @@ -264,7 +292,7 @@ |
| 264 | onlyShow: false | 292 | onlyShow: false |
| 265 | } | 293 | } |
| 266 | }) | 294 | }) |
| 267 | }, | 295 | } |
| 268 | } | 296 | } |
| 269 | } | 297 | } |
| 270 | </script> | 298 | </script> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:11:46 | 4 | * @LastEditTime: 2024-01-17 16:16:15 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
| ... | @@ -10,12 +10,12 @@ | ... | @@ -10,12 +10,12 @@ |
| 10 | <div class="from-clues-header"> | 10 | <div class="from-clues-header"> |
| 11 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 11 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
| 12 | <el-row> | 12 | <el-row> |
| 13 | <el-col :span="6"> | 13 | <!-- <el-col :span="6"> |
| 14 | <el-form-item label="不动产权证号"> | 14 | <el-form-item label="不动产权证号"> |
| 15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | 15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> |
| 16 | </el-input> | 16 | </el-input> |
| 17 | </el-form-item> | 17 | </el-form-item> |
| 18 | </el-col> | 18 | </el-col> --> |
| 19 | <el-col :span="6"> | 19 | <el-col :span="6"> |
| 20 | <el-form-item label="不动产单元号"> | 20 | <el-form-item label="不动产单元号"> |
| 21 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | 21 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> |
| ... | @@ -24,13 +24,26 @@ | ... | @@ -24,13 +24,26 @@ |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :span="6"> | 25 | <el-col :span="6"> |
| 26 | <el-form-item label="坐落" label-width="60px"> | 26 | <el-form-item label="坐落" label-width="60px"> |
| 27 | <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100"> | 27 | <el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100"> |
| 28 | </el-input> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 31 | <el-col :span="6"> | ||
| 32 | <el-form-item label="权利人" label-width="60px"> | ||
| 33 | <el-input placeholder="权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 28 | </el-input> | 34 | </el-input> |
| 29 | </el-form-item> | 35 | </el-form-item> |
| 30 | </el-col> | 36 | </el-col> |
| 31 | <el-col :span="6" class="btnColRight"> | 37 | <el-col :span="6"> |
| 38 | <el-form-item label="证件号" label-width="60px"> | ||
| 39 | <el-input placeholder="权利人" v-model.trim="queryForm.zjh" clearable class="width100"> | ||
| 40 | </el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | <el-col :span="24" class="btnColRight"> | ||
| 32 | <el-form-item> | 44 | <el-form-item> |
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | 45 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 46 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 34 | </el-form-item> | 47 | </el-form-item> |
| 35 | </el-col> | 48 | </el-col> |
| 36 | </el-row> | 49 | </el-row> |
| ... | @@ -39,7 +52,7 @@ | ... | @@ -39,7 +52,7 @@ |
| 39 | <!-- 表格 --> | 52 | <!-- 表格 --> |
| 40 | <div class="from-clues-content loadingtext"> | 53 | <div class="from-clues-content loadingtext"> |
| 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 54 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" |
| 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 55 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 56 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 44 | :data="tableData.data"> | 57 | :data="tableData.data"> |
| 45 | </lb-table> | 58 | </lb-table> |
| ... | @@ -67,6 +80,7 @@ | ... | @@ -67,6 +80,7 @@ |
| 67 | }, | 80 | }, |
| 68 | data () { | 81 | data () { |
| 69 | return { | 82 | return { |
| 83 | radioVal: '', | ||
| 70 | loading: false, | 84 | loading: false, |
| 71 | queryForm: defaultParameters.defaultParameters(), | 85 | queryForm: defaultParameters.defaultParameters(), |
| 72 | tableData: { | 86 | tableData: { |
| ... | @@ -79,6 +93,28 @@ | ... | @@ -79,6 +93,28 @@ |
| 79 | }, | 93 | }, |
| 80 | mounted () { | 94 | mounted () { |
| 81 | sendThis(this); | 95 | sendThis(this); |
| 96 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 97 | this.tableData.columns = [{ | ||
| 98 | label: '选择', | ||
| 99 | width: '50px', | ||
| 100 | render: (h, scope) => { | ||
| 101 | return ( | ||
| 102 | <div class="orgColumn"> | ||
| 103 | <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}> | ||
| 104 |   | ||
| 105 | </el-radio> | ||
| 106 | </div> | ||
| 107 | ) | ||
| 108 | } | ||
| 109 | }].concat(datas.columns()) | ||
| 110 | } else { | ||
| 111 | this.tableData.columns = | ||
| 112 | [{ | ||
| 113 | type: 'selection', | ||
| 114 | label: '全选', | ||
| 115 | width: '50' | ||
| 116 | }].concat(datas.columns()) | ||
| 117 | } | ||
| 82 | }, | 118 | }, |
| 83 | methods: { | 119 | methods: { |
| 84 | /** | 120 | /** |
| ... | @@ -151,21 +187,9 @@ | ... | @@ -151,21 +187,9 @@ |
| 151 | this.bdcdysz = val; | 187 | this.bdcdysz = val; |
| 152 | } | 188 | } |
| 153 | }, | 189 | }, |
| 154 | /** | 190 | handleChange () { |
| 155 | * @description: select | 191 | let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal) |
| 156 | * @param {*} selection | 192 | this.bdcdysz = arr |
| 157 | * @param {*} row | ||
| 158 | * @author: renchao | ||
| 159 | */ | ||
| 160 | select (selection, row) { | ||
| 161 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 162 | // 清除 所有勾选项 | ||
| 163 | this.$refs.table.clearSelection() | ||
| 164 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 165 | // 主要用于将当前勾选的表格状态清除 | ||
| 166 | if (selection.length == 0) return | ||
| 167 | this.$refs.table.toggleRowSelection(row, true); | ||
| 168 | } | ||
| 169 | }, | 193 | }, |
| 170 | /** | 194 | /** |
| 171 | * @description: handleRowClick | 195 | * @description: handleRowClick |
| ... | @@ -174,26 +198,12 @@ | ... | @@ -174,26 +198,12 @@ |
| 174 | */ | 198 | */ |
| 175 | handleRowClick (row) { | 199 | handleRowClick (row) { |
| 176 | // 如果状态是1,那就是单选 | 200 | // 如果状态是1,那就是单选 |
| 201 | let refs = 'table'; | ||
| 177 | if (this.sqywInfo.sqywdylx == "1") { | 202 | if (this.sqywInfo.sqywdylx == "1") { |
| 178 | const bdcdysz = this.bdcdysz | 203 | this.bdcdysz = [row] |
| 179 | this.$refs.table.clearSelection() | 204 | this.radioVal = row.bdcdyid |
| 180 | if (bdcdysz.length == 1) { | ||
| 181 | bdcdysz.forEach(item => { | ||
| 182 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 183 | if (item == row) { | ||
| 184 | this.$refs.table.toggleRowSelection(row, false); | ||
| 185 | } | ||
| 186 | // 不然就让当前的一行勾选 | ||
| 187 | else { | ||
| 188 | this.$refs.table.toggleRowSelection(row, true); | ||
| 189 | } | ||
| 190 | }) | ||
| 191 | } | ||
| 192 | else { | ||
| 193 | this.$refs.table.toggleRowSelection(row, true); | ||
| 194 | } | ||
| 195 | } else { | 205 | } else { |
| 196 | this.$refs.table.toggleRowSelection(row); | 206 | this.$refs[refs].toggleRowSelection(row) |
| 197 | } | 207 | } |
| 198 | }, | 208 | }, |
| 199 | /** | 209 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:02:08 | 4 | * @LastEditTime: 2024-01-17 14:18:01 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -15,12 +15,18 @@ | ... | @@ -15,12 +15,18 @@ |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| 18 | <el-col :span="10"> | 18 | <el-col :span="8"> |
| 19 | <el-form-item label="不动产权证号"> | 19 | <el-form-item label="不动产权证号"> |
| 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> |
| 21 | </el-input> | 21 | </el-input> |
| 22 | </el-form-item> | 22 | </el-form-item> |
| 23 | </el-col> | 23 | </el-col> |
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="坐落"> | ||
| 26 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
| 27 | </el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 24 | </el-row> | 30 | </el-row> |
| 25 | <el-row> | 31 | <el-row> |
| 26 | <el-col :span="8"> | 32 | <el-col :span="8"> |
| ... | @@ -29,13 +35,13 @@ | ... | @@ -29,13 +35,13 @@ |
| 29 | </el-input> | 35 | </el-input> |
| 30 | </el-form-item> | 36 | </el-form-item> |
| 31 | </el-col> | 37 | </el-col> |
| 32 | <el-col :span="10"> | 38 | <el-col :span="8"> |
| 33 | <el-form-item label="坐落"> | 39 | <el-form-item label="证件号"> |
| 34 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | 40 | <el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable class="width100"> |
| 35 | </el-input> | 41 | </el-input> |
| 36 | </el-form-item> | 42 | </el-form-item> |
| 37 | </el-col> | 43 | </el-col> |
| 38 | <el-col :span="6" class="btnColRight"> | 44 | <el-col :span="8" class="btnColRight"> |
| 39 | <el-form-item> | 45 | <el-form-item> |
| 40 | <el-button type="primary" @click="handleSearch">查询</el-button> | 46 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 41 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 47 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:12:35 | 4 | * @LastEditTime: 2024-01-19 13:35:33 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <!-- 表单部分 林权首次 --> | 8 | <!-- 表单部分 林权首次 --> |
| 9 | <div class="from-clues-header"> | 9 | <div class="from-clues-header"> |
| 10 | <el-form :model="queryForm" ref="queryForm"> | 10 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
| 11 | <el-row :gutter="20"> | 11 | <el-row> |
| 12 | <el-col :span="6"> | 12 | <el-col :span="6"> |
| 13 | <el-form-item label="宗地代码"> | 13 | <el-form-item label="宗地代码"> |
| 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> | 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> |
| ... | @@ -27,10 +27,22 @@ | ... | @@ -27,10 +27,22 @@ |
| 27 | </el-input> | 27 | </el-input> |
| 28 | </el-form-item> | 28 | </el-form-item> |
| 29 | </el-col> | 29 | </el-col> |
| 30 | <el-col :span="6" class="btnColRight"> | 30 | <el-col :span="6"> |
| 31 | <el-form-item label="权利人"> | ||
| 32 | <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 33 | </el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | <el-col :span="6"> | ||
| 37 | <el-form-item label="证件号"> | ||
| 38 | <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100"> | ||
| 39 | </el-input> | ||
| 40 | </el-form-item> | ||
| 41 | </el-col> | ||
| 42 | <el-col :span="18" class="btnColRight"> | ||
| 31 | <el-form-item> | 43 | <el-form-item> |
| 32 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | 44 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 45 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 34 | </el-form-item> | 46 | </el-form-item> |
| 35 | </el-col> | 47 | </el-col> |
| 36 | </el-row> | 48 | </el-row> |
| ... | @@ -39,7 +51,7 @@ | ... | @@ -39,7 +51,7 @@ |
| 39 | <!-- 表格 --> | 51 | <!-- 表格 --> |
| 40 | <div class="from-clues-content loadingtext"> | 52 | <div class="from-clues-content loadingtext"> |
| 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 53 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" |
| 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 54 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 55 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 44 | :data="tableData.data"> | 56 | :data="tableData.data"> |
| 45 | </lb-table> | 57 | </lb-table> |
| ... | @@ -68,6 +80,7 @@ | ... | @@ -68,6 +80,7 @@ |
| 68 | }, | 80 | }, |
| 69 | data () { | 81 | data () { |
| 70 | return { | 82 | return { |
| 83 | radioVal: '', | ||
| 71 | loading: false, | 84 | loading: false, |
| 72 | queryForm: defaultParameters.defaultParameters(), | 85 | queryForm: defaultParameters.defaultParameters(), |
| 73 | tableData: { | 86 | tableData: { |
| ... | @@ -80,6 +93,28 @@ | ... | @@ -80,6 +93,28 @@ |
| 80 | }, | 93 | }, |
| 81 | mounted () { | 94 | mounted () { |
| 82 | sendThis(this); | 95 | sendThis(this); |
| 96 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 97 | this.tableData.columns = [{ | ||
| 98 | label: '选择', | ||
| 99 | width: '50px', | ||
| 100 | render: (h, scope) => { | ||
| 101 | return ( | ||
| 102 | <div class="orgColumn"> | ||
| 103 | <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}> | ||
| 104 |   | ||
| 105 | </el-radio> | ||
| 106 | </div> | ||
| 107 | ) | ||
| 108 | } | ||
| 109 | }].concat(datas.columns()) | ||
| 110 | } else { | ||
| 111 | this.tableData.columns = | ||
| 112 | [{ | ||
| 113 | type: 'selection', | ||
| 114 | label: '全选', | ||
| 115 | width: '50' | ||
| 116 | }].concat(datas.columns()) | ||
| 117 | } | ||
| 83 | }, | 118 | }, |
| 84 | methods: { | 119 | methods: { |
| 85 | /** | 120 | /** |
| ... | @@ -157,49 +192,22 @@ | ... | @@ -157,49 +192,22 @@ |
| 157 | } | 192 | } |
| 158 | }, | 193 | }, |
| 159 | /** | 194 | /** |
| 160 | * @description: select | ||
| 161 | * @param {*} selection | ||
| 162 | * @param {*} row | ||
| 163 | * @author: renchao | ||
| 164 | */ | ||
| 165 | select (selection, row) { | ||
| 166 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 167 | // 清除 所有勾选项 | ||
| 168 | this.$refs.table.clearSelection() | ||
| 169 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 170 | // 主要用于将当前勾选的表格状态清除 | ||
| 171 | if (selection.length == 0) return | ||
| 172 | this.$refs.table.toggleRowSelection(row, true); | ||
| 173 | } | ||
| 174 | }, | ||
| 175 | |||
| 176 | /** | ||
| 177 | * @description: handleRowClick | 195 | * @description: handleRowClick |
| 178 | * @param {*} row | 196 | * @param {*} row |
| 179 | * @author: renchao | 197 | * @author: renchao |
| 180 | */ | 198 | */ |
| 199 | handleChange () { | ||
| 200 | let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal) | ||
| 201 | this.bdcdysz = arr | ||
| 202 | }, | ||
| 181 | handleRowClick (row) { | 203 | handleRowClick (row) { |
| 182 | // 如果状态是1,那就是单选 | 204 | // 如果状态是1,那就是单选 |
| 205 | let refs = 'table'; | ||
| 183 | if (this.sqywInfo.sqywdylx == "1") { | 206 | if (this.sqywInfo.sqywdylx == "1") { |
| 184 | const bdcdysz = this.bdcdysz | 207 | this.bdcdysz = [row] |
| 185 | this.$refs.table.clearSelection() | 208 | this.radioVal = row.bdcdyid |
| 186 | if (bdcdysz.length == 1) { | ||
| 187 | bdcdysz.forEach(item => { | ||
| 188 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 189 | if (item == row) { | ||
| 190 | this.$refs.table.toggleRowSelection(row, false); | ||
| 191 | } | ||
| 192 | // 不然就让当前的一行勾选 | ||
| 193 | else { | ||
| 194 | this.$refs.table.toggleRowSelection(row, true); | ||
| 195 | } | ||
| 196 | }) | ||
| 197 | } | ||
| 198 | else { | ||
| 199 | this.$refs.table.toggleRowSelection(row, true); | ||
| 200 | } | ||
| 201 | } else { | 209 | } else { |
| 202 | this.$refs.table.toggleRowSelection(row); | 210 | this.$refs[refs].toggleRowSelection(row) |
| 203 | } | 211 | } |
| 204 | }, | 212 | }, |
| 205 | /** | 213 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 13:59:21 | 4 | * @LastEditTime: 2024-01-17 14:17:17 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | <el-form :model="queryForm" ref="queryForm"> | 10 | <el-form :model="queryForm" ref="queryForm"> |
| 11 | <el-row :gutter="20"> | 11 | <el-row :gutter="20"> |
| 12 | <el-col :span="6"> | 12 | <el-col :span="6"> |
| 13 | <el-form-item label="宗地代码"> | 13 | <el-form-item label="宗地代码" label-width="80px"> |
| 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> | 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| ... | @@ -27,9 +27,24 @@ | ... | @@ -27,9 +27,24 @@ |
| 27 | </el-input> | 27 | </el-input> |
| 28 | </el-form-item> | 28 | </el-form-item> |
| 29 | </el-col> | 29 | </el-col> |
| 30 | <el-col :span="6" class="btnColRight"> | 30 | <el-col :span="6"> |
| 31 | <el-form-item label="权利人"> | ||
| 32 | <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 33 | </el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | <el-row :gutter="20"> | ||
| 38 | <el-col :span="6"> | ||
| 39 | <el-form-item label="证件号" label-width="80px"> | ||
| 40 | <el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable class="width100"> | ||
| 41 | </el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="18" class="btnColRight"> | ||
| 31 | <el-form-item> | 45 | <el-form-item> |
| 32 | <el-button type="primary" @click="handleSearch">查询</el-button> | 46 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 47 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 33 | </el-form-item> | 48 | </el-form-item> |
| 34 | </el-col> | 49 | </el-col> |
| 35 | </el-row> | 50 | </el-row> |
| ... | @@ -38,7 +53,7 @@ | ... | @@ -38,7 +53,7 @@ |
| 38 | <!-- 表格 --> | 53 | <!-- 表格 --> |
| 39 | <div class="from-clues-content loadingtext"> | 54 | <div class="from-clues-content loadingtext"> |
| 40 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 55 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" |
| 41 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 56 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 42 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 57 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 43 | :data="tableData.data"> | 58 | :data="tableData.data"> |
| 44 | </lb-table> | 59 | </lb-table> |
| ... | @@ -67,6 +82,7 @@ | ... | @@ -67,6 +82,7 @@ |
| 67 | }, | 82 | }, |
| 68 | data () { | 83 | data () { |
| 69 | return { | 84 | return { |
| 85 | radioVal: '', | ||
| 70 | loading: false, | 86 | loading: false, |
| 71 | queryForm: defaultParameters.defaultParameters(), | 87 | queryForm: defaultParameters.defaultParameters(), |
| 72 | tableData: { | 88 | tableData: { |
| ... | @@ -74,11 +90,33 @@ | ... | @@ -74,11 +90,33 @@ |
| 74 | columns: datas.columns(), | 90 | columns: datas.columns(), |
| 75 | data: [], | 91 | data: [], |
| 76 | }, | 92 | }, |
| 77 | bdcdysz: [], | 93 | bdcdysz: [] |
| 78 | }; | 94 | } |
| 79 | }, | 95 | }, |
| 80 | mounted () { | 96 | mounted () { |
| 81 | sendThis(this); | 97 | sendThis(this); |
| 98 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 99 | this.tableData.columns = [{ | ||
| 100 | label: '选择', | ||
| 101 | width: '50px', | ||
| 102 | render: (h, scope) => { | ||
| 103 | return ( | ||
| 104 | <div class="orgColumn"> | ||
| 105 | <el-radio onChange={() => { this.handleChange(scope.row) }} v-model={this.radioVal} label={scope.row.bdcdyid}> | ||
| 106 |   | ||
| 107 | </el-radio> | ||
| 108 | </div> | ||
| 109 | ) | ||
| 110 | } | ||
| 111 | }].concat(datas.columns()) | ||
| 112 | } else { | ||
| 113 | this.tableData.columns = | ||
| 114 | [{ | ||
| 115 | type: 'selection', | ||
| 116 | label: '全选', | ||
| 117 | width: '50' | ||
| 118 | }].concat(datas.columns()) | ||
| 119 | } | ||
| 82 | }, | 120 | }, |
| 83 | methods: { | 121 | methods: { |
| 84 | /** | 122 | /** |
| ... | @@ -155,23 +193,10 @@ | ... | @@ -155,23 +193,10 @@ |
| 155 | this.bdcdysz = val; | 193 | this.bdcdysz = val; |
| 156 | } | 194 | } |
| 157 | }, | 195 | }, |
| 158 | /** | 196 | handleChange () { |
| 159 | * @description: select | 197 | let arr = this.tableData.data.filter(item => item.bdcdyid == this.radioVal) |
| 160 | * @param {*} selection | 198 | this.bdcdysz = arr |
| 161 | * @param {*} row | ||
| 162 | * @author: renchao | ||
| 163 | */ | ||
| 164 | select (selection, row) { | ||
| 165 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 166 | // 清除 所有勾选项 | ||
| 167 | this.$refs.table.clearSelection() | ||
| 168 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 169 | // 主要用于将当前勾选的表格状态清除 | ||
| 170 | if (selection.length == 0) return | ||
| 171 | this.$refs.table.toggleRowSelection(row, true); | ||
| 172 | } | ||
| 173 | }, | 199 | }, |
| 174 | |||
| 175 | /** | 200 | /** |
| 176 | * @description: handleRowClick | 201 | * @description: handleRowClick |
| 177 | * @param {*} row | 202 | * @param {*} row |
| ... | @@ -179,26 +204,33 @@ | ... | @@ -179,26 +204,33 @@ |
| 179 | */ | 204 | */ |
| 180 | handleRowClick (row) { | 205 | handleRowClick (row) { |
| 181 | // 如果状态是1,那就是单选 | 206 | // 如果状态是1,那就是单选 |
| 207 | // if (this.sqywInfo.sqywdylx == "1") { | ||
| 208 | // const bdcdysz = this.bdcdysz | ||
| 209 | // this.$refs.table.clearSelection() | ||
| 210 | // if (bdcdysz.length == 1) { | ||
| 211 | // bdcdysz.forEach(item => { | ||
| 212 | // // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 213 | // if (item == row) { | ||
| 214 | // this.$refs.table.toggleRowSelection(row, false); | ||
| 215 | // } | ||
| 216 | // // 不然就让当前的一行勾选 | ||
| 217 | // else { | ||
| 218 | // this.$refs.table.toggleRowSelection(row, true); | ||
| 219 | // } | ||
| 220 | // }) | ||
| 221 | // } | ||
| 222 | // else { | ||
| 223 | // this.$refs.table.toggleRowSelection(row, true); | ||
| 224 | // } | ||
| 225 | // } else { | ||
| 226 | // this.$refs.table.toggleRowSelection(row); | ||
| 227 | // } | ||
| 228 | let refs = 'table'; | ||
| 182 | if (this.sqywInfo.sqywdylx == "1") { | 229 | if (this.sqywInfo.sqywdylx == "1") { |
| 183 | const bdcdysz = this.bdcdysz | 230 | this.bdcdysz = [row] |
| 184 | this.$refs.table.clearSelection() | 231 | this.radioVal = row.bdcdyid |
| 185 | if (bdcdysz.length == 1) { | ||
| 186 | bdcdysz.forEach(item => { | ||
| 187 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 188 | if (item == row) { | ||
| 189 | this.$refs.table.toggleRowSelection(row, false); | ||
| 190 | } | ||
| 191 | // 不然就让当前的一行勾选 | ||
| 192 | else { | ||
| 193 | this.$refs.table.toggleRowSelection(row, true); | ||
| 194 | } | ||
| 195 | }) | ||
| 196 | } | ||
| 197 | else { | ||
| 198 | this.$refs.table.toggleRowSelection(row, true); | ||
| 199 | } | ||
| 200 | } else { | 232 | } else { |
| 201 | this.$refs.table.toggleRowSelection(row); | 233 | this.$refs[refs].toggleRowSelection(row) |
| 202 | } | 234 | } |
| 203 | }, | 235 | }, |
| 204 | /** | 236 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:00:39 | 4 | * @LastEditTime: 2024-01-17 14:17:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -15,12 +15,19 @@ | ... | @@ -15,12 +15,19 @@ |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| 18 | <el-col :span="10"> | 18 | <el-col :span="8"> |
| 19 | <el-form-item label="不动产权证号"> | 19 | <el-form-item label="不动产权证号"> |
| 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> |
| 21 | </el-input> | 21 | </el-input> |
| 22 | </el-form-item> | 22 | </el-form-item> |
| 23 | </el-col> | 23 | </el-col> |
| 24 | |||
| 25 | <el-col :span="8"> | ||
| 26 | <el-form-item label="坐落"> | ||
| 27 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
| 28 | </el-input> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 24 | </el-row> | 31 | </el-row> |
| 25 | <el-row> | 32 | <el-row> |
| 26 | <el-col :span="8"> | 33 | <el-col :span="8"> |
| ... | @@ -29,13 +36,13 @@ | ... | @@ -29,13 +36,13 @@ |
| 29 | </el-input> | 36 | </el-input> |
| 30 | </el-form-item> | 37 | </el-form-item> |
| 31 | </el-col> | 38 | </el-col> |
| 32 | <el-col :span="10"> | 39 | <el-col :span="8"> |
| 33 | <el-form-item label="坐落"> | 40 | <el-form-item label="证件号"> |
| 34 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | 41 | <el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable class="width100"> |
| 35 | </el-input> | 42 | </el-input> |
| 36 | </el-form-item> | 43 | </el-form-item> |
| 37 | </el-col> | 44 | </el-col> |
| 38 | <el-col :span="6" class="btnColRight"> | 45 | <el-col :span="8" class="btnColRight"> |
| 39 | <el-form-item> | 46 | <el-form-item> |
| 40 | <el-button type="primary" @click="handleSearch">查询</el-button> | 47 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 41 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 48 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:16:58 | 4 | * @LastEditTime: 2024-01-17 17:26:18 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
| ... | @@ -24,13 +24,26 @@ | ... | @@ -24,13 +24,26 @@ |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :span="6"> | 25 | <el-col :span="6"> |
| 26 | <el-form-item label="坐落"> | 26 | <el-form-item label="坐落"> |
| 27 | <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100"> | 27 | <el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100"> |
| 28 | </el-input> | 28 | </el-input> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | </el-col> | 30 | </el-col> |
| 31 | <el-col :span="6" class="btnColRight"> | 31 | <el-col :span="6"> |
| 32 | <el-form-item label="权利人"> | ||
| 33 | <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 34 | </el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | <el-col :span="6"> | ||
| 38 | <el-form-item label="证件号"> | ||
| 39 | <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100"> | ||
| 40 | </el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | <el-col :span="18" class="btnColRight"> | ||
| 32 | <el-form-item> | 44 | <el-form-item> |
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | 45 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 46 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 34 | </el-form-item> | 47 | </el-form-item> |
| 35 | </el-col> | 48 | </el-col> |
| 36 | </el-row> | 49 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-16 14:17:20 | 4 | * @LastEditTime: 2024-01-17 17:27:24 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
| ... | @@ -24,13 +24,26 @@ | ... | @@ -24,13 +24,26 @@ |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :span="6"> | 25 | <el-col :span="6"> |
| 26 | <el-form-item label="坐落"> | 26 | <el-form-item label="坐落"> |
| 27 | <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100"> | 27 | <el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100"> |
| 28 | </el-input> | 28 | </el-input> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | </el-col> | 30 | </el-col> |
| 31 | <el-col :span="6" class="btnColRight"> | 31 | <el-col :span="6"> |
| 32 | <el-form-item label="权利人"> | ||
| 33 | <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100"> | ||
| 34 | </el-input> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | <el-col :span="6"> | ||
| 38 | <el-form-item label="证件号"> | ||
| 39 | <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100"> | ||
| 40 | </el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | <el-col :span="18" class="btnColRight"> | ||
| 32 | <el-form-item> | 44 | <el-form-item> |
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | 45 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 46 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 34 | </el-form-item> | 47 | </el-form-item> |
| 35 | </el-col> | 48 | </el-col> |
| 36 | </el-row> | 49 | </el-row> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-24 15:04:30 | 4 | * @LastEditTime: 2024-01-17 17:15:13 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -74,23 +74,36 @@ | ... | @@ -74,23 +74,36 @@ |
| 74 | </div> | 74 | </div> |
| 75 | <div v-show="activeName == 'dz'"> | 75 | <div v-show="activeName == 'dz'"> |
| 76 | <div class="from-clues-header"> | 76 | <div class="from-clues-header"> |
| 77 | <el-form :model="querydzForm" ref="querydzForm" label-width="110px"> | 77 | <el-form :model="querydzForm" ref="querydzForm" label-width="90px"> |
| 78 | <el-row> | 78 | <el-row> |
| 79 | <el-col :span="7"> | 79 | <el-col :span="6"> |
| 80 | <el-form-item label="宗地代码"> | 80 | <el-form-item label="宗地代码"> |
| 81 | <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> | 81 | <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> |
| 82 | </el-input> | 82 | </el-input> |
| 83 | </el-form-item> | 83 | </el-form-item> |
| 84 | </el-col> | 84 | </el-col> |
| 85 | <el-col :span="7"> | 85 | <el-col :span="6"> |
| 86 | <el-form-item label="坐落"> | 86 | <el-form-item label="坐落"> |
| 87 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> | 87 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> |
| 88 | </el-input> | 88 | </el-input> |
| 89 | </el-form-item> | 89 | </el-form-item> |
| 90 | </el-col> | 90 | </el-col> |
| 91 | <el-col :span="10" class="btnColRight"> | 91 | <el-col :span="6"> |
| 92 | <el-form-item label="权利人"> | ||
| 93 | <el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable> | ||
| 94 | </el-input> | ||
| 95 | </el-form-item> | ||
| 96 | </el-col> | ||
| 97 | <el-col :span="6"> | ||
| 98 | <el-form-item label="证件号"> | ||
| 99 | <el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable> | ||
| 100 | </el-input> | ||
| 101 | </el-form-item> | ||
| 102 | </el-col> | ||
| 103 | <el-col :span="24" class="btnColRight"> | ||
| 92 | <el-form-item> | 104 | <el-form-item> |
| 93 | <el-button type="primary" @click="handleSearch">查询</el-button> | 105 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 106 | <el-button type="primary" @click="resetFormDz(true)">重置</el-button> | ||
| 94 | </el-form-item> | 107 | </el-form-item> |
| 95 | </el-col> | 108 | </el-col> |
| 96 | </el-row> | 109 | </el-row> |
| ... | @@ -139,10 +152,10 @@ | ... | @@ -139,10 +152,10 @@ |
| 139 | bdcqzh: '' | 152 | bdcqzh: '' |
| 140 | }, | 153 | }, |
| 141 | querydzForm: { | 154 | querydzForm: { |
| 142 | qllx: '', | 155 | zddm: '', |
| 143 | bdcdyh: '', | 156 | zl: '', |
| 144 | ywh: '', | 157 | qlr: '', |
| 145 | bdcqzh: '' | 158 | zjh: '' |
| 146 | }, | 159 | }, |
| 147 | zrztableData: { | 160 | zrztableData: { |
| 148 | total: 0, | 161 | total: 0, |
| ... | @@ -183,6 +196,16 @@ | ... | @@ -183,6 +196,16 @@ |
| 183 | } | 196 | } |
| 184 | }, | 197 | }, |
| 185 | methods: { | 198 | methods: { |
| 199 | resetFormDz () { | ||
| 200 | this.querydzForm = { | ||
| 201 | zddm: '', | ||
| 202 | zl: '', | ||
| 203 | qlr: '', | ||
| 204 | zjh: '' | ||
| 205 | } | ||
| 206 | this.pageData.currentPage = 1; | ||
| 207 | this.queryClick() | ||
| 208 | }, | ||
| 186 | /** | 209 | /** |
| 187 | * @description: queryClick | 210 | * @description: queryClick |
| 188 | * @author: renchao | 211 | * @author: renchao | ... | ... |
| ... | @@ -92,7 +92,7 @@ class data extends filter { | ... | @@ -92,7 +92,7 @@ class data extends filter { |
| 92 | render: (h, scope) => { | 92 | render: (h, scope) => { |
| 93 | return ( | 93 | return ( |
| 94 | <div> | 94 | <div> |
| 95 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 95 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 96 | </div> | 96 | </div> |
| 97 | ) | 97 | ) |
| 98 | } | 98 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-31 08:52:14 | 4 | * @LastEditTime: 2024-01-19 13:40:07 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -15,11 +15,11 @@ class data extends filter { | ... | @@ -15,11 +15,11 @@ class data extends filter { |
| 15 | } | 15 | } |
| 16 | columns () { | 16 | columns () { |
| 17 | return [ | 17 | return [ |
| 18 | { | 18 | // { |
| 19 | type: 'selection', | 19 | // type: 'selection', |
| 20 | label: '全选', | 20 | // label: '全选', |
| 21 | selectable: this.selected | 21 | // selectable: this.selected |
| 22 | }, | 22 | // }, |
| 23 | { | 23 | { |
| 24 | label: '序号', | 24 | label: '序号', |
| 25 | type: 'index', | 25 | type: 'index', |
| ... | @@ -74,8 +74,15 @@ class data extends filter { | ... | @@ -74,8 +74,15 @@ class data extends filter { |
| 74 | } | 74 | } |
| 75 | }, | 75 | }, |
| 76 | { | 76 | { |
| 77 | prop: "qlrmc", | ||
| 78 | label: "抵押权人", | 77 | label: "抵押权人", |
| 78 | width: '150', | ||
| 79 | render: (h, scope) => { | ||
| 80 | return ( | ||
| 81 | <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width"> | ||
| 82 | <span class="ellipsis-table"> {scope.row.qlrmc}</span> | ||
| 83 | </el-tooltip> | ||
| 84 | ) | ||
| 85 | } | ||
| 79 | }, | 86 | }, |
| 80 | { | 87 | { |
| 81 | prop: "qlrzjhm", | 88 | prop: "qlrzjhm", | ... | ... |
| ... | @@ -135,7 +135,7 @@ class data extends filter { | ... | @@ -135,7 +135,7 @@ class data extends filter { |
| 135 | render: (h, scope) => { | 135 | render: (h, scope) => { |
| 136 | return ( | 136 | return ( |
| 137 | <div> | 137 | <div> |
| 138 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> | 138 | <el-button type="text" icon="el-icon-film" onClick={(event) => { event.stopPropagation(); vm.handleLpbClick(scope.row) }}>楼盘表</el-button> |
| 139 | </div> | 139 | </div> |
| 140 | ) | 140 | ) |
| 141 | } | 141 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-21 16:18:47 | 4 | * @LastEditTime: 2024-01-18 15:57:18 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -15,11 +15,11 @@ class data extends filter { | ... | @@ -15,11 +15,11 @@ class data extends filter { |
| 15 | } | 15 | } |
| 16 | columns () { | 16 | columns () { |
| 17 | return [ | 17 | return [ |
| 18 | { | 18 | // { |
| 19 | type: 'selection', | 19 | // type: 'selection', |
| 20 | label: '全选', | 20 | // label: '全选', |
| 21 | selectable: this.selected | 21 | // selectable: this.selected |
| 22 | }, | 22 | // }, |
| 23 | { | 23 | { |
| 24 | label: '序号', | 24 | label: '序号', |
| 25 | type: 'index', | 25 | type: 'index', | ... | ... |
| ... | @@ -152,7 +152,7 @@ class data extends filter { | ... | @@ -152,7 +152,7 @@ class data extends filter { |
| 152 | render: (h, scope) => { | 152 | render: (h, scope) => { |
| 153 | return ( | 153 | return ( |
| 154 | <div> | 154 | <div> |
| 155 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 155 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 156 | </div> | 156 | </div> |
| 157 | ) | 157 | ) |
| 158 | } | 158 | } | ... | ... |
| ... | @@ -130,7 +130,7 @@ class data extends filter { | ... | @@ -130,7 +130,7 @@ class data extends filter { |
| 130 | render: (h, scope) => { | 130 | render: (h, scope) => { |
| 131 | return ( | 131 | return ( |
| 132 | <div> | 132 | <div> |
| 133 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 133 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 134 | </div> | 134 | </div> |
| 135 | ) | 135 | ) |
| 136 | } | 136 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-11-14 14:15:21 | 4 | * @LastEditTime: 2024-01-17 11:07:55 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -15,10 +15,10 @@ class data extends filter { | ... | @@ -15,10 +15,10 @@ class data extends filter { |
| 15 | } | 15 | } |
| 16 | columns () { | 16 | columns () { |
| 17 | return [ | 17 | return [ |
| 18 | { | 18 | // { |
| 19 | type: 'selection', | 19 | // type: 'selection', |
| 20 | label: '全选', | 20 | // label: '全选', |
| 21 | }, | 21 | // }, |
| 22 | { | 22 | { |
| 23 | label: '序号', | 23 | label: '序号', |
| 24 | type: 'index', | 24 | type: 'index', |
| ... | @@ -129,7 +129,7 @@ class data extends filter { | ... | @@ -129,7 +129,7 @@ class data extends filter { |
| 129 | render: (h, scope) => { | 129 | render: (h, scope) => { |
| 130 | return ( | 130 | return ( |
| 131 | <div> | 131 | <div> |
| 132 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 132 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 133 | </div> | 133 | </div> |
| 134 | ) | 134 | ) |
| 135 | } | 135 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-18 15:03:39 | 4 | * @LastEditTime: 2024-01-17 13:31:22 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -15,10 +15,10 @@ class data extends filter { | ... | @@ -15,10 +15,10 @@ class data extends filter { |
| 15 | } | 15 | } |
| 16 | columns () { | 16 | columns () { |
| 17 | return [ | 17 | return [ |
| 18 | { | 18 | // { |
| 19 | type: 'selection', | 19 | // type: 'selection', |
| 20 | selectable: this.selected | 20 | // selectable: this.selected |
| 21 | }, | 21 | // }, |
| 22 | { | 22 | { |
| 23 | label: '序号', | 23 | label: '序号', |
| 24 | type: 'index', | 24 | type: 'index', |
| ... | @@ -104,7 +104,7 @@ class data extends filter { | ... | @@ -104,7 +104,7 @@ class data extends filter { |
| 104 | render: (h, scope) => { | 104 | render: (h, scope) => { |
| 105 | return ( | 105 | return ( |
| 106 | <div> | 106 | <div> |
| 107 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> | 107 | <el-button type="text" icon="el-icon-film" onClick={(event) => { event.stopPropagation(); vm.handleLpbClick(scope.row) }}>楼盘表</el-button> |
| 108 | </div> | 108 | </div> |
| 109 | ) | 109 | ) |
| 110 | } | 110 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-11 11:29:42 | 4 | * @LastEditTime: 2024-01-17 09:44:35 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -128,8 +128,8 @@ class data extends filter { | ... | @@ -128,8 +128,8 @@ class data extends filter { |
| 128 | render: (h, scope) => { | 128 | render: (h, scope) => { |
| 129 | return ( | 129 | return ( |
| 130 | <div> | 130 | <div> |
| 131 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 131 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 132 | </div> | 132 | </div > |
| 133 | ) | 133 | ) |
| 134 | } | 134 | } |
| 135 | }, | 135 | }, | ... | ... |
| ... | @@ -101,7 +101,7 @@ class data extends filter { | ... | @@ -101,7 +101,7 @@ class data extends filter { |
| 101 | render: (h, scope) => { | 101 | render: (h, scope) => { |
| 102 | return ( | 102 | return ( |
| 103 | <div> | 103 | <div> |
| 104 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 104 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 105 | </div> | 105 | </div> |
| 106 | ) | 106 | ) |
| 107 | } | 107 | } | ... | ... |
| ... | @@ -100,7 +100,7 @@ class data extends filter { | ... | @@ -100,7 +100,7 @@ class data extends filter { |
| 100 | prop: "zl", | 100 | prop: "zl", |
| 101 | label: "坐落", | 101 | label: "坐落", |
| 102 | minWidth: '150' | 102 | minWidth: '150' |
| 103 | },{ | 103 | }, { |
| 104 | label: '操作', | 104 | label: '操作', |
| 105 | width: '80', | 105 | width: '80', |
| 106 | align: 'center', | 106 | align: 'center', |
| ... | @@ -108,7 +108,7 @@ class data extends filter { | ... | @@ -108,7 +108,7 @@ class data extends filter { |
| 108 | render: (h, scope) => { | 108 | render: (h, scope) => { |
| 109 | return ( | 109 | return ( |
| 110 | <div> | 110 | <div> |
| 111 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 111 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 112 | </div> | 112 | </div> |
| 113 | ) | 113 | ) |
| 114 | } | 114 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 17:00:07 | 4 | * @LastEditTime: 2024-01-17 13:24:00 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -15,11 +15,11 @@ class data extends filter { | ... | @@ -15,11 +15,11 @@ class data extends filter { |
| 15 | } | 15 | } |
| 16 | columns () { | 16 | columns () { |
| 17 | return [ | 17 | return [ |
| 18 | { | 18 | // { |
| 19 | type: 'selection', | 19 | // type: 'selection', |
| 20 | label: '全选', | 20 | // label: '全选', |
| 21 | selectable: this.selected | 21 | // selectable: this.selected |
| 22 | }, | 22 | // }, |
| 23 | { | 23 | { |
| 24 | label: '序号', | 24 | label: '序号', |
| 25 | type: 'index', | 25 | type: 'index', | ... | ... |
| ... | @@ -95,7 +95,7 @@ class data extends filter { | ... | @@ -95,7 +95,7 @@ class data extends filter { |
| 95 | prop: "zl", | 95 | prop: "zl", |
| 96 | label: "坐落", | 96 | label: "坐落", |
| 97 | minWidth: '110' | 97 | minWidth: '110' |
| 98 | },{ | 98 | }, { |
| 99 | label: '操作', | 99 | label: '操作', |
| 100 | width: '80', | 100 | width: '80', |
| 101 | align: 'center', | 101 | align: 'center', |
| ... | @@ -103,7 +103,7 @@ class data extends filter { | ... | @@ -103,7 +103,7 @@ class data extends filter { |
| 103 | render: (h, scope) => { | 103 | render: (h, scope) => { |
| 104 | return ( | 104 | return ( |
| 105 | <div> | 105 | <div> |
| 106 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 106 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 107 | </div> | 107 | </div> |
| 108 | ) | 108 | ) |
| 109 | } | 109 | } | ... | ... |
| ... | @@ -122,7 +122,7 @@ class data extends filter { | ... | @@ -122,7 +122,7 @@ class data extends filter { |
| 122 | render: (h, scope) => { | 122 | render: (h, scope) => { |
| 123 | return ( | 123 | return ( |
| 124 | <div> | 124 | <div> |
| 125 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 125 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 126 | </div> | 126 | </div> |
| 127 | ) | 127 | ) |
| 128 | } | 128 | } | ... | ... |
| ... | @@ -112,7 +112,7 @@ class data extends filter { | ... | @@ -112,7 +112,7 @@ class data extends filter { |
| 112 | render: (h, scope) => { | 112 | render: (h, scope) => { |
| 113 | return ( | 113 | return ( |
| 114 | <div> | 114 | <div> |
| 115 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 115 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 116 | </div> | 116 | </div> |
| 117 | ) | 117 | ) |
| 118 | } | 118 | } | ... | ... |
| ... | @@ -106,7 +106,7 @@ class data extends filter { | ... | @@ -106,7 +106,7 @@ class data extends filter { |
| 106 | render: (h, scope) => { | 106 | render: (h, scope) => { |
| 107 | return ( | 107 | return ( |
| 108 | <div> | 108 | <div> |
| 109 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 109 | <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button> |
| 110 | </div> | 110 | </div> |
| 111 | ) | 111 | ) |
| 112 | } | 112 | } | ... | ... |
| ... | @@ -143,7 +143,7 @@ class data extends filter { | ... | @@ -143,7 +143,7 @@ class data extends filter { |
| 143 | return ( | 143 | return ( |
| 144 | <div> | 144 | <div> |
| 145 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button> | 145 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button> |
| 146 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> | 146 | <el-button type="text" icon="el-icon-film" onClick={(event) => { event.stopPropagation(); vm.handleLpbClick(scope.row) }}>楼盘表</el-button> |
| 147 | </div> | 147 | </div> |
| 148 | ) | 148 | ) |
| 149 | } | 149 | } | ... | ... |
| ... | @@ -31,6 +31,12 @@ class data extends filter { | ... | @@ -31,6 +31,12 @@ class data extends filter { |
| 31 | label: "流程状态", | 31 | label: "流程状态", |
| 32 | width: '80', | 32 | width: '80', |
| 33 | render: (h, scope) => { | 33 | render: (h, scope) => { |
| 34 | if (scope.row.ajzt == '4') { | ||
| 35 | return <div class='prohibit'>不予登记</div> | ||
| 36 | } | ||
| 37 | if (scope.row.ajzt == '5') { | ||
| 38 | return <div class='prohibit'>用户撤回</div> | ||
| 39 | } | ||
| 34 | if (scope.row.cfgqzt == '1') { | 40 | if (scope.row.cfgqzt == '1') { |
| 35 | return <div class='suspend'>查封挂起</div> | 41 | return <div class='suspend'>查封挂起</div> |
| 36 | } | 42 | } | ... | ... |
| ... | @@ -64,16 +64,16 @@ module.exports = { | ... | @@ -64,16 +64,16 @@ module.exports = { |
| 64 | app: './src/main.js' | 64 | app: './src/main.js' |
| 65 | }, | 65 | }, |
| 66 | externals: [{ | 66 | externals: [{ |
| 67 | './cptable': 'var cptable' | 67 | './cptable': 'var cptable' |
| 68 | }], | 68 | }], |
| 69 | resolve: { | 69 | resolve: { |
| 70 | alias: { | 70 | alias: { |
| 71 | '@': resolve('src') | 71 | '@': resolve('src') |
| 72 | } | 72 | } |
| 73 | }, | 73 | }, |
| 74 | output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】 | 74 | output: { |
| 75 | filename: `static/js/[name].${Timestamp}.js`, | 75 | filename: `static/js/[name].[hash].js`, |
| 76 | chunkFilename: `static/js/[name].${Timestamp}.js` | 76 | chunkFilename: `static/js/[name].[hash].js`, |
| 77 | }, | 77 | }, |
| 78 | devtool: process.env.NODE_ENV === 'development' ? '#eval-source-map' : false | 78 | devtool: process.env.NODE_ENV === 'development' ? '#eval-source-map' : false |
| 79 | }, | 79 | }, | ... | ... |
-
Please register or sign in to post a comment