style:申请单元列表
Showing
10 changed files
with
169 additions
and
173 deletions
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-30 13:59:09 | 4 | * @LastEditTime: 2023-09-12 11:18:27 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ | 
| 15 | 申请单元列表({{ unitData.length }}) | 15 | 申请单元列表({{ unitData.length }}) | 
| 16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | 16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | 
| 17 | </div> | 17 | </div> | 
| 18 | <el-menu :default-active="activeIndex" @select="unitClick"> | 18 | <el-menu v-model="activeIndex" :default-active="activeIndex" @select="unitClick"> | 
| 19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 
| 20 | <p class="dot" v-if="item.issave == '0'"></p> | 20 | <p class="dot" v-if="item.issave == '0'"></p> | 
| 21 | <div class="menu-con"> | 21 | <div class="menu-con"> | 
| ... | @@ -74,18 +74,20 @@ | ... | @@ -74,18 +74,20 @@ | 
| 74 | watch: { | 74 | watch: { | 
| 75 | isRefresh: { | 75 | isRefresh: { | 
| 76 | handler (newVal, oldVal) { | 76 | handler (newVal, oldVal) { | 
| 77 | if (newVal) this.loadBdcdylist() | 77 | if (newVal) { | 
| 78 | this.loadBdcdylist() | ||
| 79 | } | ||
| 78 | }, | 80 | }, | 
| 79 | immediate: true | 81 | immediate: true | 
| 80 | } | 82 | } | 
| 81 | }, | 83 | }, | 
| 82 | methods: { | 84 | methods: { | 
| 83 | //读取申请单元信息 | ||
| 84 | /** | 85 | /** | 
| 85 | * @description: 读取申请单元信息 | 86 | * @description: 读取申请单元信息 | 
| 86 | * @author: renchao | 87 | * @author: renchao | 
| 87 | */ | 88 | */ | 
| 88 | loadBdcdylist () { | 89 | loadBdcdylist () { | 
| 90 | let that = this | ||
| 89 | var formdata = new FormData(); | 91 | var formdata = new FormData(); | 
| 90 | formdata.append("bsmSlsq", this.bsmSlsq); | 92 | formdata.append("bsmSlsq", this.bsmSlsq); | 
| 91 | if (this.$route.query.bestepid) { | 93 | if (this.$route.query.bestepid) { | 
| ... | @@ -97,24 +99,28 @@ | ... | @@ -97,24 +99,28 @@ | 
| 97 | if (this.$route.query.type == 'jdcx') { | 99 | if (this.$route.query.type == 'jdcx') { | 
| 98 | jdcxLeftMenu(formdata).then((res) => { | 100 | jdcxLeftMenu(formdata).then((res) => { | 
| 99 | if (res.code === 200 && res.result) { | 101 | if (res.code === 200 && res.result) { | 
| 100 | this.unitData = res.result; | 102 | that.unitData = res.result; | 
| 101 | window.unitData = res.result; | 103 | window.unitData = res.result; | 
| 102 | this.currentSelectProps = res.result[0]; | 104 | that.currentSelectProps = res.result[0]; | 
| 103 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 105 | that.$emit('getCurrentSelectProps', this.currentSelectProps); | 
| 104 | this.judgeBatchShow(); | 106 | that.judgeBatchShow(); | 
| 105 | if (this.showBatch) { | 107 | if (that.showBatch) { | 
| 106 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 108 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 
| 107 | this.batchUnitClick(); | 109 | that.batchUnitClick(); | 
| 108 | } else { | 110 | } else { | 
| 109 | //默认选择单元列表第一个 | 111 | //默认选择单元列表第一个 | 
| 110 | this.unitClick(0); | 112 | if (sessionStorage.getItem('keyPath')) { | 
| 113 | that.unitClick(sessionStorage.getItem('keyPath') - 0) | ||
| 114 | } else { | ||
| 115 | that.unitClick(0); | ||
| 116 | } | ||
| 111 | } | 117 | } | 
| 112 | } | 118 | } | 
| 113 | }) | 119 | }) | 
| 114 | } else { | 120 | } else { | 
| 115 | leftMenu(formdata).then((res) => { | 121 | leftMenu(formdata).then((res) => { | 
| 116 | if (res.code === 200 && res.result) { | 122 | if (res.code === 200 && res.result) { | 
| 117 | this.unitData = res.result; | 123 | that.unitData = res.result; | 
| 118 | window.unitData = res.result; | 124 | window.unitData = res.result; | 
| 119 | this.currentSelectProps = res.result[0]; | 125 | this.currentSelectProps = res.result[0]; | 
| 120 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 126 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 
| ... | @@ -124,13 +130,16 @@ | ... | @@ -124,13 +130,16 @@ | 
| 124 | this.batchUnitClick(); | 130 | this.batchUnitClick(); | 
| 125 | } else { | 131 | } else { | 
| 126 | //默认选择单元列表第一个 | 132 | //默认选择单元列表第一个 | 
| 127 | this.unitClick(0); | 133 | if (sessionStorage.getItem('keyPath')) { | 
| 134 | that.unitClick(sessionStorage.getItem('keyPath') - 0) | ||
| 135 | } else { | ||
| 136 | that.unitClick(0); | ||
| 137 | } | ||
| 128 | } | 138 | } | 
| 129 | } | 139 | } | 
| 130 | }) | 140 | }) | 
| 131 | } | 141 | } | 
| 132 | }, | 142 | }, | 
| 133 | //批量按钮判断 | ||
| 134 | /** | 143 | /** | 
| 135 | * @description: 批量按钮判断 | 144 | * @description: 批量按钮判断 | 
| 136 | * @author: renchao | 145 | * @author: renchao | 
| ... | @@ -224,6 +233,7 @@ | ... | @@ -224,6 +233,7 @@ | 
| 224 | this.currentSelectProps = this.unitData[index]; | 233 | this.currentSelectProps = this.unitData[index]; | 
| 225 | this.currentSelectProps.batchOperation = false; | 234 | this.currentSelectProps.batchOperation = false; | 
| 226 | this.activeIndex = index.toString(); | 235 | this.activeIndex = index.toString(); | 
| 236 | sessionStorage.setItem('keyPath', this.activeIndex); | ||
| 227 | //选中表单传递数据 | 237 | //选中表单传递数据 | 
| 228 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 238 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 
| 229 | this.$parent.stepForm(index); | 239 | this.$parent.stepForm(index); | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-30 11:01:54 | 4 | * @LastEditTime: 2023-09-12 09:40:17 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div> | 7 | <div> | 
| ... | @@ -14,15 +14,13 @@ | ... | @@ -14,15 +14,13 @@ | 
| 14 | :heightNumSetting="true" | 14 | :heightNumSetting="true" | 
| 15 | :minHeight="150" | 15 | :minHeight="150" | 
| 16 | height="150" | 16 | height="150" | 
| 17 | style="width: 100%" | 17 | style="width: 100%"> | 
| 18 | > | ||
| 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 18 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 
| 20 | <template slot-scope="scope"> | 19 | <template slot-scope="scope"> | 
| 21 | <i | 20 | <i | 
| 22 | class="el-icon-minus pointer" | 21 | class="el-icon-minus pointer" | 
| 23 | @click="deleClick(scope.$index, scope.row)" | 22 | @click="deleClick(scope.$index, scope.row)" | 
| 24 | v-if="ableOperation" | 23 | v-if="ableOperation"></i> | 
| 25 | ></i> | ||
| 26 | <div style="text-align: center" v-else> | 24 | <div style="text-align: center" v-else> | 
| 27 | {{ scope.$index + 1 }} | 25 | {{ scope.$index + 1 }} | 
| 28 | </div> | 26 | </div> | 
| ... | @@ -40,8 +38,7 @@ | ... | @@ -40,8 +38,7 @@ | 
| 40 | :normalizer="normalizer" | 38 | :normalizer="normalizer" | 
| 41 | :appendToBody="true" | 39 | :appendToBody="true" | 
| 42 | z-index="9999" | 40 | z-index="9999" | 
| 43 | @input="addrow(scope.row)" | 41 | @input="addrow(scope.row)" /> | 
| 44 | /> | ||
| 45 | </template> | 42 | </template> | 
| 46 | </el-table-column> | 43 | </el-table-column> | 
| 47 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 44 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 
| ... | @@ -54,8 +51,7 @@ | ... | @@ -54,8 +51,7 @@ | 
| 54 | placeholder="选择日期" | 51 | placeholder="选择日期" | 
| 55 | value-format="yyyy-MM-dd HH:mm:ss" | 52 | value-format="yyyy-MM-dd HH:mm:ss" | 
| 56 | format="yyyy-MM-dd" | 53 | format="yyyy-MM-dd" | 
| 57 | @input="startTime(scope.$index)" | 54 | @input="startTime(scope.$index)"> | 
| 58 | > | ||
| 59 | </el-date-picker> | 55 | </el-date-picker> | 
| 60 | </template> | 56 | </template> | 
| 61 | </el-table-column> | 57 | </el-table-column> | 
| ... | @@ -69,8 +65,7 @@ | ... | @@ -69,8 +65,7 @@ | 
| 69 | placeholder="选择日期" | 65 | placeholder="选择日期" | 
| 70 | value-format="yyyy-MM-dd HH:mm:ss" | 66 | value-format="yyyy-MM-dd HH:mm:ss" | 
| 71 | format="yyyy-MM-dd" | 67 | format="yyyy-MM-dd" | 
| 72 | @input="endTime(scope.$index)" | 68 | @input="endTime(scope.$index)"> | 
| 73 | > | ||
| 74 | </el-date-picker> | 69 | </el-date-picker> | 
| 75 | </template> | 70 | </template> | 
| 76 | </el-table-column> | 71 | </el-table-column> | 
| ... | @@ -82,18 +77,16 @@ | ... | @@ -82,18 +77,16 @@ | 
| 82 | v-model="scope.row.tdsyqx" | 77 | v-model="scope.row.tdsyqx" | 
| 83 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 78 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 
| 84 | placeholder="请输入内容" | 79 | placeholder="请输入内容" | 
| 85 | @input="sumTime(scope.$index, scope.row.tdsyqx)" | 80 | @input="sumTime(scope.$index, scope.row.tdsyqx)"> | 
| 86 | > | 81 | ></el-input> | 
| 87 | ></el-input | ||
| 88 | > | ||
| 89 | </template> | 82 | </template> | 
| 90 | </el-table-column> | 83 | </el-table-column> | 
| 91 | </el-table> | 84 | </el-table> | 
| 92 | </div> | 85 | </div> | 
| 93 | </template> | 86 | </template> | 
| 94 | <script> | 87 | <script> | 
| 95 | import { mapGetters } from "vuex"; | 88 | import { mapGetters } from "vuex"; | 
| 96 | export default { | 89 | export default { | 
| 97 | computed: { | 90 | computed: { | 
| 98 | ...mapGetters(["dictData"]), | 91 | ...mapGetters(["dictData"]), | 
| 99 | }, | 92 | }, | 
| ... | @@ -109,7 +102,7 @@ export default { | ... | @@ -109,7 +102,7 @@ export default { | 
| 109 | default: true, | 102 | default: true, | 
| 110 | }, | 103 | }, | 
| 111 | }, | 104 | }, | 
| 112 | data() { | 105 | data () { | 
| 113 | return { | 106 | return { | 
| 114 | // 键名转换,方法默认是label和children进行树状渲染 | 107 | // 键名转换,方法默认是label和children进行树状渲染 | 
| 115 | key: 0, | 108 | key: 0, | 
| ... | @@ -123,7 +116,7 @@ export default { | ... | @@ -123,7 +116,7 @@ export default { | 
| 123 | // 起始时间选择范围 | 116 | // 起始时间选择范围 | 
| 124 | pickerStart: {}, | 117 | pickerStart: {}, | 
| 125 | pickerEnd: {}, | 118 | pickerEnd: {}, | 
| 126 | normalizer(node) { | 119 | normalizer (node) { | 
| 127 | if (node.children == null || node.children == "null") { | 120 | if (node.children == null || node.children == "null") { | 
| 128 | delete node.children; | 121 | delete node.children; | 
| 129 | } | 122 | } | 
| ... | @@ -135,7 +128,7 @@ export default { | ... | @@ -135,7 +128,7 @@ export default { | 
| 135 | }, | 128 | }, | 
| 136 | }; | 129 | }; | 
| 137 | }, | 130 | }, | 
| 138 | mounted() {}, | 131 | mounted () { }, | 
| 139 | watch: { | 132 | watch: { | 
| 140 | tableData: { | 133 | tableData: { | 
| 141 | handler: function (val, oldVal) { | 134 | handler: function (val, oldVal) { | 
| ... | @@ -164,7 +157,7 @@ export default { | ... | @@ -164,7 +157,7 @@ export default { | 
| 164 | * @description: renderHeader | 157 | * @description: renderHeader | 
| 165 | * @author: renchao | 158 | * @author: renchao | 
| 166 | */ | 159 | */ | 
| 167 | renderHeader() { | 160 | renderHeader () { | 
| 168 | return ( | 161 | return ( | 
| 169 | <div> | 162 | <div> | 
| 170 | {" "} | 163 | {" "} | 
| ... | @@ -186,8 +179,7 @@ export default { | ... | @@ -186,8 +179,7 @@ export default { | 
| 186 | * @description: 修改事件 | 179 | * @description: 修改事件 | 
| 187 | * @author: renchao | 180 | * @author: renchao | 
| 188 | */ | 181 | */ | 
| 189 | addrow(a) { | 182 | addrow (a) { | 
| 190 | console.log(a); | ||
| 191 | // this.tableDataList = this.tableDataList.map((item) => { | 183 | // this.tableDataList = this.tableDataList.map((item) => { | 
| 192 | // return { | 184 | // return { | 
| 193 | // ...item, | 185 | // ...item, | 
| ... | @@ -201,7 +193,7 @@ export default { | ... | @@ -201,7 +193,7 @@ export default { | 
| 201 | * @param {*} index | 193 | * @param {*} index | 
| 202 | * @author: renchao | 194 | * @author: renchao | 
| 203 | */ | 195 | */ | 
| 204 | startTime(index) { | 196 | startTime (index) { | 
| 205 | console.log("index", index); | 197 | console.log("index", index); | 
| 206 | // let startTime = this.tableDataList[index].tdsyqssj; | 198 | // let startTime = this.tableDataList[index].tdsyqssj; | 
| 207 | let endTime = this.tableDataList[index].jssj; | 199 | let endTime = this.tableDataList[index].jssj; | 
| ... | @@ -227,7 +219,7 @@ export default { | ... | @@ -227,7 +219,7 @@ export default { | 
| 227 | * @param {*} index | 219 | * @param {*} index | 
| 228 | * @author: renchao | 220 | * @author: renchao | 
| 229 | */ | 221 | */ | 
| 230 | endTime(index) { | 222 | endTime (index) { | 
| 231 | // let startTime = this.tableDataList[index].tdsyqssj; | 223 | // let startTime = this.tableDataList[index].tdsyqssj; | 
| 232 | let startTime = this.tableDataList[index].qssj; | 224 | let startTime = this.tableDataList[index].qssj; | 
| 233 | let endTime = this.tableDataList[index].jssj; | 225 | let endTime = this.tableDataList[index].jssj; | 
| ... | @@ -253,7 +245,7 @@ export default { | ... | @@ -253,7 +245,7 @@ export default { | 
| 253 | * @param {*} tdsyqx | 245 | * @param {*} tdsyqx | 
| 254 | * @author: renchao | 246 | * @author: renchao | 
| 255 | */ | 247 | */ | 
| 256 | sumTime(index, tdsyqx) { | 248 | sumTime (index, tdsyqx) { | 
| 257 | let startTime = this.tableDataList[index].qssj; | 249 | let startTime = this.tableDataList[index].qssj; | 
| 258 | this.tableDataList[index].jssj = | 250 | this.tableDataList[index].jssj = | 
| 259 | Number(startTime.substring(0, 4)) + | 251 | Number(startTime.substring(0, 4)) + | 
| ... | @@ -266,7 +258,7 @@ export default { | ... | @@ -266,7 +258,7 @@ export default { | 
| 266 | * @description: 新增 | 258 | * @description: 新增 | 
| 267 | * @author: renchao | 259 | * @author: renchao | 
| 268 | */ | 260 | */ | 
| 269 | addClick() { | 261 | addClick () { | 
| 270 | // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 262 | // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 
| 271 | this.tableDataList.push(_.cloneDeep(this.newdata)) | 263 | this.tableDataList.push(_.cloneDeep(this.newdata)) | 
| 272 | this.$emit("upDateTdytxxList", this.tableDataList); | 264 | this.$emit("upDateTdytxxList", this.tableDataList); | 
| ... | @@ -279,7 +271,7 @@ export default { | ... | @@ -279,7 +271,7 @@ export default { | 
| 279 | * @param {*} row | 271 | * @param {*} row | 
| 280 | * @author: renchao | 272 | * @author: renchao | 
| 281 | */ | 273 | */ | 
| 282 | deleClick(index, row) { | 274 | deleClick (index, row) { | 
| 283 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 275 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 
| 284 | confirmButtonText: "确定", | 276 | confirmButtonText: "确定", | 
| 285 | cancelButtonText: "取消", | 277 | cancelButtonText: "取消", | 
| ... | @@ -289,25 +281,25 @@ export default { | ... | @@ -289,25 +281,25 @@ export default { | 
| 289 | this.tableDataList.splice(index, 1); | 281 | this.tableDataList.splice(index, 1); | 
| 290 | this.$emit("upDateTdytxxList", this.tableDataList); | 282 | this.$emit("upDateTdytxxList", this.tableDataList); | 
| 291 | }) | 283 | }) | 
| 292 | .catch(() => {}); | 284 | .catch(() => { }); | 
| 293 | }, | 285 | }, | 
| 294 | }, | 286 | }, | 
| 295 | }; | 287 | }; | 
| 296 | </script> | 288 | </script> | 
| 297 | <style scoped lang="scss"> | 289 | <style scoped lang="scss"> | 
| 298 | .el-input { | 290 | .el-input { | 
| 299 | border: none !important; | 291 | border: none !important; | 
| 300 | } | 292 | } | 
| 301 | /deep/.el-table__row { | 293 | /deep/.el-table__row { | 
| 302 | border: none !important; | 294 | border: none !important; | 
| 303 | } | 295 | } | 
| 304 | .el-date-editor.el-input { | 296 | .el-date-editor.el-input { | 
| 305 | width: 100%; | 297 | width: 100%; | 
| 306 | } | 298 | } | 
| 307 | /deep/.el-table th { | 299 | /deep/.el-table th { | 
| 308 | height: 30px !important; | 300 | height: 30px !important; | 
| 309 | } | 301 | } | 
| 310 | /deep/ .el-table--border .el-table__cell:first-child .cell{ | 302 | /deep/ .el-table--border .el-table__cell:first-child .cell { | 
| 311 | text-align: center; | 303 | text-align: center; | 
| 312 | } | 304 | } | 
| 313 | </style> | 305 | </style> | ... | ... | 
| 1 | /* | 1 | /* | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-17 15:34:33 | 4 | * @LastEditTime: 2023-09-12 09:41:27 | 
| 5 | */ | 5 | */ | 
| 6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 | 
| 7 | /** | 7 | /** | 
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ | 
| 10 | * @param {*} djywbm | 10 | * @param {*} djywbm | 
| 11 | * @author: renchao | 11 | * @author: renchao | 
| 12 | */ | 12 | */ | 
| 13 | export function getForm(tabName, djywbm) { | 13 | export function getForm (tabName, djywbm) { | 
| 14 | let form; | 14 | let form; | 
| 15 | switch (tabName) { | 15 | switch (tabName) { | 
| 16 | case "tdsyqslxx": | 16 | case "tdsyqslxx": | ... | ... | 
| 1 | /* | 1 | /* | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-05 15:05:56 | 4 | * @LastEditTime: 2023-09-12 10:52:24 | 
| 5 | */ | 5 | */ | 
| 6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; | 
| 7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" | 
| ... | @@ -32,7 +32,6 @@ export default { | ... | @@ -32,7 +32,6 @@ export default { | 
| 32 | } | 32 | } | 
| 33 | }) | 33 | }) | 
| 34 | }, | 34 | }, | 
| 35 | //右侧表单选项卡事件 | ||
| 36 | /** | 35 | /** | 
| 37 | * @description: 右侧表单选项卡事件 | 36 | * @description: 右侧表单选项卡事件 | 
| 38 | * @param {*} activeName | 37 | * @param {*} activeName | 
| ... | @@ -40,9 +39,9 @@ export default { | ... | @@ -40,9 +39,9 @@ export default { | 
| 40 | * @author: renchao | 39 | * @author: renchao | 
| 41 | */ | 40 | */ | 
| 42 | beforeLeave (activeName, oldActiveName) { | 41 | beforeLeave (activeName, oldActiveName) { | 
| 42 | sessionStorage.setItem('activeName', activeName); | ||
| 43 | if (activeName && activeName != 0) this.getFromRouter(activeName) | 43 | if (activeName && activeName != 0) this.getFromRouter(activeName) | 
| 44 | }, | 44 | }, | 
| 45 | //切换选项卡内容组件 | ||
| 46 | /** | 45 | /** | 
| 47 | * @description: 切换选项卡内容组件 | 46 | * @description: 切换选项卡内容组件 | 
| 48 | * @param {*} tabname | 47 | * @param {*} tabname | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-30 14:14:55 | 4 | * @LastEditTime: 2023-09-12 10:52:18 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="container"> | 7 | <div class="container"> | 
| ... | @@ -162,7 +162,6 @@ | ... | @@ -162,7 +162,6 @@ | 
| 162 | stepForm (index) { | 162 | stepForm (index) { | 
| 163 | getStepFormInfo(this.currentSelectProps).then((res) => { | 163 | getStepFormInfo(this.currentSelectProps).then((res) => { | 
| 164 | if (res.code === 200) { | 164 | if (res.code === 200) { | 
| 165 | // this.fresh++; | ||
| 166 | //获取单元对应的所有表单信息 | 165 | //获取单元对应的所有表单信息 | 
| 167 | this.tabList = res.result; | 166 | this.tabList = res.result; | 
| 168 | //默认加载第一个表单信息 | 167 | //默认加载第一个表单信息 | 
| ... | @@ -172,6 +171,9 @@ | ... | @@ -172,6 +171,9 @@ | 
| 172 | } else { | 171 | } else { | 
| 173 | this.tabName = res.result[0].value; | 172 | this.tabName = res.result[0].value; | 
| 174 | } | 173 | } | 
| 174 | if (sessionStorage.getItem('activeName') == this.tabName) { | ||
| 175 | this.fresh++; | ||
| 176 | } | ||
| 175 | this.ableOperation = this.tabList[0].ableOperation | 177 | this.ableOperation = this.tabList[0].ableOperation | 
| 176 | //批量操作无分屏按钮 | 178 | //批量操作无分屏按钮 | 
| 177 | if (index != null) { | 179 | if (index != null) { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-12 09:01:09 | 4 | * @LastEditTime: 2023-09-12 09:59:18 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> | 
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ | 
| 9 | <el-form | 9 | <el-form | 
| 10 | :model="ruleForm" | 10 | :model="ruleForm" | 
| 11 | :rules="rules" | 11 | :rules="rules" | 
| 12 | class="loadingtext" | 12 | v-Loading="loading" | 
| 13 | ref="ruleForm" | 13 | ref="ruleForm" | 
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" | 
| 15 | :inline="flag" | 15 | :inline="flag" | 
| ... | @@ -365,18 +365,21 @@ | ... | @@ -365,18 +365,21 @@ | 
| 365 | import { mapGetters } from "vuex"; | 365 | import { mapGetters } from "vuex"; | 
| 366 | export default { | 366 | export default { | 
| 367 | mounted () { | 367 | mounted () { | 
| 368 | this.loading = true | ||
| 368 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 369 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 
| 369 | this.propsParam = this.$attrs; | 370 | this.propsParam = this.$attrs; | 
| 370 | var formdata = new FormData(); | 371 | var formdata = new FormData(); | 
| 371 | if (this.propsParam.djlx == "400") { | 372 | if (this.propsParam.djlx == "400") { | 
| 372 | this.isJfOperation = true; | 373 | this.isJfOperation = true; | 
| 373 | } | 374 | } | 
| 374 | this.$startLoading(); | ||
| 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 
| 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 
| 377 | formdata.append("djlx", this.propsParam.djlx); | 377 | formdata.append("djlx", this.propsParam.djlx); | 
| 378 | formdata.append("isEdit", this.viewEdit); | 378 | formdata.append("isEdit", this.viewEdit); | 
| 379 | Init(formdata).then((res) => { | 379 | Init(formdata).then((res) => { | 
| 380 | setTimeout(() => { | ||
| 381 | this.loading = false | ||
| 382 | }, 200) | ||
| 380 | if (res.code === 200 && res.result) { | 383 | if (res.code === 200 && res.result) { | 
| 381 | this.ruleForm = res.result; | 384 | this.ruleForm = res.result; | 
| 382 | this.czrOptions = this.ruleForm.qlrList; | 385 | this.czrOptions = this.ruleForm.qlrList; | 
| ... | @@ -386,8 +389,9 @@ | ... | @@ -386,8 +389,9 @@ | 
| 386 | this.czr = item.sqrmc; | 389 | this.czr = item.sqrmc; | 
| 387 | } | 390 | } | 
| 388 | }); | 391 | }); | 
| 389 | this.$endLoading(); | 392 | }).catch(() => { | 
| 390 | }); | 393 | this.loading = false | 
| 394 | }) | ||
| 391 | }, | 395 | }, | 
| 392 | components: { qlrCommonTable }, | 396 | components: { qlrCommonTable }, | 
| 393 | computed: { | 397 | computed: { | 
| ... | @@ -395,6 +399,7 @@ | ... | @@ -395,6 +399,7 @@ | 
| 395 | }, | 399 | }, | 
| 396 | data () { | 400 | data () { | 
| 397 | return { | 401 | return { | 
| 402 | loading: false, | ||
| 398 | //表单是否可操作 | 403 | //表单是否可操作 | 
| 399 | viewEdit: true, | 404 | viewEdit: true, | 
| 400 | disabled: true, | 405 | disabled: true, | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 | 
| 3 | * @Autor: ssq | 3 | * @Autor: ssq | 
| 4 | * @LastEditTime: 2023-09-11 16:28:02 | 4 | * @LastEditTime: 2023-09-12 09:55:25 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| ... | @@ -271,6 +271,9 @@ | ... | @@ -271,6 +271,9 @@ | 
| 271 | formdata.append("djlx", this.propsParam.djlx); | 271 | formdata.append("djlx", this.propsParam.djlx); | 
| 272 | formdata.append("isEdit", this.viewEdit); | 272 | formdata.append("isEdit", this.viewEdit); | 
| 273 | Init(formdata).then((res) => { | 273 | Init(formdata).then((res) => { | 
| 274 | setTimeout(() => { | ||
| 275 | this.loading = false | ||
| 276 | }, 200) | ||
| 274 | if (res.code === 200 && res.result) { | 277 | if (res.code === 200 && res.result) { | 
| 275 | this.ruleForm = { | 278 | this.ruleForm = { | 
| 276 | ...res.result, | 279 | ...res.result, | 
| ... | @@ -281,16 +284,9 @@ | ... | @@ -281,16 +284,9 @@ | 
| 281 | this.czr = item.sqrmc; | 284 | this.czr = item.sqrmc; | 
| 282 | } | 285 | } | 
| 283 | }); | 286 | }); | 
| 284 | setTimeout(() => { | ||
| 285 | this.loading = false | ||
| 286 | }, 200) | ||
| 287 | //初始化发证方式,1:小证,2:大正 | ||
| 288 | this.ruleForm.slsq.fzfs == null | ||
| 289 | ? (this.ruleForm.slsq.fzfs = "1") | ||
| 290 | : this.ruleForm.slsq.fzfs; | ||
| 291 | this.czrOptions = this.ruleForm.qlrList; | 287 | this.czrOptions = this.ruleForm.qlrList; | 
| 292 | } | 288 | } | 
| 293 | }); | 289 | }) | 
| 294 | }, | 290 | }, | 
| 295 | components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable }, | 291 | components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable }, | 
| 296 | computed: { | 292 | computed: { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-09-11 16:28:20 | 4 | * @LastEditTime: 2023-09-12 10:04:14 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| ... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ | 
| 9 | :model="ruleForm" | 9 | :model="ruleForm" | 
| 10 | :rules="rules" | 10 | :rules="rules" | 
| 11 | ref="ruleForm" | 11 | ref="ruleForm" | 
| 12 | v-Loading="loading" | ||
| 12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" | 
| 13 | :inline="flag" | 14 | :inline="flag" | 
| 14 | label-width="120px"> | 15 | label-width="120px"> | 
| ... | @@ -417,6 +418,7 @@ | ... | @@ -417,6 +418,7 @@ | 
| 417 | export default { | 418 | export default { | 
| 418 | mixins: [ywmix], | 419 | mixins: [ywmix], | 
| 419 | mounted () { | 420 | mounted () { | 
| 421 | this.loading = true | ||
| 420 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 422 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 
| 421 | this.propsParam = this.$attrs; | 423 | this.propsParam = this.$attrs; | 
| 422 | var formdata = new FormData(); | 424 | var formdata = new FormData(); | 
| ... | @@ -424,6 +426,9 @@ | ... | @@ -424,6 +426,9 @@ | 
| 424 | formdata.append("djlx", this.propsParam.djlx); | 426 | formdata.append("djlx", this.propsParam.djlx); | 
| 425 | formdata.append("isEdit", this.viewEdit); | 427 | formdata.append("isEdit", this.viewEdit); | 
| 426 | Init(formdata).then((res) => { | 428 | Init(formdata).then((res) => { | 
| 429 | setTimeout(() => { | ||
| 430 | this.loading = false | ||
| 431 | }, 200) | ||
| 427 | if (res.code === 200 && res.result) { | 432 | if (res.code === 200 && res.result) { | 
| 428 | this.ruleForm = { | 433 | this.ruleForm = { | 
| 429 | ...res.result, | 434 | ...res.result, | 
| ... | @@ -434,13 +439,11 @@ | ... | @@ -434,13 +439,11 @@ | 
| 434 | this.czr = item.sqrmc; | 439 | this.czr = item.sqrmc; | 
| 435 | } | 440 | } | 
| 436 | }); | 441 | }); | 
| 437 | //初始化发证方式,1:小证,2:大正 | ||
| 438 | this.ruleForm.slsq.fzfs == null | ||
| 439 | ? (this.ruleForm.slsq.fzfs = "1") | ||
| 440 | : this.ruleForm.slsq.fzfs; | ||
| 441 | this.czrOptions = this.ruleForm.qlrList; | 442 | this.czrOptions = this.ruleForm.qlrList; | 
| 442 | } | 443 | } | 
| 443 | }); | 444 | }).catch(() => { | 
| 445 | this.loading = false | ||
| 446 | }) | ||
| 444 | }, | 447 | }, | 
| 445 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, | 448 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, | 
| 446 | computed: { | 449 | computed: { | 
| ... | @@ -448,6 +451,7 @@ | ... | @@ -448,6 +451,7 @@ | 
| 448 | }, | 451 | }, | 
| 449 | data () { | 452 | data () { | 
| 450 | return { | 453 | return { | 
| 454 | loading: false, | ||
| 451 | mjdw: "1", | 455 | mjdw: "1", | 
| 452 | // 键名转换,方法默认是label和children进行树状渲染 | 456 | // 键名转换,方法默认是label和children进行树状渲染 | 
| 453 | normalizer (node) { | 457 | normalizer (node) { | 
| ... | @@ -602,6 +606,7 @@ | ... | @@ -602,6 +606,7 @@ | 
| 602 | }); | 606 | }); | 
| 603 | } | 607 | } | 
| 604 | } | 608 | } | 
| 609 | this.$store.dispatch("user/refreshPage", false); | ||
| 605 | saveData(this.ruleForm).then((res) => { | 610 | saveData(this.ruleForm).then((res) => { | 
| 606 | if (res.code === 200) { | 611 | if (res.code === 200) { | 
| 607 | this.$message({ | 612 | this.$message({ | 
| ... | @@ -615,10 +620,10 @@ | ... | @@ -615,10 +620,10 @@ | 
| 615 | showClose: true, | 620 | showClose: true, | 
| 616 | message: res.message, | 621 | message: res.message, | 
| 617 | type: "error", | 622 | type: "error", | 
| 618 | }); | 623 | }) | 
| 624 | } | ||
| 625 | }) | ||
| 619 | } | 626 | } | 
| 620 | }); | ||
| 621 | }, | ||
| 622 | }, | 627 | }, | 
| 623 | }; | 628 | }; | 
| 624 | </script> | 629 | </script> | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-08-17 13:46:51 | 4 | * @LastEditTime: 2023-09-12 09:56:07 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="slxx"> | 7 | <div class="slxx"> | 
| 8 | <el-form | 8 | <el-form | 
| 9 | :model="ruleForm" | 9 | :model="ruleForm" | 
| 10 | :rules="rules" | 10 | :rules="rules" | 
| 11 | v-Loading="loading" | ||
| 11 | ref="ruleForm" | 12 | ref="ruleForm" | 
| 12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" | 
| 13 | :inline="flag" | 14 | :inline="flag" | 
| 14 | label-width="120px" | 15 | label-width="120px"> | 
| 15 | > | ||
| 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 
| 17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> | 
| 18 | 申请业务信息 | 18 | 申请业务信息 | 
| ... | @@ -54,8 +54,7 @@ | ... | @@ -54,8 +54,7 @@ | 
| 54 | </el-row> | 54 | </el-row> | 
| 55 | <div | 55 | <div | 
| 56 | class="slxx_title title-block flex" | 56 | class="slxx_title title-block flex" | 
| 57 | style="justify-content: space-between" | 57 | style="justify-content: space-between"> | 
| 58 | > | ||
| 59 | 不动产单元情况 | 58 | 不动产单元情况 | 
| 60 | <el-button @click="compare">变化情况对比+</el-button> | 59 | <el-button @click="compare">变化情况对比+</el-button> | 
| 61 | </div> | 60 | </div> | 
| ... | @@ -116,8 +115,7 @@ | ... | @@ -116,8 +115,7 @@ | 
| 116 | <el-input | 115 | <el-input | 
| 117 | disabled | 116 | disabled | 
| 118 | v-model.number="ruleForm.fdcq2.zcs" | 117 | v-model.number="ruleForm.fdcq2.zcs" | 
| 119 | oninput="value=value.replace(/[^0-9]/g,'')" | 118 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 
| 120 | ></el-input> | ||
| 121 | </el-form-item> | 119 | </el-form-item> | 
| 122 | </el-col> | 120 | </el-col> | 
| 123 | <el-col :span="8"> | 121 | <el-col :span="8"> | 
| ... | @@ -133,15 +131,13 @@ | ... | @@ -133,15 +131,13 @@ | 
| 133 | <el-input | 131 | <el-input | 
| 134 | disabled | 132 | disabled | 
| 135 | v-model="ruleForm.qlxx.mj" | 133 | v-model="ruleForm.qlxx.mj" | 
| 136 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 134 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 
| 137 | ></el-input> | ||
| 138 | <el-select disabled v-model="mjdw" style="width: 68px"> | 135 | <el-select disabled v-model="mjdw" style="width: 68px"> | 
| 139 | <el-option | 136 | <el-option | 
| 140 | v-for="item in dictData['A7']" | 137 | v-for="item in dictData['A7']" | 
| 141 | :key="item.dcode" | 138 | :key="item.dcode" | 
| 142 | :label="item.dname" | 139 | :label="item.dname" | 
| 143 | :value="item.dcode" | 140 | :value="item.dcode"> | 
| 144 | > | ||
| 145 | </el-option> | 141 | </el-option> | 
| 146 | </el-select> | 142 | </el-select> | 
| 147 | </div> | 143 | </div> | 
| ... | @@ -153,15 +149,13 @@ | ... | @@ -153,15 +149,13 @@ | 
| 153 | <el-input | 149 | <el-input | 
| 154 | disabled | 150 | disabled | 
| 155 | v-model="ruleForm.fdcq2.zyjzmj" | 151 | v-model="ruleForm.fdcq2.zyjzmj" | 
| 156 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 152 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 
| 157 | ></el-input> | ||
| 158 | <el-select disabled v-model="mjdw" style="width: 68px"> | 153 | <el-select disabled v-model="mjdw" style="width: 68px"> | 
| 159 | <el-option | 154 | <el-option | 
| 160 | v-for="item in dictData['A7']" | 155 | v-for="item in dictData['A7']" | 
| 161 | :key="item.dcode" | 156 | :key="item.dcode" | 
| 162 | :label="item.dname" | 157 | :label="item.dname" | 
| 163 | :value="item.dcode" | 158 | :value="item.dcode"> | 
| 164 | > | ||
| 165 | </el-option> | 159 | </el-option> | 
| 166 | </el-select> | 160 | </el-select> | 
| 167 | </div> | 161 | </div> | 
| ... | @@ -173,15 +167,13 @@ | ... | @@ -173,15 +167,13 @@ | 
| 173 | <el-input | 167 | <el-input | 
| 174 | disabled | 168 | disabled | 
| 175 | v-model="ruleForm.fdcq2.ftjzmj" | 169 | v-model="ruleForm.fdcq2.ftjzmj" | 
| 176 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 170 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 
| 177 | ></el-input> | ||
| 178 | <el-select disabled v-model="mjdw" style="width: 68px"> | 171 | <el-select disabled v-model="mjdw" style="width: 68px"> | 
| 179 | <el-option | 172 | <el-option | 
| 180 | v-for="item in dictData['A7']" | 173 | v-for="item in dictData['A7']" | 
| 181 | :key="item.dcode" | 174 | :key="item.dcode" | 
| 182 | :label="item.dname" | 175 | :label="item.dname" | 
| 183 | :value="item.dcode" | 176 | :value="item.dcode"> | 
| 184 | > | ||
| 185 | </el-option> | 177 | </el-option> | 
| 186 | </el-select> | 178 | </el-select> | 
| 187 | </div> | 179 | </div> | 
| ... | @@ -195,8 +187,7 @@ | ... | @@ -195,8 +187,7 @@ | 
| 195 | <tdytTable | 187 | <tdytTable | 
| 196 | :ableOperation="viewEdit" | 188 | :ableOperation="viewEdit" | 
| 197 | :tableData="ruleForm.tdytqxList" | 189 | :tableData="ruleForm.tdytqxList" | 
| 198 | @upDateTdytxxList="upDateTdytxxList" | 190 | @upDateTdytxxList="upDateTdytxxList" /> | 
| 199 | /> | ||
| 200 | <div class="slxx_title title-block"> | 191 | <div class="slxx_title title-block"> | 
| 201 | 权利人信息 | 192 | 权利人信息 | 
| 202 | <div class="triangle"></div> | 193 | <div class="triangle"></div> | 
| ... | @@ -206,8 +197,7 @@ | ... | @@ -206,8 +197,7 @@ | 
| 206 | <el-form-item label="共有方式:"> | 197 | <el-form-item label="共有方式:"> | 
| 207 | <el-radio-group | 198 | <el-radio-group | 
| 208 | :disabled="!viewEdit" | 199 | :disabled="!viewEdit" | 
| 209 | v-model="ruleForm.sldy.gyfs" | 200 | v-model="ruleForm.sldy.gyfs"> | 
| 210 | > | ||
| 211 | <el-radio label="0">单独所有</el-radio> | 201 | <el-radio label="0">单独所有</el-radio> | 
| 212 | <el-radio label="1">共同共有</el-radio> | 202 | <el-radio label="1">共同共有</el-radio> | 
| 213 | <el-radio label="2">按份所有</el-radio> | 203 | <el-radio label="2">按份所有</el-radio> | 
| ... | @@ -220,8 +210,7 @@ | ... | @@ -220,8 +210,7 @@ | 
| 220 | <el-radio-group | 210 | <el-radio-group | 
| 221 | v-model="ruleForm.sldy.sqfbcz" | 211 | v-model="ruleForm.sldy.sqfbcz" | 
| 222 | :disabled="!viewEdit" | 212 | :disabled="!viewEdit" | 
| 223 | @input="updaterow()" | 213 | @input="updaterow()"> | 
| 224 | > | ||
| 225 | <el-radio :label="1">是</el-radio> | 214 | <el-radio :label="1">是</el-radio> | 
| 226 | <el-radio :label="0">否</el-radio> | 215 | <el-radio :label="0">否</el-radio> | 
| 227 | </el-radio-group> | 216 | </el-radio-group> | 
| ... | @@ -229,20 +218,17 @@ | ... | @@ -229,20 +218,17 @@ | 
| 229 | </el-col> | 218 | </el-col> | 
| 230 | <el-col | 219 | <el-col | 
| 231 | :span="6" | 220 | :span="6" | 
| 232 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 221 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> | 
| 233 | > | ||
| 234 | <el-form-item label="持证人:"> | 222 | <el-form-item label="持证人:"> | 
| 235 | <el-select | 223 | <el-select | 
| 236 | v-model="czr" | 224 | v-model="czr" | 
| 237 | placeholder="持证人" | 225 | placeholder="持证人" | 
| 238 | :disabled="!viewEdit" | 226 | :disabled="!viewEdit"> | 
| 239 | > | ||
| 240 | <el-option | 227 | <el-option | 
| 241 | v-for="item in czrOptions" | 228 | v-for="item in czrOptions" | 
| 242 | :key="item.zjh" | 229 | :key="item.zjh" | 
| 243 | :label="item.sqrmc" | 230 | :label="item.sqrmc" | 
| 244 | :value="item.zjh" | 231 | :value="item.zjh"> | 
| 245 | > | ||
| 246 | </el-option> | 232 | </el-option> | 
| 247 | </el-select> | 233 | </el-select> | 
| 248 | </el-form-item> | 234 | </el-form-item> | 
| ... | @@ -252,8 +238,7 @@ | ... | @@ -252,8 +238,7 @@ | 
| 252 | @upDateQlrxxList="upDateQlrxxList" | 238 | @upDateQlrxxList="upDateQlrxxList" | 
| 253 | :disabled="!viewEdit" | 239 | :disabled="!viewEdit" | 
| 254 | :tableData="ruleForm.qlrList" | 240 | :tableData="ruleForm.qlrList" | 
| 255 | :gyfs="ruleForm.sldy.gyfs" | 241 | :gyfs="ruleForm.sldy.gyfs" /> | 
| 256 | /> | ||
| 257 | <div class="slxx_title title-block"> | 242 | <div class="slxx_title title-block"> | 
| 258 | 登记原因 | 243 | 登记原因 | 
| 259 | <div class="triangle"></div> | 244 | <div class="triangle"></div> | 
| ... | @@ -267,8 +252,7 @@ | ... | @@ -267,8 +252,7 @@ | 
| 267 | maxlength="500" | 252 | maxlength="500" | 
| 268 | show-word-limit | 253 | show-word-limit | 
| 269 | :disabled="!viewEdit" | 254 | :disabled="!viewEdit" | 
| 270 | v-model="ruleForm.fdcq2.djyy" | 255 | v-model="ruleForm.fdcq2.djyy"> | 
| 271 | > | ||
| 272 | </el-input> | 256 | </el-input> | 
| 273 | </el-form-item> | 257 | </el-form-item> | 
| 274 | </el-col> | 258 | </el-col> | 
| ... | @@ -283,14 +267,15 @@ | ... | @@ -283,14 +267,15 @@ | 
| 283 | </div> | 267 | </div> | 
| 284 | </template> | 268 | </template> | 
| 285 | <script> | 269 | <script> | 
| 286 | import ywmix from "@/views/ywbl/mixin/index"; | 270 | import ywmix from "@/views/ywbl/mixin/index"; | 
| 287 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 271 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 
| 288 | import tdytTable from "@/views/workflow/components/tdytTable"; | 272 | import tdytTable from "@/views/workflow/components/tdytTable"; | 
| 289 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; | 273 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; | 
| 290 | import { mapGetters } from "vuex"; | 274 | import { mapGetters } from "vuex"; | 
| 291 | export default { | 275 | export default { | 
| 292 | mixins: [ywmix], | 276 | mixins: [ywmix], | 
| 293 | mounted() { | 277 | mounted () { | 
| 278 | this.loading = true | ||
| 294 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 279 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 
| 295 | this.propsParam = this.$attrs; | 280 | this.propsParam = this.$attrs; | 
| 296 | var formdata = new FormData(); | 281 | var formdata = new FormData(); | 
| ... | @@ -298,6 +283,9 @@ export default { | ... | @@ -298,6 +283,9 @@ export default { | 
| 298 | formdata.append("djlx", this.propsParam.djlx); | 283 | formdata.append("djlx", this.propsParam.djlx); | 
| 299 | formdata.append("isEdit", this.viewEdit); | 284 | formdata.append("isEdit", this.viewEdit); | 
| 300 | Init(formdata).then((res) => { | 285 | Init(formdata).then((res) => { | 
| 286 | setTimeout(() => { | ||
| 287 | this.loading = false | ||
| 288 | }, 200) | ||
| 301 | if (res.code === 200 && res.result) { | 289 | if (res.code === 200 && res.result) { | 
| 302 | this.ruleForm = { | 290 | this.ruleForm = { | 
| 303 | ...res.result, | 291 | ...res.result, | 
| ... | @@ -310,20 +298,19 @@ export default { | ... | @@ -310,20 +298,19 @@ export default { | 
| 310 | this.czr = item.sqrmc; | 298 | this.czr = item.sqrmc; | 
| 311 | } | 299 | } | 
| 312 | }); | 300 | }); | 
| 313 | //初始化发证方式,1:小证,2:大正 | ||
| 314 | this.ruleForm.slsq.fzfs == null | ||
| 315 | ? (this.ruleForm.slsq.fzfs = "1") | ||
| 316 | : this.ruleForm.slsq.fzfs; | ||
| 317 | this.czrOptions = this.ruleForm.qlrList; | 301 | this.czrOptions = this.ruleForm.qlrList; | 
| 318 | } | 302 | } | 
| 319 | }); | 303 | }).catch(() => { | 
| 304 | this.loading = false | ||
| 305 | }) | ||
| 320 | }, | 306 | }, | 
| 321 | components: { qlrCommonTable, tdytTable }, | 307 | components: { qlrCommonTable, tdytTable }, | 
| 322 | computed: { | 308 | computed: { | 
| 323 | ...mapGetters(["dictData", "flag"]), | 309 | ...mapGetters(["dictData", "flag"]), | 
| 324 | }, | 310 | }, | 
| 325 | data() { | 311 | data () { | 
| 326 | return { | 312 | return { | 
| 313 | loading: false, | ||
| 327 | mjdw: "1", | 314 | mjdw: "1", | 
| 328 | //表单是否可操作 | 315 | //表单是否可操作 | 
| 329 | viewEdit: false, | 316 | viewEdit: false, | 
| ... | @@ -387,7 +374,7 @@ export default { | ... | @@ -387,7 +374,7 @@ export default { | 
| 387 | * @description: dataSelectClick | 374 | * @description: dataSelectClick | 
| 388 | * @author: renchao | 375 | * @author: renchao | 
| 389 | */ | 376 | */ | 
| 390 | dataSelectClick() { | 377 | dataSelectClick () { | 
| 391 | this.$popup( | 378 | this.$popup( | 
| 392 | "房屋所有权", | 379 | "房屋所有权", | 
| 393 | this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", | 380 | this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai", | 
| ... | @@ -404,7 +391,7 @@ export default { | ... | @@ -404,7 +391,7 @@ export default { | 
| 404 | * @param {*} val | 391 | * @param {*} val | 
| 405 | * @author: renchao | 392 | * @author: renchao | 
| 406 | */ | 393 | */ | 
| 407 | upDateTdytxxList(val) { | 394 | upDateTdytxxList (val) { | 
| 408 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 395 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 
| 409 | this.key++; | 396 | this.key++; | 
| 410 | }, | 397 | }, | 
| ... | @@ -414,7 +401,7 @@ export default { | ... | @@ -414,7 +401,7 @@ export default { | 
| 414 | * @param {*} val | 401 | * @param {*} val | 
| 415 | * @author: renchao | 402 | * @author: renchao | 
| 416 | */ | 403 | */ | 
| 417 | updaterow() { | 404 | updaterow () { | 
| 418 | this.czr = ""; | 405 | this.czr = ""; | 
| 419 | }, | 406 | }, | 
| 420 | /** | 407 | /** | 
| ... | @@ -422,7 +409,7 @@ export default { | ... | @@ -422,7 +409,7 @@ export default { | 
| 422 | * @param {*} val | 409 | * @param {*} val | 
| 423 | * @author: renchao | 410 | * @author: renchao | 
| 424 | */ | 411 | */ | 
| 425 | upDateQlrxxList(val) { | 412 | upDateQlrxxList (val) { | 
| 426 | this.ruleForm.qlrList = _.cloneDeep(val); | 413 | this.ruleForm.qlrList = _.cloneDeep(val); | 
| 427 | this.czrOptions = this.ruleForm.qlrList; | 414 | this.czrOptions = this.ruleForm.qlrList; | 
| 428 | this.key++; | 415 | this.key++; | 
| ... | @@ -433,14 +420,14 @@ export default { | ... | @@ -433,14 +420,14 @@ export default { | 
| 433 | * @param {*} val | 420 | * @param {*} val | 
| 434 | * @author: renchao | 421 | * @author: renchao | 
| 435 | */ | 422 | */ | 
| 436 | upDateYwrxxList(val) { | 423 | upDateYwrxxList (val) { | 
| 437 | this.ruleForm.ywrList = _.cloneDeep(val); | 424 | this.ruleForm.ywrList = _.cloneDeep(val); | 
| 438 | }, | 425 | }, | 
| 439 | /** | 426 | /** | 
| 440 | * @description: onSubmit | 427 | * @description: onSubmit | 
| 441 | * @author: renchao | 428 | * @author: renchao | 
| 442 | */ | 429 | */ | 
| 443 | onSubmit() { | 430 | onSubmit () { | 
| 444 | let that = this; | 431 | let that = this; | 
| 445 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 432 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 
| 446 | if (arr.length > 0) { | 433 | if (arr.length > 0) { | 
| ... | @@ -525,7 +512,7 @@ export default { | ... | @@ -525,7 +512,7 @@ export default { | 
| 525 | * @description: compare | 512 | * @description: compare | 
| 526 | * @author: renchao | 513 | * @author: renchao | 
| 527 | */ | 514 | */ | 
| 528 | compare() { | 515 | compare () { | 
| 529 | this.$popupDialog( | 516 | this.$popupDialog( | 
| 530 | this.ruleForm.qlxx.qllxmc, | 517 | this.ruleForm.qlxx.qllxmc, | 
| 531 | "registerBook/comparison", | 518 | "registerBook/comparison", | 
| ... | @@ -538,55 +525,55 @@ export default { | ... | @@ -538,55 +525,55 @@ export default { | 
| 538 | ); | 525 | ); | 
| 539 | }, | 526 | }, | 
| 540 | }, | 527 | }, | 
| 541 | }; | 528 | }; | 
| 542 | </script> | 529 | </script> | 
| 543 | <style scoped lang="scss"> | 530 | <style scoped lang="scss"> | 
| 544 | @import "~@/styles/public.scss"; | 531 | @import "~@/styles/public.scss"; | 
| 545 | @import "~@/styles/slxx/slxx.scss"; | 532 | @import "~@/styles/slxx/slxx.scss"; | 
| 546 | /deep/.el-form { | 533 | /deep/.el-form { | 
| 547 | display: flex; | 534 | display: flex; | 
| 548 | flex-direction: column; | 535 | flex-direction: column; | 
| 549 | height: calc(100vh - 130px); | 536 | height: calc(100vh - 130px); | 
| 550 | } | 537 | } | 
| 551 | 538 | ||
| 552 | /deep/.el-form-item__label { | 539 | /deep/.el-form-item__label { | 
| 553 | padding: 0; | 540 | padding: 0; | 
| 554 | } | 541 | } | 
| 555 | 542 | ||
| 556 | /deep/.el-radio { | 543 | /deep/.el-radio { | 
| 557 | margin-right: 10px; | 544 | margin-right: 10px; | 
| 558 | } | 545 | } | 
| 559 | 546 | ||
| 560 | /deep/.el-select { | 547 | /deep/.el-select { | 
| 561 | width: 100%; | 548 | width: 100%; | 
| 562 | } | 549 | } | 
| 563 | 550 | ||
| 564 | /deep/.el-form-item { | 551 | /deep/.el-form-item { | 
| 565 | margin-bottom: 8px; | 552 | margin-bottom: 8px; | 
| 566 | } | 553 | } | 
| 567 | 554 | ||
| 568 | .marginBot0 { | 555 | .marginBot0 { | 
| 569 | margin-bottom: 0 !important; | 556 | margin-bottom: 0 !important; | 
| 570 | } | 557 | } | 
| 571 | 558 | ||
| 572 | .slxx { | 559 | .slxx { | 
| 573 | box-sizing: border-box; | 560 | box-sizing: border-box; | 
| 574 | } | 561 | } | 
| 575 | 562 | ||
| 576 | .slxx_con { | 563 | .slxx_con { | 
| 577 | flex: 1; | 564 | flex: 1; | 
| 578 | height: 100%; | 565 | height: 100%; | 
| 579 | background-color: #ffffff; | 566 | background-color: #ffffff; | 
| 580 | overflow-y: auto; | 567 | overflow-y: auto; | 
| 581 | padding-right: 3px; | 568 | padding-right: 3px; | 
| 582 | overflow-x: hidden; | 569 | overflow-x: hidden; | 
| 583 | } | 570 | } | 
| 584 | 571 | ||
| 585 | .submit_btn { | 572 | .submit_btn { | 
| 586 | height: 50px; | 573 | height: 50px; | 
| 587 | } | 574 | } | 
| 588 | 575 | ||
| 589 | .slxx_title { | 576 | .slxx_title { | 
| 590 | border-bottom: 1px solid $borderColor; | 577 | border-bottom: 1px solid $borderColor; | 
| 591 | padding-left: 10px; | 578 | padding-left: 10px; | 
| 592 | padding-bottom: 5px; | 579 | padding-bottom: 5px; | 
| ... | @@ -595,23 +582,23 @@ export default { | ... | @@ -595,23 +582,23 @@ export default { | 
| 595 | font-size: 16px; | 582 | font-size: 16px; | 
| 596 | font-weight: 500; | 583 | font-weight: 500; | 
| 597 | color: #4a4a4a; | 584 | color: #4a4a4a; | 
| 598 | } | 585 | } | 
| 599 | 586 | ||
| 600 | .btn { | 587 | .btn { | 
| 601 | text-align: center; | 588 | text-align: center; | 
| 602 | padding-top: 10px; | 589 | padding-top: 10px; | 
| 603 | height: 36px; | 590 | height: 36px; | 
| 604 | background-color: #ffffff; | 591 | background-color: #ffffff; | 
| 605 | padding: 5px 0; | 592 | padding: 5px 0; | 
| 606 | } | 593 | } | 
| 607 | 594 | ||
| 608 | .textArea { | 595 | .textArea { | 
| 609 | /deep/.el-textarea__inner { | 596 | /deep/.el-textarea__inner { | 
| 610 | min-height: 90px !important; | 597 | min-height: 90px !important; | 
| 611 | } | 598 | } | 
| 612 | } | 599 | } | 
| 613 | 600 | ||
| 614 | /deep/.el-form-item__label { | 601 | /deep/.el-form-item__label { | 
| 615 | padding-bottom: 0px; | 602 | padding-bottom: 0px; | 
| 616 | } | 603 | } | 
| 617 | </style> | 604 | </style> | ... | ... | 
| ... | @@ -136,7 +136,7 @@ | ... | @@ -136,7 +136,7 @@ | 
| 136 | label-width="200px"> | 136 | label-width="200px"> | 
| 137 | <el-radio-group | 137 | <el-radio-group | 
| 138 | v-model="ruleForm.ygdj.sfczjzhxz" | 138 | v-model="ruleForm.ygdj.sfczjzhxz" | 
| 139 | :disabled="!viewEdit || isJfOperation"> | 139 | :disabled="!viewEdit"> | 
| 140 | <el-radio label="1">是</el-radio> | 140 | <el-radio label="1">是</el-radio> | 
| 141 | <el-radio label="0">否</el-radio> | 141 | <el-radio label="0">否</el-radio> | 
| 142 | </el-radio-group> | 142 | </el-radio-group> | 
| ... | @@ -318,14 +318,14 @@ | ... | @@ -318,14 +318,14 @@ | 
| 318 | Init(formdata).then((res) => { | 318 | Init(formdata).then((res) => { | 
| 319 | if (res.code === 200 && res.result) { | 319 | if (res.code === 200 && res.result) { | 
| 320 | that.ruleForm = res.result; | 320 | that.ruleForm = res.result; | 
| 321 | this.czrOptions = this.ruleForm.qlrList; | 321 | that.czrOptions = this.ruleForm.qlrList; | 
| 322 | this.ruleForm.qlrList.forEach((item) => { | 322 | that.ruleForm.qlrList.forEach((item) => { | 
| 323 | if (item.sfczr == 1) { | 323 | if (item.sfczr == 1) { | 
| 324 | this.czr = item.sqrmc; | 324 | that.czr = item.sqrmc; | 
| 325 | } | 325 | } | 
| 326 | }); | 326 | }); | 
| 327 | setTimeout(() => { | 327 | setTimeout(() => { | 
| 328 | this.loading = false | 328 | that.loading = false | 
| 329 | }, 200) | 329 | }, 200) | 
| 330 | } | 330 | } | 
| 331 | }) | 331 | }) | ... | ... | 
- 
Please register or sign in to post a comment