Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
52385f8c by renchao@pashanhoo.com
Options

style:申请单元列表

1 parent 3b1a059f
Inline Side-by-side
Showing 10 changed files with 589 additions and 593 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,232 +77,229 @@ ...@@ -82,232 +77,229 @@
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 },
100 props: {
101 tableData: {
102 type: Array,
103 default: function () {
104 return [];
105 },
106 },
107 ableOperation: {
108 type: Boolean,
109 default: true,
110 }, 92 },
111 }, 93 props: {
112 data() { 94 tableData: {
113 return { 95 type: Array,
114 // 键名转换，方法默认是label和children进行树状渲染 96 default: function () {
115 key: 0, 97 return [];
116 newdata: { 98 },
117 yt: null,
118 qssj: "",
119 jssj: "",
120 tdsyqx: "",
121 },
122 tableDataList: [],
123 // 起始时间选择范围
124 pickerStart: {},
125 pickerEnd: {},
126 normalizer(node) {
127 if (node.children == null || node.children == "null") {
128 delete node.children;
129 }
130 return {
131 id: node.dcode,
132 label: node.dname,
133 children: node.children,
134 };
135 }, 99 },
136 }; 100 ableOperation: {
137 }, 101 type: Boolean,
138 mounted() {}, 102 default: true,
139 watch: {
140 tableData: {
141 handler: function (val, oldVal) {
142 let that = this;
143 this.$nextTick(() => {
144 if (!val || val.length == 0) {
145 that.tableDataList = _.cloneDeep([
146 {
147 yt: null,
148 qssj: "",
149 jssj: "",
150 tdsyqx: "",
151 },
152 ]);
153 } else {
154 that.tableDataList = _.cloneDeep(val);
155 }
156 });
157 }, 103 },
158 immediate: true,
159 deep: true,
160 }, 104 },
161 }, 105 data () {
162 methods: { 106 return {
163 /** 107 // 键名转换，方法默认是label和children进行树状渲染
164 * @description: renderHeader 108 key: 0,
165 * @author: renchao 109 newdata: {
166 */ 110 yt: null,
167 renderHeader() { 111 qssj: "",
168 return ( 112 jssj: "",
169 <div> 113 tdsyqx: "",
170 {" "}
171 {!this.ableOperation ? (
172 "序号"
173 ) : (
174 <i
175 class="el-icon-plus pointer"
176 onClick={() => {
177 this.addClick();
178 }}
179 ></i>
180 )}
181 </div>
182 );
183 },
184 // 修改事件
185 /**
186 * @description: 修改事件
187 * @author: renchao
188 */
189 addrow(a) {
190 console.log(a);
191 // this.tableDataList = this.tableDataList.map((item) => {
192 // return {
193 // ...item,
194 // yt: a.yt,
195 // };
196 // });
197 this.$emit("upDateTdytxxList", this.tableDataList);
198 },
199 /**
200 * @description: startTime
201 * @param {*} index
202 * @author: renchao
203 */
204 startTime(index) {
205 console.log("index", index);
206 // let startTime = this.tableDataList[index].tdsyqssj;
207 let endTime = this.tableDataList[index].jssj;
208 let startTime = this.tableDataList[index].qssj;
209 this.tableDataList[index].pickerEnd = {
210 disabledDate: (time) => {
211 if (Object.keys(startTime).length > 0) {
212 return new Date(startTime).getTime() > time.getTime();
213 } else {
214 return time.getTime() < Date.now();
215 }
216 }, 114 },
217 }; 115 tableDataList: [],
218 if (startTime && endTime) { 116 // 起始时间选择范围
219 let startYear = new Date(startTime).getFullYear(); 117 pickerStart: {},
220 let endYear = new Date(endTime).getFullYear(); 118 pickerEnd: {},
221 this.tableDataList[index].tdsyqx = endYear - startYear; 119 normalizer (node) {
222 } 120 if (node.children == null || node.children == "null") {
223 this.$emit("upDateTdytxxList", this.tableDataList); 121 delete node.children;
224 },
225 /**
226 * @description: endTime
227 * @param {*} index
228 * @author: renchao
229 */
230 endTime(index) {
231 // let startTime = this.tableDataList[index].tdsyqssj;
232 let startTime = this.tableDataList[index].qssj;
233 let endTime = this.tableDataList[index].jssj;
234 this.tableDataList[index].pickerStart = {
235 disabledDate: (time) => {
236 if (Object.keys(endTime).length > 0) {
237 return new Date(endTime).getTime() < time.getTime();
238 } else {
239 return time.getTime() > Date.now();
240 } 122 }
123 return {
124 id: node.dcode,
125 label: node.dname,
126 children: node.children,
127 };
241 }, 128 },
242 }; 129 };
243 if (startTime && endTime) {
244 let startYear = new Date(startTime).getFullYear();
245 let endYear = new Date(endTime).getFullYear();
246 this.tableDataList[index].tdsyqx = endYear - startYear;
247 }
248 this.$emit("upDateTdytxxList", this.tableDataList);
249 },
250 /**
251 * @description: sumTime
252 * @param {*} index
253 * @param {*} tdsyqx
254 * @author: renchao
255 */
256 sumTime(index, tdsyqx) {
257 let startTime = this.tableDataList[index].qssj;
258 this.tableDataList[index].jssj =
259 Number(startTime.substring(0, 4)) +
260 Number(tdsyqx) +
261 startTime.slice(4, 19);
262 this.$emit("upDateTdytxxList", this.tableDataList);
263 }, 130 },
264 // 新增 131 mounted () { },
265 /** 132 watch: {
266 * @description: 新增 133 tableData: {
267 * @author: renchao 134 handler: function (val, oldVal) {
268 */ 135 let that = this;
269 addClick() { 136 this.$nextTick(() => {
270 // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); 137 if (!val || val.length == 0) {
271 this.tableDataList.push(_.cloneDeep(this.newdata)) 138 that.tableDataList = _.cloneDeep([
272 this.$emit("upDateTdytxxList", this.tableDataList); 139 {
140 yt: null,
141 qssj: "",
142 jssj: "",
143 tdsyqx: "",
144 },
145 ]);
146 } else {
147 that.tableDataList = _.cloneDeep(val);
148 }
149 });
150 },
151 immediate: true,
152 deep: true,
153 },
273 }, 154 },
155 methods: {
156 /**
157 * @description: renderHeader
158 * @author: renchao
159 */
160 renderHeader () {
161 return (
162 <div>
163 {" "}
164 {!this.ableOperation ? (
165 "序号"
166 ) : (
167 <i
168 class="el-icon-plus pointer"
169 onClick={() => {
170 this.addClick();
171 }}
172 ></i>
173 )}
174 </div>
175 );
176 },
177 // 修改事件
178 /**
179 * @description: 修改事件
180 * @author: renchao
181 */
182 addrow (a) {
183 // this.tableDataList = this.tableDataList.map((item) => {
184 // return {
185 // ...item,
186 // yt: a.yt,
187 // };
188 // });
189 this.$emit("upDateTdytxxList", this.tableDataList);
190 },
191 /**
192 * @description: startTime
193 * @param {*} index
194 * @author: renchao
195 */
196 startTime (index) {
197 console.log("index", index);
198 // let startTime = this.tableDataList[index].tdsyqssj;
199 let endTime = this.tableDataList[index].jssj;
200 let startTime = this.tableDataList[index].qssj;
201 this.tableDataList[index].pickerEnd = {
202 disabledDate: (time) => {
203 if (Object.keys(startTime).length > 0) {
204 return new Date(startTime).getTime() > time.getTime();
205 } else {
206 return time.getTime() < Date.now();
207 }
208 },
209 };
210 if (startTime && endTime) {
211 let startYear = new Date(startTime).getFullYear();
212 let endYear = new Date(endTime).getFullYear();
213 this.tableDataList[index].tdsyqx = endYear - startYear;
214 }
215 this.$emit("upDateTdytxxList", this.tableDataList);
216 },
217 /**
218 * @description: endTime
219 * @param {*} index
220 * @author: renchao
221 */
222 endTime (index) {
223 // let startTime = this.tableDataList[index].tdsyqssj;
224 let startTime = this.tableDataList[index].qssj;
225 let endTime = this.tableDataList[index].jssj;
226 this.tableDataList[index].pickerStart = {
227 disabledDate: (time) => {
228 if (Object.keys(endTime).length > 0) {
229 return new Date(endTime).getTime() < time.getTime();
230 } else {
231 return time.getTime() > Date.now();
232 }
233 },
234 };
235 if (startTime && endTime) {
236 let startYear = new Date(startTime).getFullYear();
237 let endYear = new Date(endTime).getFullYear();
238 this.tableDataList[index].tdsyqx = endYear - startYear;
239 }
240 this.$emit("upDateTdytxxList", this.tableDataList);
241 },
242 /**
243 * @description: sumTime
244 * @param {*} index
245 * @param {*} tdsyqx
246 * @author: renchao
247 */
248 sumTime (index, tdsyqx) {
249 let startTime = this.tableDataList[index].qssj;
250 this.tableDataList[index].jssj =
251 Number(startTime.substring(0, 4)) +
252 Number(tdsyqx) +
253 startTime.slice(4, 19);
254 this.$emit("upDateTdytxxList", this.tableDataList);
255 },
256 // 新增
257 /**
258 * @description: 新增
259 * @author: renchao
260 */
261 addClick () {
262 // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
263 this.tableDataList.push(_.cloneDeep(this.newdata))
264 this.$emit("upDateTdytxxList", this.tableDataList);
265 },
274 266
275 // 删除 267 // 删除
276 /** 268 /**
277 * @description: 删除 269 * @description: 删除
278 * @param {*} index 270 * @param {*} index
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: "取消",
286 type: "warning", 278 type: "warning",
287 })
288 .then(() => {
289 this.tableDataList.splice(index, 1);
290 this.$emit("upDateTdytxxList", this.tableDataList);
291 }) 279 })
292 .catch(() => {}); 280 .then(() => {
281 this.tableDataList.splice(index, 1);
282 this.$emit("upDateTdytxxList", this.tableDataList);
283 })
284 .catch(() => { });
285 },
293 }, 286 },
294 }, 287 };
295 };
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":
...@@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) { ...@@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) {
72 case "sfxx": 72 case "sfxx":
73 form = require("@/views/workflow/components/sfxx.vue"); 73 form = require("@/views/workflow/components/sfxx.vue");
74 break; 74 break;
75 case "sdqxx": 75 case "sdqxx":
76 form = require("@/views/workflow/components/sdqxx.vue"); 76 form = require("@/views/workflow/components/sdqxx.vue");
77 break; 77 break;
78 case "zdjbxx": 78 case "zdjbxx":
......
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 })
619 } 624 }
620 }); 625 })
621 }, 626 }
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,335 +267,338 @@ ...@@ -283,335 +267,338 @@
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 () {
294 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 278 this.loading = true
295 this.propsParam = this.$attrs; 279 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
296 var formdata = new FormData(); 280 this.propsParam = this.$attrs;
297 formdata.append("bsmSldy", this.propsParam.bsmSldy); 281 var formdata = new FormData();
298 formdata.append("djlx", this.propsParam.djlx); 282 formdata.append("bsmSldy", this.propsParam.bsmSldy);
299 formdata.append("isEdit", this.viewEdit); 283 formdata.append("djlx", this.propsParam.djlx);
300 Init(formdata).then((res) => { 284 formdata.append("isEdit", this.viewEdit);
301 if (res.code === 200 && res.result) { 285 Init(formdata).then((res) => {
302 this.ruleForm = { 286 setTimeout(() => {
303 ...res.result, 287 this.loading = false
304 ...res.result.zdjbxxdatas, 288 }, 200)
305 ...res.result.qlxxdatas, 289 if (res.code === 200 && res.result) {
306 ...res.result.jsydsyqdatas, 290 this.ruleForm = {
307 }; 291 ...res.result,
308 this.ruleForm.qlrList.forEach((item) => { 292 ...res.result.zdjbxxdatas,
309 if (item.sfczr == 1) { 293 ...res.result.qlxxdatas,
310 this.czr = item.sqrmc; 294 ...res.result.jsydsyqdatas,
311 } 295 };
312 }); 296 this.ruleForm.qlrList.forEach((item) => {
313 //初始化发证方式，1：小证，2：大正 297 if (item.sfczr == 1) {
314 this.ruleForm.slsq.fzfs == null 298 this.czr = item.sqrmc;
315 ? (this.ruleForm.slsq.fzfs = "1") 299 }
316 : this.ruleForm.slsq.fzfs; 300 });
317 this.czrOptions = this.ruleForm.qlrList; 301 this.czrOptions = this.ruleForm.qlrList;
318 }
319 });
320 },
321 components: { qlrCommonTable, tdytTable },
322 computed: {
323 ...mapGetters(["dictData", "flag"]),
324 },
325 data() {
326 return {
327 mjdw: "1",
328 //表单是否可操作
329 viewEdit: false,
330 disabled: true,
331 tdytOption: [],
332 czrOptions: [],
333 czr: "",
334 ruleForm: {
335 flow: {
336 ywh: "",
337 },
338 slry: "",
339 slsj: "",
340 qllx: "",
341 djlx: "",
342 djqx: "",
343 sldy: {
344 gyfs: "",
345 },
346 // 宗地代码
347 zddm: "",
348 bdcdyh: "",
349 qlxzmc: "",
350 qlrxx: [],
351 // 自然幢号
352 zrzh: "",
353 // 户不动产单元号
354 hbdcdyh: "",
355 djzt: "",
356 // 图幅丘幢号
357 tfqzh: "",
358 zl: "",
359 // 房屋用途
360 fwyt: "",
361 fwxz: "",
362 fwjg: "",
363 // 权利人信息
364 // 是否分别持证
365 sffbcz: "",
366 // 持证人
367 czr: "",
368 djyy: "",
369 // 规划用途名称
370 zdjbxx: {
371 ghytmc: "",
372 },
373 fdcq2: {
374 fwxzmc: "",
375 },
376 slsq: {
377 gyfs: "",
378 },
379 },
380 //传递参数
381 propsParam: {},
382 rules: {},
383 };
384 },
385 methods: {
386 /**
387 * @description: dataSelectClick
388 * @author: renchao
389 */
390 dataSelectClick() {
391 this.$popup(
392 "房屋所有权",
393 this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
394 {
395 formData: {
396 bsmSldy: this.propsParam.bsmSldy,
397 qllx: this.propsParam.qllx,
398 },
399 } 302 }
400 ); 303 }).catch(() => {
401 }, 304 this.loading = false
402 /** 305 })
403 * @description: 更新土地用途信息
404 * @param {*} val
405 * @author: renchao
406 */
407 upDateTdytxxList(val) {
408 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
409 this.key++;
410 }, 306 },
411 // 是否持证人变化 307 components: { qlrCommonTable, tdytTable },
412 /** 308 computed: {
413 * @description: 是否持证人变化 309 ...mapGetters(["dictData", "flag"]),
414 * @param {*} val
415 * @author: renchao
416 */
417 updaterow() {
418 this.czr = "";
419 }, 310 },
420 /** 311 data () {
421 * @description: 更新权利人信息 312 return {
422 * @param {*} val 313 loading: false,
423 * @author: renchao 314 mjdw: "1",
424 */ 315 //表单是否可操作
425 upDateQlrxxList(val) { 316 viewEdit: false,
426 this.ruleForm.qlrList = _.cloneDeep(val); 317 disabled: true,
427 this.czrOptions = this.ruleForm.qlrList; 318 tdytOption: [],
428 this.key++; 319 czrOptions: [],
429 }, 320 czr: "",
430 // 更新权利人信息 321 ruleForm: {
431 /** 322 flow: {
432 * @description: 更新权利人信息 323 ywh: "",
433 * @param {*} val 324 },
434 * @author: renchao 325 slry: "",
435 */ 326 slsj: "",
436 upDateYwrxxList(val) { 327 qllx: "",
437 this.ruleForm.ywrList = _.cloneDeep(val); 328 djlx: "",
329 djqx: "",
330 sldy: {
331 gyfs: "",
332 },
333 // 宗地代码
334 zddm: "",
335 bdcdyh: "",
336 qlxzmc: "",
337 qlrxx: [],
338 // 自然幢号
339 zrzh: "",
340 // 户不动产单元号
341 hbdcdyh: "",
342 djzt: "",
343 // 图幅丘幢号
344 tfqzh: "",
345 zl: "",
346 // 房屋用途
347 fwyt: "",
348 fwxz: "",
349 fwjg: "",
350 // 权利人信息
351 // 是否分别持证
352 sffbcz: "",
353 // 持证人
354 czr: "",
355 djyy: "",
356 // 规划用途名称
357 zdjbxx: {
358 ghytmc: "",
359 },
360 fdcq2: {
361 fwxzmc: "",
362 },
363 slsq: {
364 gyfs: "",
365 },
366 },
367 //传递参数
368 propsParam: {},
369 rules: {},
370 };
438 }, 371 },
439 /** 372 methods: {
440 * @description: onSubmit 373 /**
441 * @author: renchao 374 * @description: dataSelectClick
442 */ 375 * @author: renchao
443 onSubmit() { 376 */
444 let that = this; 377 dataSelectClick () {
445 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 378 this.$popup(
446 if (arr.length > 0) { 379 "房屋所有权",
447 this.$message({ 380 this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
448 showClose: true, 381 {
449 message: "土地用途不能为空", 382 formData: {
450 type: "error", 383 bsmSldy: this.propsParam.bsmSldy,
451 }); 384 qllx: this.propsParam.qllx,
452 return false; 385 },
453 } 386 }
454 if (this.ruleForm.qlrList.length == 0) { 387 );
455 this.$message({ 388 },
456 showClose: true, 389 /**
457 message: "请确认权利人信息", 390 * @description: 更新土地用途信息
458 type: "error", 391 * @param {*} val
459 }); 392 * @author: renchao
460 return false; 393 */
461 } 394 upDateTdytxxList (val) {
462 395 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
463 if (this.ruleForm.sldy.gyfs == "0") { 396 this.key++;
464 if (this.ruleForm.qlrList.length > 1) { 397 },
398 // 是否持证人变化
399 /**
400 * @description: 是否持证人变化
401 * @param {*} val
402 * @author: renchao
403 */
404 updaterow () {
405 this.czr = "";
406 },
407 /**
408 * @description: 更新权利人信息
409 * @param {*} val
410 * @author: renchao
411 */
412 upDateQlrxxList (val) {
413 this.ruleForm.qlrList = _.cloneDeep(val);
414 this.czrOptions = this.ruleForm.qlrList;
415 this.key++;
416 },
417 // 更新权利人信息
418 /**
419 * @description: 更新权利人信息
420 * @param {*} val
421 * @author: renchao
422 */
423 upDateYwrxxList (val) {
424 this.ruleForm.ywrList = _.cloneDeep(val);
425 },
426 /**
427 * @description: onSubmit
428 * @author: renchao
429 */
430 onSubmit () {
431 let that = this;
432 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
433 if (arr.length > 0) {
465 this.$message({ 434 this.$message({
466 showClose: true, 435 showClose: true,
467 message: "共有方式：单独所有，权利人只能是一个人", 436 message: "土地用途不能为空",
468 type: "error", 437 type: "error",
469 }); 438 });
470 return false; 439 return false;
471 } 440 }
472 this.ruleForm.qlrList[0].sfczr = "1"; 441 if (this.ruleForm.qlrList.length == 0) {
473 } else {
474 if (this.ruleForm.qlrList.length <= 1) {
475 this.$message({ 442 this.$message({
476 showClose: true, 443 showClose: true,
477 message: 444 message: "请确认权利人信息",
478 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
479 type: "error", 445 type: "error",
480 }); 446 });
481 return false; 447 return false;
482 } 448 }
483 //是否分别持证 449
484 if (this.ruleForm.sldy.sqfbcz == "1") { 450 if (this.ruleForm.sldy.gyfs == "0") {
485 //是 451 if (this.ruleForm.qlrList.length > 1) {
486 this.ruleForm.qlrList.forEach((item, index) => { 452 this.$message({
487 item.sfczr = "1"; 453 showClose: true,
488 }); 454 message: "共有方式：单独所有，权利人只能是一个人",
455 type: "error",
456 });
457 return false;
458 }
459 this.ruleForm.qlrList[0].sfczr = "1";
489 } else { 460 } else {
490 if (!that.czr) { 461 if (this.ruleForm.qlrList.length <= 1) {
491 that.$message({ 462 this.$message({
492 showClose: true, 463 showClose: true,
493 message: "请选择持证人", 464 message:
465 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
494 type: "error", 466 type: "error",
495 }); 467 });
496 return false; 468 return false;
497 } 469 }
498 this.ruleForm.qlrList.forEach((item, index) => { 470 //是否分别持证
499 if (item.zjh == that.czr) { 471 if (this.ruleForm.sldy.sqfbcz == "1") {
472 //是
473 this.ruleForm.qlrList.forEach((item, index) => {
500 item.sfczr = "1"; 474 item.sfczr = "1";
501 } else { 475 });
502 item.sfczr = "0"; 476 } else {
477 if (!that.czr) {
478 that.$message({
479 showClose: true,
480 message: "请选择持证人",
481 type: "error",
482 });
483 return false;
503 } 484 }
504 }); 485 this.ruleForm.qlrList.forEach((item, index) => {
505 } 486 if (item.zjh == that.czr) {
506 } 487 item.sfczr = "1";
507 saveData(this.ruleForm).then((res) => { 488 } else {
508 if (res.code === 200) { 489 item.sfczr = "0";
509 this.$message({ 490 }
510 showClose: true, 491 });
511 message: "保存成功！", 492 }
512 type: "success",
513 });
514 this.$store.dispatch("user/refreshPage", true);
515 } else {
516 this.$message({
517 showClose: true,
518 message: res.message,
519 type: "error",
520 });
521 } 493 }
522 }); 494 saveData(this.ruleForm).then((res) => {
523 }, 495 if (res.code === 200) {
524 /** 496 this.$message({
525 * @description: compare 497 showClose: true,
526 * @author: renchao 498 message: "保存成功！",
527 */ 499 type: "success",
528 compare() { 500 });
529 this.$popupDialog( 501 this.$store.dispatch("user/refreshPage", true);
530 this.ruleForm.qlxx.qllxmc, 502 } else {
531 "registerBook/comparison", 503 this.$message({
532 { 504 showClose: true,
533 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 505 message: res.message,
534 dqqllx: "FDCQ2", 506 type: "error",
535 }, 507 });
536 "80%", 508 }
537 true 509 });
538 ); 510 },
511 /**
512 * @description: compare
513 * @author: renchao
514 */
515 compare () {
516 this.$popupDialog(
517 this.ruleForm.qlxx.qllxmc,
518 "registerBook/comparison",
519 {
520 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
521 dqqllx: "FDCQ2",
522 },
523 "80%",
524 true
525 );
526 },
539 }, 527 },
540 }, 528 };
541 };
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;
593 margin-bottom: 10px; 580 margin-bottom: 10px;
594 margin-top: 5px; 581 margin-top: 5px;
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;
598 }
611 } 599 }
612 }
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 })
......