Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
54 changed files
with
1044 additions
and
536 deletions
| 1 | /* | 1 | /* | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-05-16 14:05:25 | 4 | * @LastEditTime: 2023-09-15 09:32:40 | 
| 5 | */ | 5 | */ | 
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' | 
| 7 | import { log } from 'bpmn-js-token-simulation' | 7 | import { log } from 'bpmn-js-token-simulation' | 
| ... | @@ -25,7 +25,7 @@ export function addRepairRecord (data) { | ... | @@ -25,7 +25,7 @@ export function addRepairRecord (data) { | 
| 25 | */ | 25 | */ | 
| 26 | export function deleteFlow (params) { | 26 | export function deleteFlow (params) { | 
| 27 | return request({ | 27 | return request({ | 
| 28 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params, | 28 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq=' + params, | 
| 29 | method: 'get', | 29 | method: 'get', | 
| 30 | }) | 30 | }) | 
| 31 | } | 31 | } | 
| ... | @@ -37,7 +37,7 @@ export function deleteFlow (params) { | ... | @@ -37,7 +37,7 @@ export function deleteFlow (params) { | 
| 37 | */ | 37 | */ | 
| 38 | export function deleteRepairRecord (params) { | 38 | export function deleteRepairRecord (params) { | 
| 39 | return request({ | 39 | return request({ | 
| 40 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params, | 40 | url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair=' + params, | 
| 41 | method: 'get', | 41 | method: 'get', | 
| 42 | }) | 42 | }) | 
| 43 | } | 43 | } | 
| ... | @@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { | ... | @@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { | 
| 49 | */ | 49 | */ | 
| 50 | export function init (params) { | 50 | export function init (params) { | 
| 51 | return request({ | 51 | return request({ | 
| 52 | url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit, | 52 | url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair=' + params.bsmRepair + '&isEdit=' + params.isEdit, | 
| 53 | method: 'get', | 53 | method: 'get', | 
| 54 | }) | 54 | }) | 
| 55 | } | 55 | } | 
| ... | @@ -61,7 +61,7 @@ export function init (params) { | ... | @@ -61,7 +61,7 @@ export function init (params) { | 
| 61 | */ | 61 | */ | 
| 62 | export function leftMenubl (params) { | 62 | export function leftMenubl (params) { | 
| 63 | return request({ | 63 | return request({ | 
| 64 | url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params, | 64 | url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq=' + params, | 
| 65 | method: 'get', | 65 | method: 'get', | 
| 66 | params | 66 | params | 
| 67 | }) | 67 | }) | 
| ... | @@ -110,7 +110,7 @@ export function getZtQlxx (params) { | ... | @@ -110,7 +110,7 @@ export function getZtQlxx (params) { | 
| 110 | * @param {*} data | 110 | * @param {*} data | 
| 111 | * @author: renchao | 111 | * @author: renchao | 
| 112 | */ | 112 | */ | 
| 113 | export function startBusinessFlow (data) { | 113 | export function startBusinessFlow (data) { | 
| 114 | return request({ | 114 | return request({ | 
| 115 | url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow', | 115 | url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow', | 
| 116 | method: 'post', | 116 | method: 'post', | 
| ... | @@ -122,7 +122,7 @@ export function getZtQlxx (params) { | ... | @@ -122,7 +122,7 @@ export function getZtQlxx (params) { | 
| 122 | * @param {*} data | 122 | * @param {*} data | 
| 123 | * @author: renchao | 123 | * @author: renchao | 
| 124 | */ | 124 | */ | 
| 125 | export function addidea (data) { | 125 | export function addidea (data) { | 
| 126 | return request({ | 126 | return request({ | 
| 127 | url: SERVER.SERVERAPI + '/rest/djbRepair/sh', | 127 | url: SERVER.SERVERAPI + '/rest/djbRepair/sh', | 
| 128 | method: 'post', | 128 | method: 'post', | 
| ... | @@ -134,9 +134,9 @@ export function getZtQlxx (params) { | ... | @@ -134,9 +134,9 @@ export function getZtQlxx (params) { | 
| 134 | * @param {*} data | 134 | * @param {*} data | 
| 135 | * @author: renchao | 135 | * @author: renchao | 
| 136 | */ | 136 | */ | 
| 137 | export function getShList (data) { | 137 | export function getShList (data) { | 
| 138 | return request({ | 138 | return request({ | 
| 139 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, | 139 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair=' + data.bsmRepair, | 
| 140 | method: 'post', | 140 | method: 'post', | 
| 141 | data | 141 | data | 
| 142 | }) | 142 | }) | 
| ... | @@ -147,10 +147,24 @@ export function getZtQlxx (params) { | ... | @@ -147,10 +147,24 @@ export function getZtQlxx (params) { | 
| 147 | * @param {*} data | 147 | * @param {*} data | 
| 148 | * @author: renchao | 148 | * @author: renchao | 
| 149 | */ | 149 | */ | 
| 150 | export function getQlxxByQlxxBsm (params) { | 150 | export function getQlxxByQlxxBsm (params) { | 
| 151 | return request({ | 151 | return request({ | 
| 152 | url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm', | 152 | url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm', | 
| 153 | method: 'get', | 153 | method: 'get', | 
| 154 | params | 154 | params | 
| 155 | }) | 155 | }) | 
| 156 | } | 156 | } | 
| 157 | |||
| 158 | |||
| 159 | /** | ||
| 160 | * @description: 初始化材料信息 | ||
| 161 | * @param {*} data | ||
| 162 | * @author: renchao | ||
| 163 | */ | ||
| 164 | export function repairInitClml (data) { | ||
| 165 | return request({ | ||
| 166 | url: SERVER.SERVERAPI + '/rest/djbRepair/repairInitClml', | ||
| 167 | method: 'post', | ||
| 168 | data | ||
| 169 | }) | ||
| 170 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-11 10:01:32 | 4 | * @LastEditTime: 2023-09-14 16:21:51 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <el-image-viewer :on-close="closeViewer" :url-list="urlList"> | 7 | <el-image-viewer :on-close="closeViewer" :url-list="urlList" :initial-index="initialIndex"> | 
| 8 | </el-image-viewer> | 8 | </el-image-viewer> | 
| 9 | </template> | 9 | </template> | 
| 10 | <script> | 10 | <script> | 
| ... | @@ -19,6 +19,10 @@ | ... | @@ -19,6 +19,10 @@ | 
| 19 | default: function () { | 19 | default: function () { | 
| 20 | return [] | 20 | return [] | 
| 21 | } | 21 | } | 
| 22 | }, | ||
| 23 | initialIndex: { | ||
| 24 | type: Number, | ||
| 25 | default: 0 | ||
| 22 | } | 26 | } | 
| 23 | }, | 27 | }, | 
| 24 | data () { | 28 | data () { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-11 10:18:11 | 4 | * @LastEditTime: 2023-09-14 17:11:15 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <transition name="msgbox-fade"> | 7 | <transition name="msgbox-fade"> | 
| ... | @@ -160,7 +160,7 @@ | ... | @@ -160,7 +160,7 @@ | 
| 160 | .mask-content { | 160 | .mask-content { | 
| 161 | padding: 5px 20px 30px 20px; | 161 | padding: 5px 20px 30px 20px; | 
| 162 | width: 100%; | 162 | width: 100%; | 
| 163 | min-height: 20%; | 163 | min-height: 253px; | 
| 164 | max-height: 90vh; | 164 | max-height: 90vh; | 
| 165 | overflow-y: scroll; | 165 | overflow-y: scroll; | 
| 166 | } | 166 | } | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 15:36:42 | 4 | * @LastEditTime: 2023-09-14 16:16:57 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> | 
| ... | @@ -148,6 +148,7 @@ | ... | @@ -148,6 +148,7 @@ | 
| 148 | } else { | 148 | } else { | 
| 149 | this.previewImg.index = this.previewImg.index + 1 | 149 | this.previewImg.index = this.previewImg.index + 1 | 
| 150 | } | 150 | } | 
| 151 | this.initialIndex = this.previewImg.index | ||
| 151 | this.$emit('updateList', { children: res.result, bsmSj: this.previewImg.bsmSj }) | 152 | this.$emit('updateList', { children: res.result, bsmSj: this.previewImg.bsmSj }) | 
| 152 | this.$message({ | 153 | this.$message({ | 
| 153 | message: '移动成功!', | 154 | message: '移动成功!', | 
| ... | @@ -234,6 +235,7 @@ | ... | @@ -234,6 +235,7 @@ | 
| 234 | */ | 235 | */ | 
| 235 | showCurrent (index) { | 236 | showCurrent (index) { | 
| 236 | this.previewImg.index = index | 237 | this.previewImg.index = index | 
| 238 | this.initialIndex = index | ||
| 237 | }, | 239 | }, | 
| 238 | /** | 240 | /** | 
| 239 | * @description: closeViewer | 241 | * @description: closeViewer | ... | ... | 
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-07 15:04:46 | ||
| 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-form> | ||
| 28 | </dialogBox> | ||
| 29 | </template> | ||
| 30 | <script> | ||
| 31 | import store from '@/store/index.js' | ||
| 32 | export default { | ||
| 33 | props: { | ||
| 34 | value: { type: Boolean, default: false }, | ||
| 35 | }, | ||
| 36 | data () { | ||
| 37 | return { | ||
| 38 | cllxList: store.getters.dictData['A40'], | ||
| 39 | myValue: this.value, | ||
| 40 | ruleForm: { | ||
| 41 | cllx: "", | ||
| 42 | clmc: "", | ||
| 43 | }, | ||
| 44 | rules: { | ||
| 45 | cllx: [ | ||
| 46 | { required: true, message: '请选择材料类型', trigger: 'change' } | ||
| 47 | ], | ||
| 48 | clmc: [ | ||
| 49 | { required: true, message: '请输入材料名称', trigger: 'blur' } | ||
| 50 | ] | ||
| 51 | } | ||
| 52 | } | ||
| 53 | }, | ||
| 54 | watch: { | ||
| 55 | value (val) { | ||
| 56 | this.myValue = val; | ||
| 57 | }, | ||
| 58 | }, | ||
| 59 | methods: { | ||
| 60 | /** | ||
| 61 | * @description: closeDialog | ||
| 62 | * @author: renchao | ||
| 63 | */ | ||
| 64 | closeDialog () { | ||
| 65 | this.$emit("input", false); | ||
| 66 | this.ruleForm = { | ||
| 67 | cllx: "", | ||
| 68 | clmc: "", | ||
| 69 | } | ||
| 70 | }, | ||
| 71 | /** | ||
| 72 | * @description: handleSubmit | ||
| 73 | * @author: renchao | ||
| 74 | */ | ||
| 75 | handleSubmit () { | ||
| 76 | this.$refs['ruleForm'].validate((valid) => { | ||
| 77 | if (valid) { | ||
| 78 | this.$parent.addSave(this.ruleForm); | ||
| 79 | this.ruleForm = { | ||
| 80 | cllx: "", | ||
| 81 | clmc: "", | ||
| 82 | } | ||
| 83 | this.$emit("input", false); | ||
| 84 | } else { | ||
| 85 | return false; | ||
| 86 | } | ||
| 87 | }) | ||
| 88 | } | ||
| 89 | } | ||
| 90 | }; | ||
| 91 | </script> | ||
| 92 | <style scoped lang="scss"> | ||
| 93 | .submit-button { | ||
| 94 | text-align: center; | ||
| 95 | height: 52px; | ||
| 96 | padding-top: 10px; | ||
| 97 | background-color: #fff; | ||
| 98 | } | ||
| 99 | </style> | 
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-14 11:14:54 | ||
| 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 | (scope.row.sfxjcl == '1') ? | ||
| 41 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span> | ||
| 42 | ) | ||
| 43 | } | ||
| 44 | }, | ||
| 45 | { | ||
| 46 | label: "材料类型", | ||
| 47 | width: "110", | ||
| 48 | render: (h, scope) => { | ||
| 49 | return ( | ||
| 50 | <el-select value={scope.row.cllx} | ||
| 51 | onChange={(val) => { scope.row.cllx = val }}> | ||
| 52 | { | ||
| 53 | store.getters.dictData['A40'].map(option => { | ||
| 54 | return ( | ||
| 55 | <el-option label={option.dname} value={option.dcode}></el-option> | ||
| 56 | ) | ||
| 57 | }) | ||
| 58 | } | ||
| 59 | </el-select> | ||
| 60 | ) | ||
| 61 | } | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | label: "页数", | ||
| 65 | width: "80", | ||
| 66 | render: (h, scope) => { | ||
| 67 | if (scope.row.count && scope.row.count > 0) { | ||
| 68 | return ( | ||
| 69 | <div> | ||
| 70 | <span>{scope.row.count}</span> | ||
| 71 | </div> | ||
| 72 | ); | ||
| 73 | } else { | ||
| 74 | return ( | ||
| 75 | <div> | ||
| 76 | <span>0</span> | ||
| 77 | </div> | ||
| 78 | ); | ||
| 79 | } | ||
| 80 | }, | ||
| 81 | }, | ||
| 82 | { | ||
| 83 | label: "操作", | ||
| 84 | width: "100", | ||
| 85 | render: (h, scope) => { | ||
| 86 | return ( | ||
| 87 | <el-button | ||
| 88 | type="text" | ||
| 89 | icon="el-icon-delete" | ||
| 90 | disabled={scope.row.count != 0} | ||
| 91 | onClick={() => { | ||
| 92 | this.handleDelete(scope.$index, scope.row); | ||
| 93 | }} | ||
| 94 | > | ||
| 95 | 删除 | ||
| 96 | </el-button> | ||
| 97 | ) | ||
| 98 | } | ||
| 99 | } | ||
| 100 | ], | ||
| 101 | key: 0, | ||
| 102 | tableData: [] | ||
| 103 | } | ||
| 104 | }, | ||
| 105 | mounted () { | ||
| 106 | this.initSort() | ||
| 107 | this.tableData = _.cloneDeep(this.formData.data) | ||
| 108 | }, | ||
| 109 | beforeDestroy () { | ||
| 110 | if (this.sortable) { | ||
| 111 | this.sortable.destroy(); | ||
| 112 | } | ||
| 113 | }, | ||
| 114 | watch: { | ||
| 115 | 'formData.data': { | ||
| 116 | handler: function (val, oldVal) { | ||
| 117 | this.tableData = _.cloneDeep(val) | ||
| 118 | }, | ||
| 119 | immediate: true, | ||
| 120 | deep: true | ||
| 121 | } | ||
| 122 | }, | ||
| 123 | methods: { | ||
| 124 | handleCancel () { | ||
| 125 | ywPopupCacel() | ||
| 126 | }, | ||
| 127 | handleSubmit () { | ||
| 128 | this.loading = true | ||
| 129 | store.dispatch('user/reWorkFresh', false) | ||
| 130 | editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => { | ||
| 131 | this.loading = false | ||
| 132 | if (res.code == 200) { | ||
| 133 | this.$message({ | ||
| 134 | message: '保存成功', | ||
| 135 | type: 'success' | ||
| 136 | }) | ||
| 137 | store.dispatch('user/reWorkFresh', true) | ||
| 138 | ywPopupCacel() | ||
| 139 | } | ||
| 140 | }).catch(() => { | ||
| 141 | this.loading = false | ||
| 142 | }) | ||
| 143 | }, | ||
| 144 | /** | ||
| 145 | * @description: 材料目录删除 | ||
| 146 | * @param {*} index | ||
| 147 | * @param {*} row | ||
| 148 | * @author: renchao | ||
| 149 | */ | ||
| 150 | handleDelete (index, row) { | ||
| 151 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 152 | confirmButtonText: '确定', | ||
| 153 | cancelButtonText: '取消', | ||
| 154 | type: 'warning' | ||
| 155 | }).then(() => { | ||
| 156 | this.tableData.splice(index, 1); | ||
| 157 | }).catch(() => { | ||
| 158 | this.$message({ | ||
| 159 | type: 'info', | ||
| 160 | message: '已取消删除' | ||
| 161 | }) | ||
| 162 | }) | ||
| 163 | }, | ||
| 164 | initSort () { | ||
| 165 | const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] | ||
| 166 | this.sortable = Sortable.create(el, { | ||
| 167 | ghostClass: 'sortable-ghost', | ||
| 168 | setData: function (dataTransfer) { | ||
| 169 | dataTransfer.setData('Text', '') | ||
| 170 | }, | ||
| 171 | onEnd: evt => { | ||
| 172 | const targetRow = this.tableData.splice(evt.oldIndex, 1)[0]; | ||
| 173 | this.tableData.splice(evt.newIndex, 0, targetRow); | ||
| 174 | } | ||
| 175 | }) | ||
| 176 | } | ||
| 177 | } | ||
| 178 | } | ||
| 179 | </script> | ||
| 180 | <style scoped lang='scss'> | ||
| 181 | @import "~@/styles/mixin.scss"; | ||
| 182 | .clmlmx-box { | ||
| 183 | margin: 0 auto; | ||
| 184 | .title { | ||
| 185 | text-align: center; | ||
| 186 | height: 60px; | ||
| 187 | line-height: 60px; | ||
| 188 | border: 1px solid #dfe6ec; | ||
| 189 | font-size: 20px; | ||
| 190 | background: #81d3f81a; | ||
| 191 | margin-bottom: -1px; | ||
| 192 | } | ||
| 193 | } | ||
| 194 | </style> | 
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
| ... | @@ -135,7 +135,7 @@ | ... | @@ -135,7 +135,7 @@ | 
| 135 | label="上手权利信息:" | 135 | label="上手权利信息:" | 
| 136 | prop="ssQlxx.bdcqzh" | 136 | prop="ssQlxx.bdcqzh" | 
| 137 | :rules="rules.ssQlxxrules" | 137 | :rules="rules.ssQlxxrules" | 
| 138 | v-if="ruleForm.cfdj.sfbxf == '1'"> | 138 | v-if="ruleForm.qlxx.djlx == '300'"> | 
| 139 | <select-table | 139 | <select-table | 
| 140 | v-model="ruleForm.ssQlxx" | 140 | v-model="ruleForm.ssQlxx" | 
| 141 | :table-width="730" | 141 | :table-width="730" | 
| ... | @@ -190,9 +190,9 @@ | ... | @@ -190,9 +190,9 @@ | 
| 190 | label="是否被续封:" | 190 | label="是否被续封:" | 
| 191 | prop="cfdj.sfbxf" | 191 | prop="cfdj.sfbxf" | 
| 192 | :rules="rules.sfbxfrules"> | 192 | :rules="rules.sfbxfrules"> | 
| 193 | <el-radio-group v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> | 193 | <el-radio-group v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 
| 194 | <el-radio label="1">是</el-radio> | 194 | <el-radio label="800">是</el-radio> | 
| 195 | <el-radio label="2">否</el-radio> | 195 | <el-radio label="300">否</el-radio> | 
| 196 | </el-radio-group> | 196 | </el-radio-group> | 
| 197 | </el-form-item> | 197 | </el-form-item> | 
| 198 | </el-col> | 198 | </el-col> | 
| ... | @@ -547,9 +547,9 @@ | ... | @@ -547,9 +547,9 @@ | 
| 547 | init(this.propsParam).then((res) => { | 547 | init(this.propsParam).then((res) => { | 
| 548 | if (res.code == 200) { | 548 | if (res.code == 200) { | 
| 549 | this.ruleForm = res.result; | 549 | this.ruleForm = res.result; | 
| 550 | if (this.ruleForm.cfdj) { | 550 | // if (this.ruleForm.cfdj) { | 
| 551 | this.ruleForm.cfdj.sfbxf = "2" | 551 | // this.ruleForm.cfdj.sfbxf = "2" | 
| 552 | } | 552 | // } | 
| 553 | this.isShow = true; | 553 | this.isShow = true; | 
| 554 | let djlx = this.ruleForm.qlxx.djlx; | 554 | let djlx = this.ruleForm.qlxx.djlx; | 
| 555 | this.$endLoading(); | 555 | this.$endLoading(); | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-22 16:27:38 | 4 | * @LastEditTime: 2023-09-15 09:33:54 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> | 
| ... | @@ -210,11 +210,6 @@ | ... | @@ -210,11 +210,6 @@ | 
| 210 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 210 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 
| 211 | </el-form-item> | 211 | </el-form-item> | 
| 212 | </el-col> | 212 | </el-col> | 
| 213 | <!-- <el-col :span="8"> | ||
| 214 | <el-form-item label="区县代码:" prop="qlxx.qxdm" :rules="rules.qxdmrules"> | ||
| 215 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 216 | </el-form-item> | ||
| 217 | </el-col> --> | ||
| 218 | <el-col :span="8"> | 213 | <el-col :span="8"> | 
| 219 | <el-form-item | 214 | <el-form-item | 
| 220 | label="登记机构:" | 215 | label="登记机构:" | ... | ... | 
This diff is collapsed.
Click to expand it.
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-05-09 09:20:10 | 4 | * @LastEditTime: 2023-09-15 09:30:33 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <el-dialog | 7 | <el-dialog | 
| ... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ | 
| 11 | :visible.sync="dialogVisible" | 11 | :visible.sync="dialogVisible" | 
| 12 | custom-class="insetDialog" | 12 | custom-class="insetDialog" | 
| 13 | append-to-body | 13 | append-to-body | 
| 14 | width="31%" | 14 | width="31%"> | 
| 15 | > | ||
| 16 | <!-- <el-radio-group v-model="radio"> | 15 | <!-- <el-radio-group v-model="radio"> | 
| 17 | <el-radio-button | 16 | <el-radio-button | 
| 18 | v-for="(value, key) in qllxlistdata" | 17 | v-for="(value, key) in qllxlistdata" | 
| ... | @@ -32,13 +31,13 @@ | ... | @@ -32,13 +31,13 @@ | 
| 32 | </template> | 31 | </template> | 
| 33 | 32 | ||
| 34 | <script> | 33 | <script> | 
| 35 | export default { | 34 | export default { | 
| 36 | data() { | 35 | data () { | 
| 37 | return { | 36 | return { | 
| 38 | dialogVisible: false, | 37 | dialogVisible: false, | 
| 39 | qllxlistdata: {}, | 38 | qllxlistdata: {}, | 
| 40 | radio: "", | 39 | radio: "", | 
| 41 | qllx:"" | 40 | qllx: "" | 
| 42 | }; | 41 | }; | 
| 43 | }, | 42 | }, | 
| 44 | 43 | ||
| ... | @@ -47,7 +46,7 @@ export default { | ... | @@ -47,7 +46,7 @@ export default { | 
| 47 | * @description: closeDialog | 46 | * @description: closeDialog | 
| 48 | * @author: renchao | 47 | * @author: renchao | 
| 49 | */ | 48 | */ | 
| 50 | closeDialog() { | 49 | closeDialog () { | 
| 51 | this.dialogVisible = false; | 50 | this.dialogVisible = false; | 
| 52 | }, | 51 | }, | 
| 53 | 52 | ||
| ... | @@ -56,43 +55,42 @@ export default { | ... | @@ -56,43 +55,42 @@ export default { | 
| 56 | * @param {*} el | 55 | * @param {*} el | 
| 57 | * @author: renchao | 56 | * @author: renchao | 
| 58 | */ | 57 | */ | 
| 59 | clicksss(el){ | 58 | clicksss (el) { | 
| 60 | console.log("elllllllllllllllllllll",el); | 59 | this.qllx = el | 
| 61 | this.qllx=el | ||
| 62 | }, | 60 | }, | 
| 63 | /** | 61 | /** | 
| 64 | * @description: handleSubmit | 62 | * @description: handleSubmit | 
| 65 | * @author: renchao | 63 | * @author: renchao | 
| 66 | */ | 64 | */ | 
| 67 | handleSubmit() { | 65 | handleSubmit () { | 
| 68 | 66 | ||
| 69 | if(this.qllx){ | 67 | if (this.qllx) { | 
| 70 | let qllxobj = { | 68 | let qllxobj = { | 
| 71 | qllx:this.qllx, | 69 | qllx: this.qllx, | 
| 72 | bsmQlxx:"" | 70 | bsmQlxx: "" | 
| 73 | }; | 71 | }; | 
| 74 | this.$parent.addRepairRecord(qllxobj) | 72 | this.$parent.addRepairRecord(qllxobj) | 
| 75 | }else{ | 73 | } else { | 
| 76 | this.$message({ | 74 | this.$message({ | 
| 77 | type: "warning", | 75 | type: "warning", | 
| 78 | message: "请选择权利类型!", | 76 | message: "请选择权利类型!", | 
| 79 | }); | 77 | }); | 
| 80 | } | 78 | } | 
| 81 | this.qllx="" | 79 | this.qllx = "" | 
| 82 | }, | 80 | }, | 
| 83 | }, | 81 | }, | 
| 84 | }; | 82 | }; | 
| 85 | </script> | 83 | </script> | 
| 86 | <style scoped lang="scss"> | 84 | <style scoped lang="scss"> | 
| 87 | @import '~@/styles/public.scss'; | 85 | @import "~@/styles/public.scss"; | 
| 88 | .qllxdialog { | 86 | .qllxdialog { | 
| 89 | margin-top: 160px; | 87 | margin-top: 160px; | 
| 90 | /deep/.el-dialog__body { | 88 | /deep/.el-dialog__body { | 
| 91 | margin-top: 10px; | 89 | margin-top: 10px; | 
| 92 | // height: 100px; | 90 | // height: 100px; | 
| 93 | padding: 20px; | 91 | padding: 20px; | 
| 94 | } | 92 | } | 
| 95 | .gettypebutton{ | 93 | .gettypebutton { | 
| 96 | cursor: pointer; | 94 | cursor: pointer; | 
| 97 | margin-left: 20px; | 95 | margin-left: 20px; | 
| 98 | width: 45%; | 96 | width: 45%; | 
| ... | @@ -108,23 +106,22 @@ export default { | ... | @@ -108,23 +106,22 @@ export default { | 
| 108 | transition: all 0.3s; | 106 | transition: all 0.3s; | 
| 109 | color: #000; | 107 | color: #000; | 
| 110 | } | 108 | } | 
| 111 | .gettypebutton:hover{ | 109 | .gettypebutton:hover { | 
| 112 | border: 1px solid #0F93F6; | 110 | border: 1px solid #0f93f6; | 
| 113 | color: #0F93F6; | 111 | color: #0f93f6; | 
| 114 | } | 112 | } | 
| 115 | .gettypebutton:focus{ | 113 | .gettypebutton:focus { | 
| 116 | background-color: #0F93F6; | 114 | background-color: #0f93f6; | 
| 117 | border: 1px solid #0F93F6; | 115 | border: 1px solid #0f93f6; | 
| 118 | color: #ebebeb; | 116 | color: #ebebeb; | 
| 119 | } | 117 | } | 
| 120 | .btn{ | 118 | .btn { | 
| 121 | margin-top:30px; | 119 | margin-top: 30px; | 
| 122 | text-align: center; | 120 | text-align: center; | 
| 123 | .el-button { | 121 | .el-button { | 
| 124 | margin-top: 10px; | 122 | margin-top: 10px; | 
| 125 | margin-left: 20px; | 123 | margin-left: 20px; | 
| 126 | } | 124 | } | 
| 127 | } | 125 | } | 
| 128 | 126 | } | |
| 129 | } | ||
| 130 | </style> | 127 | </style> | ... | ... | 
| 1 | /* | 1 | /* | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-05-29 14:39:11 | 4 | * @LastEditTime: 2023-09-15 09:31:37 | 
| 5 | */ | 5 | */ | 
| 6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 | 
| 7 | export function getForm(tabName) { | 7 | export function getForm (tabName) { | 
| 8 | let form; | 8 | let form; | 
| 9 | switch (tabName) { | 9 | switch (tabName) { | 
| 10 | case "zdjbxx": | 10 | case "zdjbxx": | 
| ... | @@ -82,7 +82,7 @@ export function getForm(tabName) { | ... | @@ -82,7 +82,7 @@ export function getForm(tabName) { | 
| 82 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); | 82 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); | 
| 83 | break; | 83 | break; | 
| 84 | case "clxx": | 84 | case "clxx": | 
| 85 | form = require("@/views/workflow/components/clxx/clxxUnify.vue"); | 85 | form = require("@/views/djbworkflow/djbBook/components/clxx/index.vue"); | 
| 86 | break; | 86 | break; | 
| 87 | case "spyj": | 87 | case "spyj": | 
| 88 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | 88 | form = require("@/views/djbworkflow/djbBook/spyj.vue"); | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-14 11:16:12 | 4 | * @LastEditTime: 2023-09-15 09:27:14 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="container"> | 7 | <div class="container"> | 
| ... | @@ -53,7 +53,6 @@ | ... | @@ -53,7 +53,6 @@ | 
| 53 | :key="item.value"> | 53 | :key="item.value"> | 
| 54 | </el-tab-pane> | 54 | </el-tab-pane> | 
| 55 | </el-tabs> | 55 | </el-tabs> | 
| 56 | |||
| 57 | <component | 56 | <component | 
| 58 | :key="fresh" | 57 | :key="fresh" | 
| 59 | :is="componentTag" | 58 | :is="componentTag" | 
| ... | @@ -132,7 +131,6 @@ | ... | @@ -132,7 +131,6 @@ | 
| 132 | mounted () { | 131 | mounted () { | 
| 133 | // this.getleftMenubl() | 132 | // this.getleftMenubl() | 
| 134 | }, | 133 | }, | 
| 135 | |||
| 136 | methods: { | 134 | methods: { | 
| 137 | /** | 135 | /** | 
| 138 | * @description: stepForm | 136 | * @description: stepForm | 
| ... | @@ -163,7 +161,6 @@ | ... | @@ -163,7 +161,6 @@ | 
| 163 | }); | 161 | }); | 
| 164 | } | 162 | } | 
| 165 | }, | 163 | }, | 
| 166 | // 获取右侧选项卡 | ||
| 167 | /** | 164 | /** | 
| 168 | * @description: 获取右侧选项卡 | 165 | * @description: 获取右侧选项卡 | 
| 169 | * @param {*} val | 166 | * @param {*} val | 
| ... | @@ -185,7 +182,6 @@ | ... | @@ -185,7 +182,6 @@ | 
| 185 | this.stepForm(this.currentSelectProps.qllx); | 182 | this.stepForm(this.currentSelectProps.qllx); | 
| 186 | } | 183 | } | 
| 187 | }, | 184 | }, | 
| 188 | // 获取渲染登记簿列表 | ||
| 189 | /** | 185 | /** | 
| 190 | * @description: 获取渲染登记簿列表 | 186 | * @description: 获取渲染登记簿列表 | 
| 191 | * @author: renchao | 187 | * @author: renchao | 
| ... | @@ -218,7 +214,6 @@ | ... | @@ -218,7 +214,6 @@ | 
| 218 | } | 214 | } | 
| 219 | }); | 215 | }); | 
| 220 | }, | 216 | }, | 
| 221 | //选项卡切换事件 | ||
| 222 | /** | 217 | /** | 
| 223 | * @description: 右侧表单选项卡事件 | 218 | * @description: 右侧表单选项卡事件 | 
| 224 | * @param {*} handleClick | 219 | * @param {*} handleClick | 
| ... | @@ -233,7 +228,6 @@ | ... | @@ -233,7 +228,6 @@ | 
| 233 | } | 228 | } | 
| 234 | 229 | ||
| 235 | }, | 230 | }, | 
| 236 | //右侧表单选项卡事件 | ||
| 237 | /** | 231 | /** | 
| 238 | * @description: 右侧表单选项卡事件 | 232 | * @description: 右侧表单选项卡事件 | 
| 239 | * @param {*} activeName | 233 | * @param {*} activeName | 
| ... | @@ -243,7 +237,6 @@ | ... | @@ -243,7 +237,6 @@ | 
| 243 | beforeLeave (activeName) { | 237 | beforeLeave (activeName) { | 
| 244 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 238 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 
| 245 | }, | 239 | }, | 
| 246 | //切换选项卡内容组件 | ||
| 247 | /** | 240 | /** | 
| 248 | * @description: 切换选项卡内容组件 | 241 | * @description: 切换选项卡内容组件 | 
| 249 | * @param {*} tabname | 242 | * @param {*} tabname | 
| ... | @@ -255,7 +248,6 @@ | ... | @@ -255,7 +248,6 @@ | 
| 255 | changeywh () { | 248 | changeywh () { | 
| 256 | this.$refs.Menu.getleftMenubl("change"); | 249 | this.$refs.Menu.getleftMenubl("change"); | 
| 257 | }, | 250 | }, | 
| 258 | // 增加补录记录 | ||
| 259 | /** | 251 | /** | 
| 260 | * @description: 增加补录记录 | 252 | * @description: 增加补录记录 | 
| 261 | * @param {*} row | 253 | * @param {*} row | 
| ... | @@ -300,21 +292,9 @@ | ... | @@ -300,21 +292,9 @@ | 
| 300 | .catch((res) => { | 292 | .catch((res) => { | 
| 301 | console.log("错", res); | 293 | console.log("错", res); | 
| 302 | }); | 294 | }); | 
| 303 | }, | 295 | } | 
| 304 | // openDialog () { | 296 | } | 
| 305 | // this.$store.dispatch('user/refreshPage', false) | 297 | } | 
| 306 | // let data = JSON.parse(localStorage.getItem('ywbl')) | ||
| 307 | // let title | ||
| 308 | // if (data?.sqywmc) { | ||
| 309 | // title = "申请业务:" + data?.sqywmc | ||
| 310 | // } else { | ||
| 311 | // title = "申请业务:" + data?.djywmc | ||
| 312 | // } | ||
| 313 | |||
| 314 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | ||
| 315 | // } | ||
| 316 | }, | ||
| 317 | }; | ||
| 318 | </script> | 298 | </script> | 
| 319 | <style scoped lang="scss"> | 299 | <style scoped lang="scss"> | 
| 320 | .rightContainer { | 300 | .rightContainer { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-09-15 10:20:43 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> | 
| 8 | <div v-show="false"> | 8 | <div v-show="false"> | 
| 9 | <printTemplate id="boxcfdj" :propsParam="propsParam" :tableData="tableData" :render="render"/> | 9 | <printTemplate id="boxcfdj" :tableData="tableData" :render="render" /> | 
| 10 | </div> | 10 | </div> | 
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> | 
| 12 | <div class="title"> | 12 | <div class="title"> | 
| 13 | {{ title }} | 13 | {{ title }} | 
| 14 | <el-button class="print" v-show="shows" @click="openPrint()" | 14 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | 
| 15 | >打印</el-button | ||
| 16 | > | ||
| 17 | <div class="checkbox"> | 15 | <div class="checkbox"> | 
| 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 
| 19 | <el-checkbox | 17 | <el-checkbox | 
| 20 | v-for="item in qsztList" | 18 | v-for="item in qsztList" | 
| 21 | :key="item.value" | 19 | :key="item.value" | 
| 22 | :label="item.value" | 20 | :label="item.value">{{ item.label }}</el-checkbox> | 
| 23 | >{{ item.label }}</el-checkbox | ||
| 24 | > | ||
| 25 | </el-checkbox-group> | 21 | </el-checkbox-group> | 
| 26 | </div> | 22 | </div> | 
| 27 | </div> | 23 | </div> | 
| ... | @@ -41,24 +37,18 @@ | ... | @@ -41,24 +37,18 @@ | 
| 41 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 37 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 
| 42 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 38 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 
| 43 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 
| 44 | ]" | 40 | ]"> | 
| 45 | > | ||
| 46 | <div | 41 | <div | 
| 47 | class="setbut" | 42 | class="setbut" | 
| 48 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | 43 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | 
| 49 | > | ||
| 50 | <el-button | 44 | <el-button | 
| 51 | type="text" | 45 | type="text" | 
| 52 | icon="el-icon-edit-outline" | 46 | icon="el-icon-edit-outline" | 
| 53 | @click="editDialog(row)" | 47 | @click="editDialog(row)">编辑</el-button> | 
| 54 | >编辑</el-button | ||
| 55 | > | ||
| 56 | <el-button | 48 | <el-button | 
| 57 | type="text" | 49 | type="text" | 
| 58 | icon="el-icon-edit-outline" | 50 | icon="el-icon-edit-outline" | 
| 59 | @click="editDialog(row, 'D')" | 51 | @click="editDialog(row, 'D')">删除</el-button> | 
| 60 | >删除</el-button | ||
| 61 | > | ||
| 62 | </div> | 52 | </div> | 
| 63 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 53 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 
| 64 | 有效 | 54 | 有效 | 
| ... | @@ -85,8 +75,7 @@ | ... | @@ -85,8 +75,7 @@ | 
| 85 | effect="dark" | 75 | effect="dark" | 
| 86 | :content="row[item.prop]" | 76 | :content="row[item.prop]" | 
| 87 | placement="top" | 77 | placement="top" | 
| 88 | popper-class="tooltip-width" | 78 | popper-class="tooltip-width"> | 
| 89 | > | ||
| 90 | <span class="ellipsis-line"> | 79 | <span class="ellipsis-line"> | 
| 91 | {{ row[item.prop] }} | 80 | {{ row[item.prop] }} | 
| 92 | </span> | 81 | </span> | 
| ... | @@ -101,21 +90,21 @@ | ... | @@ -101,21 +90,21 @@ | 
| 101 | </template> | 90 | </template> | 
| 102 | 91 | ||
| 103 | <script> | 92 | <script> | 
| 104 | import printTemplate from "./components/printTemplate.vue"; | 93 | import printTemplate from "./components/printTemplate.vue"; | 
| 105 | import { datas } from "./qlxxFormData.js"; | 94 | import { datas } from "./qlxxFormData.js"; | 
| 106 | import { getSjlx } from "@/utils/dictionary.js"; | 95 | import { getSjlx } from "@/utils/dictionary.js"; | 
| 107 | import { getCfdjList } from "@/api/djbDetail.js"; | 96 | import { getCfdjList } from "@/api/djbDetail.js"; | 
| 108 | export default { | 97 | export default { | 
| 109 | components: { | 98 | components: { | 
| 110 | printTemplate, | 99 | printTemplate, | 
| 111 | }, | 100 | }, | 
| 112 | data() { | 101 | data () { | 
| 113 | return { | 102 | return { | 
| 114 | printObj: { | 103 | printObj: { | 
| 115 | id: "box", | 104 | id: "box", | 
| 116 | //其他配置项, | 105 | //其他配置项, | 
| 117 | }, | 106 | }, | 
| 118 | shows:false, | 107 | shows: false, | 
| 119 | title: "查封登记信息", | 108 | title: "查封登记信息", | 
| 120 | qsztList: datas.columns().qsztList, | 109 | qsztList: datas.columns().qsztList, | 
| 121 | checkList: datas.columns().checkList, | 110 | checkList: datas.columns().checkList, | 
| ... | @@ -130,7 +119,7 @@ export default { | ... | @@ -130,7 +119,7 @@ export default { | 
| 130 | render: false, | 119 | render: false, | 
| 131 | }; | 120 | }; | 
| 132 | }, | 121 | }, | 
| 133 | created() { | 122 | created () { | 
| 134 | this.loadData(); | 123 | this.loadData(); | 
| 135 | }, | 124 | }, | 
| 136 | methods: { | 125 | methods: { | 
| ... | @@ -138,7 +127,7 @@ export default { | ... | @@ -138,7 +127,7 @@ export default { | 
| 138 | * @description: openPrint | 127 | * @description: openPrint | 
| 139 | * @author: miaofang | 128 | * @author: miaofang | 
| 140 | */ | 129 | */ | 
| 141 | openPrint() { | 130 | openPrint () { | 
| 142 | this.render = true; | 131 | this.render = true; | 
| 143 | setTimeout(() => { | 132 | setTimeout(() => { | 
| 144 | this.prinsss(); | 133 | this.prinsss(); | 
| ... | @@ -148,7 +137,7 @@ export default { | ... | @@ -148,7 +137,7 @@ export default { | 
| 148 | * @description: prinsss | 137 | * @description: prinsss | 
| 149 | * @author: miaofang | 138 | * @author: miaofang | 
| 150 | */ | 139 | */ | 
| 151 | prinsss() { | 140 | prinsss () { | 
| 152 | printJS({ | 141 | printJS({ | 
| 153 | printable: "boxcfdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 142 | printable: "boxcfdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 
| 154 | type: "html", | 143 | type: "html", | 
| ... | @@ -161,13 +150,13 @@ export default { | ... | @@ -161,13 +150,13 @@ export default { | 
| 161 | // 继承原来的所有样式 | 150 | // 继承原来的所有样式 | 
| 162 | targetStyles: ["*"], | 151 | targetStyles: ["*"], | 
| 163 | }); | 152 | }); | 
| 164 | this.render=false | 153 | this.render = false | 
| 165 | }, | 154 | }, | 
| 166 | /** | 155 | /** | 
| 167 | * @description: loadData | 156 | * @description: loadData | 
| 168 | * @author: renchao | 157 | * @author: renchao | 
| 169 | */ | 158 | */ | 
| 170 | loadData() { | 159 | loadData () { | 
| 171 | if (this.$parent.addRepairRecord) { | 160 | if (this.$parent.addRepairRecord) { | 
| 172 | this.columns.unshift({ prop: "cz", label: "操作" }); | 161 | this.columns.unshift({ prop: "cz", label: "操作" }); | 
| 173 | } | 162 | } | 
| ... | @@ -178,7 +167,7 @@ export default { | ... | @@ -178,7 +167,7 @@ export default { | 
| 178 | }).then((res) => { | 167 | }).then((res) => { | 
| 179 | if (res.code === 200) { | 168 | if (res.code === 200) { | 
| 180 | this.tableData = res.result; | 169 | this.tableData = res.result; | 
| 181 | this.shows=this.tableData.length>0 | 170 | this.shows = this.tableData.length > 0 | 
| 182 | this.tableData.forEach((item) => { | 171 | this.tableData.forEach((item) => { | 
| 183 | item.sjlx = getSjlx(item.sjlx); | 172 | item.sjlx = getSjlx(item.sjlx); | 
| 184 | }); | 173 | }); | 
| ... | @@ -202,7 +191,7 @@ export default { | ... | @@ -202,7 +191,7 @@ export default { | 
| 202 | * @description: checkChange | 191 | * @description: checkChange | 
| 203 | * @author: renchao | 192 | * @author: renchao | 
| 204 | */ | 193 | */ | 
| 205 | checkChange() { | 194 | checkChange () { | 
| 206 | if (this.checkList.length === 0) { | 195 | if (this.checkList.length === 0) { | 
| 207 | this.tableData = []; | 196 | this.tableData = []; | 
| 208 | this.emptycolNum = datas.columns().emptycolNum; | 197 | this.emptycolNum = datas.columns().emptycolNum; | 
| ... | @@ -214,7 +203,7 @@ export default { | ... | @@ -214,7 +203,7 @@ export default { | 
| 214 | * @description: getQsztName | 203 | * @description: getQsztName | 
| 215 | * @author: renchao | 204 | * @author: renchao | 
| 216 | */ | 205 | */ | 
| 217 | getQsztName(code) { | 206 | getQsztName (code) { | 
| 218 | let name = ""; | 207 | let name = ""; | 
| 219 | for (let item of this.qsztList) { | 208 | for (let item of this.qsztList) { | 
| 220 | if (item.value == code) { | 209 | if (item.value == code) { | 
| ... | @@ -231,7 +220,7 @@ export default { | ... | @@ -231,7 +220,7 @@ export default { | 
| 231 | * @param {*} del | 220 | * @param {*} del | 
| 232 | * @author: renchao | 221 | * @author: renchao | 
| 233 | */ | 222 | */ | 
| 234 | editDialog(row, del) { | 223 | editDialog (row, del) { | 
| 235 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 224 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 
| 236 | confirmButtonText: "确定", | 225 | confirmButtonText: "确定", | 
| 237 | cancelButtonText: "取消", | 226 | cancelButtonText: "取消", | 
| ... | @@ -253,12 +242,12 @@ export default { | ... | @@ -253,12 +242,12 @@ export default { | 
| 253 | }); | 242 | }); | 
| 254 | }, | 243 | }, | 
| 255 | }, | 244 | }, | 
| 256 | }; | 245 | }; | 
| 257 | </script> | 246 | </script> | 
| 258 | 247 | ||
| 259 | <style lang="scss" scoped> | 248 | <style lang="scss" scoped> | 
| 260 | @import "./qlxxCommon.scss"; | 249 | @import "./qlxxCommon.scss"; | 
| 261 | .title { | 250 | .title { | 
| 262 | position: relative; | 251 | position: relative; | 
| 263 | .print { | 252 | .print { | 
| 264 | // background-color: #0079fe; | 253 | // background-color: #0079fe; | 
| ... | @@ -267,5 +256,5 @@ export default { | ... | @@ -267,5 +256,5 @@ export default { | 
| 267 | left: 11px; | 256 | left: 11px; | 
| 268 | top: 5px; | 257 | top: 5px; | 
| 269 | } | 258 | } | 
| 270 | } | 259 | } | 
| 271 | </style> | 260 | </style> | ... | ... | 
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-15 11:00:11 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="tableBox"> | ||
| 8 | <div v-show="false"> | ||
| 9 | <printTemplate | ||
| 10 | id="boxdiyaq" | ||
| 11 | :tableData="tableData" | ||
| 12 | :render="render" /> | ||
| 13 | </div> | ||
| 14 | <div class="title"> | ||
| 15 | {{ title }} | ||
| 16 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | ||
| 17 | <div class="checkbox"> | ||
| 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 19 | <el-checkbox | ||
| 20 | v-for="item in qsztList" | ||
| 21 | :key="item.value" | ||
| 22 | :label="item.value">{{ item.label }}</el-checkbox> | ||
| 23 | </el-checkbox-group> | ||
| 24 | </div> | ||
| 25 | </div> | ||
| 26 | <div class="xxTableBox rollTable"> | ||
| 27 | <table class="xxTable"> | ||
| 28 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 29 | <td> | ||
| 30 | {{ item.label }} | ||
| 31 | </td> | ||
| 32 | <td | ||
| 33 | v-for="(row, index) in tableData" | ||
| 34 | :key="index" | ||
| 35 | :class="[ | ||
| 36 | row.qszt == '2' ? 'lishi' : '', | ||
| 37 | row.qszt == '0' ? 'linshi' : '', | ||
| 38 | row.qlzt == '4' ? 'linshi' : '', | ||
| 39 | |||
| 40 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 41 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 42 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 43 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 44 | ]"> | ||
| 45 | <div | ||
| 46 | class="setbut" | ||
| 47 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | ||
| 48 | <el-button | ||
| 49 | type="text" | ||
| 50 | icon="el-icon-edit-outline" | ||
| 51 | @click="editDialog(row)">编辑</el-button> | ||
| 52 | <el-button | ||
| 53 | type="text" | ||
| 54 | icon="el-icon-edit-outline" | ||
| 55 | @click="editDialog(row, 'D')">删除</el-button> | ||
| 56 | </div> | ||
| 57 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 58 | 有效 | ||
| 59 | </div> | ||
| 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 61 | 正在补录 | ||
| 62 | </div> | ||
| 63 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 64 | 正在申请 | ||
| 65 | </div> | ||
| 66 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 67 | 正在注销 | ||
| 68 | </div> | ||
| 69 | |||
| 70 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> | ||
| 71 | <span v-if="item.prop == 'qszt'"> | ||
| 72 | {{ getQsztName(row[item.prop]) }} | ||
| 73 | </span> | ||
| 74 | <span v-else>{{ row[item.prop] }}</span> | ||
| 75 | </p> | ||
| 76 | |||
| 77 | <el-tooltip | ||
| 78 | v-else | ||
| 79 | effect="dark" | ||
| 80 | :content="row[item.prop]" | ||
| 81 | placement="top" | ||
| 82 | popper-class="tooltip-width"> | ||
| 83 | <span class="ellipsis-line"> | ||
| 84 | {{ row[item.prop] }} | ||
| 85 | </span> | ||
| 86 | </el-tooltip> | ||
| 87 | </td> | ||
| 88 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 89 | </tr> | ||
| 90 | </table> | ||
| 91 | </div> | ||
| 92 | </div> | ||
| 93 | </template> | ||
| 94 | <script> | ||
| 95 | import { datas } from "../qlxxFormData.js"; | ||
| 96 | import printTemplate from "../components/printTemplate.vue"; | ||
| 97 | export default { | ||
| 98 | components: { | ||
| 99 | printTemplate | ||
| 100 | }, | ||
| 101 | props: { | ||
| 102 | title: { | ||
| 103 | type: String, | ||
| 104 | default: '' | ||
| 105 | }, | ||
| 106 | shows: { | ||
| 107 | type: Boolean, | ||
| 108 | default: false | ||
| 109 | }, | ||
| 110 | // 传递参数 | ||
| 111 | propsParam: { | ||
| 112 | type: Object, | ||
| 113 | default: () => { } | ||
| 114 | }, | ||
| 115 | // 列表数据 | ||
| 116 | tableData: { | ||
| 117 | type: Array, | ||
| 118 | default: () => [] | ||
| 119 | }, | ||
| 120 | columns: { | ||
| 121 | type: Array, | ||
| 122 | default: () => [] | ||
| 123 | }, | ||
| 124 | }, | ||
| 125 | data () { | ||
| 126 | return { | ||
| 127 | qsztList: datas.columns().qsztList, | ||
| 128 | checkList: datas.columns().checkList, | ||
| 129 | //空列值个数 | ||
| 130 | emptycolNum: datas.columns().emptycolNum, | ||
| 131 | render: false, | ||
| 132 | }; | ||
| 133 | }, | ||
| 134 | methods: { | ||
| 135 | openPrint () { | ||
| 136 | this.render = true; | ||
| 137 | setTimeout(() => { | ||
| 138 | this.prinsss(); | ||
| 139 | }, 100); | ||
| 140 | }, | ||
| 141 | /** | ||
| 142 | * @description: prinsss | ||
| 143 | * @author: miaofang | ||
| 144 | */ | ||
| 145 | prinsss () { | ||
| 146 | printJS({ | ||
| 147 | printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 148 | type: "html", | ||
| 149 | maxWidth: 800, // 最大宽度 | ||
| 150 | font_size: "", // 不设置则使用默认字体大小 | ||
| 151 | style: `@font-face { | ||
| 152 | font-family: "STZHONGS"; | ||
| 153 | src: url(${window.ttf}) format("truetype"); | ||
| 154 | }`, | ||
| 155 | // 继承原来的所有样式 | ||
| 156 | targetStyles: ["*"], | ||
| 157 | }); | ||
| 158 | this.render = false | ||
| 159 | }, | ||
| 160 | /** | ||
| 161 | * @description: checkChange | ||
| 162 | * @author: renchao | ||
| 163 | */ | ||
| 164 | checkChange () { | ||
| 165 | if (this.checkList.length === 0) { | ||
| 166 | this.tableData = []; | ||
| 167 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 168 | } else { | ||
| 169 | this.$parent.loadData(); | ||
| 170 | } | ||
| 171 | }, | ||
| 172 | /** | ||
| 173 | * @description: getQsztName | ||
| 174 | * @param {*} code | ||
| 175 | * @author: renchao | ||
| 176 | */ | ||
| 177 | getQsztName (code) { | ||
| 178 | let name = ""; | ||
| 179 | for (let item of this.qsztList) { | ||
| 180 | if (item.value == code) { | ||
| 181 | name = item.label; | ||
| 182 | break; | ||
| 183 | } | ||
| 184 | } | ||
| 185 | return name; | ||
| 186 | }, | ||
| 187 | /** | ||
| 188 | * @description: 新增一条补录信息 | ||
| 189 | * @param {*} row | ||
| 190 | * @param {*} del | ||
| 191 | * @author: renchao | ||
| 192 | */ | ||
| 193 | editDialog (row, del) { | ||
| 194 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 195 | confirmButtonText: "确定", | ||
| 196 | cancelButtonText: "取消", | ||
| 197 | type: "warning", | ||
| 198 | }) | ||
| 199 | .then(() => { | ||
| 200 | this.$parent.$parent.addRepairRecord(row, del); | ||
| 201 | this.$message({ | ||
| 202 | type: "success", | ||
| 203 | message: "补录成功!" | ||
| 204 | }) | ||
| 205 | }) | ||
| 206 | .catch(() => { | ||
| 207 | this.$message({ | ||
| 208 | type: "info", | ||
| 209 | message: "取消编辑" | ||
| 210 | }) | ||
| 211 | }) | ||
| 212 | } | ||
| 213 | } | ||
| 214 | } | ||
| 215 | </script> | ||
| 216 | |||
| 217 | <style lang="scss" scoped> | ||
| 218 | @import "../qlxxCommon.scss"; | ||
| 219 | .title { | ||
| 220 | position: relative; | ||
| 221 | .print { | ||
| 222 | z-index: 10; | ||
| 223 | position: absolute; | ||
| 224 | left: 11px; | ||
| 225 | top: 5px; | ||
| 226 | } | ||
| 227 | } | ||
| 228 | </style> | 
| ... | @@ -12,6 +12,7 @@ | ... | @@ -12,6 +12,7 @@ | 
| 12 | style="page-break-after: always" | 12 | style="page-break-after: always" | 
| 13 | > | 13 | > | 
| 14 | <div class="title">{{ title }}</div> | 14 | <div class="title">{{ title }}</div> | 
| 15 | <div class="num">共{{ datass.length }}页,第{{ indexx + 1 }}页</div> | ||
| 15 | <table class="xxTable"> | 16 | <table class="xxTable"> | 
| 16 | <tr v-for="item in columns" :key="item.name"> | 17 | <tr v-for="item in columns" :key="item.name"> | 
| 17 | <td> | 18 | <td> | 
| ... | @@ -50,18 +51,14 @@ export default { | ... | @@ -50,18 +51,14 @@ export default { | 
| 50 | }; | 51 | }; | 
| 51 | }, | 52 | }, | 
| 52 | props: { | 53 | props: { | 
| 53 | propsParam: { | ||
| 54 | type: Object, | ||
| 55 | default: () => {}, | ||
| 56 | }, | ||
| 57 | tableData: { | 54 | tableData: { | 
| 58 | type: Array, | 55 | type: Array, | 
| 59 | default: () => [], | 56 | default: () => [], | 
| 60 | }, | 57 | }, | 
| 61 | render:{ | 58 | render: { | 
| 62 | type: Boolean, | 59 | type: Boolean, | 
| 63 | default: false, | 60 | default: false, | 
| 64 | } | 61 | }, | 
| 65 | }, | 62 | }, | 
| 66 | created() {}, | 63 | created() {}, | 
| 67 | watch: { | 64 | watch: { | 
| ... | @@ -72,7 +69,7 @@ export default { | ... | @@ -72,7 +69,7 @@ export default { | 
| 72 | }, | 69 | }, | 
| 73 | render: { | 70 | render: { | 
| 74 | handler(newValue, oldValue) { | 71 | handler(newValue, oldValue) { | 
| 75 | if(newValue){ | 72 | if (newValue) { | 
| 76 | this.loadData(); | 73 | this.loadData(); | 
| 77 | } | 74 | } | 
| 78 | }, | 75 | }, | 
| ... | @@ -87,13 +84,13 @@ export default { | ... | @@ -87,13 +84,13 @@ export default { | 
| 87 | */ | 84 | */ | 
| 88 | loadData() { | 85 | loadData() { | 
| 89 | getFieldListByQlxx({ | 86 | getFieldListByQlxx({ | 
| 90 | qllx: this.propsParam.qllx, | 87 | qllx: this.tableData[0].qllx, | 
| 91 | }).then((res) => { | 88 | }).then((res) => { | 
| 92 | if (res.code === 200) { | 89 | if (res.code === 200) { | 
| 93 | this.columns = res.result; | 90 | this.columns = res.result; | 
| 94 | } | 91 | } | 
| 95 | }); | 92 | }); | 
| 96 | if (this.tableData.length&&this.datass.length==0) { | 93 | if (this.tableData.length && this.datass.length == 0) { | 
| 97 | for (let i = 0; i < this.tableData.length; i += 4) { | 94 | for (let i = 0; i < this.tableData.length; i += 4) { | 
| 98 | this.datass.push(this.tableData.slice(i, i + 4)); | 95 | this.datass.push(this.tableData.slice(i, i + 4)); | 
| 99 | } | 96 | } | 
| ... | @@ -113,8 +110,13 @@ export default { | ... | @@ -113,8 +110,13 @@ export default { | 
| 113 | <style lang="scss" scoped> | 110 | <style lang="scss" scoped> | 
| 114 | .tbalede { | 111 | .tbalede { | 
| 115 | width: 100%; | 112 | width: 100%; | 
| 116 | // height: 1123px; | ||
| 117 | margin: auto; | 113 | margin: auto; | 
| 114 | position: relative; | ||
| 115 | .num { | ||
| 116 | position: absolute; | ||
| 117 | right: 10px; | ||
| 118 | top: 0px; | ||
| 119 | } | ||
| 118 | .title { | 120 | .title { | 
| 119 | width: 100%; | 121 | width: 100%; | 
| 120 | font-weight: 700; | 122 | font-weight: 700; | 
| ... | @@ -140,16 +142,15 @@ export default { | ... | @@ -140,16 +142,15 @@ export default { | 
| 140 | padding: 5px; | 142 | padding: 5px; | 
| 141 | } | 143 | } | 
| 142 | td { | 144 | td { | 
| 143 | width: 20px!important; | 145 | width: 20px !important; | 
| 144 | word-break: break-all; | 146 | word-break: break-all; | 
| 145 | // /* 方法一:使用 word-break */ | 147 | // /* 方法一:使用 word-break */ | 
| 146 | // word-break: break-all; | 148 | // word-break: break-all; | 
| 147 | // // /* 方法二:使用 white-space */ | 149 | // // /* 方法二:使用 white-space */ | 
| 148 | // // white-space: pre-wrap; | 150 | // // white-space: pre-wrap; | 
| 149 | // // /* 方法三:使用 overflow-wrap */ | 151 | // // /* 方法三:使用 overflow-wrap */ | 
| 150 | // // overflow-wrap: break-word; | 152 | // // overflow-wrap: break-word; | 
| 151 | } | 153 | } | 
| 152 | |||
| 153 | } | 154 | } | 
| 154 | } | 155 | } | 
| 155 | </style> | 156 | </style> | ... | ... | 
| ... | @@ -6,22 +6,18 @@ | ... | @@ -6,22 +6,18 @@ | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> | 
| 8 | <div v-show="false"> | 8 | <div v-show="false"> | 
| 9 | <printTemplate id="boxdiyaq" :propsParam="propsParam" :tableData="tableData" :render="render"/> | 9 | <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" /> | 
| 10 | </div> | 10 | </div> | 
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> | 
| 12 | <div class="title"> | 12 | <div class="title"> | 
| 13 | {{ title }} | 13 | {{ title }} | 
| 14 | <el-button class="print" v-show="shows" @click="openPrint()" | 14 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | 
| 15 | >打印</el-button | ||
| 16 | > | ||
| 17 | <div class="checkbox"> | 15 | <div class="checkbox"> | 
| 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 
| 19 | <el-checkbox | 17 | <el-checkbox | 
| 20 | v-for="item in qsztList" | 18 | v-for="item in qsztList" | 
| 21 | :key="item.value" | 19 | :key="item.value" | 
| 22 | :label="item.value" | 20 | :label="item.value">{{ item.label }}</el-checkbox> | 
| 23 | >{{ item.label }}</el-checkbox | ||
| 24 | > | ||
| 25 | </el-checkbox-group> | 21 | </el-checkbox-group> | 
| 26 | </div> | 22 | </div> | 
| 27 | </div> | 23 | </div> | 
| ... | @@ -43,24 +39,18 @@ | ... | @@ -43,24 +39,18 @@ | 
| 43 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 39 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 
| 44 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 40 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 
| 45 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 41 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 
| 46 | ]" | 42 | ]"> | 
| 47 | > | ||
| 48 | <div | 43 | <div | 
| 49 | class="setbut" | 44 | class="setbut" | 
| 50 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | 45 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | 
| 51 | > | ||
| 52 | <el-button | 46 | <el-button | 
| 53 | type="text" | 47 | type="text" | 
| 54 | icon="el-icon-edit-outline" | 48 | icon="el-icon-edit-outline" | 
| 55 | @click="editDialog(row)" | 49 | @click="editDialog(row)">编辑</el-button> | 
| 56 | >编辑</el-button | ||
| 57 | > | ||
| 58 | <el-button | 50 | <el-button | 
| 59 | type="text" | 51 | type="text" | 
| 60 | icon="el-icon-edit-outline" | 52 | icon="el-icon-edit-outline" | 
| 61 | @click="editDialog(row, 'D')" | 53 | @click="editDialog(row, 'D')">删除</el-button> | 
| 62 | >删除</el-button | ||
| 63 | > | ||
| 64 | </div> | 54 | </div> | 
| 65 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 
| 66 | 有效 | 56 | 有效 | 
| ... | @@ -87,8 +77,7 @@ | ... | @@ -87,8 +77,7 @@ | 
| 87 | effect="dark" | 77 | effect="dark" | 
| 88 | :content="row[item.prop]" | 78 | :content="row[item.prop]" | 
| 89 | placement="top" | 79 | placement="top" | 
| 90 | popper-class="tooltip-width" | 80 | popper-class="tooltip-width"> | 
| 91 | > | ||
| 92 | <span class="ellipsis-line"> | 81 | <span class="ellipsis-line"> | 
| 93 | {{ row[item.prop] }} | 82 | {{ row[item.prop] }} | 
| 94 | </span> | 83 | </span> | 
| ... | @@ -103,21 +92,21 @@ | ... | @@ -103,21 +92,21 @@ | 
| 103 | </template> | 92 | </template> | 
| 104 | 93 | ||
| 105 | <script> | 94 | <script> | 
| 106 | import { datas } from "./qlxxFormData.js"; | 95 | import { datas } from "./qlxxFormData.js"; | 
| 107 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 96 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 
| 108 | import { getDiyaqList } from "@/api/djbDetail.js"; | 97 | import { getDiyaqList } from "@/api/djbDetail.js"; | 
| 109 | import printTemplate from "./components/printTemplate.vue"; | 98 | import printTemplate from "./components/printTemplate.vue"; | 
| 110 | export default { | 99 | export default { | 
| 111 | components: { | 100 | components: { | 
| 112 | printTemplate, | 101 | printTemplate, | 
| 113 | }, | 102 | }, | 
| 114 | data() { | 103 | data () { | 
| 115 | return { | 104 | return { | 
| 116 | printObj: { | 105 | printObj: { | 
| 117 | id: "box", | 106 | id: "box", | 
| 118 | //其他配置项, | 107 | //其他配置项, | 
| 119 | }, | 108 | }, | 
| 120 | shows:false, | 109 | shows: false, | 
| 121 | title: "抵押权登记信息", | 110 | title: "抵押权登记信息", | 
| 122 | qsztList: datas.columns().qsztList, | 111 | qsztList: datas.columns().qsztList, | 
| 123 | checkList: datas.columns().checkList, | 112 | checkList: datas.columns().checkList, | 
| ... | @@ -132,7 +121,7 @@ export default { | ... | @@ -132,7 +121,7 @@ export default { | 
| 132 | render: false, | 121 | render: false, | 
| 133 | }; | 122 | }; | 
| 134 | }, | 123 | }, | 
| 135 | created() { | 124 | created () { | 
| 136 | this.loadData(); | 125 | this.loadData(); | 
| 137 | }, | 126 | }, | 
| 138 | methods: { | 127 | methods: { | 
| ... | @@ -140,7 +129,7 @@ export default { | ... | @@ -140,7 +129,7 @@ export default { | 
| 140 | * @description: openPrint | 129 | * @description: openPrint | 
| 141 | * @author: miaofang | 130 | * @author: miaofang | 
| 142 | */ | 131 | */ | 
| 143 | openPrint() { | 132 | openPrint () { | 
| 144 | this.render = true; | 133 | this.render = true; | 
| 145 | setTimeout(() => { | 134 | setTimeout(() => { | 
| 146 | this.prinsss(); | 135 | this.prinsss(); | 
| ... | @@ -150,7 +139,7 @@ export default { | ... | @@ -150,7 +139,7 @@ export default { | 
| 150 | * @description: prinsss | 139 | * @description: prinsss | 
| 151 | * @author: miaofang | 140 | * @author: miaofang | 
| 152 | */ | 141 | */ | 
| 153 | prinsss() { | 142 | prinsss () { | 
| 154 | printJS({ | 143 | printJS({ | 
| 155 | printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 144 | printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 
| 156 | type: "html", | 145 | type: "html", | 
| ... | @@ -163,13 +152,13 @@ export default { | ... | @@ -163,13 +152,13 @@ export default { | 
| 163 | // 继承原来的所有样式 | 152 | // 继承原来的所有样式 | 
| 164 | targetStyles: ["*"], | 153 | targetStyles: ["*"], | 
| 165 | }); | 154 | }); | 
| 166 | this.render=false | 155 | this.render = false | 
| 167 | }, | 156 | }, | 
| 168 | /** | 157 | /** | 
| 169 | * @description: loadData | 158 | * @description: loadData | 
| 170 | * @author: renchao | 159 | * @author: renchao | 
| 171 | */ | 160 | */ | 
| 172 | loadData() { | 161 | loadData () { | 
| 173 | if (this.$parent.addRepairRecord) { | 162 | if (this.$parent.addRepairRecord) { | 
| 174 | this.columns.unshift({ prop: "cz", label: "操作" }); | 163 | this.columns.unshift({ prop: "cz", label: "操作" }); | 
| 175 | } | 164 | } | 
| ... | @@ -180,7 +169,7 @@ export default { | ... | @@ -180,7 +169,7 @@ export default { | 
| 180 | }).then((res) => { | 169 | }).then((res) => { | 
| 181 | if (res.code === 200) { | 170 | if (res.code === 200) { | 
| 182 | this.tableData = res.result; | 171 | this.tableData = res.result; | 
| 183 | this.shows=this.tableData.length>0 | 172 | this.shows = this.tableData.length > 0 | 
| 184 | this.tableData.forEach((item) => { | 173 | this.tableData.forEach((item) => { | 
| 185 | item.sjlx = getSjlx(item.sjlx); | 174 | item.sjlx = getSjlx(item.sjlx); | 
| 186 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); | 175 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); | 
| ... | @@ -198,7 +187,7 @@ export default { | ... | @@ -198,7 +187,7 @@ export default { | 
| 198 | * @description: checkChange | 187 | * @description: checkChange | 
| 199 | * @author: renchao | 188 | * @author: renchao | 
| 200 | */ | 189 | */ | 
| 201 | checkChange() { | 190 | checkChange () { | 
| 202 | if (this.checkList.length === 0) { | 191 | if (this.checkList.length === 0) { | 
| 203 | this.tableData = []; | 192 | this.tableData = []; | 
| 204 | this.emptycolNum = datas.columns().emptycolNum; | 193 | this.emptycolNum = datas.columns().emptycolNum; | 
| ... | @@ -211,7 +200,7 @@ export default { | ... | @@ -211,7 +200,7 @@ export default { | 
| 211 | * @param {*} code | 200 | * @param {*} code | 
| 212 | * @author: renchao | 201 | * @author: renchao | 
| 213 | */ | 202 | */ | 
| 214 | getQsztName(code) { | 203 | getQsztName (code) { | 
| 215 | let name = ""; | 204 | let name = ""; | 
| 216 | for (let item of this.qsztList) { | 205 | for (let item of this.qsztList) { | 
| 217 | if (item.value == code) { | 206 | if (item.value == code) { | 
| ... | @@ -228,7 +217,7 @@ export default { | ... | @@ -228,7 +217,7 @@ export default { | 
| 228 | * @param {*} del | 217 | * @param {*} del | 
| 229 | * @author: renchao | 218 | * @author: renchao | 
| 230 | */ | 219 | */ | 
| 231 | editDialog(row, del) { | 220 | editDialog (row, del) { | 
| 232 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 221 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 
| 233 | confirmButtonText: "确定", | 222 | confirmButtonText: "确定", | 
| 234 | cancelButtonText: "取消", | 223 | cancelButtonText: "取消", | 
| ... | @@ -249,12 +238,12 @@ export default { | ... | @@ -249,12 +238,12 @@ export default { | 
| 249 | }); | 238 | }); | 
| 250 | }, | 239 | }, | 
| 251 | }, | 240 | }, | 
| 252 | }; | 241 | }; | 
| 253 | </script> | 242 | </script> | 
| 254 | 243 | ||
| 255 | <style lang="scss" scoped> | 244 | <style lang="scss" scoped> | 
| 256 | @import "./qlxxCommon.scss"; | 245 | @import "./qlxxCommon.scss"; | 
| 257 | .title { | 246 | .title { | 
| 258 | position: relative; | 247 | position: relative; | 
| 259 | .print { | 248 | .print { | 
| 260 | // background-color: #0079fe; | 249 | // background-color: #0079fe; | 
| ... | @@ -263,5 +252,5 @@ export default { | ... | @@ -263,5 +252,5 @@ export default { | 
| 263 | left: 11px; | 252 | left: 11px; | 
| 264 | top: 5px; | 253 | top: 5px; | 
| 265 | } | 254 | } | 
| 266 | } | 255 | } | 
| 267 | </style> | 256 | </style> | ... | ... | 
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> | 
| 8 | <div v-show="false"> | 8 | <div v-show="false"> | 
| 9 | <printTemplate id="boxdiyiq" :propsParam="propsParam" :tableData="tableData" :render="render"/> | 9 | <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> | 
| 10 | </div> | 10 | </div> | 
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> | 
| 12 | <div class="title"> | 12 | <div class="title"> | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-23 15:57:40 | 4 | * @LastEditTime: 2023-09-15 10:41:10 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="content"> | 7 | <div class="content"> | 
| ... | @@ -83,7 +83,6 @@ | ... | @@ -83,7 +83,6 @@ | 
| 83 | this.loadData(this.formData.bdcdyh); | 83 | this.loadData(this.formData.bdcdyh); | 
| 84 | }, | 84 | }, | 
| 85 | methods: { | 85 | methods: { | 
| 86 | |||
| 87 | /** | 86 | /** | 
| 88 | * @description: getBdcdyh | 87 | * @description: getBdcdyh | 
| 89 | * @author: miaofang | 88 | * @author: miaofang | 
| ... | @@ -122,7 +121,7 @@ | ... | @@ -122,7 +121,7 @@ | 
| 122 | bdcdyh: val.bdcdyh, | 121 | bdcdyh: val.bdcdyh, | 
| 123 | qllx: this.formData.qllx, | 122 | qllx: this.formData.qllx, | 
| 124 | bsmQlxx: this.formData.bsmQlxx, | 123 | bsmQlxx: this.formData.bsmQlxx, | 
| 125 | }; | 124 | } | 
| 126 | }, | 125 | }, | 
| 127 | /** | 126 | /** | 
| 128 | * @description: loadData | 127 | * @description: loadData | 
| ... | @@ -142,26 +141,23 @@ | ... | @@ -142,26 +141,23 @@ | 
| 142 | this.defaultNode = getNode( | 141 | this.defaultNode = getNode( | 
| 143 | this.formData.qllx, | 142 | this.formData.qllx, | 
| 144 | { linShi: 0, xianShi: 0, liShi: 0 }, | 143 | { linShi: 0, xianShi: 0, liShi: 0 }, | 
| 145 | res.result.bdcdylx|| "" | 144 | res.result.bdcdylx || "" | 
| 146 | ); | 145 | ); | 
| 147 | this.sfqdata[0].children.forEach((item, index) => { | 146 | this.sfqdata[0].children.forEach((item, index) => { | 
| 148 | if (item.id == this.defaultNode.id) { | 147 | if (item.id == this.defaultNode.id) { | 
| 149 | this.iskey = index | 148 | this.iskey = index | 
| 150 | } | 149 | } | 
| 151 | }) | 150 | }) | 
| 152 | |||
| 153 | this.setstyle(0, 0, this.iskey); | 151 | this.setstyle(0, 0, this.iskey); | 
| 154 | 152 | }) | |
| 155 | |||
| 156 | }); | ||
| 157 | } | 153 | } | 
| 158 | }); | 154 | }) | 
| 159 | this.currentSelectProps = { | 155 | this.currentSelectProps = { | 
| 160 | bdcdyid: this.formData.bdcdyid, | 156 | bdcdyid: this.formData.bdcdyid, | 
| 161 | bdcdyh: val, | 157 | bdcdyh: val, | 
| 162 | qllx: this.formData.qllx, | 158 | qllx: this.formData.qllx, | 
| 163 | bsmQlxx: this.formData.bsmQlxx, | 159 | bsmQlxx: this.formData.bsmQlxx, | 
| 164 | }; | 160 | } | 
| 165 | }, | 161 | }, | 
| 166 | /** | 162 | /** | 
| 167 | * @description: handleNodeClick | 163 | * @description: handleNodeClick | 
| ... | @@ -171,12 +167,6 @@ | ... | @@ -171,12 +167,6 @@ | 
| 171 | handleNodeClick (data) { | 167 | handleNodeClick (data) { | 
| 172 | this.loadComponent(data.form); | 168 | this.loadComponent(data.form); | 
| 173 | }, | 169 | }, | 
| 174 | /** | ||
| 175 | * @description: setstyle | ||
| 176 | * @param {*} data | ||
| 177 | * @author: renchao | ||
| 178 | * 设置样式和点击定位到当前功能 | ||
| 179 | */ | ||
| 180 | setstyle (newindex, index, key) { | 170 | setstyle (newindex, index, key) { | 
| 181 | if (key != undefined || this.keyy == index) { | 171 | if (key != undefined || this.keyy == index) { | 
| 182 | if (key != undefined) { | 172 | if (key != undefined) { | 
| ... | @@ -193,10 +183,6 @@ | ... | @@ -193,10 +183,6 @@ | 
| 193 | dpme.style.color = "black"; | 183 | dpme.style.color = "black"; | 
| 194 | dpme.style.border = "none"; | 184 | dpme.style.border = "none"; | 
| 195 | } | 185 | } | 
| 196 | |||
| 197 | |||
| 198 | |||
| 199 | |||
| 200 | }, | 186 | }, | 
| 201 | /** | 187 | /** | 
| 202 | * @description: addlist | 188 | * @description: addlist | 
| ... | @@ -227,11 +213,12 @@ | ... | @@ -227,11 +213,12 @@ | 
| 227 | * @author: renchao | 213 | * @author: renchao | 
| 228 | */ | 214 | */ | 
| 229 | loadComponent (form) { | 215 | loadComponent (form) { | 
| 216 | console.log(form, 'form'); | ||
| 230 | this.componentTag = (r) => | 217 | this.componentTag = (r) => | 
| 231 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 218 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 
| 232 | }, | 219 | } | 
| 233 | }, | 220 | } | 
| 234 | }; | 221 | } | 
| 235 | </script> | 222 | </script> | 
| 236 | <style scoped lang="scss"> | 223 | <style scoped lang="scss"> | 
| 237 | /deep/.rollTable { | 224 | /deep/.rollTable { | ... | ... | 
| 1 | import { log } from "bpmn-js-token-simulation"; | 1 | /* | 
| 2 | 2 | * @Description: | |
| 3 | 3 | * @Autor: renchao | |
| 4 | * @LastEditTime: 2023-09-15 10:52:40 | ||
| 5 | */ | ||
| 4 | var qlxxPage = [ | 6 | var qlxxPage = [ | 
| 5 | { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, | 7 | { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, | 
| 6 | { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, | 8 | { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, | 
| ... | @@ -45,7 +47,7 @@ var qlxxPage = [ | ... | @@ -45,7 +47,7 @@ var qlxxPage = [ | 
| 45 | * @param {*} bdcdyh | 47 | * @param {*} bdcdyh | 
| 46 | * @author: renchao | 48 | * @author: renchao | 
| 47 | */ | 49 | */ | 
| 48 | export function loadTreeData(bdcdyh) { | 50 | export function loadTreeData (bdcdyh) { | 
| 49 | let treedata = []; | 51 | let treedata = []; | 
| 50 | //加载封面 | 52 | //加载封面 | 
| 51 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | 53 | treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); | 
| ... | @@ -53,22 +55,22 @@ export function loadTreeData(bdcdyh) { | ... | @@ -53,22 +55,22 @@ export function loadTreeData(bdcdyh) { | 
| 53 | treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); | 55 | treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); | 
| 54 | return treedata; | 56 | return treedata; | 
| 55 | } | 57 | } | 
| 56 | export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { | 58 | export function loadsfqData (qlxxData, bdcdyh, bdcdyid) { | 
| 57 | let treedata={ | 59 | let treedata = { | 
| 58 | bdcdyid:bdcdyid,id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], | 60 | bdcdyid: bdcdyid, id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], | 
| 59 | }; | 61 | }; | 
| 60 | //主体权利 | 62 | //主体权利 | 
| 61 | treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx,bdcdyid)); | 63 | treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx, bdcdyid)); | 
| 62 | //抵押权 | 64 | //抵押权 | 
| 63 | treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid)); | 65 | treedata.children.push(getNode("A37", qlxxData.diyaq, '', bdcdyid)); | 
| 64 | //地役权 | 66 | //地役权 | 
| 65 | treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid)); | 67 | treedata.children.push(getNode("A19", qlxxData.diyiq, '', bdcdyid)); | 
| 66 | //预告登记 | 68 | //预告登记 | 
| 67 | treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid)); | 69 | treedata.children.push(getNode("B40", qlxxData.ygdj, '', bdcdyid)); | 
| 68 | //异议登记 | 70 | //异议登记 | 
| 69 | treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid)); | 71 | treedata.children.push(getNode("B38", qlxxData.yydj, '', bdcdyid)); | 
| 70 | //查封登记 | 72 | //查封登记 | 
| 71 | treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid)); | 73 | treedata.children.push(getNode("B39", qlxxData.cfdj, '', bdcdyid)); | 
| 72 | 74 | ||
| 73 | return treedata; | 75 | return treedata; | 
| 74 | } | 76 | } | 
| ... | @@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { | ... | @@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { | 
| 81 | * @param {*} bdcdylx | 83 | * @param {*} bdcdylx | 
| 82 | * @author: renchao | 84 | * @author: renchao | 
| 83 | */ | 85 | */ | 
| 84 | export function getNode(qllx, qlxx, bdcdylx,bdcdyid) { | 86 | export function getNode (qllx, qlxx, bdcdylx, bdcdyid) { | 
| 85 | let node; | 87 | let node; | 
| 86 | for (var i = 0; i < qlxxPage.length; i++) { | 88 | for (var i = 0; i < qlxxPage.length; i++) { | 
| 87 | if (qlxxPage[i].qllx == qllx) { | 89 | if (qlxxPage[i].qllx == qllx) { | 
| 88 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { | 90 | if (qllx == "A04" || qllx == "A06" || qllx == "A08") { | 
| 89 | if (bdcdylx == "4") { | 91 | if (bdcdylx == "4") { | 
| 90 | node = {bdcdyid:bdcdyid,id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 92 | node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; | 
| 91 | } else { | 93 | } else { | 
| 92 | node = { bdcdyid:bdcdyid,id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 94 | node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; | 
| 93 | } | 95 | } | 
| 94 | } else { | 96 | } else { | 
| 95 | node = { bdcdyid:bdcdyid,id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi +")"}; | 97 | node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + ",现:" + qlxx.xianShi + ",历:" + qlxx.liShi + ")" }; | 
| 96 | } | 98 | } | 
| 97 | break; | 99 | break; | 
| 98 | } | 100 | } | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang | 
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-09-15 10:20:40 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> | 
| 8 | <div v-show="false"> | 8 | <div v-show="false"> | 
| 9 | <printTemplate | 9 | <printTemplate | 
| 10 | id="boxfdcq" | 10 | id="boxfdcq" | 
| 11 | :propsParam="propsParam" :tableData="tableData" :render="render"/> | 11 | :tableData="tableData" :render="render" /> | 
| 12 | </div> | 12 | </div> | 
| 13 | <div class="tableBox"> | 13 | <div class="tableBox"> | 
| 14 | <div class="title"> | 14 | <div class="title"> | 
| 15 | {{ title }} | 15 | {{ title }} | 
| 16 | <el-button class="print" v-show="shows" @click="openPrint()" | 16 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | 
| 17 | >打印</el-button | ||
| 18 | > | ||
| 19 | <div class="checkbox"> | 17 | <div class="checkbox"> | 
| 20 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 
| 21 | <el-checkbox | 19 | <el-checkbox | 
| 22 | v-for="item in qsztList" | 20 | v-for="item in qsztList" | 
| 23 | :key="item.value" | 21 | :key="item.value" | 
| 24 | :label="item.value" | 22 | :label="item.value">{{ item.label }}</el-checkbox> | 
| 25 | >{{ item.label }}</el-checkbox | ||
| 26 | > | ||
| 27 | </el-checkbox-group> | 23 | </el-checkbox-group> | 
| 28 | </div> | 24 | </div> | 
| 29 | </div> | 25 | </div> | 
| 30 | <div class="xxTableBox rollTable"> | 26 | <div class="xxTableBox rollTable"> | 
| 31 | <!-- 固定前三个 --> | ||
| 32 | <table class="xxTable"> | 27 | <table class="xxTable"> | 
| 33 | <tr | 28 | <tr | 
| 34 | v-for="(item, colindex) in columns" | 29 | v-for="(item, colindex) in columns" | 
| 35 | :class="judge(item.label) ? 'cols' : ''" | 30 | :class="judge(item.label) ? 'cols' : ''" | 
| 36 | :key="colindex" | 31 | :key="colindex"> | 
| 37 | > | ||
| 38 | <td> | 32 | <td> | 
| 39 | {{ item.label }} | 33 | {{ item.label }} | 
| 40 | </td> | 34 | </td> | 
| ... | @@ -50,24 +44,18 @@ | ... | @@ -50,24 +44,18 @@ | 
| 50 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 44 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 
| 51 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 45 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 
| 52 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 46 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 
| 53 | ]" | 47 | ]"> | 
| 54 | > | ||
| 55 | <div | 48 | <div | 
| 56 | class="setbut" | 49 | class="setbut" | 
| 57 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | 50 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | 
| 58 | > | ||
| 59 | <el-button | 51 | <el-button | 
| 60 | type="text" | 52 | type="text" | 
| 61 | icon="el-icon-edit-outline" | 53 | icon="el-icon-edit-outline" | 
| 62 | @click="editDialog(row)" | 54 | @click="editDialog(row)">编辑</el-button> | 
| 63 | >编辑</el-button | ||
| 64 | > | ||
| 65 | <el-button | 55 | <el-button | 
| 66 | type="text" | 56 | type="text" | 
| 67 | icon="el-icon-edit-outline" | 57 | icon="el-icon-edit-outline" | 
| 68 | @click="editDialog(row, 'D')" | 58 | @click="editDialog(row, 'D')">删除</el-button> | 
| 69 | >删除</el-button | ||
| 70 | > | ||
| 71 | </div> | 59 | </div> | 
| 72 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 
| 73 | 有效 | 61 | 有效 | 
| ... | @@ -90,8 +78,7 @@ | ... | @@ -90,8 +78,7 @@ | 
| 90 | effect="dark" | 78 | effect="dark" | 
| 91 | :content="row[item.prop]" | 79 | :content="row[item.prop]" | 
| 92 | placement="top" | 80 | placement="top" | 
| 93 | popper-class="tooltip-width" | 81 | popper-class="tooltip-width"> | 
| 94 | > | ||
| 95 | <span class="ellipsis-line"> | 82 | <span class="ellipsis-line"> | 
| 96 | {{ row[item.prop] }} | 83 | {{ row[item.prop] }} | 
| 97 | </span> | 84 | </span> | 
| ... | @@ -103,15 +90,13 @@ | ... | @@ -103,15 +90,13 @@ | 
| 103 | item.prop !== 'djyy' && | 90 | item.prop !== 'djyy' && | 
| 104 | item.prop !== 'fj' && | 91 | item.prop !== 'fj' && | 
| 105 | !judge(item.label) | 92 | !judge(item.label) | 
| 106 | " | 93 | "> | 
| 107 | > | ||
| 108 | {{ row[item.prop] }} | 94 | {{ row[item.prop] }} | 
| 109 | </span> | 95 | </span> | 
| 110 | <div class="many" v-if="judge(item.label)"> | 96 | <div class="many" v-if="judge(item.label)"> | 
| 111 | <div | 97 | <div | 
| 112 | v-for="(label, index) in row.djQlxxFdcqxmDoList" | 98 | v-for="(label, index) in row.djQlxxFdcqxmDoList" | 
| 113 | :key="index" | 99 | :key="index"> | 
| 114 | > | ||
| 115 | {{ label[item.prop] }} | 100 | {{ label[item.prop] }} | 
| 116 | </div> | 101 | </div> | 
| 117 | </div> | 102 | </div> | 
| ... | @@ -125,16 +110,16 @@ | ... | @@ -125,16 +110,16 @@ | 
| 125 | </template> | 110 | </template> | 
| 126 | 111 | ||
| 127 | <script> | 112 | <script> | 
| 128 | import printJS from "print-js"; | 113 | import printJS from "print-js"; | 
| 129 | import { datas } from "./qlxxFormData.js"; | 114 | import { datas } from "./qlxxFormData.js"; | 
| 130 | import { getSjlx } from "@/utils/dictionary.js"; | 115 | import { getSjlx } from "@/utils/dictionary.js"; | 
| 131 | import { getFdcq1List } from "@/api/djbDetail.js"; | 116 | import { getFdcq1List } from "@/api/djbDetail.js"; | 
| 132 | import printTemplate from "./components/printTemplate.vue"; | 117 | import printTemplate from "./components/printTemplate.vue"; | 
| 133 | export default { | 118 | export default { | 
| 134 | components: { | 119 | components: { | 
| 135 | printTemplate, | 120 | printTemplate, | 
| 136 | }, | 121 | }, | 
| 137 | data() { | 122 | data () { | 
| 138 | return { | 123 | return { | 
| 139 | printObj: { | 124 | printObj: { | 
| 140 | id: "box", | 125 | id: "box", | 
| ... | @@ -157,7 +142,7 @@ export default { | ... | @@ -157,7 +142,7 @@ export default { | 
| 157 | render: false, | 142 | render: false, | 
| 158 | }; | 143 | }; | 
| 159 | }, | 144 | }, | 
| 160 | created() { | 145 | created () { | 
| 161 | this.loadData(); | 146 | this.loadData(); | 
| 162 | }, | 147 | }, | 
| 163 | methods: { | 148 | methods: { | 
| ... | @@ -165,7 +150,7 @@ export default { | ... | @@ -165,7 +150,7 @@ export default { | 
| 165 | * @description: openPrint | 150 | * @description: openPrint | 
| 166 | * @author: miaofang | 151 | * @author: miaofang | 
| 167 | */ | 152 | */ | 
| 168 | openPrint() { | 153 | openPrint () { | 
| 169 | this.render = true; | 154 | this.render = true; | 
| 170 | setTimeout(() => { | 155 | setTimeout(() => { | 
| 171 | this.prinsss(); | 156 | this.prinsss(); | 
| ... | @@ -175,7 +160,7 @@ export default { | ... | @@ -175,7 +160,7 @@ export default { | 
| 175 | * @description: prinsss | 160 | * @description: prinsss | 
| 176 | * @author: miaofang | 161 | * @author: miaofang | 
| 177 | */ | 162 | */ | 
| 178 | prinsss() { | 163 | prinsss () { | 
| 179 | printJS({ | 164 | printJS({ | 
| 180 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 165 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 
| 181 | type: "html", | 166 | type: "html", | 
| ... | @@ -188,13 +173,13 @@ export default { | ... | @@ -188,13 +173,13 @@ export default { | 
| 188 | // 继承原来的所有样式 | 173 | // 继承原来的所有样式 | 
| 189 | targetStyles: ["*"], | 174 | targetStyles: ["*"], | 
| 190 | }); | 175 | }); | 
| 191 | this.render=false | 176 | this.render = false | 
| 192 | }, | 177 | }, | 
| 193 | /** | 178 | /** | 
| 194 | * @description: loadData | 179 | * @description: loadData | 
| 195 | * @author: miaofang | 180 | * @author: miaofang | 
| 196 | */ | 181 | */ | 
| 197 | loadData() { | 182 | loadData () { | 
| 198 | if (this.$parent.addRepairRecord) { | 183 | if (this.$parent.addRepairRecord) { | 
| 199 | this.columns.unshift({ prop: "cz", label: "操作" }); | 184 | this.columns.unshift({ prop: "cz", label: "操作" }); | 
| 200 | } | 185 | } | 
| ... | @@ -222,7 +207,7 @@ export default { | ... | @@ -222,7 +207,7 @@ export default { | 
| 222 | * @description: checkChange | 207 | * @description: checkChange | 
| 223 | * @author: miaofang | 208 | * @author: miaofang | 
| 224 | */ | 209 | */ | 
| 225 | checkChange() { | 210 | checkChange () { | 
| 226 | if (this.checkList.length === 0) { | 211 | if (this.checkList.length === 0) { | 
| 227 | this.tableData = []; | 212 | this.tableData = []; | 
| 228 | this.emptycolNum = datas.columns().emptycolNum; | 213 | this.emptycolNum = datas.columns().emptycolNum; | 
| ... | @@ -235,7 +220,7 @@ export default { | ... | @@ -235,7 +220,7 @@ export default { | 
| 235 | * @param {*} code | 220 | * @param {*} code | 
| 236 | * @author: miaofang | 221 | * @author: miaofang | 
| 237 | */ | 222 | */ | 
| 238 | getQsztName(code) { | 223 | getQsztName (code) { | 
| 239 | let name = ""; | 224 | let name = ""; | 
| 240 | for (let item of this.qsztList) { | 225 | for (let item of this.qsztList) { | 
| 241 | if (item.value == code) { | 226 | if (item.value == code) { | 
| ... | @@ -250,7 +235,7 @@ export default { | ... | @@ -250,7 +235,7 @@ export default { | 
| 250 | * @param {*} lable | 235 | * @param {*} lable | 
| 251 | * @author: miaofang | 236 | * @author: miaofang | 
| 252 | */ | 237 | */ | 
| 253 | judge(label) { | 238 | judge (label) { | 
| 254 | if ( | 239 | if ( | 
| 255 | "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf( | 240 | "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf( | 
| 256 | label | 241 | label | 
| ... | @@ -268,7 +253,7 @@ export default { | ... | @@ -268,7 +253,7 @@ export default { | 
| 268 | * @param {*} del | 253 | * @param {*} del | 
| 269 | * @author: miaofang | 254 | * @author: miaofang | 
| 270 | */ | 255 | */ | 
| 271 | editDialog(row, del) { | 256 | editDialog (row, del) { | 
| 272 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 257 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 
| 273 | confirmButtonText: "确定", | 258 | confirmButtonText: "确定", | 
| 274 | cancelButtonText: "取消", | 259 | cancelButtonText: "取消", | 
| ... | @@ -290,12 +275,12 @@ export default { | ... | @@ -290,12 +275,12 @@ export default { | 
| 290 | }); | 275 | }); | 
| 291 | }, | 276 | }, | 
| 292 | }, | 277 | }, | 
| 293 | }; | 278 | }; | 
| 294 | </script> | 279 | </script> | 
| 295 | 280 | ||
| 296 | <style lang="scss" scoped> | 281 | <style lang="scss" scoped> | 
| 297 | @import "./qlxxCommon.scss"; | 282 | @import "./qlxxCommon.scss"; | 
| 298 | .cols { | 283 | .cols { | 
| 299 | td { | 284 | td { | 
| 300 | .many { | 285 | .many { | 
| 301 | width: 100%; | 286 | width: 100%; | 
| ... | @@ -313,8 +298,8 @@ export default { | ... | @@ -313,8 +298,8 @@ export default { | 
| 313 | } | 298 | } | 
| 314 | } | 299 | } | 
| 315 | } | 300 | } | 
| 316 | } | 301 | } | 
| 317 | .title { | 302 | .title { | 
| 318 | position: relative; | 303 | position: relative; | 
| 319 | .print { | 304 | .print { | 
| 320 | // background-color: #0079fe; | 305 | // background-color: #0079fe; | 
| ... | @@ -323,5 +308,5 @@ export default { | ... | @@ -323,5 +308,5 @@ export default { | 
| 323 | left: 11px; | 308 | left: 11px; | 
| 324 | top: 5px; | 309 | top: 5px; | 
| 325 | } | 310 | } | 
| 326 | } | 311 | } | 
| 327 | </style> | 312 | </style> | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang | 
| 4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-09-15 10:58:42 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> | 
| 8 | <div> | 8 | <!-- <div v-show="false"> | 
| 9 | <printTemplate | 9 | <printTemplate | 
| 10 | id="boxfdcq" | 10 | id="boxfdcq" | 
| 11 | :propsParam="propsParam" | ||
| 12 | :tableData="tableData" | 11 | :tableData="tableData" | 
| 13 | :render="render" | 12 | :render="render" /> | 
| 14 | /> | 13 | </div> --> | 
| 15 | </div> | 14 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 
| 16 | <div class="tableBox"> | 15 | :columns="columns" :tableData="tableData" /> | 
| 16 | <!-- <div class="tableBox"> | ||
| 17 | <div class="title"> | 17 | <div class="title"> | 
| 18 | {{ title }} | 18 | {{ title }} | 
| 19 | <el-button class="print" v-show="shows" @click="openPrint()" | 19 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | 
| 20 | >打印</el-button | ||
| 21 | > | ||
| 22 | <div class="checkbox"> | 20 | <div class="checkbox"> | 
| 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 21 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 
| 24 | <el-checkbox | 22 | <el-checkbox | 
| 25 | v-for="item in qsztList" | 23 | v-for="item in qsztList" | 
| 26 | :key="item.value" | 24 | :key="item.value" | 
| 27 | :label="item.value" | 25 | :label="item.value">{{ item.label }}</el-checkbox> | 
| 28 | >{{ item.label }}</el-checkbox | ||
| 29 | > | ||
| 30 | </el-checkbox-group> | 26 | </el-checkbox-group> | 
| 31 | </div> | 27 | </div> | 
| 32 | </div> | 28 | </div> | 
| ... | @@ -48,24 +44,18 @@ | ... | @@ -48,24 +44,18 @@ | 
| 48 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 44 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 
| 49 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 45 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 
| 50 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 46 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | 
| 51 | ]" | 47 | ]"> | 
| 52 | > | ||
| 53 | <div | 48 | <div | 
| 54 | class="setbut" | 49 | class="setbut" | 
| 55 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | 50 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | 
| 56 | > | ||
| 57 | <el-button | 51 | <el-button | 
| 58 | type="text" | 52 | type="text" | 
| 59 | icon="el-icon-edit-outline" | 53 | icon="el-icon-edit-outline" | 
| 60 | @click="editDialog(row)" | 54 | @click="editDialog(row)">编辑</el-button> | 
| 61 | >编辑</el-button | ||
| 62 | > | ||
| 63 | <el-button | 55 | <el-button | 
| 64 | type="text" | 56 | type="text" | 
| 65 | icon="el-icon-edit-outline" | 57 | icon="el-icon-edit-outline" | 
| 66 | @click="editDialog(row, 'D')" | 58 | @click="editDialog(row, 'D')">删除</el-button> | 
| 67 | >删除</el-button | ||
| 68 | > | ||
| 69 | </div> | 59 | </div> | 
| 70 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 60 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | 
| 71 | 有效 | 61 | 有效 | 
| ... | @@ -92,8 +82,7 @@ | ... | @@ -92,8 +82,7 @@ | 
| 92 | effect="dark" | 82 | effect="dark" | 
| 93 | :content="row[item.prop]" | 83 | :content="row[item.prop]" | 
| 94 | placement="top" | 84 | placement="top" | 
| 95 | popper-class="tooltip-width" | 85 | popper-class="tooltip-width"> | 
| 96 | > | ||
| 97 | <span class="ellipsis-line"> | 86 | <span class="ellipsis-line"> | 
| 98 | {{ row[item.prop] }} | 87 | {{ row[item.prop] }} | 
| 99 | </span> | 88 | </span> | 
| ... | @@ -103,75 +92,47 @@ | ... | @@ -103,75 +92,47 @@ | 
| 103 | </tr> | 92 | </tr> | 
| 104 | </table> | 93 | </table> | 
| 105 | </div> | 94 | </div> | 
| 106 | </div> | 95 | </div> --> | 
| 107 | </div> | 96 | </div> | 
| 108 | </template> | 97 | </template> | 
| 109 | |||
| 110 | <script> | 98 | <script> | 
| 111 | import printTemplate from "./components/printTemplate.vue"; | 99 | import { datas } from "./qlxxFormData.js"; | 
| 112 | import { datas } from "./qlxxFormData.js"; | 100 | import { getSjlx } from "@/utils/dictionary.js"; | 
| 113 | import { getSjlx } from "@/utils/dictionary.js"; | 101 | import { getFdcq2List } from "@/api/djbDetail.js"; | 
| 114 | import { getFdcq2List } from "@/api/djbDetail.js"; | 102 | import djbDetail from "./components/djbDetail.vue" | 
| 115 | export default { | 103 | import printTemplate from "./components/printTemplate.vue"; | 
| 104 | export default { | ||
| 116 | components: { | 105 | components: { | 
| 117 | printTemplate, | 106 | printTemplate, | 
| 107 | djbDetail | ||
| 118 | }, | 108 | }, | 
| 119 | data() { | ||
| 120 | return { | ||
| 121 | 109 | ||
| 110 | data () { | ||
| 111 | return { | ||
| 122 | shows: false, | 112 | shows: false, | 
| 123 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 113 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 
| 124 | qsztList: datas.columns().qsztList, | ||
| 125 | checkList: datas.columns().checkList, | ||
| 126 | //传递参数 | 114 | //传递参数 | 
| 127 | propsParam: this.$attrs, | 115 | propsParam: this.$attrs, | 
| 128 | //列表数据 | 116 | //列表数据 | 
| 129 | tableData: [], | 117 | tableData: [], | 
| 130 | //空列值个数 | ||
| 131 | emptycolNum: datas.columns().emptycolNum, | ||
| 132 | //列名称对象 | 118 | //列名称对象 | 
| 133 | columns: datas.columns().FDCQ2, | 119 | columns: datas.columns().FDCQ2, | 
| 120 | // qsztList: datas.columns().qsztList, | ||
| 134 | render: false, | 121 | render: false, | 
| 122 | // checkList:datas.columns().checkList, | ||
| 123 | //空列值个数 | ||
| 124 | // emptycolNum: datas.columns().emptycolNum | ||
| 135 | }; | 125 | }; | 
| 136 | }, | 126 | }, | 
| 137 | created() { | 127 | created () { | 
| 138 | this.loadData(); | 128 | this.loadData(); | 
| 139 | }, | 129 | }, | 
| 140 | methods: { | 130 | methods: { | 
| 141 | /** | 131 | /** | 
| 142 | * @description: openPrint | ||
| 143 | * @author: miaofang | ||
| 144 | */ | ||
| 145 | openPrint() { | ||
| 146 | this.render = true; | ||
| 147 | setTimeout(() => { | ||
| 148 | this.prinsss(); | ||
| 149 | }, 100); | ||
| 150 | }, | ||
| 151 | /** | ||
| 152 | * @description: prinsss | ||
| 153 | * @author: miaofang | ||
| 154 | */ | ||
| 155 | prinsss() { | ||
| 156 | printJS({ | ||
| 157 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
| 158 | type: "html", | ||
| 159 | maxWidth: 800, // 最大宽度 | ||
| 160 | font_size: "", // 不设置则使用默认字体大小 | ||
| 161 | style: `@font-face { | ||
| 162 | font-family: "STZHONGS"; | ||
| 163 | src: url(${window.ttf}) format("truetype"); | ||
| 164 | }`, | ||
| 165 | // 继承原来的所有样式 | ||
| 166 | targetStyles: ["*"], | ||
| 167 | }); | ||
| 168 | this.render = false | ||
| 169 | }, | ||
| 170 | /** | ||
| 171 | * @description: loadData | 132 | * @description: loadData | 
| 172 | * @author: miaofang | 133 | * @author: miaofang | 
| 173 | */ | 134 | */ | 
| 174 | loadData() { | 135 | loadData () { | 
| 175 | if (this.$parent.addRepairRecord) { | 136 | if (this.$parent.addRepairRecord) { | 
| 176 | this.columns.unshift({ prop: "cz", label: "操作" }); | 137 | this.columns.unshift({ prop: "cz", label: "操作" }); | 
| 177 | } | 138 | } | 
| ... | @@ -193,65 +154,15 @@ export default { | ... | @@ -193,65 +154,15 @@ export default { | 
| 193 | this.emptycolNum = 0; | 154 | this.emptycolNum = 0; | 
| 194 | } | 155 | } | 
| 195 | } | 156 | } | 
| 196 | }); | 157 | }) | 
| 197 | }, | ||
| 198 | /** | ||
| 199 | * @description: checkChange | ||
| 200 | * @author: miaofang | ||
| 201 | */ | ||
| 202 | checkChange() { | ||
| 203 | if (this.checkList.length === 0) { | ||
| 204 | this.tableData = []; | ||
| 205 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 206 | } else { | ||
| 207 | this.loadData(); | ||
| 208 | } | ||
| 209 | }, | ||
| 210 | /** | ||
| 211 | * @description: getQsztName | ||
| 212 | * @param {*} code | ||
| 213 | * @author: miaofang | ||
| 214 | */ | ||
| 215 | getQsztName(code) { | ||
| 216 | let name = ""; | ||
| 217 | for (let item of this.qsztList) { | ||
| 218 | if (item.value == code) { | ||
| 219 | name = item.label; | ||
| 220 | break; | ||
| 221 | } | 158 | } | 
| 222 | } | 159 | } | 
| 223 | return name; | 160 | }; | 
| 224 | }, | ||
| 225 | // 新增一条补录信息 | ||
| 226 | /** | ||
| 227 | * @description: 新增一条补录信息 | ||
| 228 | * @param {*} row | ||
| 229 | * @param {*} del | ||
| 230 | * @author: miaofang | ||
| 231 | */ | ||
| 232 | editDialog(row, del) { | ||
| 233 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 234 | confirmButtonText: "确定", | ||
| 235 | cancelButtonText: "取消", | ||
| 236 | type: "warning", | ||
| 237 | }) | ||
| 238 | .then(() => { | ||
| 239 | this.$parent.addRepairRecord(row, del); | ||
| 240 | }) | ||
| 241 | .catch(() => { | ||
| 242 | this.$message({ | ||
| 243 | type: "info", | ||
| 244 | message: "取消", | ||
| 245 | }); | ||
| 246 | }); | ||
| 247 | }, | ||
| 248 | }, | ||
| 249 | }; | ||
| 250 | </script> | 161 | </script> | 
| 251 | 162 | ||
| 252 | <style lang="scss" scoped> | 163 | <style lang="scss" scoped> | 
| 253 | @import "./qlxxCommon.scss"; | 164 | @import "./qlxxCommon.scss"; | 
| 254 | .title { | 165 | .title { | 
| 255 | position: relative; | 166 | position: relative; | 
| 256 | .print { | 167 | .print { | 
| 257 | // background-color: #0079fe; | 168 | // background-color: #0079fe; | 
| ... | @@ -260,5 +171,5 @@ export default { | ... | @@ -260,5 +171,5 @@ export default { | 
| 260 | left: 11px; | 171 | left: 11px; | 
| 261 | top: 5px; | 172 | top: 5px; | 
| 262 | } | 173 | } | 
| 263 | } | 174 | } | 
| 264 | </style> | 175 | </style> | ... | ... | 
| ... | @@ -18,7 +18,6 @@ | ... | @@ -18,7 +18,6 @@ | 
| 18 | <div v-show="false"> | 18 | <div v-show="false"> | 
| 19 | <printTemplate | 19 | <printTemplate | 
| 20 | id="boxsllmsyq" | 20 | id="boxsllmsyq" | 
| 21 | :propsParam="propsParam" | ||
| 22 | :tableData="tableData" | 21 | :tableData="tableData" | 
| 23 | :render="render" | 22 | :render="render" | 
| 24 | /> | 23 | /> | ... | ... | 
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> | 
| 8 | <div v-show="false"> | 8 | <div v-show="false"> | 
| 9 | <printTemplate id="boxtdsyq" :propsParam="propsParam" :tableData="tableData" :render="render"/> | 9 | <printTemplate id="boxtdsyq" :tableData="tableData" :render="render"/> | 
| 10 | </div> | 10 | </div> | 
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> | 
| 12 | <div class="title"> | 12 | <div class="title"> | ... | ... | 
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> | 
| 8 | <div v-show="false"> | 8 | <div v-show="false"> | 
| 9 | <printTemplate id="boxygdj" :propsParam="propsParam" :tableData="tableData" :render="render"/> | 9 | <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> | 
| 10 | </div> | 10 | </div> | 
| 11 | <div class="tableBox"> | 11 | <div class="tableBox"> | 
| 12 | <div class="title"> | 12 | <div class="title"> | ... | ... | 
| ... | @@ -8,51 +8,64 @@ | ... | @@ -8,51 +8,64 @@ | 
| 8 | <div class="fieldcheck"> | 8 | <div class="fieldcheck"> | 
| 9 | <div class="left"> | 9 | <div class="left"> | 
| 10 | <div class="header"> | 10 | <div class="header"> | 
| 11 | <div class="headerconcent"> | ||
| 11 | <el-checkbox | 12 | <el-checkbox | 
| 12 | class="check" | 13 | class="check" | 
| 13 | :indeterminate="isIndeterminate" | 14 | :indeterminate="isIndeterminate" | 
| 14 | v-model="checkAll" | 15 | v-model="checkAll" | 
| 15 | @change="handleCheckAllChange">待选合集</el-checkbox> | 16 | @change="handleCheckAllChange" | 
| 16 | <div class="num">/</div> | 17 | >待选合集</el-checkbox | 
| 18 | > | ||
| 19 | <div class="num"> | ||
| 20 | 总数{{ cities.length }} 已选{{ datalist.length }} | ||
| 21 | </div> | ||
| 22 | </div> | ||
| 17 | </div> | 23 | </div> | 
| 18 | <el-checkbox-group | 24 | <el-checkbox-group | 
| 19 | class="concent" | 25 | class="concent" | 
| 20 | v-model="checkedCities" | 26 | v-model="checkedCities" | 
| 21 | @change="handleCheckedCitiesChange"> | 27 | @change="handleCheckedCitiesChange" | 
| 28 | > | ||
| 22 | <el-checkbox | 29 | <el-checkbox | 
| 23 | v-for="city in cities" | 30 | v-for="city in cities" | 
| 24 | :label="city.name" | 31 | :label="city.name" | 
| 25 | :key="city.name">{{ city.despriction }}({{ city.name }})</el-checkbox> | 32 | :key="city.name" | 
| 33 | >{{ city.despriction }}({{ city.name }})</el-checkbox | ||
| 34 | > | ||
| 26 | </el-checkbox-group> | 35 | </el-checkbox-group> | 
| 27 | </div> | 36 | </div> | 
| 28 | <div class="right"> | 37 | <div class="right"> | 
| 29 | <el-table | 38 | <el-table | 
| 30 | class="tablelist" | 39 | class="tablelist" | 
| 31 | :data="datalist" | 40 | :data="datalist" | 
| 41 | border | ||
| 32 | ref="listTable" | 42 | ref="listTable" | 
| 33 | :key="key" | 43 | :key="key" | 
| 34 | row-key="name" | 44 | row-key="name" | 
| 35 | :pagination="false" | 45 | :pagination="false" | 
| 36 | :header-cell-style="{ 'text-align': 'center' }" | ||
| 37 | :heightNumSetting="true" | 46 | :heightNumSetting="true" | 
| 38 | :minHeight="150" | 47 | :minHeight="150" | 
| 39 | height="590" | 48 | height="650" | 
| 40 | style="width: 100%"> | 49 | style="width: 100%" | 
| 50 | > | ||
| 41 | <el-table-column label="字段" prop="name" min-width="100"> | 51 | <el-table-column label="字段" prop="name" min-width="100"> | 
| 42 | </el-table-column> | 52 | </el-table-column> | 
| 43 | 53 | ||
| 44 | <el-table-column | 54 | <el-table-column | 
| 45 | label="字段名称" | 55 | label="字段名称" | 
| 46 | prop="desprictionor" | 56 | prop="desprictionor" | 
| 47 | min-width="100"> | 57 | min-width="100" | 
| 58 | > | ||
| 48 | </el-table-column> | 59 | </el-table-column> | 
| 49 | <el-table-column label="字段别名" min-width="100"> | 60 | <el-table-column label="字段别名" min-width="100"> | 
| 50 | <template slot-scope="scope"> | 61 | <template slot-scope="scope"> | 
| 51 | <el-input | 62 | <el-input | 
| 52 | v-model="scope.row.despriction" | 63 | v-model="scope.row.despriction" | 
| 53 | placeholder="请输入内容" | 64 | placeholder="请输入内容" | 
| 54 | @input="sumTime(scope.$index, scope.row.tdsyqx)"> | 65 | @input="sumTime(scope.$index, scope.row.tdsyqx)" | 
| 55 | ></el-input> | 66 | > | 
| 67 | ></el-input | ||
| 68 | > | ||
| 56 | </template> | 69 | </template> | 
| 57 | </el-table-column> | 70 | </el-table-column> | 
| 58 | </el-table> | 71 | </el-table> | 
| ... | @@ -66,16 +79,16 @@ | ... | @@ -66,16 +79,16 @@ | 
| 66 | </template> | 79 | </template> | 
| 67 | 80 | ||
| 68 | <script> | 81 | <script> | 
| 69 | import Sortable from 'sortablejs' | 82 | import Sortable from "sortablejs"; | 
| 70 | import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO"; | 83 | import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO"; | 
| 71 | export default { | 84 | export default { | 
| 72 | props: { | 85 | props: { | 
| 73 | formData: { | 86 | formData: { | 
| 74 | type: Object, | 87 | type: Object, | 
| 75 | default: () => { }, | 88 | default: () => {}, | 
| 76 | }, | 89 | }, | 
| 77 | }, | 90 | }, | 
| 78 | data () { | 91 | data() { | 
| 79 | return { | 92 | return { | 
| 80 | checkAll: false, | 93 | checkAll: false, | 
| 81 | sortable: null, | 94 | sortable: null, | 
| ... | @@ -87,48 +100,51 @@ | ... | @@ -87,48 +100,51 @@ | 
| 87 | isIndeterminate: true, | 100 | isIndeterminate: true, | 
| 88 | }; | 101 | }; | 
| 89 | }, | 102 | }, | 
| 90 | mounted () { | 103 | mounted() { | 
| 91 | this.generateData() | 104 | this.generateData(); | 
| 92 | }, | 105 | }, | 
| 93 | beforeDestroy () { | 106 | beforeDestroy() { | 
| 94 | if (this.sortable) { | 107 | if (this.sortable) { | 
| 95 | this.sortable.destroy(); | 108 | this.sortable.destroy(); | 
| 96 | } | 109 | } | 
| 97 | }, | 110 | }, | 
| 98 | watch: { | 111 | watch: { | 
| 99 | key: { | 112 | key: { | 
| 100 | handler (newName, oldName) { | 113 | handler(newName, oldName) { | 
| 101 | this.initSort() | 114 | this.initSort(); | 
| 102 | } | 115 | }, | 
| 103 | } | 116 | }, | 
| 104 | }, | 117 | }, | 
| 105 | methods: { | 118 | methods: { | 
| 106 | changeIndex (array, index1, index2) { | 119 | changeIndex(array, index1, index2) { | 
| 107 | array[index1] = array.splice(index2, 1, array[index1])[0]; | 120 | array[index1] = array.splice(index2, 1, array[index1])[0]; | 
| 108 | }, | 121 | }, | 
| 109 | initSort () { | 122 | initSort() { | 
| 110 | const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] | 123 | const el = this.$refs.listTable.$el.querySelectorAll( | 
| 124 | ".el-table__body-wrapper > table > tbody" | ||
| 125 | )[0]; | ||
| 111 | // const sortable = new Sortable(el, options); | 126 | // const sortable = new Sortable(el, options); | 
| 112 | // 根据具体需求配置options配置项 | 127 | // 根据具体需求配置options配置项 | 
| 113 | const sortable = new Sortable(el, { | 128 | const sortable = new Sortable(el, { | 
| 114 | onEnd: (evt) => { // 监听拖动结束事件 | 129 | onEnd: (evt) => { | 
| 115 | console.log(this) // this是当前vue上下文 | 130 | // 监听拖动结束事件 | 
| 116 | console.log(evt.oldIndex) // 当前行的被拖拽前的顺序 | 131 | console.log(this); // this是当前vue上下文 | 
| 117 | console.log(evt.newIndex) // 当前行的被拖拽后的顺序 | 132 | console.log(evt.oldIndex); // 当前行的被拖拽前的顺序 | 
| 133 | console.log(evt.newIndex); // 当前行的被拖拽后的顺序 | ||
| 118 | // 这里就可以写我们需要传给后台的逻辑代码 | 134 | // 这里就可以写我们需要传给后台的逻辑代码 | 
| 119 | // 我们有了 evt.oldIndex 和 evt.newIndex 这两个参数做索引,我们可以根据绑定在表格上面的 data 这个 Array 找到两个相应的记录。就可以针对数据进行操作啦。 | 135 | // 我们有了 evt.oldIndex 和 evt.newIndex 这两个参数做索引,我们可以根据绑定在表格上面的 data 这个 Array 找到两个相应的记录。就可以针对数据进行操作啦。 | 
| 120 | // 下面将拖拽后的顺序进行修改 | 136 | // 下面将拖拽后的顺序进行修改 | 
| 121 | const currRow = this.datalist.splice(evt.oldIndex, 1)[0] | 137 | const currRow = this.datalist.splice(evt.oldIndex, 1)[0]; | 
| 122 | this.datalist.splice(evt.newIndex, 0, currRow) | 138 | this.datalist.splice(evt.newIndex, 0, currRow); | 
| 123 | } | 139 | }, | 
| 124 | }) | 140 | }); | 
| 125 | }, | 141 | }, | 
| 126 | /** | 142 | /** | 
| 127 | * @description: 初始数据集 | 143 | * @description: 初始数据集 | 
| 128 | * @author: renchao | 144 | * @author: renchao | 
| 129 | */ | 145 | */ | 
| 130 | generateData () { | 146 | generateData() { | 
| 131 | let that = this | 147 | let that = this; | 
| 132 | getFieldList({ qllx: this.formData.qllx }).then((res) => { | 148 | getFieldList({ qllx: this.formData.qllx }).then((res) => { | 
| 133 | if (res.code === 200) { | 149 | if (res.code === 200) { | 
| 134 | let listss = res.result; | 150 | let listss = res.result; | 
| ... | @@ -150,38 +166,37 @@ | ... | @@ -150,38 +166,37 @@ | 
| 150 | desprictionor: item.despriction, | 166 | desprictionor: item.despriction, | 
| 151 | }); | 167 | }); | 
| 152 | that.$nextTick(() => { | 168 | that.$nextTick(() => { | 
| 153 | that.datalist = this.tablelist | 169 | that.datalist = this.tablelist; | 
| 154 | that.checkedCities.push(item.name); | 170 | that.checkedCities.push(item.name); | 
| 155 | }) | 171 | }); | 
| 156 | }) | 172 | }); | 
| 157 | that.initSort() | 173 | that.initSort(); | 
| 158 | } | 174 | } | 
| 159 | }); | 175 | }); | 
| 160 | } | 176 | } | 
| 161 | }); | 177 | }); | 
| 162 | }, | 178 | }, | 
| 163 | handleCheckAllChange (val) { | 179 | handleCheckAllChange(val) { | 
| 164 | let checkedlist = [] | 180 | let checkedlist = []; | 
| 165 | let orlist = [] | 181 | let orlist = []; | 
| 166 | checkedlist = val ? this.cities : []; | 182 | checkedlist = val ? this.cities : []; | 
| 167 | this.isIndeterminate = false; | 183 | this.isIndeterminate = false; | 
| 168 | console.log("this.checkedCities", this.checkedCities); | 184 | console.log("this.checkedCities", this.checkedCities); | 
| 169 | let lists = []; | 185 | let lists = []; | 
| 170 | this.cities.forEach((item, index) => { | 186 | this.cities.forEach((item, index) => { | 
| 171 | |||
| 172 | checkedlist.forEach((el) => { | 187 | checkedlist.forEach((el) => { | 
| 173 | orlist.push(el.name) | 188 | orlist.push(el.name); | 
| 174 | if (item.name == el.name) { | 189 | if (item.name == el.name) { | 
| 175 | lists.push(this.cities[index]); | 190 | lists.push(this.cities[index]); | 
| 176 | } | 191 | } | 
| 177 | }); | 192 | }); | 
| 178 | }); | 193 | }); | 
| 179 | this.checkedCities = orlist | 194 | this.checkedCities = orlist; | 
| 180 | this.datalist = lists; | 195 | this.datalist = lists; | 
| 181 | // 其他排序逻辑 | 196 | // 其他排序逻辑 | 
| 182 | this.initSort() | 197 | this.initSort(); | 
| 183 | }, | 198 | }, | 
| 184 | handleCheckedCitiesChange (value) { | 199 | handleCheckedCitiesChange(value) { | 
| 185 | console.log("value", value, this.checkedCities); | 200 | console.log("value", value, this.checkedCities); | 
| 186 | let checkedCount = value.length; | 201 | let checkedCount = value.length; | 
| 187 | this.checkAll = checkedCount === this.cities.length; | 202 | this.checkAll = checkedCount === this.cities.length; | 
| ... | @@ -191,16 +206,15 @@ | ... | @@ -191,16 +206,15 @@ | 
| 191 | this.cities.forEach((item, index) => { | 206 | this.cities.forEach((item, index) => { | 
| 192 | this.checkedCities.forEach((el) => { | 207 | this.checkedCities.forEach((el) => { | 
| 193 | if (item.name == el) { | 208 | if (item.name == el) { | 
| 194 | console.log("1"); | ||
| 195 | lists.push(this.cities[index]); | 209 | lists.push(this.cities[index]); | 
| 196 | } | 210 | } | 
| 197 | }); | 211 | }); | 
| 198 | }); | 212 | }); | 
| 199 | this.datalist = lists; | 213 | this.datalist = lists; | 
| 200 | // 其他排序逻辑 | 214 | // 其他排序逻辑 | 
| 201 | this.initSort() | 215 | this.initSort(); | 
| 202 | }, | 216 | }, | 
| 203 | submitForm () { | 217 | submitForm() { | 
| 204 | save(this.formData.bsmMb, this.datalist).then((res) => { | 218 | save(this.formData.bsmMb, this.datalist).then((res) => { | 
| 205 | if (res.code == 200) { | 219 | if (res.code == 200) { | 
| 206 | this.$popupCacel(); | 220 | this.$popupCacel(); | 
| ... | @@ -217,19 +231,19 @@ | ... | @@ -217,19 +231,19 @@ | 
| 217 | }); | 231 | }); | 
| 218 | }, | 232 | }, | 
| 219 | }, | 233 | }, | 
| 220 | }; | 234 | }; | 
| 221 | </script> | 235 | </script> | 
| 222 | <style scoped lang="scss"> | 236 | <style scoped lang="scss"> | 
| 223 | @import "~@/styles/mixin.scss"; | 237 | @import "~@/styles/mixin.scss"; | 
| 224 | @import "~@/styles/dialogBoxheader.scss"; | 238 | @import "~@/styles/dialogBoxheader.scss"; | 
| 225 | .fieldcheck { | 239 | .fieldcheck { | 
| 226 | width: 100%; | 240 | width: 100%; | 
| 227 | height: 650px; | 241 | height: 650px; | 
| 228 | display: flex; | 242 | display: flex; | 
| 229 | justify-content: space-between; | 243 | justify-content: space-between; | 
| 230 | .left, | 244 | .left, | 
| 231 | .right { | 245 | .right { | 
| 232 | width: 47%; | 246 | width: 49%; | 
| 233 | height: 650px; | 247 | height: 650px; | 
| 234 | border: 1px solid rgb(230, 230, 230); | 248 | border: 1px solid rgb(230, 230, 230); | 
| 235 | } | 249 | } | 
| ... | @@ -237,16 +251,15 @@ | ... | @@ -237,16 +251,15 @@ | 
| 237 | .header { | 251 | .header { | 
| 238 | width: 100%; | 252 | width: 100%; | 
| 239 | height: 50px; | 253 | height: 50px; | 
| 240 | line-height: 50px; | ||
| 241 | background-color: rgba(243, 242, 242, 0.897); | 254 | background-color: rgba(243, 242, 242, 0.897); | 
| 242 | display: flex; | 255 | .headerconcent { | 
| 243 | justify-content: space-around; | 256 | width: 90%; | 
| 244 | align-items:center .check { | 257 | height: 50px; | 
| 245 | height: 20px; | ||
| 246 | margin: auto; | 258 | margin: auto; | 
| 247 | } | 259 | line-height: 50px; | 
| 248 | .num { | 260 | display: flex; | 
| 249 | height: 20px; | 261 | justify-content: space-between; | 
| 262 | align-items: center; | ||
| 250 | } | 263 | } | 
| 251 | } | 264 | } | 
| 252 | .concent { | 265 | .concent { | 
| ... | @@ -273,15 +286,12 @@ | ... | @@ -273,15 +286,12 @@ | 
| 273 | line-height: 50px; | 286 | line-height: 50px; | 
| 274 | background-color: rgba(243, 242, 242, 0.897); | 287 | background-color: rgba(243, 242, 242, 0.897); | 
| 275 | } | 288 | } | 
| 276 | .tablelist { | 289 | |
| 277 | margin-top: 10px; | ||
| 278 | height: 680px; | ||
| 279 | } | ||
| 280 | } | ||
| 281 | } | 290 | } | 
| 282 | .btn { | 291 | } | 
| 292 | .btn { | ||
| 283 | margin-top: 10px; | 293 | margin-top: 10px; | 
| 284 | width: 100%; | 294 | width: 100%; | 
| 285 | text-align: center; | 295 | text-align: center; | 
| 286 | } | 296 | } | 
| 287 | </style> | 297 | </style> | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 11:26:39 | 4 | * @LastEditTime: 2023-09-15 10:02:12 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="clxx"> | 7 | <div class="clxx"> | 
| ... | @@ -167,6 +167,7 @@ | ... | @@ -167,6 +167,7 @@ | 
| 167 | //type 1:列表初始化 2:新增材料 | 167 | //type 1:列表初始化 2:新增材料 | 
| 168 | return new Promise((resolve) => { | 168 | return new Promise((resolve) => { | 
| 169 | this.unitData = this.$parent.unitData; | 169 | this.unitData = this.$parent.unitData; | 
| 170 | console.log(this.$parent.unitData, 'this.$parent.unitData;'); | ||
| 170 | var formdata = new FormData(); | 171 | var formdata = new FormData(); | 
| 171 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | 172 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | 
| 172 | if (this.$route.query.sqywbm == "DJBBL") { | 173 | if (this.$route.query.sqywbm == "DJBBL") { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 15:58:06 | 4 | * @LastEditTime: 2023-09-15 10:04:28 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> | 
| ... | @@ -232,7 +232,6 @@ | ... | @@ -232,7 +232,6 @@ | 
| 232 | * @param {*} row | 232 | * @param {*} row | 
| 233 | */ | 233 | */ | 
| 234 | handleDelete (index, row) { | 234 | handleDelete (index, row) { | 
| 235 | let that = this | ||
| 236 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | 235 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | 
| 237 | confirmButtonText: '确定', | 236 | confirmButtonText: '确定', | 
| 238 | cancelButtonText: '取消', | 237 | cancelButtonText: '取消', | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 17:08:19 | 4 | * @LastEditTime: 2023-09-14 16:37:15 | 
| 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"> | 
| ... | @@ -28,25 +28,30 @@ | ... | @@ -28,25 +28,30 @@ | 
| 28 | :calcHeight="300"> | 28 | :calcHeight="300"> | 
| 29 | </lb-table> | 29 | </lb-table> | 
| 30 | <el-row> | 30 | <el-row> | 
| 31 | <el-col :span="6"> | 31 | <el-col :span="3"> | 
| 32 | <el-form-item label="领证人" prop="lzrxm"> | 32 | <el-form-item label="身份证读卡器"> | 
| 33 | <el-button type="text" icon="el-icon-tickets" @click="readClick">读取</el-button> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | <el-col :span="5"> | ||
| 37 | <el-form-item label="领证人" prop="lzrxm" label-width="70px"> | ||
| 33 | <el-input v-model="ruleForm.lzrxm"></el-input> | 38 | <el-input v-model="ruleForm.lzrxm"></el-input> | 
| 34 | </el-form-item> | 39 | </el-form-item> | 
| 35 | </el-col> | 40 | </el-col> | 
| 36 | <el-col :span="6"> | 41 | <el-col :span="5"> | 
| 37 | <el-form-item label="证件类型" prop="lzrzjlb"> | 42 | <el-form-item label="证件类型" prop="lzrzjlb" label-width="80px"> | 
| 38 | <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> | 43 | <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> | 
| 39 | <el-option v-for="item in lzrzjlbData" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 44 | <el-option v-for="item in lzrzjlbData" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 
| 40 | </el-option> | 45 | </el-option> | 
| 41 | </el-select> | 46 | </el-select> | 
| 42 | </el-form-item> | 47 | </el-form-item> | 
| 43 | </el-col> | 48 | </el-col> | 
| 44 | <el-col :span="6"> | 49 | <el-col :span="5"> | 
| 45 | <el-form-item label="证件号" prop="lzrzjh"> | 50 | <el-form-item label="证件号" prop="lzrzjh" label-width="70px"> | 
| 46 | <el-input v-model="ruleForm.lzrzjh"></el-input> | 51 | <el-input v-model="ruleForm.lzrzjh"></el-input> | 
| 47 | </el-form-item> | 52 | </el-form-item> | 
| 48 | </el-col> | 53 | </el-col> | 
| 49 | <el-col :span="6"> | 54 | <el-col :span="5"> | 
| 50 | <el-form-item label="领证人电话" prop="lzrdh"> | 55 | <el-form-item label="领证人电话" prop="lzrdh"> | 
| 51 | <el-input v-model="ruleForm.lzrdh"></el-input> | 56 | <el-input v-model="ruleForm.lzrdh"></el-input> | 
| 52 | </el-form-item> | 57 | </el-form-item> | 
| ... | @@ -62,7 +67,8 @@ | ... | @@ -62,7 +67,8 @@ | 
| 62 | import Vue from 'vue' | 67 | import Vue from 'vue' | 
| 63 | import store from '@/store/index.js' | 68 | import store from '@/store/index.js' | 
| 64 | import table from "@/utils/mixin/table"; | 69 | import table from "@/utils/mixin/table"; | 
| 65 | import { getUnclaimedBdcqz, issueCertificate,getBdcqzQlr } from "@/api/bdcqz.js"; | 70 | import { getIdCardInfo } from '@/utils/operation.js' | 
| 71 | import { getUnclaimedBdcqz, issueCertificate, getBdcqzQlr } from "@/api/bdcqz.js"; | ||
| 66 | import { datas } from "../../javascript/fzxxdata"; | 72 | import { datas } from "../../javascript/fzxxdata"; | 
| 67 | export default { | 73 | export default { | 
| 68 | props: { | 74 | props: { | 
| ... | @@ -115,6 +121,29 @@ | ... | @@ -115,6 +121,29 @@ | 
| 115 | }, | 121 | }, | 
| 116 | methods: { | 122 | methods: { | 
| 117 | /** | 123 | /** | 
| 124 | * @description: 身份证打卡器 | ||
| 125 | * @author: renchao | ||
| 126 | */ | ||
| 127 | readClick () { | ||
| 128 | getIdCardInfo().then(res => { | ||
| 129 | if (res.data.code == 0) { | ||
| 130 | let data = res.data.IDCardInfo | ||
| 131 | this.ruleForm.lzrxm = data.name | ||
| 132 | this.ruleForm.lzrzjlb = '1' | ||
| 133 | this.ruleForm.lzrzjh = data.cardID | ||
| 134 | this.$message({ | ||
| 135 | message: '读取成功!', | ||
| 136 | type: 'success' | ||
| 137 | }) | ||
| 138 | } else { | ||
| 139 | this.$message({ | ||
| 140 | message: res.data.message, | ||
| 141 | type: 'warning' | ||
| 142 | }) | ||
| 143 | } | ||
| 144 | }) | ||
| 145 | }, | ||
| 146 | /** | ||
| 118 | * @description: 列表初始化 | 147 | * @description: 列表初始化 | 
| 119 | * @author: renchao | 148 | * @author: renchao | 
| 120 | */ | 149 | */ | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-06 15:20:16 | 4 | * @LastEditTime: 2023-09-14 17:19:26 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx sdqxx"> | 7 | <div class="slxx sdqxx"> | 
| ... | @@ -119,10 +119,6 @@ | ... | @@ -119,10 +119,6 @@ | 
| 119 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 119 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 
| 120 | formdata.append("djlx", this.propsParam.djlx); | 120 | formdata.append("djlx", this.propsParam.djlx); | 
| 121 | formdata.append("isEdit", this.viewEdit); | 121 | formdata.append("isEdit", this.viewEdit); | 
| 122 | // Init(formdata).then((res) => { | ||
| 123 | // if (res.code === 200 && res.result) { | ||
| 124 | // } | ||
| 125 | // }); | ||
| 126 | }, | 122 | }, | 
| 127 | data () { | 123 | data () { | 
| 128 | return { | 124 | return { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 16:16:08 | 4 | * @LastEditTime: 2023-09-14 16:06:51 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div> | 7 | <div style="width:90%;height:100%;"> | 
| 8 | <canvas id="mxcad" style="width:100%;height:100%"> | 8 | <canvas id="mxcad" style="width:90%;height:80%; position: relative;top:0"> | 
| 9 | </canvas> | 9 | </canvas> | 
| 10 | </div> | 10 | </div> | 
| 11 | </template> | 11 | </template> | 
| ... | @@ -20,20 +20,17 @@ | ... | @@ -20,20 +20,17 @@ | 
| 20 | Mx.MxFun.createMxObject({ | 20 | Mx.MxFun.createMxObject({ | 
| 21 | canvasId: "mxcad", // canvas元素的id | 21 | canvasId: "mxcad", // canvas元素的id | 
| 22 | cadFile: "buf/hhhh.dwg", // http方式(预览): 加载public/demo文件夹下转换后的图纸 | 22 | cadFile: "buf/hhhh.dwg", // http方式(预览): 加载public/demo文件夹下转换后的图纸 | 
| 23 | // cadFile: "test2.dwg", // socket通信方式请直接提供图纸名称 如:text.dwg | ||
| 24 | callback: (mxDraw, { | 23 | callback: (mxDraw, { | 
| 25 | canvas, | 24 | canvas, | 
| 26 | canvasParent | 25 | canvasParent | 
| 27 | }) => { | 26 | }) => { | 
| 28 | // 可以拿到canvas元素和它的父级元素 | 27 | // 可以拿到canvas元素和它的父级元素 | 
| 29 | console.log(canvas, canvasParent) | ||
| 30 | console.log(mxDraw) | ||
| 31 | // 拿到图层数据 | 28 | // 拿到图层数据 | 
| 32 | mxDraw.addEvent('uiSetLayerData', (listLayer) => { | 29 | mxDraw.addEvent('uiSetLayerData', (listLayer) => { | 
| 33 | console.log(listLayer) | 30 | console.log(listLayer) | 
| 34 | }) | 31 | }) | 
| 35 | }, | 32 | }, | 
| 36 | isNewFile: false // 是否新建文件 | 33 | isNewFile: true // 是否新建文件 | 
| 37 | }) | 34 | }) | 
| 38 | }) | 35 | }) | 
| 39 | } | 36 | } | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 13:57:48 | 4 | * @LastEditTime: 2023-09-14 17:19:13 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="container"> | 7 | <div class="container"> | 
| ... | @@ -194,7 +194,8 @@ | ... | @@ -194,7 +194,8 @@ | 
| 194 | setTimeout(() => { | 194 | setTimeout(() => { | 
| 195 | this.prinsss() | 195 | this.prinsss() | 
| 196 | }, 100) | 196 | }, 100) | 
| 197 | 197 | } else { | |
| 198 | this.$message.error(res.message); | ||
| 198 | } | 199 | } | 
| 199 | }) | 200 | }) | 
| 200 | }, | 201 | }, | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-12 13:46:29 | 4 | * @LastEditTime: 2023-09-14 16:24:07 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> | 
| ... | @@ -86,7 +86,7 @@ | ... | @@ -86,7 +86,7 @@ | 
| 86 | // 缩略图 | 86 | // 缩略图 | 
| 87 | thumbnailImages: [], | 87 | thumbnailImages: [], | 
| 88 | showViewer: false, | 88 | showViewer: false, | 
| 89 | initialIndex: undefined, | 89 | initialIndex: 0, | 
| 90 | allLi: [], | 90 | allLi: [], | 
| 91 | } | 91 | } | 
| 92 | }, | 92 | }, | 
| ... | @@ -152,6 +152,7 @@ | ... | @@ -152,6 +152,7 @@ | 
| 152 | } else { | 152 | } else { | 
| 153 | this.previewImg.index = this.previewImg.index + 1 | 153 | this.previewImg.index = this.previewImg.index + 1 | 
| 154 | } | 154 | } | 
| 155 | this.initialIndex = this.previewImg.index | ||
| 155 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | 156 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | 
| 156 | this.$message({ | 157 | this.$message({ | 
| 157 | message: '移动成功!', | 158 | message: '移动成功!', | 
| ... | @@ -238,6 +239,7 @@ | ... | @@ -238,6 +239,7 @@ | 
| 238 | */ | 239 | */ | 
| 239 | showCurrent (index) { | 240 | showCurrent (index) { | 
| 240 | this.previewImg.index = index | 241 | this.previewImg.index = index | 
| 242 | this.initialIndex = index | ||
| 241 | }, | 243 | }, | 
| 242 | /** | 244 | /** | 
| 243 | * @description: closeViewer | 245 | * @description: closeViewer | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-16 09:50:02 | 4 | * @LastEditTime: 2023-09-14 17:19:40 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| ... | @@ -310,6 +310,8 @@ | ... | @@ -310,6 +310,8 @@ | 
| 310 | Init(formdata).then((res) => { | 310 | Init(formdata).then((res) => { | 
| 311 | if (res.code === 200 && res.result) { | 311 | if (res.code === 200 && res.result) { | 
| 312 | this.ruleForm = res.result; | 312 | this.ruleForm = res.result; | 
| 313 | } else { | ||
| 314 | this.$message.error(res.message); | ||
| 313 | } | 315 | } | 
| 314 | }); | 316 | }); | 
| 315 | }, | 317 | }, | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-12 09:59:18 | 4 | * @LastEditTime: 2023-09-14 17:19:58 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> | 
| ... | @@ -365,6 +365,7 @@ | ... | @@ -365,6 +365,7 @@ | 
| 365 | import { mapGetters } from "vuex"; | 365 | import { mapGetters } from "vuex"; | 
| 366 | export default { | 366 | export default { | 
| 367 | mounted () { | 367 | mounted () { | 
| 368 | let that = this | ||
| 368 | this.loading = true | 369 | this.loading = true | 
| 369 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 370 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 
| 370 | this.propsParam = this.$attrs; | 371 | this.propsParam = this.$attrs; | 
| ... | @@ -381,14 +382,16 @@ | ... | @@ -381,14 +382,16 @@ | 
| 381 | this.loading = false | 382 | this.loading = false | 
| 382 | }, 200) | 383 | }, 200) | 
| 383 | if (res.code === 200 && res.result) { | 384 | if (res.code === 200 && res.result) { | 
| 384 | this.ruleForm = res.result; | 385 | that.ruleForm = res.result; | 
| 385 | this.czrOptions = this.ruleForm.qlrList; | 386 | that.czrOptions = this.ruleForm.qlrList; | 
| 386 | } | 387 | that.ruleForm.qlrList.forEach((item) => { | 
| 387 | this.ruleForm.qlrList.forEach((item) => { | ||
| 388 | if (item.sfczr == 1) { | 388 | if (item.sfczr == 1) { | 
| 389 | this.czr = item.zjh | 389 | that.czr = item.zjh | 
| 390 | } | ||
| 391 | }) | ||
| 392 | } else { | ||
| 393 | that.$message.error(res.message); | ||
| 390 | } | 394 | } | 
| 391 | }); | ||
| 392 | }).catch(() => { | 395 | }).catch(() => { | 
| 393 | this.loading = false | 396 | this.loading = false | 
| 394 | }) | 397 | }) | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 | 
| 3 | * @Autor: ssq | 3 | * @Autor: ssq | 
| 4 | * @LastEditTime: 2023-09-13 14:41:34 | 4 | * @LastEditTime: 2023-09-14 17:20:40 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| ... | @@ -105,16 +105,44 @@ | ... | @@ -105,16 +105,44 @@ | 
| 105 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | 105 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | 
| 106 | <el-col :span="8"> | 106 | <el-col :span="8"> | 
| 107 | <el-form-item label="独用土地面积:"> | 107 | <el-form-item label="独用土地面积:"> | 
| 108 | <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.dytdmj"></el-input> | 108 | <div class="flex"> | 
| 109 | <el-input | ||
| 110 | maxlength="12" | ||
| 111 | v-model="ruleForm.fdcq1.dytdmj" | ||
| 112 | :disabled="!viewEdit" | ||
| 113 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | ||
| 114 | <el-select disabled v-model="mjdw" style="width: 68px"> | ||
| 115 | <el-option | ||
| 116 | v-for="item in dictData['A7']" | ||
| 117 | :key="item.dcode" | ||
| 118 | :label="item.dname" | ||
| 119 | :value="item.dcode"> | ||
| 120 | </el-option> | ||
| 121 | </el-select> | ||
| 122 | </div> | ||
| 109 | </el-form-item> | 123 | </el-form-item> | 
| 110 | </el-col> | 124 | </el-col> | 
| 111 | <el-col :span="8"> | 125 | <el-col :span="8"> | 
| 112 | <el-form-item label="分摊土地面积:"> | 126 | <el-form-item label="分摊土地面积:"> | 
| 113 | <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.fttdmj"></el-input> | 127 | <div class="flex"> | 
| 128 | <el-input | ||
| 129 | maxlength="12" | ||
| 130 | v-model="ruleForm.fdcq1.fttdmj" | ||
| 131 | :disabled="!viewEdit" | ||
| 132 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | ||
| 133 | <el-select disabled v-model="mjdw" style="width: 68px"> | ||
| 134 | <el-option | ||
| 135 | v-for="item in dictData['A7']" | ||
| 136 | :key="item.dcode" | ||
| 137 | :label="item.dname" | ||
| 138 | :value="item.dcode"> | ||
| 139 | </el-option> | ||
| 140 | </el-select> | ||
| 141 | </div> | ||
| 114 | </el-form-item> | 142 | </el-form-item> | 
| 115 | </el-col> | 143 | </el-col> | 
| 116 | |||
| 117 | <el-col :span="8"> | 144 | <el-col :span="8"> | 
| 145 | |||
| 118 | <el-form-item label="房地产交易价格:"> | 146 | <el-form-item label="房地产交易价格:"> | 
| 119 | <div class="flex"> | 147 | <div class="flex"> | 
| 120 | <el-input | 148 | <el-input | 
| ... | @@ -285,6 +313,8 @@ | ... | @@ -285,6 +313,8 @@ | 
| 285 | } | 313 | } | 
| 286 | }); | 314 | }); | 
| 287 | this.czrOptions = this.ruleForm.qlrList; | 315 | this.czrOptions = this.ruleForm.qlrList; | 
| 316 | } else { | ||
| 317 | this.$message.error(res.message); | ||
| 288 | } | 318 | } | 
| 289 | }) | 319 | }) | 
| 290 | }, | 320 | }, | 
| ... | @@ -298,6 +328,7 @@ | ... | @@ -298,6 +328,7 @@ | 
| 298 | disabled: true, | 328 | disabled: true, | 
| 299 | tdytOption: [], | 329 | tdytOption: [], | 
| 300 | czrOptions: [], | 330 | czrOptions: [], | 
| 331 | mjdw: "1", | ||
| 301 | czr: "", | 332 | czr: "", | 
| 302 | ruleForm: { | 333 | ruleForm: { | 
| 303 | flow: { | 334 | flow: { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-12 10:04:14 | 4 | * @LastEditTime: 2023-09-14 17:17:56 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| ... | @@ -440,6 +440,8 @@ | ... | @@ -440,6 +440,8 @@ | 
| 440 | } | 440 | } | 
| 441 | }); | 441 | }); | 
| 442 | this.czrOptions = this.ruleForm.qlrList; | 442 | this.czrOptions = this.ruleForm.qlrList; | 
| 443 | } else { | ||
| 444 | this.$message.error(res.message); | ||
| 443 | } | 445 | } | 
| 444 | }).catch(() => { | 446 | }).catch(() => { | 
| 445 | this.loading = false | 447 | this.loading = false | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 14:16:46 | 4 | * @LastEditTime: 2023-09-14 17:20:53 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| ... | @@ -299,6 +299,8 @@ | ... | @@ -299,6 +299,8 @@ | 
| 299 | } | 299 | } | 
| 300 | }); | 300 | }); | 
| 301 | this.czrOptions = this.ruleForm.qlrList; | 301 | this.czrOptions = this.ruleForm.qlrList; | 
| 302 | } else { | ||
| 303 | this.$message.error(res.message); | ||
| 302 | } | 304 | } | 
| 303 | }).catch(() => { | 305 | }).catch(() => { | 
| 304 | this.loading = false | 306 | this.loading = false | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 14:17:15 | 4 | * @LastEditTime: 2023-09-14 17:20:59 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| ... | @@ -296,6 +296,8 @@ | ... | @@ -296,6 +296,8 @@ | 
| 296 | this.czrOptions = this.ruleForm.qlrList; | 296 | this.czrOptions = this.ruleForm.qlrList; | 
| 297 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | 297 | this.gyfs = this.ruleForm.sldyList[0].gyfs; | 
| 298 | this.splicingFdcq2Info(); | 298 | this.splicingFdcq2Info(); | 
| 299 | } else { | ||
| 300 | this.$message.error(res.message); | ||
| 299 | } | 301 | } | 
| 300 | this.ruleForm.qlrList.forEach((item) => { | 302 | this.ruleForm.qlrList.forEach((item) => { | 
| 301 | if (item.sfczr == 1) { | 303 | if (item.sfczr == 1) { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-13 14:05:26 | 4 | * @LastEditTime: 2023-09-14 17:21:04 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> | 
| ... | @@ -264,6 +264,8 @@ | ... | @@ -264,6 +264,8 @@ | 
| 264 | } | 264 | } | 
| 265 | }); | 265 | }); | 
| 266 | this.czrOptions = this.ruleForm.qlrList; | 266 | this.czrOptions = this.ruleForm.qlrList; | 
| 267 | } else { | ||
| 268 | this.$message.error(res.message); | ||
| 267 | } | 269 | } | 
| 268 | }).catch(() => { | 270 | }).catch(() => { | 
| 269 | this.loading = false | 271 | this.loading = false | 
| ... | @@ -356,6 +358,8 @@ | ... | @@ -356,6 +358,8 @@ | 
| 356 | ...res.result.qlxxdatas, | 358 | ...res.result.qlxxdatas, | 
| 357 | ...res.result.jsydsyqdatas, | 359 | ...res.result.jsydsyqdatas, | 
| 358 | }; | 360 | }; | 
| 361 | } else { | ||
| 362 | this.$message.error(res.message); | ||
| 359 | } | 363 | } | 
| 360 | }); | 364 | }); | 
| 361 | }, | 365 | }, | ... | ... | 
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ | 
| 2 | <!-- | 2 | <!-- | 
| 3 | * @Description: | 3 | * @Description: | 
| 4 | * @Autor: renchao | 4 | * @Autor: renchao | 
| 5 | * @LastEditTime: 2023-09-13 14:17:49 | 5 | * @LastEditTime: 2023-09-14 17:21:19 | 
| 6 | --> | 6 | --> | 
| 7 | <template> | 7 | <template> | 
| 8 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> | 
| ... | @@ -239,6 +239,8 @@ | ... | @@ -239,6 +239,8 @@ | 
| 239 | if (res.code === 200 && res.result) { | 239 | if (res.code === 200 && res.result) { | 
| 240 | this.ruleForm = res.result; | 240 | this.ruleForm = res.result; | 
| 241 | this.czrOptions = this.ruleForm.qlrList; | 241 | this.czrOptions = this.ruleForm.qlrList; | 
| 242 | } else { | ||
| 243 | this.$message.error(res.message); | ||
| 242 | } | 244 | } | 
| 243 | this.ruleForm.qlrList.forEach((item) => { | 245 | this.ruleForm.qlrList.forEach((item) => { | 
| 244 | if (item.sfczr == 1) { | 246 | if (item.sfczr == 1) { | ... | ... | 
| ... | @@ -345,6 +345,8 @@ | ... | @@ -345,6 +345,8 @@ | 
| 345 | ? (this.ruleForm.slsq.fzfs = "1") | 345 | ? (this.ruleForm.slsq.fzfs = "1") | 
| 346 | : this.ruleForm.slsq.fzfs; | 346 | : this.ruleForm.slsq.fzfs; | 
| 347 | this.czrOptions = this.ruleForm.qlrList; | 347 | this.czrOptions = this.ruleForm.qlrList; | 
| 348 | } else { | ||
| 349 | this.$message.error(res.message); | ||
| 348 | } | 350 | } | 
| 349 | }); | 351 | }); | 
| 350 | }, | 352 | }, | ... | ... | 
| ... | @@ -227,9 +227,11 @@ | ... | @@ -227,9 +227,11 @@ | 
| 227 | if (item.sfczr == 1) { | 227 | if (item.sfczr == 1) { | 
| 228 | this.czr = item.zjh | 228 | this.czr = item.zjh | 
| 229 | } | 229 | } | 
| 230 | }); | 230 | }) | 
| 231 | } else { | ||
| 232 | this.$message.error(res.message); | ||
| 231 | } | 233 | } | 
| 232 | }); | 234 | }) | 
| 233 | }, | 235 | }, | 
| 234 | components: { qlrCommonTable, ywrCommonTable }, | 236 | components: { qlrCommonTable, ywrCommonTable }, | 
| 235 | computed: { | 237 | computed: { | ... | ... | 
| ... | @@ -84,9 +84,15 @@ class data extends filter { | ... | @@ -84,9 +84,15 @@ class data extends filter { | 
| 84 | minWidth: '150', | 84 | minWidth: '150', | 
| 85 | }, | 85 | }, | 
| 86 | { | 86 | { | 
| 87 | prop: "bdcqzh", | ||
| 88 | label: "不动产权证号", | 87 | label: "不动产权证号", | 
| 89 | minWidth: '150' | 88 | minWidth: '150', | 
| 89 | render: (h, scope) => { | ||
| 90 | return ( | ||
| 91 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
| 92 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 93 | </el-tooltip> | ||
| 94 | ) | ||
| 95 | } | ||
| 90 | }, | 96 | }, | 
| 91 | { | 97 | { | 
| 92 | prop: "qlrmc", | 98 | prop: "qlrmc", | 
| ... | @@ -119,9 +125,15 @@ class data extends filter { | ... | @@ -119,9 +125,15 @@ class data extends filter { | 
| 119 | minWidth: '80' | 125 | minWidth: '80' | 
| 120 | }, | 126 | }, | 
| 121 | { | 127 | { | 
| 122 | prop: "zl", | ||
| 123 | label: "坐落", | 128 | label: "坐落", | 
| 124 | minWidth: '150' | 129 | minWidth: '150', | 
| 130 | render: (h, scope) => { | ||
| 131 | return ( | ||
| 132 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 133 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 134 | </el-tooltip> | ||
| 135 | ) | ||
| 136 | } | ||
| 125 | }, | 137 | }, | 
| 126 | { | 138 | { | 
| 127 | label: '操作', | 139 | label: '操作', | ... | ... | 
| ... | @@ -23,6 +23,21 @@ class data extends filter { | ... | @@ -23,6 +23,21 @@ class data extends filter { | 
| 23 | } | 23 | } | 
| 24 | }, | 24 | }, | 
| 25 | { | 25 | { | 
| 26 | label: "证书状态", | ||
| 27 | width: '80', | ||
| 28 | render: (h, scope) => { | ||
| 29 | return ( | ||
| 30 | <div> | ||
| 31 | { | ||
| 32 | scope.row.zszt=='1' ? | ||
| 33 | <div class='allow'>有效</div> : | ||
| 34 | <div class='prohibit'>失效</div> | ||
| 35 | } | ||
| 36 | </div> | ||
| 37 | ) | ||
| 38 | } | ||
| 39 | }, | ||
| 40 | { | ||
| 26 | label: "领取状态", | 41 | label: "领取状态", | 
| 27 | width: '80', | 42 | width: '80', | 
| 28 | render: (h, scope) => { | 43 | render: (h, scope) => { | 
| ... | @@ -38,31 +53,45 @@ class data extends filter { | ... | @@ -38,31 +53,45 @@ class data extends filter { | 
| 38 | } | 53 | } | 
| 39 | }, | 54 | }, | 
| 40 | { | 55 | { | 
| 41 | prop: "lzrxm", | 56 | label: "不动产权证类型", | 
| 42 | label: "领取人", | 57 | width: '120', | 
| 43 | width: '100' | 58 | render: (h, scope) => { | 
| 44 | }, | 59 | return ( | 
| 60 | <div> | ||
| 45 | { | 61 | { | 
| 46 | prop: "fzsj", | 62 | scope.row.bdcqzlx=='1' ? | 
| 47 | label: "领取时间", | 63 | <div>不动产权证书</div> : | 
| 48 | width: '140' | 64 | <div>不动产登记证明</div> | 
| 65 | } | ||
| 66 | </div> | ||
| 67 | ) | ||
| 68 | } | ||
| 49 | }, | 69 | }, | 
| 70 | // { | ||
| 71 | // prop: "lzrxm", | ||
| 72 | // label: "领取人", | ||
| 73 | // width: '100' | ||
| 74 | // }, | ||
| 75 | // { | ||
| 76 | // prop: "fzsj", | ||
| 77 | // label: "领取时间", | ||
| 78 | // width: '140' | ||
| 79 | // }, | ||
| 50 | { | 80 | { | 
| 51 | prop: "ywh", | 81 | prop: "ywh", | 
| 52 | label: "业务号", | 82 | label: "业务号", | 
| 53 | width: '100' | 83 | width: '100' | 
| 54 | }, | 84 | }, | 
| 55 | 85 | { | |
| 86 | label: "权利类型", | ||
| 87 | prop: "qllx", | ||
| 88 | }, | ||
| 56 | { | 89 | { | 
| 57 | prop: "ysxlh", | 90 | prop: "ysxlh", | 
| 58 | label: "印刷序列号", | 91 | label: "印刷序列号", | 
| 59 | width: '100' | 92 | width: '100' | 
| 60 | }, | 93 | }, | 
| 61 | { | 94 | { | 
| 62 | label: "权利类型", | ||
| 63 | prop: "qllx", | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | prop: "bdcqzh", | 95 | prop: "bdcqzh", | 
| 67 | label: "不动产权证号", | 96 | label: "不动产权证号", | 
| 68 | minWidth: '150', | 97 | minWidth: '150', | 
| ... | @@ -101,7 +130,7 @@ class data extends filter { | ... | @@ -101,7 +130,7 @@ class data extends filter { | 
| 101 | } | 130 | } | 
| 102 | }, | 131 | }, | 
| 103 | { | 132 | { | 
| 104 | label: "证书内容", | 133 | label: "证书详情", | 
| 105 | width: '80', | 134 | width: '80', | 
| 106 | render: (h, scope) => { | 135 | render: (h, scope) => { | 
| 107 | return ( | 136 | return ( | ... | ... | 
- 
Please register or sign in to post a comment