Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9185df97 by 蔡俊立
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 7acbb05e 165e6b48
Inline Side-by-side
Showing 9 changed files with 187 additions and 245 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="tableData"> 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" /> 5 <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" />
6 </div> 6 </div>
7 </template> 7 </template>
8 <script> 8 <script>
...@@ -27,21 +27,10 @@ export default { ...@@ -27,21 +27,10 @@ export default {
27 default: '1' 27 default: '1'
28 } 28 }
29 }, 29 },
30 watch: {
31 tableData: {
32 handler: function (val, oldVal) {
33 if (val.length == 0) {
34 this.tableDataList = [{}]
35 } else {
36 this.tableDataList = _.cloneDeep(val)
37 }
38 },
39 immediate: true,
40 deep: true
41 }
42 },
43 data () { 30 data () {
44 return { 31 return {
32 key: 0,
33 dataIndex: 0,
45 dialog: false, 34 dialog: false,
46 details: {}, 35 details: {},
47 tableDataList: [], 36 tableDataList: [],
...@@ -112,18 +101,20 @@ export default { ...@@ -112,18 +101,20 @@ export default {
112 }, 101 },
113 watch: { 102 watch: {
114 tableData: { 103 tableData: {
115 handler (newValue, oldValue) { 104 handler: function (val, oldVal) {
116 this.$emit('updateValue', newValue) 105 let that = this
117 }, 106 if (val.length == 0 || !val) {
118 deep: true 107 that.tableDataList = _.cloneDeep([{
119 }, 108 sqrmc: '',
120 '$route.query.bsmSlsq': { 109 dlrzjlx: '',
121 handler (newValue, oldValue) { 110 dlrzjh: '',
122 // 获取列表数据 111 fr: ''
123 112 }])
124 // this.details = 113 } else {
125 114 that.tableDataList = _.cloneDeep(val)
115 }
126 }, 116 },
117 immediate: true,
127 deep: true 118 deep: true
128 }, 119 },
129 gyfs: { 120 gyfs: {
...@@ -146,9 +137,10 @@ export default { ...@@ -146,9 +137,10 @@ export default {
146 } 137 }
147 }, 138 },
148 methods: { 139 methods: {
149 // 获取列表数据 140 updateDetail (value) {
150 getList () { 141 this.tableDataList[this.dataIndex] = value
151 142 this.key++
143 this.$emit('upDateQlrxxList', this.tableDataList)
152 }, 144 },
153 // 添加 145 // 添加
154 handleAdd () { 146 handleAdd () {
...@@ -161,8 +153,11 @@ export default { ...@@ -161,8 +153,11 @@ export default {
161 // 身份证读取 153 // 身份证读取
162 readClick () { }, 154 readClick () { },
163 // 修改 155 // 修改
164 handleEdit () { 156 handleEdit (index, row) {
157 console.log(row, 'rowrowrowrowrow');
158 this.dataIndex = index
165 this.dialog = true 159 this.dialog = true
160 this.details = row
166 }, 161 },
167 handleView () { 162 handleView () {
168 this.dialog = true 163 this.dialog = true
......
...@@ -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,12 +32,12 @@ ...@@ -32,12 +32,12 @@
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">
40 <el-form-item label="性别" prop="xb"> 40 <el-form-item label="性别">
41 <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> 41 <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
42 <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 42 <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
43 </el-option> 43 </el-option>
...@@ -47,17 +47,17 @@ ...@@ -47,17 +47,17 @@
47 </el-row> 47 </el-row>
48 <el-row> 48 <el-row>
49 <el-col :span="8"> 49 <el-col :span="8">
50 <el-form-item label="法人名称" prop="frmc"> 50 <el-form-item label="法人名称">
51 <el-input v-model="ruleForm.frmc"></el-input> 51 <el-input v-model="ruleForm.frmc"></el-input>
52 </el-form-item> 52 </el-form-item>
53 </el-col> 53 </el-col>
54 <el-col :span="8"> 54 <el-col :span="8">
55 <el-form-item label="国家/地区" prop="gjdq"> 55 <el-form-item label="国家/地区">
56 <el-input v-model="ruleForm.gjdq"></el-input> 56 <el-input v-model="ruleForm.gjdq"></el-input>
57 </el-form-item> 57 </el-form-item>
58 </el-col> 58 </el-col>
59 <el-col :span="8"> 59 <el-col :span="8">
60 <el-form-item label="户籍所在省市" prop="szss"> 60 <el-form-item label="户籍所在省市">
61 <el-input v-model="ruleForm.szss"></el-input> 61 <el-input v-model="ruleForm.szss"></el-input>
62 </el-form-item> 62 </el-form-item>
63 </el-col> 63 </el-col>
...@@ -65,12 +65,12 @@ ...@@ -65,12 +65,12 @@
65 65
66 <el-row> 66 <el-row>
67 <el-col :span="16"> 67 <el-col :span="16">
68 <el-form-item label="地址" prop="dz"> 68 <el-form-item label="地址">
69 <el-input v-model="ruleForm.dz"></el-input> 69 <el-input v-model="ruleForm.dz"></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 label="邮编" prop="yb"> 73 <el-form-item label="邮编">
74 <el-input v-model="ruleForm.yb"></el-input> 74 <el-input v-model="ruleForm.yb"></el-input>
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
...@@ -78,17 +78,17 @@ ...@@ -78,17 +78,17 @@
78 78
79 <el-row> 79 <el-row>
80 <el-col :span="8"> 80 <el-col :span="8">
81 <el-form-item label="发证机关" prop="fzjg"> 81 <el-form-item label="发证机关">
82 <el-input v-model="ruleForm.fzjg"></el-input> 82 <el-input v-model="ruleForm.fzjg"></el-input>
83 </el-form-item> 83 </el-form-item>
84 </el-col> 84 </el-col>
85 <el-col :span="8"> 85 <el-col :span="8">
86 <el-form-item label="电子邮件" prop="dzyj"> 86 <el-form-item label="电子邮件">
87 <el-input v-model="ruleForm.dzyj"></el-input> 87 <el-input v-model="ruleForm.dzyj"></el-input>
88 </el-form-item> 88 </el-form-item>
89 </el-col> 89 </el-col>
90 <el-col :span="8"> 90 <el-col :span="8">
91 <el-form-item label="权利比例" prop="qlbl"> 91 <el-form-item label="权利比例">
92 <el-input v-model="ruleForm.qlbl"></el-input> 92 <el-input v-model="ruleForm.qlbl"></el-input>
93 </el-form-item> 93 </el-form-item>
94 </el-col> 94 </el-col>
...@@ -96,12 +96,12 @@ ...@@ -96,12 +96,12 @@
96 96
97 <el-row> 97 <el-row>
98 <el-col :span="8"> 98 <el-col :span="8">
99 <el-form-item label="工作单位" prop="gzdw"> 99 <el-form-item label="工作单位">
100 <el-input v-model="ruleForm.gzdw"></el-input> 100 <el-input v-model="ruleForm.gzdw"></el-input>
101 </el-form-item> 101 </el-form-item>
102 </el-col> 102 </el-col>
103 <el-col :span="16"> 103 <el-col :span="16">
104 <el-form-item label="代理机构" prop="dljg"> 104 <el-form-item label="代理机构">
105 <el-input v-model="ruleForm.dljg"></el-input> 105 <el-input v-model="ruleForm.dljg"></el-input>
106 </el-form-item> 106 </el-form-item>
107 </el-col> 107 </el-col>
...@@ -109,17 +109,17 @@ ...@@ -109,17 +109,17 @@
109 109
110 <el-row> 110 <el-row>
111 <el-col :span="8"> 111 <el-col :span="8">
112 <el-form-item label="联系电话" prop="lxdh" :rules="$rules.common.phone"> 112 <el-form-item label="联系电话" :rules="$rules.common.phone">
113 <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input> 113 <el-input v-model="ruleForm.lxdh" maxlength="11"></el-input>
114 </el-form-item> 114 </el-form-item>
115 </el-col> 115 </el-col>
116 <el-col :span="8"> 116 <el-col :span="8">
117 <el-form-item label="代理人姓名" prop="dlrxm"> 117 <el-form-item label="代理人姓名">
118 <el-input v-model="ruleForm.dlrxm"></el-input> 118 <el-input v-model="ruleForm.dlrxm"></el-input>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 <el-col :span="8"> 121 <el-col :span="8">
122 <el-form-item label="代理人证件类型" prop="dlrzjlx"> 122 <el-form-item label="代理人证件类型">
123 <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> 123 <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
124 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 124 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
125 </el-option> 125 </el-option>
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
129 </el-row> 129 </el-row>
130 <el-row> 130 <el-row>
131 <el-col :span="8"> 131 <el-col :span="8">
132 <el-form-item label="代理人证件号" prop="dlrzjh"> 132 <el-form-item label="代理人证件号">
133 <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> 133 <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input>
134 </el-form-item> 134 </el-form-item>
135 </el-col> 135 </el-col>
...@@ -137,12 +137,12 @@ ...@@ -137,12 +137,12 @@
137 </el-form> 137 </el-form>
138 </dialogBox> 138 </dialogBox>
139 </template> 139 </template>
140
141 <script> 140 <script>
142 import { mapGetters } from 'vuex' 141 import { mapGetters } from 'vuex'
143 export default { 142 export default {
144 props: { 143 props: {
145 value: { type: Boolean, default: false }, 144 value: { type: Boolean, default: false },
145 details: { type: Object, default: {} }
146 }, 146 },
147 computed: { 147 computed: {
148 ...mapGetters(["dictData"]), 148 ...mapGetters(["dictData"]),
...@@ -152,10 +152,10 @@ export default { ...@@ -152,10 +152,10 @@ export default {
152 myValue: this.value, 152 myValue: this.value,
153 ruleForm: { 153 ruleForm: {
154 qlrlx: '', 154 qlrlx: '',
155 xm: '', 155 sqrmc: '',
156 zjzl: '', 156 zjzl: '',
157 zjh: '', 157 zjh: '',
158 lxdh: '', 158 dh: '',
159 xb: '', 159 xb: '',
160 frmc: '', 160 frmc: '',
161 gjdq: '', 161 gjdq: '',
...@@ -175,64 +175,28 @@ export default { ...@@ -175,64 +175,28 @@ export default {
175 qlrlx: [ 175 qlrlx: [
176 { required: true, message: '权利人类型', trigger: 'change' } 176 { required: true, message: '权利人类型', trigger: 'change' }
177 ], 177 ],
178 xm: [ 178 sqrmc: [
179 { required: true, message: '姓名/名称', trigger: 'blur' } 179 { required: true, message: '姓名/名称', trigger: 'blur' }
180 ], 180 ],
181 zjzl: [ 181 zjzl: [
182 { required: true, message: '证件种类', trigger: 'chagyfsnge' } 182 { required: true, message: '证件种类', trigger: 'change' }
183 ], 183 ],
184 zjh: [ 184 zjh: [
185 { required: true, message: '证件号', trigger: 'blur' } 185 { required: true, message: '证件号', trigger: 'blur' }
186 ],
187 xb: [
188 { required: true, message: '性别', trigger: 'change' }
189 ],
190 frmc: [
191 { required: true, message: '法人名称', trigger: 'blur' }
192 ],
193 gjdq: [
194 { required: true, message: '国家/地区', trigger: 'blur' }
195 ],
196 szss: [
197 { required: true, message: '户籍所在省市', trigger: 'blur' }
198 ],
199 dz: [
200 { required: true, message: '地址', trigger: 'blur' }
201 ],
202 yb: [
203 { required: true, message: '邮编', trigger: 'blur' }
204 ],
205 fzjg: [
206 { required: true, message: '发证机关', trigger: 'blur' }
207 ],
208 dzyj: [
209 { required: true, message: '电子邮件', trigger: 'blur' }
210 ],
211 qlbl: [
212 { required: true, message: '权利比例', trigger: 'blur' }
213 ],
214 gzdw: [
215 { required: true, message: '工作单位', trigger: 'blur' }
216 ],
217 dljg: [
218 { required: true, message: '代理机构', trigger: 'blur' }
219 ],
220 dlrxm: [
221 { required: true, message: '代理人姓名', trigger: 'blur' }
222 ],
223 dlrzjlx: [
224 { required: true, message: '代理人证件类型', trigger: 'change' }
225 ],
226 dlrzjh: [
227 { required: true, message: '代理人证件号', trigger: 'blur' }
228 ] 186 ]
229 } 187 }
230 } 188 }
231 }, 189 },
232 watch: { 190 watch: {
233 value (val) { 191 value (val) {
234 this.myValue = val; 192 this.myValue = _.cloneDeep(val)
193 },
194 details: {
195 handler: function (val, oldVal) {
196 this.ruleForm = val
235 }, 197 },
198 deep: true
199 }
236 }, 200 },
237 methods: { 201 methods: {
238 closeDialog () { 202 closeDialog () {
...@@ -240,17 +204,22 @@ export default { ...@@ -240,17 +204,22 @@ export default {
240 this.$refs['ruleForm'].resetFields(); 204 this.$refs['ruleForm'].resetFields();
241 }, 205 },
242 submitForm () { 206 submitForm () {
243 this.$refs['ruleForm.'].validate((valid) => {
244 if (valid) {
245 this.$emit("input", false); 207 this.$emit("input", false);
246 } else { 208 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
247 console.log('error submit!!'); 209 // this.$refs['ruleForm'].validate((valid) => {
248 return false; 210 // if (valid) {
211 // this.$message({
212 // message: '修改成功!',
213 // type: 'success'
214 // })
215
216 // } else {
217 // this.$message.error('请完善必填项');
218 // }
219 // })
249 } 220 }
250 }); 221 }
251 }, 222 }
252 },
253 };
254 </script> 223 </script>
255 <style scoped lang="scss"> 224 <style scoped lang="scss">
256 .submit-button { 225 .submit-button {
......
...@@ -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++
...@@ -365,7 +365,7 @@ export default { ...@@ -365,7 +365,7 @@ export default {
365 case "signout": 365 case "signout":
366 window.close(); 366 window.close();
367 break; 367 break;
368 case "record": 368 case "B9":
369 var formdata = new FormData(); 369 var formdata = new FormData();
370 formdata.append("bsmSlsq", this.bsmSlsq); 370 formdata.append("bsmSlsq", this.bsmSlsq);
371 formdata.append("bestepid", this.bestepid); 371 formdata.append("bestepid", this.bestepid);
...@@ -405,8 +405,14 @@ export default { ...@@ -405,8 +405,14 @@ export default {
405 } 405 }
406 }, 406 },
407 //表单选项卡事件 407 //表单选项卡事件
408 tabClick (tab, event) { 408 beforeLeave (activeName, oldActiveName) {
409 this.getFromRouter(tab.name); 409 console.log(this.oldDetail, this.newDetail);
410 if (!_.isEqual(this.oldDetail, this.newDetail)) {
411 this.$message.error('界面内容有所变化,请先保存')
412 return false
413 } else {
414 if (activeName && activeName != 0) this.getFromRouter(activeName)
415 }
410 }, 416 },
411 //切换选项卡内容组件 417 //切换选项卡内容组件
412 getFromRouter (tabname) { 418 getFromRouter (tabname) {
......
...@@ -8,36 +8,36 @@ ...@@ -8,36 +8,36 @@
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>
...@@ -46,36 +46,36 @@ ...@@ -46,36 +46,36 @@
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>
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
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,15 +157,17 @@ ...@@ -157,15 +157,17 @@
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>
...@@ -184,12 +186,12 @@ import InformationTable from "@/views/workflow/components/InformationTable"; ...@@ -184,12 +186,12 @@ 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,
...@@ -199,56 +201,29 @@ export default { ...@@ -199,56 +201,29 @@ export default {
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
215 slry: "",
216 slsj: "",
217 qllx: "",
218 djlx: "",
219 djqx: "",
220 // 宗地代码
221 zddm: "",
222 bdcdyh: "",
223 qlxzmc: "",
224 qlrxx: [],
225 // 自然幢号
226 zrzh: "",
227 // 户不动产单元号
228 hbdcdyh: "",
229 djzt: "",
230 // 图幅丘幢号
231 tfqzh: "",
232 zl: "",
233 // 房屋用途
234 fwyt: "",
235 fwxz: "",
236 fwjg: "",
237 // 权利人信息
238 gyfs: "1",
239 // 是否分别持证
240 sffbcz: "",
241 // 持证人
242 czr: "",
243 djyy: "",
244 },
245 //传递参数 216 //传递参数
246 propsParam: this.$attrs, 217 propsParam: this.$attrs,
247 rules: {}, 218 rules: {},
248 }; 219 };
249 }, 220 },
250 methods: { 221 methods: {
251 list(bsmSldy) { 222 // 更新权利人信息
223 upDateQlrxxList (val) {
224 this.ruleForm.qlrxx = val
225 },
226 list (bsmSldy) {
252 var formdata = new FormData(); 227 var formdata = new FormData();
253 formdata.append("bsmSldy", bsmSldy); 228 formdata.append("bsmSldy", bsmSldy);
254 Init(formdata).then((res) => { 229 Init(formdata).then((res) => {
...@@ -262,10 +237,9 @@ export default { ...@@ -262,10 +237,9 @@ export default {
262 } 237 }
263 }); 238 });
264 }, 239 },
265 onSubmit() { 240 onSubmit () {
266 saveData(this.ruleForm).then((res) => { 241 saveData(this.ruleForm).then((res) => {
267 console.log(this.ruleForm); 242 console.log(this.ruleForm);
268 //this.$alert(this.ruleForm);
269 if (res.code === 200 && res.result) { 243 if (res.code === 200 && res.result) {
270 console.log(res); 244 console.log(res);
271 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 245 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
......
...@@ -150,7 +150,8 @@ ...@@ -150,7 +150,8 @@
150 </el-form-item> 150 </el-form-item>
151 </el-col> 151 </el-col>
152 </el-row> 152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" /> 153 <InformationTable :tableData="ruleForm.qlrxx" @upDateQlrxxList="upDateQlrxxList"
154 :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block"> 155 <div class="slxx_title title-block">
155 登记原因 156 登记原因
156 <div class="triangle"></div> 157 <div class="triangle"></div>
...@@ -183,16 +184,18 @@ export default { ...@@ -183,16 +184,18 @@ export default {
183 formdata.append("bsmSldy", this.propsParam.bsmSldy); 184 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => { 185 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) { 186 if (res.code === 200 && res.result) {
186 this.ruleForm = {}
187 this.ruleForm = { 187 this.ruleForm = {
188 ...res.result, 188 ...res.result,
189 ...res.result.zdjbxxdatas, 189 ...res.result.zdjbxxdatas,
190 ...res.result.qlxxdatas, 190 ...res.result.qlxxdatas,
191 ...res.result.jsydsyqdatas 191 ...res.result.jsydsyqdatas
192 } 192 }
193 if (this.ruleForm.gyfs == '1') { 193 this.$store.dispatch('slxx/setQlrxxOld', {
194 this.ruleForm.qlrxx = [{}] 194 qlrxx: this.ruleForm.qlrxx,
195 } 195 fj: this.ruleForm.fj,
196 gyfs: this.ruleForm.gyfs,
197 djyy: this.ruleForm.djyy
198 })
196 } 199 }
197 }) 200 })
198 }, 201 },
...@@ -200,40 +203,40 @@ export default { ...@@ -200,40 +203,40 @@ export default {
200 computed: { 203 computed: {
201 ...mapGetters(["dictData", "flag"]) 204 ...mapGetters(["dictData", "flag"])
202 }, 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 },
203 data () { 219 data () {
204 return { 220 return {
205 disabled: true, 221 disabled: true,
206 czrOptions: [], 222 czrOptions: [],
207 ruleForm: { 223 ruleForm: {},
208 // ywh: "",
209 // slry: "",
210 // slsj: "",
211 // qllx: "",
212 // djlx: "",
213 // djqx: "",
214 // zddm: "",
215 // bdcdyh: "",
216 // qlxzmc: "",
217 // zdmj: "",
218 // zl: "",
219 // tdyt: "",
220 // qlsdfs: "",
221 // qdjg: "",
222 // tdsyqx: "",
223 // syqqzsj: "",
224 // fj: "",
225 // qlrxx: [],
226 // djyy: "",
227 // gyfs: "1",
228 // sffbcz: "",
229 // czr: "",
230 },
231 //传递参数 224 //传递参数
232 propsParam: {}, 225 propsParam: {},
233 rules: {} 226 rules: {}
234 } 227 }
235 }, 228 },
236 methods: { 229 methods: {
230 // 更新权利人信息
231 upDateQlrxxList (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 // })
239 },
237 list (bsmSldy) { 240 list (bsmSldy) {
238 var formdata = new FormData(); 241 var formdata = new FormData();
239 formdata.append("bsmSldy", bsmSldy); 242 formdata.append("bsmSldy", bsmSldy);
......
...@@ -133,10 +133,10 @@ export default { ...@@ -133,10 +133,10 @@ export default {
133 let that = this; 133 let that = this;
134 this.$popup({ 134 this.$popup({
135 title: "楼盘表", 135 title: "楼盘表",
136 width: "100%", 136 width: "50%",
137 btnShow: true, 137 btnShow: true,
138 editItem: "xxxxxxxxxx", 138 editItem: "xxxxxxxxxx",
139 height: "1200px", 139 height: "800px",
140 formData: { 140 formData: {
141 bsmSlsq: this.bsmSlsq, 141 bsmSlsq: this.bsmSlsq,
142 dataList: this.unitData, 142 dataList: this.unitData,
......