Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
32435f18 by xiaomiao
Options

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

2 parents f49cf06c 95689d6f
Inline Side-by-side
Showing 12 changed files with 546 additions and 31 deletions
1 /* 1 /*
2 * @Description: 材料信息 2 * @Description: 材料信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-16 14:04:42 4 * @LastEditTime: 2023-07-28 14:31:00
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
...@@ -75,6 +75,22 @@ export function uploadSjClmx (data) { ...@@ -75,6 +75,22 @@ export function uploadSjClmx (data) {
75 } 75 }
76 76
77 /** 77 /**
78 * @description: 上传duo个文件
79 * @param {*} data
80 * @author: renchao
81 */
82 export function uploadBatch (data) {
83 return request({
84 url: SERVER.SERVERAPI + '/rest/ywbl/clxx/uploadBatch',
85 method: 'post',
86 headers: {
87 'Content-Type': 'multipart/form-data'
88 },
89 data
90 })
91 }
92
93 /**
78 * @description: 删除上传文件 94 * @description: 删除上传文件
79 * @param {*} bsmClmx 95 * @param {*} bsmClmx
80 * @author: renchao 96 * @author: renchao
......
1 /*
2 * @Description: 房地产权多幢接口
3 * @Autor: ssq
4 * @LastEditTime: 2023年07月27日 19:40:34
5 */
6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8
9 /**
10 * @description: 初始化内容
11 * @param {*} data
12 * @author: 单帅旗
13 */
14 export function Init (data) {
15 let apiUrl = "";
16 switch (data.get("djlx")) {
17 case "100":
18 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/firstInit";
19 break;
20 case "200":
21 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/transferInit";
22 break;
23 case "300":
24 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/changeInit";
25 break;
26 case "400":
27 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/logoutInit";
28 break;
29 case "500":
30 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/riviseInit";
31 break;
32 case "901":
33 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/renewalInit";
34 break;
35 case "902":
36 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/replaceInit";
37 break;
38 }
39 return request({
40 url: apiUrl,
41 method: 'post',
42 data
43 })
44 }
45 /**
46 * @description: 首次登记提交
47 * @param {*} data
48 * @author: ssq
49 */
50 export function saveBatchData (data) {
51 return request({
52 url: SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/saveBatchData",
53 method: 'post',
54 data
55 })
56 }
57
58 /**
59 * @description: 保存
60 * @param {*} data
61 * @author: ssq
62 */
63 export function saveData (data) {
64 return request({
65 url: SERVER.SERVERAPI + "/rest/ywbl/fdcq1lr/saveData",
66 method: 'post',
67 data
68 })
69 }
70
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-04 11:14:25 4 * @LastEditTime: 2023-07-28 15:49:38
5 */ 5 */
6 const getters = { 6 const getters = {
7 sidebar: state => state.app.sidebar, 7 sidebar: state => state.app.sidebar,
...@@ -20,6 +20,7 @@ const getters = { ...@@ -20,6 +20,7 @@ const getters = {
20 djbxx: state => state.djbxx.djbxx, 20 djbxx: state => state.djbxx.djbxx,
21 // workflow 21 // workflow
22 isRefresh: state => state.user.isRefresh, 22 isRefresh: state => state.user.isRefresh,
23 workFresh: state => state.user.workFresh,
23 yjsqOptions: state => state.workflow.yjsqOptions 24 yjsqOptions: state => state.workflow.yjsqOptions
24 } 25 }
25 export default getters 26 export default getters
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-04-12 10:47:33 4 * @LastEditTime: 2023-07-28 15:45:21
5 */ 5 */
6 import { getUserInfo } from '@/api/user' 6 import { getUserInfo } from '@/api/user'
7 const state = { 7 const state = {
8 name: '', 8 name: '',
9 avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', 9 avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
10 isRefresh: false, 10 isRefresh: false,
11 // 业务流程刷新
12 workFresh: false
11 } 13 }
12 const mutations = { 14 const mutations = {
13 SET_NAME: (state, data) => { 15 SET_NAME: (state, data) => {
...@@ -15,6 +17,9 @@ const mutations = { ...@@ -15,6 +17,9 @@ const mutations = {
15 }, 17 },
16 REFRESH: (state, data) => { 18 REFRESH: (state, data) => {
17 state.isRefresh = data 19 state.isRefresh = data
20 },
21 SETWORKFRESH: (state, data) => {
22 state.workFresh = data
18 } 23 }
19 } 24 }
20 25
...@@ -29,6 +34,9 @@ const actions = { ...@@ -29,6 +34,9 @@ const actions = {
29 refreshPage ({ commit }, data) { 34 refreshPage ({ commit }, data) {
30 commit('REFRESH', data) 35 commit('REFRESH', data)
31 }, 36 },
37 reWorkFresh ({ commit }, data) {
38 commit('SETWORKFRESH', data)
39 }
32 } 40 }
33 export default { 41 export default {
34 namespaced: true, 42 namespaced: true,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-04 16:07:37 4 * @LastEditTime: 2023-07-28 14:59:55
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 <script> 50 <script>
51 import PhotoZoom from '@/components/PhotoZoom' 51 import PhotoZoom from '@/components/PhotoZoom'
52 import { getAltimeterInfo, getUuid } from '@/utils/operation.js' 52 import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
53 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js"; 53 import { uploadBatch, deleteClmx } from "@/api/clxx.js";
54 import publicPicture from '@/components/publicPicture/index.vue' 54 import publicPicture from '@/components/publicPicture/index.vue'
55 export default { 55 export default {
56 name: 'PreviewImage', 56 name: 'PreviewImage',
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 scale: 1, 77 scale: 1,
78 degree: 0 78 degree: 0
79 }, 79 },
80 maxLength: 0, 80 maxFileLength: 0,
81 // 缩略图 81 // 缩略图
82 thumbnailImages: [], 82 thumbnailImages: [],
83 showViewer: false, 83 showViewer: false,
...@@ -252,26 +252,29 @@ ...@@ -252,26 +252,29 @@
252 * @param {*} files 252 * @param {*} files
253 * @author: renchao 253 * @author: renchao
254 */ 254 */
255 async handleChange (file, files) { 255 async handleChange (file, fileList) {
256 // 清空 fileList 数组 256 let length = fileList.length;
257 let length = files.length; 257 this.maxFileLength = Math.max(length, this.maxFileLength)
258 this.maxLength = Math.max(length, this.maxLength) 258 console.log(fileList, this.maxFileLength, 'this.maxFileLength');
259 this.$refs.upload.clearFiles();
260 setTimeout(() => {
261 if (length !== this.maxLength) return
262 var formData = new FormData(); 259 var formData = new FormData();
263 files.forEach(file => { 260 setTimeout(() => {
264 formData.append('file', file.raw) 261 if (this.maxFileLength !== length) {
262 return
263 }
264 fileList.forEach(item => {
265 formData.append('file', item.raw)
265 }) 266 })
266 formData.append("bsmSj", this.previewImg.bsmSj); 267 formData.append("bsmSj", this.previewImg.bsmSj);
267 formData.append("bsmSlsq", this.previewImg.bsmSlsq); 268 formData.append("bsmSlsq", this.previewImg.bsmSlsq);
268 uploadSjClmx(formData).then((res) => { 269 uploadBatch(formData).then((res) => {
269 if (res.code == 200) { 270 if (res.code == 200) {
270 this.$emit('updateList', res.result) 271 this.$emit('updateList', res.result)
271 this.$message({ 272 this.$message({
272 message: '上传成功!', 273 message: '上传成功!',
273 type: 'success' 274 type: 'success'
274 }) 275 })
276 this.$refs.upload.clearFiles();
277 this.maxFileLength = 0
275 } 278 }
276 }) 279 })
277 }, 0) 280 }, 0)
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-28 09:35:38 4 * @LastEditTime: 2023-07-28 11:37:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -38,8 +38,7 @@ ...@@ -38,8 +38,7 @@
38 import clxxAddDialog from "../dialog/clxxAddDialog.vue"; 38 import clxxAddDialog from "../dialog/clxxAddDialog.vue";
39 import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; 39 import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
40 import imagePreview from '@/views/components/imagePreview.vue' 40 import imagePreview from '@/views/components/imagePreview.vue'
41 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 41 import { InitClml, saveClml } from "@/api/clxx.js";
42 import { popupDialog } from "@/utils/popup.js";
43 export default { 42 export default {
44 components: { clxxAddDialog, imagePreview, clxxDetailDialog }, 43 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
45 data () { 44 data () {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 11:13:07 4 * @LastEditTime: 2023-07-28 15:47:25
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -179,7 +179,7 @@ ...@@ -179,7 +179,7 @@
179 this.$popupCacel() 179 this.$popupCacel()
180 this.$message.success("提交成功") 180 this.$message.success("提交成功")
181 //刷新列表 181 //刷新列表
182 store.dispatch('user/refreshPage', true) 182 store.dispatch('user/reWorkFresh', true)
183 } else { 183 } else {
184 this.$message.error(res.message) 184 this.$message.error(res.message)
185 } 185 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-24 10:22:41 4 * @LastEditTime: 2023-07-28 15:45:56
5 --> 5 -->
6 <template> 6 <template>
7 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> 7 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
...@@ -123,9 +123,6 @@ ...@@ -123,9 +123,6 @@
123 getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { 123 getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => {
124 if (res.code === 200) { 124 if (res.code === 200) {
125 this.tableData.data = res.result.list; 125 this.tableData.data = res.result.list;
126 if(this.tableData.data.length>0) {
127 this.ruleForm.lzrxm = this.tableData.data[0].qlr
128 }
129 this.ruleForm.fzrmc = res.result.fzrmc 126 this.ruleForm.fzrmc = res.result.fzrmc
130 this.ruleForm.fzsj = res.result.fzsj 127 this.ruleForm.fzsj = res.result.fzsj
131 this.ruleForm.fzsl = res.result.fzsl 128 this.ruleForm.fzsl = res.result.fzsl
...@@ -160,7 +157,7 @@ ...@@ -160,7 +157,7 @@
160 if (res.code == 200) { 157 if (res.code == 200) {
161 this.$message.success('保存成功'); 158 this.$message.success('保存成功');
162 //刷新列表 159 //刷新列表
163 store.dispatch('user/refreshPage', true) 160 store.dispatch('user/reWorkFresh', true)
164 this.$popupCacel() 161 this.$popupCacel()
165 } else { 162 } else {
166 this.$message.error(res.message) 163 this.$message.error(res.message)
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 09:26:10 4 * @LastEditTime: 2023-07-28 16:28:43
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -40,9 +40,11 @@ ...@@ -40,9 +40,11 @@
40 </div> 40 </div>
41 </template> 41 </template>
42 <script> 42 <script>
43 import { mapGetters } from 'vuex'
44 import store from '@/store/index.js'
43 import table from "@/utils/mixin/table"; 45 import table from "@/utils/mixin/table";
44 import { getCertificateList } from "@/api/bdcqz.js";
45 import { datas } from "../javascript/fzxxdata"; 46 import { datas } from "../javascript/fzxxdata";
47 import { getCertificateList } from "@/api/bdcqz.js";
46 export default { 48 export default {
47 mixins: [table], 49 mixins: [table],
48 data () { 50 data () {
...@@ -66,6 +68,16 @@ ...@@ -66,6 +68,16 @@
66 created () { 68 created () {
67 this.ableOperation = this.$parent.currentSelectTab.ableOperation 69 this.ableOperation = this.$parent.currentSelectTab.ableOperation
68 }, 70 },
71 computed: {
72 ...mapGetters(['workFresh'])
73 },
74 watch: {
75 workFresh: {
76 handler (newVal, oldVal) {
77 if (newVal) this.queryClick()
78 }
79 }
80 },
69 methods: { 81 methods: {
70 /** 82 /**
71 * @description: queryClick 83 * @description: queryClick
...@@ -84,6 +96,7 @@ ...@@ -84,6 +96,7 @@
84 * @author: renchao 96 * @author: renchao
85 */ 97 */
86 zslqClick () { 98 zslqClick () {
99 store.dispatch('user/reWorkFresh', false)
87 this.$popupDialog("不动产权证领取", "workflow/components/dialog/zslq", {}, '80%', true) 100 this.$popupDialog("不动产权证领取", "workflow/components/dialog/zslq", {}, '80%', true)
88 } 101 }
89 } 102 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 11:15:01 4 * @LastEditTime: 2023-07-28 15:46:24
5 --> 5 -->
6 <template> 6 <template>
7 <div class="szxx"> 7 <div class="szxx">
...@@ -74,6 +74,7 @@ ...@@ -74,6 +74,7 @@
74 </template> 74 </template>
75 <script> 75 <script>
76 import { mapGetters } from 'vuex' 76 import { mapGetters } from 'vuex'
77 import store from '@/store/index.js'
77 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; 78 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
78 export default { 79 export default {
79 props: {}, 80 props: {},
...@@ -92,10 +93,10 @@ ...@@ -92,10 +93,10 @@
92 }; 93 };
93 }, 94 },
94 computed: { 95 computed: {
95 ...mapGetters(['isRefresh']) 96 ...mapGetters(['workFresh'])
96 }, 97 },
97 watch: { 98 watch: {
98 isRefresh: { 99 workFresh: {
99 handler (newVal, oldVal) { 100 handler (newVal, oldVal) {
100 if (newVal) this.list() 101 if (newVal) this.list()
101 } 102 }
...@@ -130,6 +131,7 @@ ...@@ -130,6 +131,7 @@
130 * @author: renchao 131 * @author: renchao
131 */ 132 */
132 openZsylDialog (item, type) { 133 openZsylDialog (item, type) {
134 store.dispatch('user/reWorkFresh', false)
133 if (type == 1) { 135 if (type == 1) {
134 //证书预览 136 //证书预览
135 this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true); 137 this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true);
......
...@@ -23,6 +23,9 @@ export function getForm(tabName, djywbm) { ...@@ -23,6 +23,9 @@ export function getForm(tabName, djywbm) {
23 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); 23 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue");
24 break; 24 break;
25 //国有建设用地使用权/房屋所有权 25 //国有建设用地使用权/房屋所有权
26 case "fwsyqdzslxx":
27 form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue");
28 break;
26 case "fwsyqslxx100": 29 case "fwsyqslxx100":
27 case "fwsyqslxx200": 30 case "fwsyqslxx200":
28 case "fwsyqslxx400": 31 case "fwsyqslxx400":
......
1 <!--
2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq
4 * @LastEditTime: 2023年07月27日 19:38:26
5 -->
6 <template>
7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
9 label-width="120px">
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block">
12 受理信息
13 <div class="triangle"></div>
14 </div>
15 <el-row :gutter="10" v-if="ruleForm.slsq">
16 <el-col :span="8">
17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="8">
22 <el-form-item label="受理人员：">
23 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
24 </el-form-item>
25 </el-col>
26 <el-col :span="8">
27 <el-form-item label="受理时间：">
28 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8">
34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
36 </el-form-item>
37 </el-col>
38 <el-col :span="8">
39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
41 </el-form-item>
42 </el-col>
43 <el-col :span="8">
44 <el-form-item label="登记情形：">
45 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
46 </el-form-item>
47 </el-col>
48 </el-row>
49 <div class="slxx_title title-block">
50 不动产单元情况
51 <div class="triangle"></div>
52 </div>
53 <el-row :gutter="10" v-if="ruleForm.qlxx">
54 <el-col :span="8">
55 <el-form-item label="不动产单元号：">
56 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="16">
60 <el-form-item label="坐落：">
61 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
62 </el-form-item>
63 </el-col>
64 </el-row>
65 <el-row :gutter="10" v-if="ruleForm.fdcq2">
66 <el-col :span="8">
67 <el-form-item label="土地使用期限：">
68 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
69 </el-form-item>
70 </el-col>
71 <el-col :span="8">
72 <el-form-item label="规划用途名称：">
73 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
74 </el-form-item>
75 </el-col>
76 <el-col :span="8">
77 <el-form-item label="房屋性质：">
78 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
79 </el-form-item>
80 </el-col>
81 </el-row>
82 <el-row :gutter="10" v-if="ruleForm.qlxx">
83 <el-col :span="8">
84 <el-form-item label="房屋结构：">
85 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
86 </el-form-item>
87 </el-col>
88 <el-col :span="8">
89 <el-form-item label="所在层：">
90 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
91 </el-form-item>
92 </el-col>
93 <el-col :span="8">
94 <el-form-item label="总层数：">
95 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
96 </el-form-item>
97 </el-col>
98 </el-row>
99 <el-row :gutter="10" v-if="ruleForm.fdcq2">
100 <el-col :span="8">
101 <el-form-item label="竣工时间：">
102 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="建筑面积：">
107 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="专有建筑面积：">
112 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
113 </el-form-item>
114 </el-col>
115 </el-row>
116 <el-row :gutter="10">
117
118 <el-col :span="8">
119 <el-form-item label="分摊建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
121 </el-form-item>
122 </el-col>
123 </el-row>
124 <div class="slxx_title title-block">
125 土地用途
126 <div class="triangle"></div>
127 </div>
128 <tdytTable
129 :ableOperation="ableOperation"
130 :tableData="ruleForm.tdytqxList"
131 @upDateTdytxxList="upDateTdytxxList" />
132 <div class="slxx_title title-block">
133 权利人信息
134 <div class="triangle"></div>
135 </div>
136 <el-row :gutter="10">
137 <el-col :span="14" v-if="ruleForm.qlxx">
138 <el-form-item label="共有方式：">
139 <el-radio-group :disabled="!ableOperation" @change="showCZInfo"
140 v-model="ruleForm.sldy.gyfs">
141 <el-radio label="0">单独所有</el-radio>
142 <el-radio label="1">共同共有</el-radio>
143 <el-radio label="2">按份所有</el-radio>
144 <el-radio label="3">其它共有</el-radio>
145 </el-radio-group>
146 </el-form-item>
147 </el-col>
148 <el-col :span="5">
149 <el-form-item label="发证方式：">
150 <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation">
151 <el-radio label="1">小证</el-radio>
152 <el-radio label="2">大证</el-radio>
153 </el-radio-group>
154 </el-form-item>
155 </el-col>
156
157 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
158 <el-form-item label="是否分别持证：">
159 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
160 <el-radio label="1">是</el-radio>
161 <el-radio label="0">否</el-radio>
162 </el-radio-group>
163 </el-form-item>
164 </el-col>
165 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
166 <el-form-item label="持证人：">
167 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation">
168 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
169 </el-option>
170 </el-select>
171 </el-form-item>
172 </el-col>
173 </el-row>
174 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
175 :gyfs="ruleForm.slsq.gyfs" />
176
177 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
178 <div class="slxx_title title-block">
179 义务人信息
180 <div class="triangle"></div>
181 </div>
182 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
183 :gyfs="ruleForm.qlxx.gyfs" />
184 </div>
185 <div class="slxx_title title-block">
186 登记原因
187 <div class="triangle"></div>
188 </div>
189 <el-row :gutter="10">
190 <el-col>
191 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
192 <el-input class="textArea" type="textarea" :disabled="!ableOperation"
193 v-model="ruleForm.fdcq2.djyy">
194 </el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198 </div>
199 <el-row class="btn" v-if="ableOperation">
200 <el-form-item>
201 <el-button type="primary" @click="onSubmit">保存</el-button>
202 </el-form-item>
203 </el-row>
204 </el-form>
205 </div>
206 </template>
207 <script>
208 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
209 import tdytTable from "@/views/workflow/components/tdytTable";
210 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
211 import { mapGetters } from "vuex";
212 export default {
213 mounted () {
214 this.ableOperation = this.$parent.currentSelectTab.ableOperation
215 this.propsParam = this.$attrs;
216 var formdata = new FormData();
217 formdata.append("bsmSldy", this.propsParam.bsmSldy);
218 formdata.append("djlx", this.propsParam.djlx);
219 formdata.append("isEdit", this.ableOperation);
220 Init(formdata).then((res) => {
221 if (res.code === 200 && res.result) {
222 this.ruleForm = {
223 ...res.result,
224 ...res.result.qlxxdatas,
225 }
226 //初始化发证方式，1：小证，2：大正
227 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
228 }
229 });
230 },
231 components: { qlrCommonTable, tdytTable },
232 computed: {
233 ...mapGetters(["dictData", "flag"]),
234 },
235 data () {
236 return {
237 disabled: true,
238 tdytOption: [],
239 czrOptions: [],
240 ruleForm: {
241 flow: {
242 ywh: ''
243 },
244 qlxx: {
245 mj: ''
246 },
247 sldy: {
248 gyfs: ''
249 },
250 slsq: {
251
252 },
253 fdcq2: {
254 zyjzmj: '',
255 ftjzmj: ''
256 },
257 zdjbxx: {
258 ghytmc: ''
259 }
260 },
261 //传递参数
262 propsParam: this.$attrs,
263 //表单是否可操作
264 ableOperation: true,
265 rules: {}
266 }
267 },
268 methods: {
269 // 更新土地用途信息
270 /**
271 * @description: 更新土地用途信息
272 * @param {*} val
273 * @author: renchao
274 */
275 upDateTdytxxList (val) {
276 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
277 this.key++;
278 },
279 // 更新权利人信息
280 /**
281 * @description: 更新权利人信息
282 * @param {*} val
283 * @author: renchao
284 */
285 upDateQlrxxList (val) {
286 this.ruleForm.qlrList = _.cloneDeep(val);
287 },
288 /**
289 * @description: showCZInfo
290 * @author: renchao
291 */
292 showCZInfo () {
293 console.log(this.ruleForm.slsq.gyfs);
294 },
295 // 更新权利人信息
296 /**
297 * @description: 更新权利人信息
298 * @param {*} val
299 * @author: renchao
300 */
301 upDateYwrxxList (val) {
302 this.ruleForm.ywrList = _.cloneDeep(val);
303 },
304 /**
305 * @description: onSubmit
306 * @author: renchao
307 */
308 onSubmit () {
309 saveData(this.ruleForm).then((res) => {
310 if (res.code === 200) {
311 this.$message({
312 showClose: true,
313 message: "保存成功！",
314 type: "success",
315 });
316 this.$store.dispatch('user/refreshPage', true);
317 } else {
318 this.$message({
319 showClose: true,
320 message: res.message,
321 type: "error"
322 })
323 }
324 })
325 }
326 }
327 }
328 </script>
329 <style scoped lang='scss'>
330 @import "~@/styles/public.scss";
331
332 /deep/.el-form {
333 display: flex;
334 flex-direction: column;
335 height: calc(100vh - 130px);
336 }
337
338 /deep/.el-form-item__label {
339 padding: 0;
340 }
341
342 /deep/.el-radio {
343 margin-right: 10px;
344 }
345
346 /deep/.el-select {
347 width: 100%;
348 }
349
350 /deep/.el-form-item {
351 margin-bottom: 8px;
352 }
353
354 .marginBot0 {
355 margin-bottom: 0 !important;
356 }
357
358 .slxx {
359 box-sizing: border-box;
360 }
361
362 .slxx_con {
363 flex: 1;
364 height: 100%;
365 background-color: #ffffff;
366 overflow-y: auto;
367 padding-right: 3px;
368 overflow-x: hidden;
369 }
370
371 .submit_btn {
372 height: 50px;
373 }
374
375 .slxx_title {
376 border-bottom: 1px solid $borderColor;
377 padding-left: 10px;
378 padding-bottom: 5px;
379 margin-bottom: 10px;
380 margin-top: 5px;
381 font-size: 16px;
382 font-weight: 500;
383 color: #4a4a4a;
384 }
385
386 .btn {
387 text-align: center;
388 padding-top: 10px;
389 height: 36px;
390 background-color: #ffffff;
391 padding: 5px 0;
392 }
393
394 .textArea {
395 /deep/.el-textarea__inner {
396 min-height: 90px !important;
397 }
398 }
399
400 /deep/.el-form-item__label {
401 padding-bottom: 0px;
402 }
403 </style>