Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
7439149d by jiaozeping@pashanhoo.com
Options

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

2 parents a8d933fa cd41322a
Inline Side-by-side
Showing 12 changed files with 284 additions and 158 deletions
...@@ -184,3 +184,11 @@ export function getSlsqBdcqzList (params) { ...@@ -184,3 +184,11 @@ export function getSlsqBdcqzList (params) {
184 params 184 params
185 }) 185 })
186 } 186 }
187 // 终止任务
188 export function stopTask (data) {
189 return request({
190 url: '/business/workFlow/stopTask',
191 method: 'post',
192 data
193 })
194 }
......
...@@ -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)
193 },
194 details: {
195 handler: function (val, oldVal) {
196 this.ruleForm = val
192 }, 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 }
......
1 <template>
2 <div class="from-clues">
3 <div class="invalid-title">
4 <i class="el-icon-question invalid-icon"></i>
5 <div class="invalid-body">您是否确定终止该业务办理？</div>
6 </div>
7 <div class="invalid-reson">终止原因：</div>
8 <el-input v-model="stopMessage" placeholder="请输入终止原因" type="textarea" :rows="4"></el-input>
9 </div>
10 </template>
11
12 <script>
13 import { stopTask } from "@/api/fqsq.js"
14 export default {
15 props: {
16 formData: {
17 type: Object,
18 default: {}
19 }
20 },
21 data () {
22 return {
23 stopMessage: ''
24 }
25 },
26 methods: {
27 childFn () {
28 stopTask({
29 bsmSlsq: this.formData.bsmSlsq,
30 bestepid: this.formData.bestepid,
31 stopMessage: this.stopMessage
32 }).then(res => {
33 this.$message.success('终止成功')
34 setTimeout(() => {
35 window.opener = null;
36 window.open("about:blank", "_self");
37 window.close();
38 this.$emit('input', false)
39 }, 1000);
40 })
41 },
42 }
43 }
44 </script>
45 <style scoped lang="scss">
46 @import "~@/styles/mixin.scss";
47 .invalid-title {
48 display: flex;
49 align-content: center;
50
51 .invalid-icon {
52 color: rgb(254, 148, 0);
53 font-size: 34px;
54 margin-right: 10px;
55 }
56
57 .invalid-body {
58 line-height: 40px;
59 margin-bottom: 10px;
60 }
61 }
62
63 .invalid-reson {
64 margin-bottom: 10px;
65 }
66
67 .dialog-footer {
68 margin-top: 10px;
69 display: flex;
70 justify-content: flex-end;
71 }
72
73 </style>
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <ul style="margin-bottom:15px"> 6 <ul style="margin-bottom:15px">
7 <li v-for="(item,index) in dataList" class="listDetail" :key="index"> 7 <li v-for="(item,index) in dataList" class="listDetail" :key="index">
8 <p class="icon"> 8 <p class="icon">
9 <el-radio v-model="radio"></el-radio> 9 <el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio>
10 </p> 10 </p>
11 <p>{{item.activityName}}</p> 11 <p>{{item.activityName}}</p>
12 <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> 12 <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p>
...@@ -31,8 +31,10 @@ export default { ...@@ -31,8 +31,10 @@ export default {
31 }, 31 },
32 data () { 32 data () {
33 return { 33 return {
34 selectActivity: '',
34 dataList: [], 35 dataList: [],
35 outstepopinion: '' 36 outstepopinion: '',
37 selectItem: {}
36 } 38 }
37 }, 39 },
38 created () { 40 created () {
...@@ -40,12 +42,31 @@ export default { ...@@ -40,12 +42,31 @@ export default {
40 }, 42 },
41 methods: { 43 methods: {
42 childFn () { 44 childFn () {
43 console.log(1111); 45 this.selectItem.outstepopinion = this.outstepopinion;
46 sendBackTask({
47 bsmSlsq: this.formData.bsmSlsq,
48 backNodeList: [this.selectItem]
49 }).then(res => {
50 this.$message.success('退回成功')
51 setTimeout(() => {
52 window.opener = null;
53 window.open("about:blank", "_self");
54 window.close();
55 this.$emit('input', false)
56 }, 1000);
57 })
58 },
59 changeSelectItem(item){
60 this.selectItem = item
44 }, 61 },
45 getBackNode () { 62 getBackNode () {
46 getTaskBackNode(this.formData).then(res => { 63 getTaskBackNode(this.formData).then(res => {
47 if (res.code == 200) { 64 if (res.code == 200) {
48 // this.dataList = res.result 65 this.dataList = res.result
66 if(res.result){
67 this.selectActivity = res.result[0].activityId
68 this.selectItem = res.result[0]
69 }
49 } 70 }
50 }) 71 })
51 } 72 }
...@@ -81,4 +102,7 @@ export default { ...@@ -81,4 +102,7 @@ export default {
81 min-height: 90px !important; 102 min-height: 90px !important;
82 } 103 }
83 } 104 }
105 /deep/.el-radio .el-radio__label {
106 display: none;
107 }
84 </style> 108 </style>
......
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
18 </el-form-item> 18 </el-form-item>
19 </el-form> 19 </el-form>
20 </div> 20 </div>
21 <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div>
21 <div class="zsyl-box"> 22 <div class="zsyl-box">
22 <div class="zsyl-left"> 23 <div class="zsyl-left">
23 <div class="zsyl-title"> 24 <div class="zsyl-title">
...@@ -219,4 +220,10 @@ export default { ...@@ -219,4 +220,10 @@ export default {
219 background: rgb(251,249,229); 220 background: rgb(251,249,229);
220 } 221 }
221 } 222 }
223 .aaaa{
224 background: #FAFBE5;
225 text-align: center;
226 padding-top: 10px;
227 font-size: 20px;
228 }
222 </style> 229 </style>
......
...@@ -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++
...@@ -318,7 +318,7 @@ export default { ...@@ -318,7 +318,7 @@ export default {
318 this.$popup({ 318 this.$popup({
319 title: "退回", 319 title: "退回",
320 editItem: "workflow/components/th", 320 editItem: "workflow/components/th",
321 height: "330px", 321 height: "400px",
322 width: '30%', 322 width: '30%',
323 formData: { 323 formData: {
324 bsmSlsq: this.bsmSlsq, 324 bsmSlsq: this.bsmSlsq,
...@@ -343,10 +343,29 @@ export default { ...@@ -343,10 +343,29 @@ export default {
343 } 343 }
344 }); 344 });
345 break; 345 break;
346 case "stop": //终止按钮
347 this.$popup({
348 title: "终止",
349 editItem: "workflow/components/stop",
350 height: "330px",
351 width: '30%',
352 formData: {
353 bsmSlsq: this.bsmSlsq,
354 bestepid: this.bestepid,
355 },
356 btnShow: true,
357 cancel: () => {
358 console.log("取消回调");
359 },
360 confirm: () => {
361 console.log("确认回调");
362 },
363 })
364 break;
346 case "signout": 365 case "signout":
347 window.close(); 366 window.close();
348 break; 367 break;
349 case "record": 368 case "B9":
350 var formdata = new FormData(); 369 var formdata = new FormData();
351 formdata.append("bsmSlsq", this.bsmSlsq); 370 formdata.append("bsmSlsq", this.bsmSlsq);
352 formdata.append("bestepid", this.bestepid); 371 formdata.append("bestepid", this.bestepid);
...@@ -386,8 +405,14 @@ export default { ...@@ -386,8 +405,14 @@ export default {
386 } 405 }
387 }, 406 },
388 //表单选项卡事件 407 //表单选项卡事件
389 tabClick (tab, event) { 408 beforeLeave (activeName, oldActiveName) {
390 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 }
391 }, 416 },
392 //切换选项卡内容组件 417 //切换选项卡内容组件
393 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 }
......
...@@ -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();
......