Skip to content

bdc / bdcdj-web

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

style:受理申请

1 parent 45ee4672
Expand all
Inline Side-by-side
Showing 8 changed files with 111 additions and 90 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) {
......
...@@ -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();
......