Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
67a030d6 by 任超
Options

style:受理申请

1 parent 45ee4672
Inline Side-by-side
Showing 8 changed files with 184 additions and 158 deletions
...@@ -12,5 +12,8 @@ const getters = { ...@@ -12,5 +12,8 @@ const getters = {
12 addDict: state => state.dict.addDict, 12 addDict: state => state.dict.addDict,
13 dictData: state => state.dict.dictData, 13 dictData: state => state.dict.dictData,
14 djbxx: state => state.djbxx.djbxx, 14 djbxx: state => state.djbxx.djbxx,
15 // 受理信息
16 oldDetail: state => state.slxx.oldDetail,
17 newDetail: state => state.slxx.newDetail
15 } 18 }
16 export default getters 19 export default getters
......
1 const state = {
2 oldDetail: {},
3 newDetail: {}
4 }
5
6 const mutations = {
7 SET_OLDDETAIL: (state, data) => {
8 state.oldDetail = data
9 },
10 SET_NEWDETAIL: (state, data) => {
11 state.newDetail = data
12 }
13 }
14
15 const actions = {
16 setQlrxxOld ({ commit }, data) {
17 commit('SET_OLDDETAIL', data)
18 },
19 setQlrxxNew ({ commit }, data) {
20 commit('SET_NEWDETAIL', data)
21 }
22 }
23
24 export default {
25 namespaced: true,
26 state,
27 mutations,
28 actions
29 }
30
1 const state = {
2 bsmSqyw: '',
3 djqxObj: {
4 djqxbm: "",
5 djqxmc: ""
6 },
7 djywbm: ''
8 }
9 const mutations = {
10 SET_BSMSQYW: (state, data) => {
11 state.bsmSqyw = data
12 },
13 SET_DJQXOBJ: (state, data) => {
14 state.djqxObj = data
15 },
16 SET_DJYWBM: (state, data) => {
17 state.djywbm = data
18 },
19 }
20
21 const actions = {
22 setBsmSqyw ({ commit }, data) {
23 commit('SET_BSMSQYW', data)
24 },
25 setDjqxObj ({ commit }, data) {
26 commit('SET_DJQXOBJ', data)
27 },
28 setDjywbm ({ commit }, data) {
29 commit('SET_DJYWBM', data)
30 }
31 }
32
33 export default {
34 namespaced: true,
35 state,
36 mutations,
37 actions
38 }
1 <template> 1 <template>
2 <div> 2 <div>
3 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableDataList"> 3 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
4 </lb-table> 4 </lb-table>
5 <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" /> 5 <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" />
6 </div> 6 </div>
...@@ -29,6 +29,7 @@ export default { ...@@ -29,6 +29,7 @@ export default {
29 }, 29 },
30 data () { 30 data () {
31 return { 31 return {
32 key: 0,
32 dataIndex: 0, 33 dataIndex: 0,
33 dialog: false, 34 dialog: false,
34 details: {}, 35 details: {},
...@@ -103,7 +104,12 @@ export default { ...@@ -103,7 +104,12 @@ export default {
103 handler: function (val, oldVal) { 104 handler: function (val, oldVal) {
104 let that = this 105 let that = this
105 if (val.length == 0 || !val) { 106 if (val.length == 0 || !val) {
106 that.tableDataList = [{}] 107 that.tableDataList = _.cloneDeep([{
108 sqrmc: '',
109 dlrzjlx: '',
110 dlrzjh: '',
111 fr: ''
112 }])
107 } else { 113 } else {
108 that.tableDataList = _.cloneDeep(val) 114 that.tableDataList = _.cloneDeep(val)
109 } 115 }
...@@ -111,13 +117,6 @@ export default { ...@@ -111,13 +117,6 @@ export default {
111 immediate: true, 117 immediate: true,
112 deep: true 118 deep: true
113 }, 119 },
114 '$route.query.bsmSlsq': {
115 handler (newValue, oldValue) {
116 // 获取列表数据
117 // this.details =
118 },
119 deep: true
120 },
121 gyfs: { 120 gyfs: {
122 handler (newVal, oldValue) { 121 handler (newVal, oldValue) {
123 let dataList = _.cloneDeep(this.InformationTable) 122 let dataList = _.cloneDeep(this.InformationTable)
...@@ -140,6 +139,7 @@ export default { ...@@ -140,6 +139,7 @@ export default {
140 methods: { 139 methods: {
141 updateDetail (value) { 140 updateDetail (value) {
142 this.tableDataList[this.dataIndex] = value 141 this.tableDataList[this.dataIndex] = value
142 this.key++
143 this.$emit('upDateQlrxxList', this.tableDataList) 143 this.$emit('upDateQlrxxList', this.tableDataList)
144 }, 144 },
145 // 添加 145 // 添加
...@@ -154,6 +154,7 @@ export default { ...@@ -154,6 +154,7 @@ export default {
154 readClick () { }, 154 readClick () { },
155 // 修改 155 // 修改
156 handleEdit (index, row) { 156 handleEdit (index, row) {
157 console.log(row, 'rowrowrowrowrow');
157 this.dataIndex = index 158 this.dataIndex = index
158 this.dialog = true 159 this.dialog = true
159 this.details = row 160 this.details = row
......
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 <el-col :span="8"> 14 <el-col :span="8">
15 <el-form-item label="姓名/名称" prop="xm"> 15 <el-form-item label="姓名/名称" prop="sqrmc">
16 <el-input v-model="ruleForm.xm" maxlegth="15"></el-input> 16 <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="8"> 19 <el-col :span="8">
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="联系电话" prop="lxdh" :rules="$rules.common.phone"> 35 <el-form-item label="联系电话" prop="dh" :rules="$rules.common.phone">
36 <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input> 36 <el-input v-model="ruleForm.dh" maxlength="11"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
...@@ -142,6 +142,7 @@ import { mapGetters } from 'vuex' ...@@ -142,6 +142,7 @@ import { mapGetters } from 'vuex'
142 export default { 142 export default {
143 props: { 143 props: {
144 value: { type: Boolean, default: false }, 144 value: { type: Boolean, default: false },
145 details: { type: Object, default: {} }
145 }, 146 },
146 computed: { 147 computed: {
147 ...mapGetters(["dictData"]), 148 ...mapGetters(["dictData"]),
...@@ -151,10 +152,10 @@ export default { ...@@ -151,10 +152,10 @@ export default {
151 myValue: this.value, 152 myValue: this.value,
152 ruleForm: { 153 ruleForm: {
153 qlrlx: '', 154 qlrlx: '',
154 xm: '', 155 sqrmc: '',
155 zjzl: '', 156 zjzl: '',
156 zjh: '', 157 zjh: '',
157 lxdh: '', 158 dh: '',
158 xb: '', 159 xb: '',
159 frmc: '', 160 frmc: '',
160 gjdq: '', 161 gjdq: '',
...@@ -174,11 +175,11 @@ export default { ...@@ -174,11 +175,11 @@ export default {
174 qlrlx: [ 175 qlrlx: [
175 { required: true, message: '权利人类型', trigger: 'change' } 176 { required: true, message: '权利人类型', trigger: 'change' }
176 ], 177 ],
177 xm: [ 178 sqrmc: [
178 { required: true, message: '姓名/名称', trigger: 'blur' } 179 { required: true, message: '姓名/名称', trigger: 'blur' }
179 ], 180 ],
180 zjzl: [ 181 zjzl: [
181 { required: true, message: '证件种类', trigger: 'chagyfsnge' } 182 { required: true, message: '证件种类', trigger: 'change' }
182 ], 183 ],
183 zjh: [ 184 zjh: [
184 { required: true, message: '证件号', trigger: 'blur' } 185 { required: true, message: '证件号', trigger: 'blur' }
...@@ -188,8 +189,14 @@ export default { ...@@ -188,8 +189,14 @@ export default {
188 }, 189 },
189 watch: { 190 watch: {
190 value (val) { 191 value (val) {
191 this.myValue = val; 192 this.myValue = _.cloneDeep(val)
192 }, 193 },
194 details: {
195 handler: function (val, oldVal) {
196 this.ruleForm = val
197 },
198 deep: true
199 }
193 }, 200 },
194 methods: { 201 methods: {
195 closeDialog () { 202 closeDialog () {
...@@ -198,7 +205,18 @@ export default { ...@@ -198,7 +205,18 @@ export default {
198 }, 205 },
199 submitForm () { 206 submitForm () {
200 this.$emit("input", false); 207 this.$emit("input", false);
201 this.$emit("updateDetail", this.ruleForm); 208 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
209 // this.$refs['ruleForm'].validate((valid) => {
210 // if (valid) {
211 // this.$message({
212 // message: '修改成功!',
213 // type: 'success'
214 // })
215
216 // } else {
217 // this.$message.error('请完善必填项');
218 // }
219 // })
202 } 220 }
203 } 221 }
204 } 222 }
......
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
54 </div> 54 </div>
55 <!-- 表单内容区域 --> 55 <!-- 表单内容区域 -->
56 <div class="rightContainer"> 56 <div class="rightContainer">
57 <el-tabs v-model="tabName" @tab-click="tabClick"> 57 <el-tabs v-model="tabName" :before-leave="beforeLeave">
58 <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> 58 <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
59 </el-tab-pane> 59 </el-tab-pane>
60 </el-tabs> 60 </el-tabs>
...@@ -63,10 +63,6 @@ ...@@ -63,10 +63,6 @@
63 </div> 63 </div>
64 </div> 64 </div>
65 <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> 65 <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
66 <!-- <dialogBox title="流程图" width="60%" v-model="myValue" @closeDialog="closeDialog">
67 <process-viewer :key="`designer-${loadIndex}`" style="height:500px" :xml="xmlData" :finished-info="finishedInfo"
68 :all-comment-list="historyTaskList" @ch="changeLoadIndex" />
69 </dialogBox> -->
70 </div> 66 </div>
71 </template> 67 </template>
72 68
...@@ -82,6 +78,7 @@ import { ...@@ -82,6 +78,7 @@ import {
82 getNextLinkInfo, 78 getNextLinkInfo,
83 completeTask, 79 completeTask,
84 } from "@/api/fqsq.js"; 80 } from "@/api/fqsq.js";
81 import { mapGetters } from "vuex"
85 import { deleteBdcdy } from "@/api/ywbl.js"; 82 import { deleteBdcdy } from "@/api/ywbl.js";
86 import ProcessViewer from './components/processViewer.vue' 83 import ProcessViewer from './components/processViewer.vue'
87 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"; 84 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js";
...@@ -135,6 +132,9 @@ export default { ...@@ -135,6 +132,9 @@ export default {
135 this.loadBdcdylist(); 132 this.loadBdcdylist();
136 this.flowInitParam(); 133 this.flowInitParam();
137 }, 134 },
135 computed: {
136 ...mapGetters(["oldDetail", "newDetail"])
137 },
138 methods: { 138 methods: {
139 changeLoadIndex () { 139 changeLoadIndex () {
140 this.loadIndex++ 140 this.loadIndex++
...@@ -386,8 +386,14 @@ export default { ...@@ -386,8 +386,14 @@ export default {
386 } 386 }
387 }, 387 },
388 //表单选项卡事件 388 //表单选项卡事件
389 tabClick (tab, event) { 389 beforeLeave (activeName, oldActiveName) {
390 this.getFromRouter(tab.name); 390 console.log(this.oldDetail, this.newDetail);
391 if (!_.isEqual(this.oldDetail, this.newDetail)) {
392 this.$message.error('界面内容有所变化,请先保存')
393 return false
394 } else {
395 if (activeName && activeName != 0) this.getFromRouter(activeName)
396 }
391 }, 397 },
392 //切换选项卡内容组件 398 //切换选项卡内容组件
393 getFromRouter (tabname) { 399 getFromRouter (tabname) {
......
...@@ -8,74 +8,74 @@ ...@@ -8,74 +8,74 @@
8 受理信息 8 受理信息
9 <div class="triangle"></div> 9 <div class="triangle"></div>
10 </div> 10 </div>
11 <el-row :gutter="10"> 11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号："> 13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> 14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry"> 18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> 19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj"> 23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> 24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 </el-row> 27 </el-row>
28 <el-row :gutter="10"> 28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8"> 29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllxmc"> 30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> 31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlxmc"> 35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> 36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx"> 40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> 41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
45 <div class="slxx_title title-block"> 45 <div class="slxx_title title-block">
46 不动产单元情况 46 不动产单元情况
47 <div class="triangle"></div> 47 <div class="triangle"></div>
48 </div> 48 </div>
49 <el-row :gutter="10"> 49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8"> 50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh"> 51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item> 53 </el-form-item>
54 </el-col> 54 </el-col>
55 <el-col :span="16"> 55 <el-col :span="16">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl"> 56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> 57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
58 </el-form-item> 58 </el-form-item>
59 </el-col> 59 </el-col>
60 </el-row> 60 </el-row>
61 <el-row :gutter="10"> 61 <el-row :gutter="10" v-if="ruleForm.fdcq2">
62 <el-col :span="8"> 62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="yt"> 63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input> 64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
65 </el-form-item> 65 </el-form-item>
66 </el-col> 66 </el-col>
67 <el-col :span="8"> 67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：" prop="tdsyqzsj"> 68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input> 69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
70 </el-form-item> 70 </el-form-item>
71 </el-col> 71 </el-col>
72 <el-col :span="8"> 72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：" prop="tdsyqx"> 73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> 74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
77 </el-row> 77 </el-row>
78 <el-row :gutter="10"> 78 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8"> 79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途："> 80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> 81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
92 </el-form-item> 92 </el-form-item>
93 </el-col> 93 </el-col>
94 </el-row> 94 </el-row>
95 <el-row :gutter="10"> 95 <el-row :gutter="10" v-if="ruleForm.fdcq2">
96 <el-col :span="8"> 96 <el-col :span="8">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层："> 97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input> 98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
109 </el-form-item> 109 </el-form-item>
110 </el-col> 110 </el-col>
111 </el-row> 111 </el-row>
112 <el-row :gutter="10"> 112 <el-row :gutter="10" v-if="ruleForm.qlxx">
113 <el-col :span="8"> 113 <el-col :span="8">
114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积："> 114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> 115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
...@@ -126,12 +126,12 @@ ...@@ -126,12 +126,12 @@
126 </el-form-item> 126 </el-form-item>
127 </el-col> 127 </el-col>
128 </el-row> 128 </el-row>
129 <div class="slxx_title title-block"> 129 <div class="slxx_title title-block">
130 权利人信息 130 权利人信息
131 <div class="triangle"></div> 131 <div class="triangle"></div>
132 </div> 132 </div>
133 <el-row :gutter="10"> 133 <el-row :gutter="10">
134 <el-col :span="14"> 134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.qlxx.gyfs"> 136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.qlxx.gyfs">
137 <el-radio label="1">单独所有</el-radio> 137 <el-radio label="1">单独所有</el-radio>
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
140 </el-radio-group> 140 </el-radio-group>
141 </el-form-item> 141 </el-form-item>
142 </el-col> 142 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx.gyfs == '2'"> 143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证："> 144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz"> 145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio> 146 <el-radio label="1">是</el-radio>
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
148 </el-radio-group> 148 </el-radio-group>
149 </el-form-item> 149 </el-form-item>
150 </el-col> 150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx.gyfs == '2'"> 151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人："> 152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人"> 153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -157,19 +157,21 @@ ...@@ -157,19 +157,21 @@
157 </el-form-item> 157 </el-form-item>
158 </el-col> 158 </el-col>
159 </el-row> 159 </el-row>
160 <InformationTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.qlxx.gyfs" /> 160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" />
161 <div class="slxx_title title-block"> 162 <div class="slxx_title title-block">
162 登记原因 163 登记原因
163 <div class="triangle"></div> 164 <div class="triangle"></div>
164 </div> 165 </div>
165 <el-row :gutter="10"> 166 <el-row :gutter="10">
166 <el-col> 167 <el-col>
167 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy"> 168 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
168 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.fdcq2.djyy"> 169 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
170 v-model="ruleForm.fdcq2.djyy">
169 </el-input> 171 </el-input>
170 </el-form-item> 172 </el-form-item>
171 </el-col> 173 </el-col>
172 </el-row> 174 </el-row>
173 </div> 175 </div>
174 <el-row class="btn" v-if="!$route.query.viewtype"> 176 <el-row class="btn" v-if="!$route.query.viewtype">
175 <el-form-item :class="flag ? 'marginBot0' : ''"> 177 <el-form-item :class="flag ? 'marginBot0' : ''">
...@@ -184,63 +186,62 @@ import InformationTable from "@/views/workflow/components/InformationTable"; ...@@ -184,63 +186,62 @@ import InformationTable from "@/views/workflow/components/InformationTable";
184 import { Init, saveData } from "@/api/fwsyqFlow.js"; 186 import { Init, saveData } from "@/api/fwsyqFlow.js";
185 import { mapGetters } from "vuex"; 187 import { mapGetters } from "vuex";
186 export default { 188 export default {
187 async created() { 189 async created () {
188 //this.propsParam = this.$attrs; 190 //this.propsParam = this.$attrs;
189 var formdata = new FormData(); 191 var formdata = new FormData();
190 formdata.append("bsmSldy", this.propsParam.bsmSldy); 192 formdata.append("bsmSldy", this.propsParam.bsmSldy);
191 formdata.append("djlx", this.propsParam.djlx); 193 formdata.append("djlx", this.propsParam.djlx);
192 Init(formdata).then((res) => { 194 Init(formdata).then(res => {
193 if (res.code === 200 && res.result) { 195 if (res.code === 200 && res.result) {
194 // this.ruleForm = { 196 // this.ruleForm = {
195 // ...res.result.slywxx, 197 // ...res.result.slywxx,
196 // ...res.result.zdjbxx, 198 // ...res.result.zdjbxx,
197 // ...res.result.qlxx, 199 // ...res.result.qlxx,
198 // ...res.result.fdcq2, 200 // ...res.result.fdcq2,
199 // }; 201 // };
200 this.ruleForm = res.result; 202 this.ruleForm = res.result;
201 } 203 }
202 }); 204 })
203 }, 205 },
204 components: { InformationTable }, 206 components: { InformationTable },
205 computed: { 207 computed: {
206 ...mapGetters(["dictData", "flag"]), 208 ...mapGetters(["dictData", "flag"]),
207 }, 209 },
208 data() { 210 data () {
209 return { 211 return {
210 disabled: true, 212 disabled: true,
211 tdytOption: [], 213 tdytOption: [],
212 czrOptions: [], 214 czrOptions: [],
213 ruleForm: { 215 ruleForm: {
214 216 // slry: "",
215 slry: "", 217 // slsj: "",
216 slsj: "", 218 // qllx: "",
217 qllx: "", 219 // djlx: "",
218 djlx: "", 220 // djqx: "",
219 djqx: "", 221 // // 宗地代码
220 // 宗地代码 222 // zddm: "",
221 zddm: "", 223 // bdcdyh: "",
222 bdcdyh: "", 224 // qlxzmc: "",
223 qlxzmc: "", 225 // qlrxx: [],
224 qlrxx: [], 226 // // 自然幢号
225 // 自然幢号 227 // zrzh: "",
226 zrzh: "", 228 // // 户不动产单元号
227 // 户不动产单元号 229 // hbdcdyh: "",
228 hbdcdyh: "", 230 // djzt: "",
229 djzt: "", 231 // // 图幅丘幢号
230 // 图幅丘幢号 232 // tfqzh: "",
231 tfqzh: "", 233 // zl: "",
232 zl: "", 234 // // 房屋用途
233 // 房屋用途 235 // fwyt: "",
234 fwyt: "", 236 // fwxz: "",
235 fwxz: "", 237 // fwjg: "",
236 fwjg: "", 238 // // 权利人信息
237 // 权利人信息 239 // gyfs: "1",
238 gyfs: "1", 240 // // 是否分别持证
239 // 是否分别持证 241 // sffbcz: "",
240 sffbcz: "", 242 // // 持证人
241 // 持证人 243 // czr: "",
242 czr: "", 244 // djyy: "",
243 djyy: "",
244 }, 245 },
245 //传递参数 246 //传递参数
246 propsParam: this.$attrs, 247 propsParam: this.$attrs,
...@@ -248,7 +249,11 @@ export default { ...@@ -248,7 +249,11 @@ export default {
248 }; 249 };
249 }, 250 },
250 methods: { 251 methods: {
251 list(bsmSldy) { 252 // 更新权利人信息
253 upDateQlrxxList (val) {
254 this.ruleForm.qlrxx = val
255 },
256 list (bsmSldy) {
252 var formdata = new FormData(); 257 var formdata = new FormData();
253 formdata.append("bsmSldy", bsmSldy); 258 formdata.append("bsmSldy", bsmSldy);
254 Init(formdata).then((res) => { 259 Init(formdata).then((res) => {
...@@ -262,7 +267,7 @@ export default { ...@@ -262,7 +267,7 @@ export default {
262 } 267 }
263 }); 268 });
264 }, 269 },
265 onSubmit() { 270 onSubmit () {
266 saveData(this.ruleForm).then((res) => { 271 saveData(this.ruleForm).then((res) => {
267 console.log(this.ruleForm); 272 console.log(this.ruleForm);
268 //this.$alert(this.ruleForm); 273 //this.$alert(this.ruleForm);
......
...@@ -184,13 +184,18 @@ export default { ...@@ -184,13 +184,18 @@ export default {
184 formdata.append("bsmSldy", this.propsParam.bsmSldy); 184 formdata.append("bsmSldy", this.propsParam.bsmSldy);
185 Init(formdata).then((res) => { 185 Init(formdata).then((res) => {
186 if (res.code === 200 && res.result) { 186 if (res.code === 200 && res.result) {
187 this.ruleForm = {}
188 this.ruleForm = { 187 this.ruleForm = {
189 ...res.result, 188 ...res.result,
190 ...res.result.zdjbxxdatas, 189 ...res.result.zdjbxxdatas,
191 ...res.result.qlxxdatas, 190 ...res.result.qlxxdatas,
192 ...res.result.jsydsyqdatas 191 ...res.result.jsydsyqdatas
193 } 192 }
193 this.$store.dispatch('slxx/setQlrxxOld', {
194 qlrxx: this.ruleForm.qlrxx,
195 fj: this.ruleForm.fj,
196 gyfs: this.ruleForm.gyfs,
197 djyy: this.ruleForm.djyy
198 })
194 } 199 }
195 }) 200 })
196 }, 201 },
...@@ -198,34 +203,24 @@ export default { ...@@ -198,34 +203,24 @@ export default {
198 computed: { 203 computed: {
199 ...mapGetters(["dictData", "flag"]) 204 ...mapGetters(["dictData", "flag"])
200 }, 205 },
206 watch: {
207 ruleForm: {
208 handler: function (newValue) {
209 this.$store.dispatch('slxx/setQlrxxNew', {
210 qlrxx: this.ruleForm.qlrxx,
211 fj: this.ruleForm.fj,
212 gyfs: this.ruleForm.gyfs,
213 djyy: this.ruleForm.djyy
214 })
215 },
216 deep: true
217 }
218 },
201 data () { 219 data () {
202 return { 220 return {
203 disabled: true, 221 disabled: true,
204 czrOptions: [], 222 czrOptions: [],
205 ruleForm: { 223 ruleForm: {},
206 // ywh: "",
207 // slry: "",
208 // slsj: "",
209 // qllx: "",
210 // djlx: "",
211 // djqx: "",
212 // zddm: "",
213 // bdcdyh: "",
214 // qlxzmc: "",
215 // zdmj: "",
216 // zl: "",
217 // tdyt: "",
218 // qlsdfs: "",
219 // qdjg: "",
220 // tdsyqx: "",
221 // syqqzsj: "",
222 // fj: "",
223 // qlrxx: [],
224 // djyy: "",
225 // gyfs: "1",
226 // sffbcz: "",
227 // czr: "",
228 },
229 //传递参数 224 //传递参数
230 propsParam: {}, 225 propsParam: {},
231 rules: {} 226 rules: {}
...@@ -234,7 +229,13 @@ export default { ...@@ -234,7 +229,13 @@ export default {
234 methods: { 229 methods: {
235 // 更新权利人信息 230 // 更新权利人信息
236 upDateQlrxxList (val) { 231 upDateQlrxxList (val) {
237 this.ruleForm.qlrxx = val 232 this.ruleForm.qlrxx = _.cloneDeep(val)
233 // this.$store.dispatch('slxx/setQlrxxNew', {
234 // qlrxx: this.ruleForm.qlrxx,
235 // fj: this.ruleForm.fj,
236 // gyfs: this.ruleForm.gyfs,
237 // djyy: this.ruleForm.djyy
238 // })
238 }, 239 },
239 list (bsmSldy) { 240 list (bsmSldy) {
240 var formdata = new FormData(); 241 var formdata = new FormData();
......