Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
55d8c0e9 by 单帅旗
Options

Merge remote-tracking branch 'origin/dev' into dev

2 parents c1a0114e 5151dab7
Inline Side-by-side
Showing 88 changed files with 5240 additions and 6054 deletions
...@@ -66,7 +66,24 @@ export function leftMenubl (params) { ...@@ -66,7 +66,24 @@ export function leftMenubl (params) {
66 params 66 params
67 }) 67 })
68 } 68 }
69 69 /**
70 * @description: 获取权利类型数组
71 * @param {*} params
72 * @author: renchao
73 */
74 // export function getQllxByBdcdyid (params) {
75 // return request({
76 // url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid?bdcdyid='+params,
77 // method: 'get',
78 // })
79 // }
80 export function getQllxByBdcdyid (params) {
81 return request({
82 url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid',
83 method: 'get',
84 params
85 })
86 }
70 /** 87 /**
71 * @description: 保存数据 88 * @description: 保存数据
72 * @param {*} data 89 * @param {*} data
......
...@@ -66,3 +66,15 @@ export function choiceBdcdy (data) { ...@@ -66,3 +66,15 @@ export function choiceBdcdy (data) {
66 }) 66 })
67 } 67 }
68 68
69 /**
70 * @description: 选择补录权利信息
71 * @param {*} data
72 * @author: renchao
73 */
74 export function selectRepairQlxx (data) {
75 return request({
76 url: 'ywbl/ywsq/selectRepairQlxx',
77 method: 'post',
78 data
79 })
80 }
......
...@@ -31,7 +31,7 @@ export function getleftMenu () { ...@@ -31,7 +31,7 @@ export function getleftMenu () {
31 } 31 }
32 32
33 /** 33 /**
34 * @description: 登记簿补录-获取左侧菜单 34 * @description: 登记簿补录
35 * @author: renchao 35 * @author: renchao
36 */ 36 */
37 export function getRepairBiz () { 37 export function getRepairBiz () {
...@@ -42,6 +42,17 @@ export function getleftMenu () { ...@@ -42,6 +42,17 @@ export function getleftMenu () {
42 } 42 }
43 43
44 /** 44 /**
45 * @description: 一并申请业务
46 * @author: renchao
47 */
48 export function getTogetherBiz () {
49 return request({
50 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz',
51 method: 'post'
52 })
53 }
54
55 /**
45 * @description: 业务办理-获取下个节点内容 56 * @description: 业务办理-获取下个节点内容
46 * @param {*} bsmSqyw 57 * @param {*} bsmSqyw
47 * @author: renchao 58 * @author: renchao
...@@ -66,18 +77,6 @@ export function selectScBdcdy (data) { ...@@ -66,18 +77,6 @@ export function selectScBdcdy (data) {
66 }) 77 })
67 } 78 }
68 79
69 // /*
70 // 业务办理-选择单元-根据条件进行列表查询-房屋所有权
71 // */
72 // export function selectFwsyq (data) {
73 // return request({
74 // url: 'ywbl/ywsq/selectFwsyq',
75 // method: 'post',
76 // data
77 // showLoading: true
78 // })
79 // }
80
81 /** 80 /**
82 * @description: 待办箱列表查询接口 81 * @description: 待办箱列表查询接口
83 * @param {*} data 82 * @param {*} data
...@@ -116,6 +115,19 @@ export function startBusinessFlow (data) { ...@@ -116,6 +115,19 @@ export function startBusinessFlow (data) {
116 } 115 }
117 116
118 /** 117 /**
118 * @description: 业务办理-发起补录申请流程
119 * @param {*} data
120 * @author: renchao
121 */
122 export function startRepairFlow (data) {
123 return request({
124 url: SERVER.SERVERAPI + '/rest/business/workFlow/startRepairFlow',
125 method: 'post',
126 data
127 })
128 }
129
130 /**
119 * @description: 已办箱列表查询接口 131 * @description: 已办箱列表查询接口
120 * @param {*} data 132 * @param {*} data
121 * @author: renchao 133 * @author: renchao
...@@ -179,7 +191,7 @@ export function addCollectBiz (bsmSqyw) { ...@@ -179,7 +191,7 @@ export function addCollectBiz (bsmSqyw) {
179 } 191 }
180 192
181 /** 193 /**
182 * @description: 业务办理-业务申请-添加收藏业务 194 * @description: 业务办理-业务申请-取消收藏业务
183 * @param {*} bsmSqyw 195 * @param {*} bsmSqyw
184 * @author: renchao 196 * @author: renchao
185 */ 197 */
......
1 import { log } from 'bpmn-js-token-simulation';
1 import { mapGetters } from 'vuex' 2 import { mapGetters } from 'vuex'
2 import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; 3 import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar";
3 export default { 4 export default {
...@@ -9,13 +10,23 @@ export default { ...@@ -9,13 +10,23 @@ export default {
9 } 10 }
10 } 11 }
11 }, 12 },
13 created() {
14
15 },
12 computed: { 16 computed: {
13 ...mapGetters(['dictData']), 17 ...mapGetters(['dictData']),
14 }, 18 },
15 mounted () { 19 mounted () {
20 window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件
16 this.handleSearch() 21 this.handleSearch()
17 }, 22 },
18 methods: { 23 methods: {
24 handkeyCode(e) {
25 if(e.keyCode === 13){
26 console.log("安");
27 this.handleSearch()
28 }
29 },
19 handleSearch(){ 30 handleSearch(){
20 this.pageData.currentPage = 1 31 this.pageData.currentPage = 1
21 if (this.fetchData) { 32 if (this.fetchData) {
......
1 import Vue from 'vue'
2 import axios from 'axios'
3 import request from '@/utils/request';
1 import { Message } from "element-ui"; 4 import { Message } from "element-ui";
2 export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') { 5 export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') {
3 if (!treeList || !treeList.length) { 6 if (!treeList || !treeList.length) {
...@@ -111,7 +114,6 @@ export function down (index, data) { ...@@ -111,7 +114,6 @@ export function down (index, data) {
111 } 114 }
112 } 115 }
113 116
114
115 export function getUrlParam (paraName) { 117 export function getUrlParam (paraName) {
116 let url = document.location.toString(); 118 let url = document.location.toString();
117 let arrObj = url.split('?'); 119 let arrObj = url.split('?');
...@@ -133,3 +135,29 @@ export function getUrlParam (paraName) { ...@@ -133,3 +135,29 @@ export function getUrlParam (paraName) {
133 return ''; 135 return '';
134 } 136 }
135 } 137 }
138 /**
139 * @description: 身份证读卡器
140 * @author: renchao
141 */
142 export function getIdCardInfo (level) {
143 const resultMap = {
144 A: '10 颗星',
145 default: axios.post(Vue.prototype.BASE_API.IDCARDURL),
146 }
147 return resultMap[level] || resultMap.default
148 }
149 /**
150 * @description: 高拍仪组件
151 * @author: renchao
152 */
153 export function getAltimeterInfo () {
154 let data = {
155 "filepath": "base64",
156 "rotate": "0",
157 "cutpage": "0",
158 "camidx": "0",
159 "ColorMode": "0",
160 "quality": "3"
161 }
162 return axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data))
163 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 11:10:26 4 * @LastEditTime: 2023-06-16 11:12:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </div> 46 </div>
47 </template> 47 </template>
48 <script> 48 <script>
49 import axios from 'axios' 49 import { getAltimeterInfo } from '@/utils/operation.js'
50 import PhotoZoom from '@/components/PhotoZoom' 50 import PhotoZoom from '@/components/PhotoZoom'
51 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js"; 51 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
52 import publicPicture from '@/components/publicPicture/index.vue' 52 import publicPicture from '@/components/publicPicture/index.vue'
...@@ -149,20 +149,11 @@ ...@@ -149,20 +149,11 @@
149 const file = new File([blob], options); 149 const file = new File([blob], options);
150 return file; 150 return file;
151 } 151 }
152 152 getAltimeterInfo().then(res => {
153 let data = {
154 "filepath": "base64",
155 "rotate": "0",
156 "cutpage": "0",
157 "camidx": "0",
158 "ColorMode": "0",
159 "quality": "3"
160 }
161 axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data)).then((res) => {
162 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); 153 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
163 let file = blobToFile(blob); 154 let file = blobToFile(blob);
164 var formData = new FormData(); 155 var formData = new FormData();
165 formData.append('file', file.raw) 156 formData.append('file', file)
166 formData.append("bsmSj", this.previewImg.bsmSj); 157 formData.append("bsmSj", this.previewImg.bsmSj);
167 formData.append("bsmSlsq", this.previewImg.bsmSlsq); 158 formData.append("bsmSlsq", this.previewImg.bsmSlsq);
168 uploadSjClmx(formData).then((res) => { 159 uploadSjClmx(formData).then((res) => {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description: 添加家庭成员
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:28 4 * @LastEditTime: 2023-05-17 10:40:28
5 --> 5 -->
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-04-26 16:05:28 4 * @LastEditTime: 2023-04-26 16:05:28
5 --> 5 -->
6 <!-- 批量删除弹框 -->
6 <template> 7 <template>
7 <div class='batchDel'> 8 <div class='batchDel'>
8 <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" 9 <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false"
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description: 权利人列表
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-05-17 10:40:48 4 * @LastEditTime: 2023-06-14 10:40:48
5 --> 5 -->
6 <template> 6 <template>
7 <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> 7 <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
...@@ -119,4 +119,4 @@ ...@@ -119,4 +119,4 @@
119 } 119 }
120 </script> 120 </script>
121 <style scoped lang='scss'> 121 <style scoped lang='scss'>
122 </style>
...\ No newline at end of file ...\ No newline at end of file
122 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:38
5 -->
6 <template>
7 <div class="clxx">
8 <div class="right">
9 <!-- 材料预览 -->
10 <div class="clyl-box">
11 <div class="menu-tree">
12 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
13 <div class="item">
14 材料目录({{tableData.length}})
15 <div style="margin-top:10px">
16 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
17 <div v-for="(item,index) in tableData" :key="item.bsmSj"
18 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
19 <span v-if="item.isrequired==1" class="required">必选</span>
20 {{ item.sjmc }}
21 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
22 </div>
23 </div>
24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
26 </div>
27 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
28 @prevPriview="prevPriview" />
29 </div>
30 </div>
31 <clxxAddDialog v-model="isDialog" />
32 <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> -->
33 </div>
34 </template>
35 <script>
36 import { mapGetters } from "vuex";
37 import clxxAddDialog from "./dialog/clxxAddDialog.vue";
38 import clxxDetailDialog from "./dialog/clxxDetailDialog.vue";
39 import imagePreview from '@/views/components/imagePreview.vue'
40 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
41 import { popupDialog } from "@/utils/popup.js";
42 export default {
43 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
44 data () {
45 return {
46 isDialog: false,
47 iclass: "",
48 // 材料目录选中
49 treeCheckIndex: 0,
50 treeCheckId: "",
51 key: 0,
52 tableData: [],
53 previewImg: {
54 // 收件标识码
55 bsmSj: '',
56 bsmSlsq: this.$parent.bsmSlsq,
57 index: 0,
58 selectedIndex: 0,
59 imgList: []
60 }
61 }
62 },
63 computed: {
64 ...mapGetters(["dictData"])
65 },
66 created () {
67 this.clmlInitList(1)
68 },
69 methods: {
70 // 自动预览
71 nextPriview () {
72 if (this.treeCheckIndex < this.tableData.length) {
73 this.treeCheckIndex++
74 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
75 this.previewImg.index = 0
76 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
77 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
78 }
79 },
80 prevPriview () {
81 if (this.treeCheckIndex >= 1) {
82 this.treeCheckIndex--
83 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
84 this.previewImg.index = this.previewImg.imgList.length
85 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
86 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
87 }
88 },
89 // 材料目录明细初始化
90 clmlInitList (type) {
91 //type 1：列表初始化 2：新增材料
92 return new Promise(resolve => {
93 this.unitData = this.$parent.unitData;
94 var formdata = new FormData();
95 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
96 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
97 InitClml(formdata).then((res) => {
98 if (res.code == 200) {
99 resolve(res.code)
100 if (res.result && res.result.length > 0) {
101 this.tableData = res.result;
102 if (type == 1) {
103 this.treeClick(this.tableData[0], 0);
104 } else {
105 //新增材料后刷新列表焦点置于新增的对象上
106 this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
107 }
108 }
109 } else {
110 this.$message.error(res.message)
111 }
112 })
113 })
114 },
115 setChecked (item) {
116 this.treeCheckId = item.bsmSj;
117 this.title = item.sjmc;
118 this.titleYs = 1;
119 this.titleNum = item.children.length;
120 this.previewImg.imgList = item.children;
121 this.previewImg.bsmSj = item.bsmSj;
122 },
123 updateList (val) {
124 let that = this
125 if (val != null) { //删除最后一张图片时 val=null
126 this.tableData.forEach(item => {
127 if (item.bsmSj === val.bsmSj) {
128 item.children = val.children
129 }
130 })
131 this.previewImg.imgList = _.cloneDeep(val.children)
132 if (this.previewImg.index == this.previewImg.imgList.length) {
133 this.previewImg.index = this.previewImg.index - 1
134 }
135 } else {
136 this.previewImg.imgList = []
137 this.tableData.forEach((item, index) => {
138 if (this.treeCheckId == item.bsmSj) {
139 item.children = []
140 that.treeCheckIndex = index
141 }
142 })
143 }
144
145 },
146 // 添加材料目录
147 handleAdd () {
148 this.isDialog = true;
149 },
150 // 新增弹窗保存
151 addSave (data) {
152 let obj = {
153 bsmSlsq: this.$parent.bsmSlsq,
154 isrequired: "1",
155 sjmc: data.clmc,
156 sjsl: 0,
157 smzt: '',
158 ys: 0,
159 sjlx: data.cllx,
160 sfxjcl: "1", // 是否必选
161 };
162 saveClml(obj).then(async (res) => {
163 if (res.code == 200) {
164 let res = await this.clmlInitList(2)
165 if (res == 200) this.$message({
166 message: "新增成功",
167 type: "success",
168 })
169 }
170 });
171 },
172 // 材料目录点击选中
173 treeClick (item, index) {
174 this.previewImg.index = 0
175 this.treeCheckId = item?.bsmSj
176 this.treeCheckIndex = index
177 this.previewImg.imgList = item?.children
178 this.previewImg.bsmSj = item?.bsmSj
179 },
180 // 小图片点击
181 imgClick (item, index) {
182 this.showImg = item;
183 this.titleYs = index + 1;
184 },
185 // 字典
186 dicStatus (val, code) {
187 let data = this.$store.getters.dictData[code],
188 name = "暂无";
189 if (data) {
190 data.map((item) => {
191 if (item.dcode == val) {
192 name = item.dname
193 }
194 });
195 return name
196 }
197 },
198 //查看明细
199 viewDetail () {
200 this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
201 data: this.tableData
202 }, "60%")
203 },
204 //设置tableData
205 setTableData (tableData) {
206 this.$nextTick(res => {
207 this.tableData = tableData;
208 })
209 },
210 },
211 };
212 </script>
213 <style scoped lang='scss'>
214 @import "~@/styles/mixin.scss";
215
216 .active {
217 background: $light-blue !important;
218 color: #fff;
219 }
220
221 .required {
222 font-size: 12px;
223 color: $pink;
224 float: left;
225 }
226
227 .cl_number {
228 float: right;
229 }
230
231 .clxx {
232 width: 100%;
233 display: flex;
234 padding-left: 5px;
235 height: calc(100vh - 125px);
236
237 .left {
238 display: flex;
239 flex-direction: column;
240 justify-content: space-between;
241
242 .item {
243 width: 28px;
244 height: 49%;
245 @include flex-center;
246 background-color: #e4e7ed;
247 border-bottom-right-radius: 10px;
248 padding: 5px;
249 cursor: pointer;
250 transition: all 0.3s;
251
252 &:hover {
253 @extend .active;
254 }
255 }
256 }
257
258 .right {
259 width: 100%;
260 height: 100%;
261
262 .clmlmx-box {
263 margin: 0 auto;
264
265 .title {
266 text-align: center;
267 height: 60px;
268 line-height: 60px;
269 border: 1px solid #dfe6ec;
270 font-size: 20px;
271 background: #81d3f81a;
272 margin-bottom: -1px;
273 }
274 }
275
276 .clyl-box {
277 width: 100%;
278 height: 100%;
279 display: flex;
280
281 .menu-tree {
282 width: 20%;
283 min-width: 160px;
284 height: 100%;
285 margin-right: 10px;
286 border-right: 1px dotted #d9d9d9;
287 padding: 0 15px;
288
289 .item {
290 line-height: 30px;
291 padding-top: 5px;
292 border-bottom: 1px solid #e8e8e8;
293 font-size: 16px;
294 text-align: center;
295 color: $light-blue;
296
297 .itemIcon {
298 float: right;
299 line-height: 60px;
300 cursor: pointer;
301 }
302
303 .child {
304 line-height: 32px;
305 border-bottom: 1px solid #e8e8e8;
306 padding-left: 10px;
307 color: #6b6b6b;
308 cursor: pointer;
309 box-sizing: border-box;
310 border-radius: 6px;
311 line-height: 20px;
312 transition: all 0.3s;
313 padding: 8px 0;
314 }
315
316 .child:hover {
317 color: $light-blue;
318 transform: scale(1.1);
319 }
320
321 .checked {
322 border: 1px solid $light-blue;
323 color: $light-blue;
324 }
325 }
326 }
327
328 .clyl-img {
329 width: 75%;
330 height: 100%;
331 background: #f3f4f7;
332 margin: 0 auto;
333 position: relative;
334 }
335 }
336 }
337 }
338 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-09 09:20:10
5 -->
6 <template>
7 <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
8 :isFullscreen="false">
9 <el-form :model="ruleForm" ref="ruleForm" label-width="70px">
10 <el-row>
11 <el-col :span="24">
12 <el-form-item label="材料类型">
13 <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
14 <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 </el-row>
20 <el-row :gutter="20">
21 <el-col :span="24">
22 <el-form-item label="材料名称">
23 <el-input v-model="ruleForm.clmc"></el-input>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 </el-form>
28 </dialogBox>
29 </template>
30
31 <script>
32 import { mapGetters } from "vuex";
33 export default {
34 props: {
35 value: { type: Boolean, default: false },
36 },
37 data () {
38 return {
39 myValue: this.value,
40 ruleForm: {
41 cllx: "",
42 clmc: "",
43 },
44 };
45 },
46 computed: {
47 ...mapGetters(["dictData"]),
48 },
49 watch: {
50 value (val) {
51 this.myValue = val;
52 },
53 },
54 methods: {
55 closeDialog () {
56 this.$emit("input", false);
57 this.ruleForm = {
58 cllx: "",
59 clmc: "",
60 }
61 },
62 handleSubmit () {
63 this.$parent.addSave(this.ruleForm);
64 this.ruleForm = {
65 cllx: "",
66 clmc: "",
67 }
68 this.$emit("input", false);
69 },
70 },
71 };
72 </script>
73 <style scoped lang="scss">
74 .submit-button {
75 text-align: center;
76 height: 52px;
77 padding-top: 10px;
78 background-color: #fff;
79 }
80 </style>
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:57 4 * @LastEditTime: 2023-05-17 10:39:57
5 --> 5 -->
...@@ -275,4 +275,4 @@ ...@@ -275,4 +275,4 @@
275 margin-bottom: -1px; 275 margin-bottom: -1px;
276 } 276 }
277 } 277 }
278 </style>
...\ No newline at end of file ...\ No newline at end of file
278 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:02 4 * @LastEditTime: 2023-05-17 10:40:02
5 --> 5 -->
...@@ -164,4 +164,4 @@ ...@@ -164,4 +164,4 @@
164 display: flex; 164 display: flex;
165 justify-content: flex-end; 165 justify-content: flex-end;
166 } 166 }
167 </style>
...\ No newline at end of file ...\ No newline at end of file
167 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-04 14:13:28
5 -->
6 <template>
7 <lb-table :column="tableData.columns" heightNumSetting :pagination="false" :key="key" :data="tableData.data">
8 </lb-table>
9 </template>
10 <script>
11 import { mapGetters } from 'vuex'
12 import { getSzRecordList } from "@/api/bdcqz.js";
13 import table from "@/utils/mixin/table";
14 import { datas } from "../../javascript/szxxdata";
15 export default {
16 components: {
17
18 },
19 mixins: [table],
20 computed: {
21 ...mapGetters(["dictData"]),
22 },
23 props: {
24 formData: {
25 type: Object,
26 default: {}
27 }
28 },
29 data () {
30 return {
31 key: 0,
32 dataIndex: 0,
33 dialog: false,
34 details: {},
35 tableData: {
36 total: 0,
37 columns: datas.columns(),
38 data: [],
39 },
40 }
41 },
42 mounted () {
43 this.query()
44 },
45 methods: {
46 query () {
47 getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then(res => {
48 if (res.code == 200) {
49 this.tableData.data = res.result;
50 this.key++
51 }
52 })
53 }
54 }
55 }
56 </script>
57 <style scoped lang='scss'>
58 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:09
5 -->
6 <template>
7 <div>
8 <div class="zsdy-content loadingtext">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 ref="ruleForm"
13 label-width="120px">
14 <el-form-item label="印刷序列号：" prop="ysxlh">
15 <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
16 <el-option
17 v-for="item in ysxlh"
18 :key="item.ysxlh"
19 :label="item.ysxlh"
20 :value="item.ysxlh">
21 </el-option>
22 </el-select>
23 </el-form-item>
24 </el-form>
25 <img :src="previewImage" style="width: 100%">
26 </div>
27 <div class="text-center pt-10">
28 <el-button @click="$popupCacel">取消</el-button>
29 <el-button type="primary" @click="handleSubmit">确定</el-button>
30 </div>
31 </div>
32 </template>
33
34 <script>
35 import store from '@/store/index.js'
36 import { datas } from "../../javascript/zsyl.js";
37 import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js";
38 export default {
39 props: {
40 formData: {
41 type: Object,
42 default: () => {
43 return {}
44 }
45 }
46 },
47 data () {
48 return {
49 //印刷序列号集合
50 ysxlh: [],
51 //证书预览图片
52 previewImage: '',
53 //列名称对象
54 columns: [],
55 ruleForm: {
56 bsmBdcqz: "",
57 szmc: "不动产权证书",
58 bdcqzlx: "",
59 szzh: "",
60 ysxlh: ""
61 },
62 rules: {
63 ysxlh: [
64 { required: true, message: "请选择印刷序列号", trigger: "change" }
65 ]
66 }
67 }
68 },
69 created () {
70 store.dispatch('user/refreshPage', false)
71 this.columns = datas.columns()
72 this.ysxlhList()
73 this.getBdcqzPreview()
74 },
75 methods: {
76 //获取印刷序列号列表
77 ysxlhList () {
78 readYsxlh({ zslx: this.formData.bdcqz.bdcqzlx }).then((res) => {
79 if (res.code === 200) {
80 this.ysxlh = res.result;
81 }
82 })
83 },
84 handleSubmit () {
85 this.savePrintRecord()
86 },
87 //获取证书内容
88 getRowValue (code) {
89 var value = this.bdcqz[code];
90 return value;
91 },
92 getBdcqzPreview () {
93 this.$startLoading()
94 bdcqzPreview(this.formData.bdcqz).then(res => {
95 this.$endLoading()
96 let blob = new Blob([res]);
97 let url = window.URL.createObjectURL(blob);
98 this.previewImage = url;
99 })
100 },
101 //保存打印记录
102 savePrintRecord () {
103 this.ruleForm.bsmBdcqz = this.formData.bdcqz.bsmBdcqz;
104 this.ruleForm.bdcqzlx = this.formData.bdcqz.bdcqzlx;
105 this.ruleForm.szzh = this.formData.bdcqz.bdcqzh;
106 certificate(this.ruleForm).then((res) => {
107 if (res.code === 200) {
108 this.$popupCacel()
109 this.$message.success("提交成功")
110 //刷新列表
111 store.dispatch('user/refreshPage', true);
112 } else {
113 this.$message.error(res.message)
114 }
115 });
116 },
117 },
118 };
119 </script>
120 <style scoped lang="scss">
121 @import "~@/styles/mixin.scss";
122 .zsdy-content {
123 height: 80vh;
124 overflow-y: scroll;
125 }
126 .aaaa {
127 width: 1024px;
128 height: 739px;
129 font-family: KaiTi;
130 font-weight: 700;
131 }
132 .bdcdjzm {
133 width: 1123px;
134 height: 794px;
135 font-family: KaiTi;
136 font-weight: 700;
137 }
138 .zmyl-box {
139 //position: relative;
140 position: absolute;
141 height: 600px;
142 width: 280px;
143 margin-left: 775px;
144 font-size: 16px;
145 justify-content: space-between;
146 }
147 .bdcqzh {
148 height: 70px;
149 left: 0;
150 bottom: 0;
151 font-size: 18px;
152 }
153 .zsyl-box {
154 display: flex;
155 justify-content: space-between;
156 // padding: 20px;
157 font-size: 16px;
158 height: 100%;
159 $left: 131px;
160
161 .zsyl-left {
162 width: 460px;
163 position: relative;
164 .qlr {
165 position: absolute;
166 top: 40px;
167 left: $left;
168 }
169 .gyqk {
170 position: absolute;
171 top: 80px;
172 left: $left;
173 }
174 .zl {
175 position: absolute;
176 top: 120px;
177 left: $left;
178 }
179 .bdcdyh {
180 position: absolute;
181 top: 160px;
182 left: $left;
183 }
184 .qllx {
185 position: absolute;
186 top: 205px;
187 left: $left;
188 }
189 .qlxz {
190 position: absolute;
191 top: 250px;
192 left: $left;
193 }
194 .yt {
195 position: absolute;
196 top: 290px;
197 left: $left;
198 }
199 .mj {
200 position: absolute;
201 top: 330px;
202 left: $left;
203 }
204 .syqx {
205 position: absolute;
206 top: 370px;
207 left: $left;
208 }
209 .qt {
210 position: absolute;
211 top: 420px;
212 left: $left;
213 }
214 }
215 .zsyl-right {
216 flex: 1;
217 text-align: left;
218 position: relative;
219 .fj {
220 position: absolute;
221 left: 115px;
222 top: 5px;
223 }
224 }
225 .zsyl-title {
226 margin-bottom: 12px;
227 }
228 /deep/.el-table__row {
229 background: #fafbe5 !important;
230 }
231 }
232 .middle_padding {
233 padding-bottom: 10px;
234 }
235 .zsyl-button {
236 text-align: center;
237 margin-top: 20px;
238 .operation_button {
239 width: 100px;
240 border: 1px solid rgb(0, 121, 254);
241 }
242 .dy-button {
243 color: white;
244 background-color: rgb(0, 121, 254);
245 }
246 }
247 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-18 10:53:49
5 -->
6 <template>
7 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
8 <el-row>
9 <el-col :span="8">
10 <el-form-item label="发证人姓名">
11 <el-input v-model="ruleForm.fzrmc" disabled></el-input>
12 </el-form-item>
13 </el-col>
14 <el-col :span="8">
15 <el-form-item label="发证时间">
16 <el-input v-model="ruleForm.fzsj" disabled></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="发证数量">
21 <el-input v-model="ruleForm.fzsl" disabled></el-input>
22 </el-form-item>
23 </el-col>
24 </el-row>
25
26 <lb-table :column="tableData.columns" @row-dblclick="handleRowClick" ref="table" @selection-change="handleSelectionChange" :data="tableData.data"
27 :pagination="false"
28 :calcHeight="300">
29 </lb-table>
30 <el-row>
31 <el-col :span="6">
32 <el-form-item label="领证人" prop="lzrxm">
33 <el-input v-model="ruleForm.lzrxm"></el-input>
34 </el-form-item>
35 </el-col>
36 <el-col :span="6">
37 <el-form-item label="证件类型" prop="lzrzjlb">
38 <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
39 <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
40 </el-option>
41 </el-select>
42 </el-form-item>
43 </el-col>
44 <el-col :span="6">
45 <el-form-item label="证件号" prop="lzrzjh">
46 <el-input v-model="ruleForm.lzrzjh"></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="6">
50 <el-form-item label="领证人电话" prop="lzrdh">
51 <el-input v-model="ruleForm.lzrdh"></el-input>
52 </el-form-item>
53 </el-col>
54 </el-row>
55 <el-form-item class="text-center">
56 <el-button @click="$popupCacel">取消</el-button>
57 <el-button type="primary" @click="handleSubmit">确定</el-button>
58 </el-form-item>
59 </el-form>
60 </template>
61 <script>
62 import Vue from 'vue'
63 import store from '@/store/index.js'
64 import table from "@/utils/mixin/table";
65 import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
66 import { datas } from "../../javascript/fzxxdata";
67 export default {
68 props: {
69 formData: {
70 type: Object,
71 default: () => {
72 return {}
73 }
74 }
75 },
76 mixins: [table],
77 data () {
78 return {
79 zjzlData: store.getters.dictData['A30'],
80 ruleForm: {
81 fzrmc: '',
82 fzsj: '',
83 fzsl: '',
84 bdcqzList: [],
85 lzrxm: '',
86 lzrzjlb: '',
87 lzrzjh: '',
88 lzrdh: ''
89 },
90 rules: {
91 lzrxm: [
92 { required: true, message: '请输入领证人', trigger: 'blur' }
93 ],
94 lzrzjlb: [
95 { required: true, message: '请选择证件类型', trigger: 'change' }
96 ],
97 lzrzjh: [
98 { required: true, message: '请输入证件号', trigger: 'blur' }
99 ],
100 lzrdh: [
101 { required: true, message: '请输入电话号码', trigger: 'blur' }
102 ]
103 },
104 tableData: {
105 total: 0,
106 columns: datas.columns().lzgrid,
107 data: []
108 }
109 }
110 },
111 mounted () {
112 this.$nextTick(() => {
113 this.loadGrid()
114 })
115 },
116 methods: {
117 //列表初始化
118 loadGrid () {
119 getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => {
120 if (res.code === 200) {
121 this.tableData.data = res.result.list;
122 this.ruleForm.fzrmc = res.result.fzrmc
123 this.ruleForm.fzsj = res.result.fzsj
124 this.ruleForm.fzsl = res.result.fzsl
125 this.ruleForm.bdcqzList = res.result.list;
126 }
127 })
128 },
129 handleSelectionChange (val) {
130 this.ruleForm.bdcqzList = val
131 },
132 handleRowClick (row) {
133 this.$refs.table.toggleRowSelection(row)
134 },
135 handleSubmit () {
136
137 this.$refs.ruleForm.validate(valid => {
138 if (valid) {
139 issueCertificate(this.ruleForm).then(res => {
140 if (res.code == 200) {
141 this.$message.success('保存成功');
142 this.$popupCacel()
143 } else {
144 this.$message.error(res.message)
145 }
146 })
147 } else {
148 this.$message.error("请填写领取人信息！")
149 return false;
150 }
151 })
152 }
153 }
154 }
155 </script>
156 <style scoped lang="scss">
157 @import "~@/styles/mixin.scss";
158 </style>
159
160
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-29 14:22:48
5 -->
6 <template>
7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px">
8 <!-- 表单部分 -->
9 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1">
10 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz"
11 v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane>
12 </el-tabs>
13 <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div>
14 <!-- <img :src="previewImage" class="imgClass"> -->
15 <canvas ref="canvas" :width="canvasWidth" :height="canvasHeight"></canvas>
16 </div>
17 </template>
18
19 <script>
20 import { datas } from "../../javascript/zsyl.js";
21 import { getSlsqBdcqzList, bdcqzPreview } from "@/api/bdcqz.js"
22 export default {
23 name: "zsyl",
24 props: {
25 formData: {
26 type: Object,
27 default: {}
28 }
29 },
30 data () {
31 return {
32 imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
33 canvasWidth: 1018,
34 canvasHeight: 720,
35
36 loading: false,
37 //印刷序列号集合
38 ysxlh: [],
39 //列名称对象
40 columns: [],
41 //选择的不动产权证文件
42 bdcqz: '',
43 //证书打开类型 是否需要展示打印按钮
44 isToPrint: false,
45 //tab切换栏数组
46 headTabBdcqz: [],
47 //tab选择绑定值
48 activeName: '',
49 //证书图片预览
50 previewImage: '',
51 ruleForm: {
52 bsmBdcqz: '',
53 szmc: '不动产权证书',
54 bdcqzlx: '',
55 szzh: '',
56 ysxlh: '',
57 },
58 }
59 },
60 mounted () {
61 this.columns = datas.columns();
62 if (this.formData.bdcqz) {
63 //从缮证进入
64 this.bdcqz = this.formData.bdcqz
65 } else {
66 //从按钮进入
67 this.getHeadTabBdcqz();
68 }
69 },
70 methods: {
71 //获取证书内容
72 getRowValue (code) {
73 var value = this.bdcqz[code];
74 return value;
75 },
76 //获取受理申请下全部不动产权证
77 getHeadTabBdcqz () {
78 this.loading = true
79 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
80 if (res.code == 200) {
81 if (res.result && res.result.length > 0) {
82 this.activeName = res.result[0].bsmBdcqz
83 this.bdcqz = res.result[0]
84 this.headTabBdcqz = res.result
85 this.drawTextOnImage();
86 }
87 }
88 this.loading = false
89 })
90 },
91 //tab表头切换方法
92 handleClick (e) {
93 this.bdcqz = this.headTabBdcqz[e.index - 0]
94 this.activeName = this.headTabBdcqz.bsmBdcqz
95 // this.getBdcqzPreview();
96 this.drawTextOnImage()
97 },
98 // getBdcqzPreview () {
99 // bdcqzPreview(this.bdcqz).then(res => {
100 // this.loading = false
101 // let blob = new Blob([res]);
102 // let url = window.URL.createObjectURL(blob);
103 // this.previewImage = url;
104 // this.drawTextOnImage()
105 // })
106 // },
107 drawTextOnImage () {
108 const canvas = this.$refs.canvas;
109 const context = canvas.getContext('2d');
110 const image = new Image();
111 image.onload = () => {
112 context.drawImage(image, 0, 0);
113 context.font = '15px 楷体';
114 context.fillStyle = '#000000';
115 context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
116 context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
117 context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
118 context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56);
119 context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 138, 97);
120 context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 138, 138);
121 context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 138, 180);
122 context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 138, 223);
123 context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 138, 263);
124 context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 138, 303);
125 context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346);
126 context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386);
127 context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429);
128 context.fillText(this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk : '', 138, 469);
129 context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 580, 100);
130 }
131 image.src = this.imgSrc;
132 }
133 }
134 }
135 </script>
136 <style scoped lang="scss">
137 @import "~@/styles/mixin.scss";
138
139 .imgClass {
140 display: inline-block;
141 height: auto;
142 max-width: 100%;
143 }
144
145 .middle_padding {
146 padding-bottom: 10px;
147 }
148
149 .zsyl-button {
150 text-align: center;
151 margin-top: 20px;
152
153 .operation_button {
154 width: 100px;
155 border: 1px solid rgb(0, 121, 254);
156 }
157
158 .dy-button {
159 color: white;
160 background-color: rgb(0, 121, 254);
161 }
162 }
163
164 .table-column {
165 border-spacing: 1px;
166 width: 100%;
167
168 tr td {
169 border: 1px solid #ccc;
170 text-align: center;
171 height: 40px;
172 padding: 4px;
173 font-size: 13px;
174 background: rgb(251, 249, 229);
175 }
176 }
177
178 .zsyl-title {
179 background: #fafbe5;
180 text-align: center;
181 padding: 5px 0px;
182 font-size: 20px;
183 }
184
185 .no-data {
186 font-size: 18px;
187 display: flex;
188 text-align: center;
189 justify-content: center;
190 }
191 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-16 15:55:45
5 -->
6 <template>
7 <div class="from-clues">
8 <!-- 发证信息 -->
9 <div class="from-clues-header">
10 <el-form :model="ruleForm">
11 <el-row :gutter="20">
12 <el-col :span="6">
13 <el-form-item label="印刷序列号">
14 <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="6">
18 <el-form-item label="证书号">
19 <el-input v-model="ruleForm.zsh" clearable placeholder="请输入证书号"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="6">
23 <el-form-item label="权利人">
24 <el-input v-model="ruleForm.qlr" clearable placeholder="请输入权利人"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="6" class="btnColRight">
28 <el-form-item>
29 <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
30 <el-button type="primary" icon="el-icon-search" @click="zslqClick">证书领取</el-button>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 </el-form>
35 </div>
36 <div class="from-clues-content">
37 <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
38 </lb-table>
39 </div>
40 </div>
41 </template>
42 <script>
43 import table from "@/utils/mixin/table";
44 import { getCertificateList } from "@/api/bdcqz.js";
45 import { datas } from "../javascript/fzxxdata";
46 export default {
47 mixins: [table],
48 data () {
49 return {
50 ruleForm: {
51 ysxlh: '',
52 zsh: '',
53 qlr: '',
54 bsmSldy: ''
55 },
56 tableData: {
57 total: 0,
58 columns: datas.columns().fzgrid,
59 data: []
60 },
61 dialogVisible: false
62 }
63 },
64 methods: {
65 queryClick () {
66 this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
67 getCertificateList(this.ruleForm).then(res => {
68 if (res.code === 200) {
69 this.tableData.data = res.result ? res.result : []
70 }
71 })
72 },
73 zslqClick () {
74 this.$popupDialog("不动产权证领取", "workflow/components/dialog/zslq", {}, '80%', true)
75 }
76 }
77 }
78 </script>
79 <style scoped lang='scss'>
80 @import "~@/styles/public.scss";
81 </style>
...\ No newline at end of file ...\ No newline at end of file
1 import { log } from "bpmn-js-token-simulation";
1 2
2 3
3 var qlxxPage = [ 4 var qlxxPage = [
...@@ -36,6 +37,7 @@ var qlxxPage = [ ...@@ -36,6 +37,7 @@ var qlxxPage = [
36 { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" }, 37 { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" },
37 { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, 38 { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
38 { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, 39 { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
40 { qllx: "DJB", id: "djbfm", form: "djbfm.vue", label: "预告登记" },
39 ]; 41 ];
40 42
41 //组装登记簿树形结构 43 //组装登记簿树形结构
...@@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) { ...@@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) {
66 68
67 //获取权利类型、不动产单元类型对应的树形节点信息 69 //获取权利类型、不动产单元类型对应的树形节点信息
68 export function getNode(qllx, qlxx, bdcdylx) { 70 export function getNode(qllx, qlxx, bdcdylx) {
71 console.log("qllx",qllx,"bdcdylx",bdcdylx);
69 let node; 72 let node;
70 for (var i = 0; i < qlxxPage.length; i++) { 73 for (var i = 0; i < qlxxPage.length; i++) {
71 if (qlxxPage[i].qllx == qllx) { 74 if (qlxxPage[i].qllx == qllx) {
...@@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) { ...@@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) {
76 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; 79 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
77 } 80 }
78 } else { 81 } else {
82 console.log("jin1111");
79 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; 83 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label};
84 console.log("nodenodenodenode",node);
80 } 85 }
81 break; 86 break;
82 } 87 }
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 :key="index" 30 :key="index"
31 > 31 >
32 <div> 32 <div>
33 <p>{{ item.qllxmc }} ||{{ item.operate }}</p> 33 <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p>
34 <!-- <p class="title-detail">{{ item.zl }}</p> --> 34 <!-- <p class="title-detail">{{ item.zl }}</p> -->
35 </div> 35 </div>
36 <i 36 <i
...@@ -127,6 +127,7 @@ export default { ...@@ -127,6 +127,7 @@ export default {
127 leftMenu(formdata).then((res) => { 127 leftMenu(formdata).then((res) => {
128 if (res.code === 200 && res.result) { 128 if (res.code === 200 && res.result) {
129 this.currentSelectProps = res.result[0]; 129 this.currentSelectProps = res.result[0];
130 console.log("this.currentSelectProps",this.currentSelectProps);
130 this.$emit("getCurrentSelectProps", this.currentSelectProps); 131 this.$emit("getCurrentSelectProps", this.currentSelectProps);
131 } 132 }
132 }); 133 });
...@@ -263,5 +264,8 @@ export default { ...@@ -263,5 +264,8 @@ export default {
263 } 264 }
264 .blxx { 265 .blxx {
265 border: #b0d9f8 solid 1px; 266 border: #b0d9f8 solid 1px;
267 .tpcolor{
268 color: red;
269 }
266 } 270 }
267 </style> 271 </style>
......
1 <!--
2 * @Description: 功能：审批意见
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:24
5 -->
6 <template>
7 <div class='spyj loadingtext'>
8 <div class="box">
9 <b class="spyj_title">审批表</b>
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
12 <div class="item_left">
13 {{ item.jdmc }}意见
14 </div>
15 <div class="item_right">
16 <el-row>
17 <el-col :span="24">
18 <el-form-item label-width="0" class="opinion_item" prop="shyj">
19 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见"
20 v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input>
21 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
22 </el-input>
23 <el-button class="opinion_btn" @click="commonOpinion"
24 v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="16">
30 <el-form-item label="审查人" prop="shryxm">
31 {{ item.shryxm }}
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="审核时间" prop="shjssj" :key="refresh">
36 {{ item.shjssj }}
37 </el-form-item>
38 </el-col>
39 </el-row>
40 </div>
41 </div>
42 <div class="submit_button" v-if="ableOperation">
43 <el-button type="primary" @click="onSubmit">保存</el-button>
44 </div>
45 </el-form>
46 </div>
47 <el-empty v-if="isNoData" description="暂无数据"></el-empty>
48 </div>
49 </template>
50 <script>
51 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
52 import { mapGetters } from 'vuex'
53 export default {
54 computed: {
55 ...mapGetters(['userData', 'yjsqOptions'])
56 },
57 data () {
58 return {
59 isNoData: false,
60 bsmSlsq: '',
61 //刷新值
62 refresh: 10,
63 ableOperation: true,
64 bsmSlsq: this.$route.query.bsmSlsq,
65 bestepid: this.$route.query.bestepid,
66 ruleForm: {},
67 rules: {
68 shyj: [
69 { required: true, message: '请输入审批意见', trigger: 'blur' }
70 ],
71 },
72 tableData: [],
73 propsParam: {}
74 }
75 },
76 watch: {
77 yjsqOptions: {
78 handler (val) {
79 this.ruleForm.shyj = val
80 },
81 deep: true,
82 immediate: true
83 },
84 },
85 mounted () {
86 this.propsParam = this.$attrs;
87 if (this.$route.query.viewtype) {
88 this.ableOperation = false
89 }
90 this.list();
91 },
92 methods: {
93 //审批意见数据初始化
94 list () {
95 let that = this
96 this.$startLoading()
97 var formdata = new FormData();
98 formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
99 formdata.append("bestepid", this.$route.query.bestepid);
100 formdata.append("ableOperation", this.ableOperation)
101 getSpyjList(formdata).then((res) => {
102 this.$endLoading()
103 if (res.code === 200 && res.result) {
104 this.tableData = res.result ? res.result : []
105 if (res.result.length == 0) {
106 that.isNoData = true
107 }
108 this.ruleForm = res.result[res.result.length - 1]
109 }
110 })
111 },
112 onSubmit () {
113 this.ruleForm.bsmSlsq = this.bsmSlsq
114 this.ruleForm.bestepid = this.bestepid
115 saveSpyjBySlsq(this.ruleForm).then(res => {
116 if (res.code === 200) {
117 this.$message.success("保存成功")
118 this.refresh += 1
119 } else {
120 this.$message.error(res.message)
121 }
122 })
123 },
124 //打开常用意见列表弹窗
125 commonOpinion () {
126 this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true)
127 },
128 //使用常用意见
129 useOpinion (opinion) {
130 this.ruleForm.shyj = opinion
131 }
132 }
133 }
134 </script>
135 <style scoped lang='scss'>
136 @import "~@/styles/mixin.scss";
137
138 .spyj {
139 width: 100%;
140 height: 100%;
141 background-color: #f5f5f5;
142 padding: 5px;
143 .box {
144 overflow-x: auto;
145 width: 100%;
146 height: 95%;
147 background: #fff;
148 text-align: center;
149 padding: 4px;
150 overflow-y: scroll;
151 padding-top: 20px;
152 padding: 20px 40px;
153 }
154 .spyj_title {
155 line-height: 68px;
156 border: 1px solid $borderColor;
157 text-align: center;
158 font-size: 22px;
159 font-weight: 400;
160 background-color: #eceef2;
161 display: block;
162 border-bottom: none;
163 }
164
165 /deep/.el-form-item {
166 margin-bottom: 0;
167 }
168
169 .bottom10 {
170 margin-bottom: 15px;
171 }
172
173 .spyj_form {
174 display: flex;
175 border: 1px solid $borderColor;
176
177 .item_left {
178 width: 150px;
179 background-color: #f8f8fa;
180 color: #606266;
181 display: flex;
182 font-size: 14px;
183 text-indent: 80px;
184 align-items: center;
185 border-right: 1px solid $borderColor;
186 }
187
188 .item_right {
189 flex: 1;
190 width: 100%;
191
192 /deep/.el-form-item__label {
193 background-color: #f8f8fa;
194 }
195 /deep/.el-form-item__content {
196 display: block;
197 text-align: left;
198 text-indent: 10px;
199 }
200 .opinion_item {
201 /deep/.el-form-item__error {
202 margin-top: -16px !important;
203 left: 3px;
204 }
205
206 border-bottom: 1px solid $borderColor;
207 }
208
209 .opinion {
210 position: relative;
211 font-size: 14px;
212
213 /deep/.el-textarea__inner {
214 border: none;
215 }
216 }
217
218 .opinion_btn {
219 position: absolute;
220 right: 15px;
221 bottom: 10px;
222 }
223 }
224 }
225
226 .submit_button {
227 text-align: center;
228 margin: 15px 0;
229 }
230 }
231 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:49
5 -->
6 <template>
7 <div class="szxx">
8 <el-card class="box-card" v-for="(item, index) in tableData" :key="index">
9 <div slot="header" class="szxx_header">
10 <span class="header_type">{{
11 item.bdcqzlx == 1 ? "不动产权证书" : "不动产登记证明"
12 }}</span>
13 <div class="header_text">{{ item.bdcqzh }}</div>
14 </div>
15 <div class="szxx_body card_padding">
16 <div class="text color_iray">
17 <span>{{ item.qllx }}</span>
18 </div>
19 <div class="text color_red">
20 <span>{{ item.qlr }}</span>
21 </div>
22 <div class="text color_iray">
23 <span>{{ item.gyqk }}</span>
24 </div>
25 <div class="text color_red">
26 <span>{{ item.bdcdyh }}</span>
27 </div>
28 <div class="text color_iray">
29 <span>{{ item.zl }}</span>
30 </div>
31 <div class="text color_red">
32 <span>{{ item.yt }}</span>
33 </div>
34 <div class="text color_iray">
35 <span>{{ item.mj }}</span>
36 </div>
37 <div class="text color_red">
38 <span>{{ item.syqx }}</span>
39 </div>
40 <div class="text color_iray">
41 <span>印刷序列号：{{ item.ysxlh }}</span>
42 </div>
43 </div>
44 <div class="card_padding">
45 <div class="top_line middle_margin"></div>
46 <div class="text" v-if="item.ysxlh">
47 <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印（{{ item.szcs
48 }})</el-button>
49 <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button>
50 </div>
51 <div class="text" v-else>
52 <el-button class="operation_button" type="text" @click="openZsylDialog(item, 2)">证书打印1（{{ item.szcs
53 }}）</el-button>
54 <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button>
55 </div>
56 </div>
57 </el-card>
58 <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body="false" top="30vh">
59 <div class="invalid-diglog">
60 <div class="invalid-title">
61 <i class="el-icon-question invalid-icon"></i>
62 <div class="invalid-body">您确定作废证书并再次打印？</div>
63 </div>
64 <div class="invalid-reson">作废原因：</div>
65 <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input>
66 <div class="text-center pt-10">
67 <el-button @click="closeInvalidDiglog">取 消</el-button>
68 <el-button type="primary" @click="confirmInvalid">确 定</el-button>
69 </div>
70 </div>
71 </el-dialog>
72 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty>
73 </div>
74 </template>
75 <script>
76 import { mapGetters } from 'vuex'
77 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
78 export default {
79 props: {},
80 data () {
81 return {
82 dialog: false,
83 tableData: [],
84 bdcqzlx: 1,
85 bdcqz: {},
86 zfyy: "",
87 invalidDiglog: false,
88 bsmSz: "",
89 bsmBdcqz: ""
90 };
91 },
92 computed: {
93 ...mapGetters(['isRefresh'])
94 },
95 watch: {
96 isRefresh: {
97 handler (newVal, oldVal) {
98 if (newVal) this.list()
99 }
100 }
101 },
102 created () {
103 this.list();
104 },
105 methods: {
106 //初始化列表
107 list () {
108 var bsmSlsq = this.$route.query.bsmSlsq;
109 getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
110 if (res.code === 200) {
111 this.tableData = res.result;
112 if (res.result) {
113 this.bdcqz = res.result[0];
114 }
115 }
116 });
117 },
118 //打开证书预览弹窗
119 openZsylDialog (item, type) {
120 if (type == 1) {
121 //证书预览
122 this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item }, "70%", true);
123 } else {
124 this.$popupDialog("不动产权证书", "workflow/components/dialog/zsdy", { bdcqz: item }, "70%", true);
125 }
126 },
127 //再次打印
128 openInvalidDiglog (item) {
129 this.bsmSz = item.bsmSz;
130 this.invalidDiglog = true;
131 this.bsmBdcqz = item.bsmBdcqz
132 },
133 closeInvalidDiglog () {
134 this.invalidDiglog = false;
135 this.bsmSz = "";
136 this.zfyy = "";
137 },
138 //作废缮证信息
139 confirmInvalid () {
140 invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then((res) => {
141 if (res.code === 200) {
142 this.list();
143 this.$message.success("作废成功");
144 this.invalidDiglog = false;
145 this.zfyy = ''
146 this.openZsylDialog(this.bdcqz);
147 } else {
148 this.$message.error(res.message);
149 }
150 });
151 },
152 openRecordPop (item) {
153 this.$popupDialog("缮证记录", "workflow/components/dialog/szRecord", { bsmBdcqz: item.bsmBdcqz }, '60%', true)
154 }
155 },
156 };
157 </script>
158 <style scoped lang='scss'>
159 @import "~@/styles/public.scss";
160 .szxx {
161 box-sizing: border-box;
162 padding-right: 15px;
163 width: 100%;
164 height: 600px;
165 overflow-y: scroll;
166
167 .box-card {
168 float: left;
169 width: 300px;
170 margin-top: 10px;
171 margin-right: 10px;
172
173 .szxx_body {
174 height: 240px;
175 }
176 }
177 }
178
179 .szxx_header {
180 color: #ffffff;
181 font-weight: bolder;
182 font-size: 16px;
183
184 .header_type {
185 display: flex;
186 justify-content: center;
187 align-content: center;
188 }
189
190 .header_text {
191 text-align: center;
192 margin-top: 10px;
193 line-height: 30px;
194 }
195 }
196
197 .top_line {
198 border-top: 2px solid rgb(222, 222, 222);
199 }
200
201 .text {
202 margin-bottom: 10px;
203 text-align: center;
204 }
205
206 .color_iray {
207 color: rgb(153, 153, 153);
208 }
209
210 .color_red {
211 color: rgb(255, 89, 24);
212 }
213
214 .middle_margin {
215 margin-bottom: 10px;
216 }
217
218 .operation_button {
219 border: 1px solid rgb(0, 121, 254);
220 padding: 5px;
221 text-align: center;
222 }
223
224 .card_padding {
225 padding-top: 8px;
226 }
227
228 .invalid-diglog {
229 padding-bottom: 20px;
230 font-size: 16px;
231 font-weight: bold;
232 color: rgb(99, 99, 99);
233
234 .invalid-title {
235 display: flex;
236 align-content: center;
237
238 .invalid-icon {
239 color: rgb(254, 148, 0);
240 font-size: 34px;
241 margin-right: 10px;
242 }
243
244 .invalid-body {
245 line-height: 40px;
246 margin-bottom: 10px;
247 }
248 }
249
250 .invalid-reson {
251 margin-bottom: 10px;
252 }
253
254 .dialog-footer {
255 margin-top: 10px;
256 display: flex;
257 justify-content: flex-end;
258 }
259 }
260
261 /deep/.el-card__header {
262 background-color: rgb(198, 67, 83);
263 }
264
265 /deep/.el-card__body {
266 padding: 0px;
267 }
268 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-01 09:48:15
5 -->
6 <template>
7 <canvas id="mxcad">
8 </canvas>
9 </template>
10 <script>
11 import Mx from "mxdraw"
12 export default {
13 mounted () {
14 // 动态加载 js库核心代码
15 Mx.loadCoreCode().then(() => {
16 // Mx.MxFun.setMxServer("ws://localhost:5090") // 开启socket通信 可编辑图纸
17 // 创建控件对象
18 Mx.MxFun.createMxObject({
19 canvasId: "mxcad", // canvas元素的id
20 cadFile: "/buf/hhhh.dwg", // http方式(预览): 加载public/demo文件夹下转换后的图纸
21 // cadFile: "test2.dwg", // socket通信方式请直接提供图纸名称 如：text.dwg
22 callback: (mxDraw, {
23 canvas,
24 canvasParent
25 }) => {
26 // 可以拿到canvas元素和它的父级元素
27 console.log(canvas, canvasParent)
28 console.log(mxDraw)
29 // 拿到图层数据
30 mxDraw.addEvent('uiSetLayerData', (listLayer) => {
31 console.log(listLayer)
32 })
33 },
34 isNewFile: true // 是否新建文件
35 })
36 })
37 }
38 }
39 </script>
40 <style scoped lang='scss'>
41 #cad-container {
42 width: 100%;
43 height: 100%;
44 }
45 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -111,29 +111,41 @@ export default { ...@@ -111,29 +111,41 @@ export default {
111 } 111 }
112 return name; 112 return name;
113 }, 113 },
114 AddDialog(row){ 114 // 编辑
115 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", { 115 editDialog(row){
116 datalist:this.columns, 116 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
117 data: '' 117 confirmButtonText: '确定',
118 }) 118 cancelButtonText: '取消',
119 }, 119 type: 'warning'
120 editDialog(row){ 120 }).then(() => {
121 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 121 this.$parent.addRepairRecord(row)
122 datalist:this.columns, 122
123 data: row, 123 this.$message({
124 type: 'success',
125 message: '补录成功!'
126 });
127 }).catch(() => {
128 this.$message({
129 type: 'info',
130 message: '取消编辑'
131 });
132 });
133
134 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
135 // datalist:this.columns,
136 // data: row,
137
138 // })
124 139
125 })
126 }, 140 },
127 // 删除 141 // 删除
128 deleteDialog(row){ 142 deleteDialog(row){
129 let that = this 143 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
130 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
131 confirmButtonText: '确定', 144 confirmButtonText: '确定',
132 cancelButtonText: '取消', 145 cancelButtonText: '取消',
133 type: 'warning' 146 type: 'warning'
134 }).then(async () => { 147 }).then(() => {
135 148 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
136 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
137 // deleteClmx(bsmClmx).then(res => { 149 // deleteClmx(bsmClmx).then(res => {
138 // if (res.code == 200) { 150 // if (res.code == 200) {
139 // that.$emit('updateList', res.result) 151 // that.$emit('updateList', res.result)
...@@ -143,16 +155,16 @@ export default { ...@@ -143,16 +155,16 @@ export default {
143 // }) 155 // })
144 // } 156 // }
145 // }) 157 // })
146 that.$message({ 158 this.$message({
147 message: '删除成功!', 159 type: 'success',
148 type: 'success' 160 message: '删除成功!'
149 }) 161 });
150 }).catch(() => { 162 }).catch(() => {
151 this.$message({ 163 this.$message({
152 type: 'info', 164 type: 'info',
153 message: '已取消删除' 165 message: '已取消删除'
154 }) 166 });
155 }) 167 });
156 168
157 } 169 }
158 }, 170 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:46 4 * @LastEditTime: 2023-05-17 10:40:38
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
8 <div class="left">
9 <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']"
10 @click="menuClick(item)">
11 {{ item.label }}
12 </div>
13 </div>
14 <div class="right"> 8 <div class="right">
15 <!-- 材料目录明细 -->
16 <div class="clmlmx-box" v-if="checkedId == '1'">
17 <div class="title">申请材料目录</div>
18 <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData">
19 </lb-table>
20 </div>
21 <!-- 材料预览 --> 9 <!-- 材料预览 -->
22 <div class="clyl-box" v-else> 10 <div class="clyl-box">
23 <div class="menu-tree"> 11 <div class="menu-tree">
12 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
24 <div class="item"> 13 <div class="item">
25 材料目录111({{tableData.length}}) 14 材料目录({{tableData.length}})
26 <div> 15 <div style="margin-top:10px">
16 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
27 <div v-for="(item,index) in tableData" :key="item.bsmSj" 17 <div v-for="(item,index) in tableData" :key="item.bsmSj"
28 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> 18 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
29 <span v-if="item.isrequired==1" class="required">必选</span> 19 <span v-if="item.isrequired==1" class="required">必选</span>
30 {{ item.sjmc }} 20 {{ item.sjmc }}
31 <span class="cl_number">({{item.children.length}})</span> 21 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
32 </div> 22 </div>
33 </div> 23 </div>
34 </div> 24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
35 </div> 26 </div>
36 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 27 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
37 @prevPriview="prevPriview" /> 28 @prevPriview="prevPriview" />
38 </div> 29 </div>
39 </div> 30 </div>
40 <!-- <clxxAddDialog v-model="isDialog" /> --> 31 <clxxAddDialog v-model="isDialog" />
32 <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> -->
41 </div> 33 </div>
42 </template> 34 </template>
43 <script> 35 <script>
44 import { mapGetters } from "vuex"; 36 import { mapGetters } from "vuex";
45 // import clxxAddDialog from "./dialog/clxxAddDialog.vue"; 37 import clxxAddDialog from "./components/clxxAddDialog.vue";
46 import imagePreview from '@/views/components/imagePreview.vue' 38 import imagePreview from '@/views/components/imagePreview.vue'
47 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
40 import { popupDialog } from "@/utils/popup.js";
48 export default { 41 export default {
49 components: { imagePreview }, 42 components: { clxxAddDialog, imagePreview },
50 data () { 43 data () {
51 return { 44 return {
52 isDialog: false, 45 isDialog: false,
53 menuList: [
54 {
55 id: "1",
56 label: "材料目录明细",
57 },
58 {
59 id: "2",
60 label: "材料预览",
61 },
62 ],
63 iclass: "", 46 iclass: "",
64 // 材料目录选中 47 // 材料目录选中
65 treeCheckIndex: 0, 48 treeCheckIndex: 0,
66 treeCheckId: "", 49 treeCheckId: "",
67 checkedId: "1",
68 column: [
69 {
70 width: "50",
71 renderHeader: (h, scope) => {
72 return (
73 <div>
74 {
75 this.$route.query.viewtype == 1 ? '序号' :
76 <i
77 class="el-icon-plus pointer"
78 onClick={() => {
79 this.handleAdd()
80 }}
81 ></i>
82 }
83 </div>
84 )
85 },
86 render: (h, scope) => {
87 // 新建的材料,可删除
88 // v-show='scope.row.sfxjcl == 1'
89 return (
90 <div>
91 {
92 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
93 <i
94 class="el-icon-minus pointer"
95
96 onClick={() => {
97 this.handleDelete(scope.$index, scope.row);
98 }}
99 ></i>
100 }
101 </div>
102 )
103 }
104 },
105 {
106 prop: "isrequired",
107 label: "是否必选",
108 width: "50",
109 render: (h, scope) => {
110 if (scope.row.sfxjcl === "1") {
111 return (
112 <div>
113 <span>可选</span>
114 </div>
115 );
116 }
117 else {
118 return (
119 <div>
120 <span>必选</span>
121 </div>
122 );
123 }
124 },
125 },
126 {
127 prop: "sjmc",
128 label: "材料名称",
129 },
130 {
131 prop: "sjlx",
132 label: "材料类型",
133 width: "80",
134 render: (h, scope) => {
135 return (
136 <div>
137 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
138 </div>
139 );
140 },
141 },
142 {
143 prop: "sjsl",
144 label: "份数",
145 width: "50"
146 },
147 {
148 prop: "smzt",
149 label: "扫描状态",
150 width: "80",
151 render: (h, scope) => {
152 if (scope.row.children.length > 0) {
153 return (
154 <div>
155 <span>已扫描</span>
156 </div>
157 );
158 } else {
159 return (
160 <div>
161 <span>未扫描</span>
162 </div>
163 );
164 }
165 },
166 },
167 {
168 prop: "ys",
169 label: "扫描页数",
170 width: "50"
171 },
172 {
173 label: "操作",
174 width: "80",
175 render: (h, scope) => {
176 return (
177 <div>
178 <el-button
179 type="text"
180 disabled={scope.$index == 0}
181 onClick={() => {
182 this.moveUpward(scope.$index, scope.row);
183 }}
184 >
185 上移
186 </el-button>
187 <el-button
188 type="text"
189 disabled={scope.$index + 1 == this.tableData.length}
190 onClick={() => {
191 this.moveDown(scope.$index, scope.row);
192 }}
193 >
194 下移
195 </el-button>
196 </div>
197 );
198 },
199 },
200 ],
201 key: 0, 50 key: 0,
202 tableData: [], 51 tableData: [],
203 previewImg: { 52 previewImg: {
...@@ -214,7 +63,7 @@ ...@@ -214,7 +63,7 @@
214 ...mapGetters(["dictData"]) 63 ...mapGetters(["dictData"])
215 }, 64 },
216 created () { 65 created () {
217 this.clmlInitList() 66 this.clmlInitList(1)
218 }, 67 },
219 methods: { 68 methods: {
220 // 自动预览 69 // 自动预览
...@@ -237,31 +86,39 @@ ...@@ -237,31 +86,39 @@
237 } 86 }
238 }, 87 },
239 // 材料目录明细初始化 88 // 材料目录明细初始化
240 clmlInitList () { 89 clmlInitList (type) {
90 //type 1：列表初始化 2：新增材料
241 return new Promise(resolve => { 91 return new Promise(resolve => {
242 this.unitData = this.$parent.unitData; 92 this.unitData = this.$parent.unitData;
243 var formdata = new FormData(); 93 var formdata = new FormData();
244 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); 94 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
245 formdata.append("bsmSlsq", this.$parent.bsmSlsq); 95 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
246 InitClml(formdata).then((res) => { 96 InitClml(formdata).then((res) => {
247 if (res.result.code == 200) { 97 if (res.code == 200) {
248 resolve(res.code) 98 resolve(res.code)
249 if (res.result.result && res.result.result.length > 0) { 99 if (res.result && res.result.length > 0) {
250 this.tableData = res.result.result; 100 this.tableData = res.result;
251 this.treeCheckId = this.tableData[0].bsmSj; 101 if (type == 1) {
252 this.title = this.tableData[0].sjmc; 102 this.treeClick(this.tableData[0], 0);
253 this.titleYs = 1; 103 } else {
254 this.titleNum = this.tableData[0].children.length; 104 //新增材料后刷新列表焦点置于新增的对象上
255 105 this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
256 this.previewImg.imgList = this.tableData[0]?.children; 106 }
257 this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
258 } 107 }
259 } else { 108 } else {
260 this.$message.error(res.result.message) 109 this.$message.error(res.message)
261 } 110 }
262 }) 111 })
263 }) 112 })
264 }, 113 },
114 setChecked (item) {
115 this.treeCheckId = item.bsmSj;
116 this.title = item.sjmc;
117 this.titleYs = 1;
118 this.titleNum = item.children.length;
119 this.previewImg.imgList = item.children;
120 this.previewImg.bsmSj = item.bsmSj;
121 },
265 updateList (val) { 122 updateList (val) {
266 let that = this 123 let that = this
267 if (val != null) { //删除最后一张图片时 val=null 124 if (val != null) { //删除最后一张图片时 val=null
...@@ -285,54 +142,10 @@ ...@@ -285,54 +142,10 @@
285 } 142 }
286 143
287 }, 144 },
288 // 左侧菜单点击
289 menuClick (item) {
290 this.checkedId = item.id
291 },
292 // 添加材料目录 145 // 添加材料目录
293 handleAdd () { 146 handleAdd () {
294 this.isDialog = true; 147 this.isDialog = true;
295 }, 148 },
296 // 上移
297 moveUpward (index, row) {
298 let obj = {
299 xh: row.xh,
300 bsmSlsq: row.bsmSlsq,
301 moveDirection: "UP",
302 };
303 // 接口待调
304 moveClml(obj).then(async (res) => {
305 if (res.code == 200) {
306 let res = await this.clmlInitList()
307 if (res == 200) this.$message({
308 message: '上移成功',
309 type: 'success'
310 })
311 } else {
312 this.$message.error(res.message);
313 }
314 })
315 },
316 // 下移
317 moveDown (index, row) {
318 let obj = {
319 xh: row.xh,
320 bsmSlsq: row.bsmSlsq,
321 moveDirection: "DOWN",
322 }
323 // 接口待调
324 moveClml(obj).then(async (res) => {
325 if (res.code == 200) {
326 let res = await this.clmlInitList()
327 if (res == 200) this.$message({
328 message: '下移成功',
329 type: 'success'
330 })
331 } else {
332 this.$message.error(res.message);
333 }
334 })
335 },
336 // 新增弹窗保存 149 // 新增弹窗保存
337 addSave (data) { 150 addSave (data) {
338 let obj = { 151 let obj = {
...@@ -347,7 +160,7 @@ ...@@ -347,7 +160,7 @@
347 }; 160 };
348 saveClml(obj).then(async (res) => { 161 saveClml(obj).then(async (res) => {
349 if (res.code == 200) { 162 if (res.code == 200) {
350 let res = await this.clmlInitList() 163 let res = await this.clmlInitList(2)
351 if (res == 200) this.$message({ 164 if (res == 200) this.$message({
352 message: "新增成功", 165 message: "新增成功",
353 type: "success", 166 type: "success",
...@@ -355,30 +168,6 @@ ...@@ -355,30 +168,6 @@
355 } 168 }
356 }); 169 });
357 }, 170 },
358 // 材料目录删除
359 handleDelete (index, row) {
360 let that = this
361 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
362 confirmButtonText: '确定',
363 cancelButtonText: '取消',
364 type: 'warning'
365 }).then(() => {
366 deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
367 if (res.code == 200) {
368 let res = await that.clmlInitList()
369 if (res == 200) that.$message({
370 message: "删除成功",
371 type: "success",
372 })
373 }
374 })
375 }).catch(() => {
376 this.$message({
377 type: 'info',
378 message: '已取消删除'
379 })
380 })
381 },
382 // 材料目录点击选中 171 // 材料目录点击选中
383 treeClick (item, index) { 172 treeClick (item, index) {
384 this.previewImg.index = 0 173 this.previewImg.index = 0
...@@ -399,12 +188,24 @@ ...@@ -399,12 +188,24 @@
399 if (data) { 188 if (data) {
400 data.map((item) => { 189 data.map((item) => {
401 if (item.dcode == val) { 190 if (item.dcode == val) {
402 name = item.dname; 191 name = item.dname
403 } 192 }
404 }); 193 });
405 return name; 194 return name
406 } 195 }
407 }, 196 },
197 //查看明细
198 viewDetail () {
199 this.$popupDialog("查看明细", "djbworkflow/components/dialog/clxxDetailDialog", {
200 data: this.tableData
201 }, "60%")
202 },
203 //设置tableData
204 setTableData (tableData) {
205 this.$nextTick(res => {
206 this.tableData = tableData;
207 })
208 },
408 }, 209 },
409 }; 210 };
410 </script> 211 </script>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="补录时间：">
36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 * @LastEditTime: 2023-05-09 09:20:10 4 * @LastEditTime: 2023-05-09 09:20:10
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox title="新建材料信息1111111" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" 7 <dialogBox title="新建材料信息1111" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
8 :isFullscreen="false"> 8 :isFullscreen="false">
9 <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> 9 <el-form :model="ruleForm" ref="ruleForm" label-width="70px">
10 <el-row> 10 <el-row>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:57
5 -->
6 <template>
7 <div class="clmlmx-box">
8 <div class="title">申请材料目录1111</div>
9 <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data">
10 </lb-table>
11 <div class="text-center">
12 <el-button @click="$popupCacel">取消11111</el-button>
13 </div>
14 </div>
15 </template>
16 <script>
17 import store from '@/store/index.js'
18 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
19 export default {
20 props: {
21 formData: {
22 type: Object,
23 default: () => {
24 return {}
25 }
26 }
27 },
28 data () {
29 return {
30 column: [
31 {
32 width: "50",
33 label: '序号',
34 type: 'index'
35 },
36 {
37 prop: "isrequired",
38 label: "是否必选",
39 width: "80",
40 render: (h, scope) => {
41 if (scope.row.sfxjcl === "1") {
42 return (
43 <div>
44 <span>可选</span>
45 </div>
46 );
47 }
48 else {
49 return (
50 <div>
51 <span>必选</span>
52 </div>
53 );
54 }
55 },
56 },
57 {
58 prop: "sjmc",
59 label: "材料名称",
60 },
61 {
62 prop: "sjlx",
63 label: "材料类型",
64 width: "80",
65 render: (h, scope) => {
66 return (
67 <div>
68 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
69 </div>
70 );
71 },
72 },
73 {
74 prop: "sjsl",
75 label: "份数",
76 width: "50"
77 },
78 {
79 prop: "smzt",
80 label: "扫描状态",
81 width: "80",
82 render: (h, scope) => {
83 if (scope.row.children && scope.row.children.length > 0) {
84 return (
85 <div>
86 <span>已扫描</span>
87 </div>
88 );
89 } else {
90 return (
91 <div>
92 <span>未扫描</span>
93 </div>
94 );
95 }
96 },
97 },
98 {
99 label: "扫描页数",
100 width: "80",
101 render: (h, scope) => {
102 if (scope.row.children && scope.row.children.length > 0) {
103 return (
104 <div>
105 <span>{scope.row.children.length}</span>
106 </div>
107 );
108 } else {
109 return (
110 <div>
111 <span>0</span>
112 </div>
113 );
114 }
115 },
116 },
117 {
118 label: "操作",
119 width: "80",
120 render: (h, scope) => {
121 return (
122 <div>
123 <el-button
124 type="text"
125 disabled={scope.$index == 0}
126 onClick={() => {
127 this.moveUpward(scope.$index, scope.row);
128 }}
129 >
130 上移
131 </el-button>
132 <el-button
133 type="text"
134 disabled={scope.$index + 1 == this.tableData.length}
135 onClick={() => {
136 this.moveDown(scope.$index, scope.row);
137 }}
138 >
139 下移
140 </el-button>
141 </div>
142 );
143 },
144 },
145 ],
146 key: 0,
147 tableData: []
148 }
149 },
150 created () {
151 console.log(this.formData.data, 'formData');
152 },
153 methods: {
154 // 材料目录明细初始化
155 clmlInitList () {
156 return new Promise(resolve => {
157 this.unitData = this.$parent.unitData;
158 var formdata = new FormData();
159 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
160 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
161 InitClml(formdata).then((res) => {
162 if (res.code == 200) {
163 resolve(res.code)
164 if (res.result && res.result.length > 0) {
165 this.data = res.result;
166 } else {
167 this.data = []
168 }
169 } else {
170 this.$message.error(res.message)
171 }
172 })
173 })
174 },
175 // 上移
176 moveUpward (index, row) {
177 let obj = {
178 xh: row.xh,
179 bsmSlsq: row.bsmSlsq,
180 moveDirection: "UP",
181 };
182 // 接口待调
183 moveClml(obj).then(async (res) => {
184 if (res.code == 200) {
185 let res = await this.clmlInitList()
186 if (res == 200) {
187 this.$message({
188 message: '上移成功',
189 type: 'success'
190 })
191 this.$parent.setTableData(this.data)
192 }
193 } else {
194 this.$message.error(res.message);
195 }
196 })
197 },
198 // 下移
199 moveDown (index, row) {
200 let obj = {
201 xh: row.xh,
202 bsmSlsq: row.bsmSlsq,
203 moveDirection: "DOWN",
204 }
205 // 接口待调
206 moveClml(obj).then(async (res) => {
207 if (res.code == 200) {
208 let res = await this.clmlInitList()
209 if (res == 200) {
210 this.$message({
211 message: '下移成功',
212 type: 'success'
213 })
214 }
215 } else {
216 this.$message.error(res.message);
217 }
218 })
219 },
220 // 材料目录删除
221 handleDelete (index, row) {
222 let that = this
223 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
224 confirmButtonText: '确定',
225 cancelButtonText: '取消',
226 type: 'warning'
227 }).then(() => {
228 deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
229 if (res.code == 200) {
230 let res = await that.clmlInitList()
231 if (res == 200) {
232 that.$message({
233 message: "删除成功",
234 type: "success",
235 })
236 // this.$parent.setTableData(this.data)
237 }
238 }
239 })
240 }).catch(() => {
241 this.$message({
242 type: 'info',
243 message: '已取消删除'
244 })
245 })
246 },
247 // 字典
248 dicStatus (val, code) {
249 let data = store.getters.dictData[code],
250 name = "暂无";
251 if (data) {
252 data.map((item) => {
253 if (item.dcode == val) {
254 name = item.dname;
255 }
256 });
257 return name;
258 }
259 }
260 }
261 }
262 </script>
263 <style scoped lang='scss'>
264 @import "~@/styles/mixin.scss";
265 .clmlmx-box {
266 margin: 0 auto;
267
268 .title {
269 text-align: center;
270 height: 60px;
271 line-height: 60px;
272 border: 1px solid #dfe6ec;
273 font-size: 20px;
274 background: #81d3f81a;
275 margin-bottom: -1px;
276 }
277 }
278 </style>
1 <template>
2 <div class="from-clues">
3 <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick">
4 <el-tab-pane label="受理信息" name="slxx"></el-tab-pane>
5 <el-tab-pane
6 :disabled="isshow"
7 label="审批意见"
8 name="spyj"
9 ></el-tab-pane>
10 <el-tab-pane
11 :disabled="isshow"
12 label="材料信息"
13 name="clxx"
14 ></el-tab-pane>
15 </el-tabs>
16 <div v-if="activeName == 'slxx'">
17 <div class="from-clues-header">
18 <el-form ref="form" :model="form" label-width="160px">
19 <el-row>
20 <el-col :span="12">
21 <el-form-item label="权属状态" label-width="140px">
22 <el-select v-model="form.qszt">
23 <el-option
24 v-for="item in qsztList"
25 :key="item.value"
26 :label="item.label"
27 :value="item.value"
28 >
29 </el-option>
30 </el-select>
31 </el-form-item>
32 </el-col>
33 <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh">
34 <el-form-item
35 :prop="item.prop"
36 :label="item.label"
37 label-width="140px"
38 >
39 <el-input v-model="form[item.prop]"></el-input>
40 </el-form-item>
41 </el-col>
42 </el-row>
43 </el-form>
44 <div class="btn">
45 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
46 <el-button @click="closeDialog">取消</el-button>
47 </div>
48 </div>
49 </div>
50 <div v-if="activeName == 'spyj'">
51 <div class="from-clues-header spyj">
52 <div class="box">
53 <b class="spyj_title">审批表</b>
54 <el-form
55 :model="ruleForm"
56 :rules="rules"
57 ref="ruleForm"
58 label-width="120px"
59 >
60 <div class="spyj_form">
61 <div class="item_left">初审意见</div>
62 <div class="item_right">
63 <el-row>
64 <el-col :span="24">
65 <el-form-item
66 label-width="0"
67 class="opinion_item"
68 prop="shyj"
69 >
70 <el-input
71 type="textarea"
72 :rows="4"
73 class="opinion"
74 placeholder="请输入审批意见"
75 v-model="ruleForm.shyj"
76 ></el-input>
77 </el-form-item>
78 </el-col>
79 </el-row>
80 <el-row>
81 <el-col :span="16">
82 <el-form-item
83 prop="shryxm"
84 label="审查人"
85 label-width="90px"
86 >
87 <el-input v-model="ruleForm.shr"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item
92 label="审核时间"
93 prop="shjssj"
94 label-width="90px"
95 >
96 <el-input v-model="ruleForm.shsj"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 </div>
101 </div>
102 </el-form>
103 <el-form
104 :model="ruleForm"
105 :rules="rules"
106 ref="ruleForm"
107 label-width="120px"
108 >
109 <div class="spyj_form">
110 <div class="item_left">复审意见</div>
111 <div class="item_right">
112 <el-row>
113 <el-col :span="24">
114 <el-form-item
115 label-width="0"
116 class="opinion_item"
117 prop="shyj"
118 >
119 <el-input
120 type="textarea"
121 :rows="4"
122 class="opinion"
123 placeholder="请输入审批意见"
124 v-model="ruleForm.shyj"
125 ></el-input>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <el-row>
130 <el-col :span="16">
131 <el-form-item
132 prop="shryxm"
133 label="审查人"
134 label-width="90px"
135 >
136 <el-input v-model="ruleForm.shr"></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item
141 label="审核时间"
142 prop="shjssj"
143 label-width="90px"
144 >
145 <el-input v-model="ruleForm.shsj"></el-input>
146 </el-form-item>
147 </el-col>
148 </el-row>
149 </div>
150 </div>
151 </el-form>
152 <el-form
153 :model="ruleForm"
154 :rules="rules"
155 ref="ruleForm"
156 label-width="120px"
157 >
158 <div class="spyj_form">
159 <div class="item_left">核定意见</div>
160 <div class="item_right">
161 <el-row>
162 <el-col :span="24">
163 <el-form-item
164 label-width="0"
165 class="opinion_item"
166 prop="shyj"
167 >
168 <el-input
169 type="textarea"
170 :rows="4"
171 class="opinion"
172 placeholder="请输入审批意见"
173 v-model="ruleForm.shyj"
174 ></el-input>
175 </el-form-item>
176 </el-col>
177 </el-row>
178 <el-row>
179 <el-col :span="16">
180 <el-form-item
181 prop="shryxm"
182 label="审查人"
183 label-width="90px"
184 >
185 <el-input v-model="ruleForm.shr"></el-input>
186 </el-form-item>
187 </el-col>
188 <el-col :span="8">
189 <el-form-item
190 label="审核时间"
191 prop="shjssj"
192 label-width="90px"
193 >
194 <el-input v-model="ruleForm.shsj"></el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198 </div>
199 </div>
200 </el-form>
201
202 </div>
203 <div class="btn">
204 <el-button type="primary" @click="spyjsubmitForm">保存</el-button>
205 <el-button @click="closeDialog">取消</el-button>
206 </div>
207 </div>
208 </div>
209 <div v-if="activeName == 'clxx'">
210 <div class="from-clues-header">
211 <div class="clxx">
212 <div class="right">
213 <!-- 材料预览 -->
214 <div class="clyl-box">
215 <div class="menu-tree">
216 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
217 <div class="item">
218 材料目录({{tableData.length}})
219 <div style="margin-top:10px">
220 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
221 <div v-for="(item,index) in tableData" :key="item.bsmSj"
222 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
223 <span v-if="item.isrequired==1" class="required">必选</span>
224 {{ item.sjmc }}
225 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
226 </div>
227 </div>
228 </div>
229 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button>
230 </div>
231 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
232 @prevPriview="prevPriview" />
233 </div>
234 </div>
235 <clxxAddDialog v-model="isDialog" />
236 </div>
237 <div class="btn">
238 <el-button type="primary" @click="clxxsubmitForm">保存</el-button>
239 <el-button @click="closeDialog">取消</el-button>
240 </div>
241
242 </div>
243 </div>
244 </div>
245 </template>
246 <script>
247 import { mapGetters } from "vuex";
248 import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue";
249 import imagePreview from '@/views/components/imagePreview.vue'
250 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
251 export default {
252 components: { clxxAddDialog, imagePreview },
253 props: {
254 formData: {
255 type: Object,
256 default: () => {},
257 },
258 },
259 data() {
260 return {
261 activeName: "slxx",
262 form: {},
263 datalist: [],
264 qsztList: [
265 {
266 value: "1",
267 label: "现势",
268 },
269 {
270 value: "2",
271 label: "历史",
272 },
273 ],
274 label: "",
275 isshow: true,
276
277 // 审批
278 bsmSlsq: "",
279 //刷新值
280 bestepid: "",
281 ruleForm: {},
282 rules: {
283 shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
284 },
285
286 // 材料
287 isDialog: false,
288 iclass: "",
289 tableData: [],
290 // 材料目录选中
291 treeCheckIndex: 0,
292 treeCheckId: "",
293 key: 0,
294 tableDatas: [],
295 previewImg: {
296 // 收件标识码
297 bsmSj: "",
298 bsmSlsq: this.$parent.bsmSlsq,
299 index: 0,
300 selectedIndex: 0,
301 imgList: [],
302 },
303 };
304 },
305 computed: {
306 ...mapGetters(["dictData"])
307 },
308 created () {
309 this.clmlInitList(1)
310 },
311 mounted() {
312 if (this.formData.data) {
313 this.$nextTick(() => {
314 this.form = Object.assign({}, this.formData.data);
315 // this.datalist = Object.assign([], this.formData.datalist)
316 this.form.qszt =
317 this.form.qszt == "0"
318 ? "临时"
319 : this.form.qszt == "1"
320 ? "现势"
321 : "历史";
322 });
323 }
324
325 // this.datalist = this.formData.datalist
326 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
327 this.datalist.shift();
328 this.datalist.shift();
329 },
330
331 methods: {
332 // 受理信息保存
333 slxxsubmitForm() {
334 this.$refs.form.validate((valid) => {
335 if (valid) {
336 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
337 // if (res.code == 200) {
338 // this.$message.success("新增成功")
339 // this.closeaddDiglog();
340 // this.getList()
341 // } else {
342 // this.$message.error(res.message)
343 // }
344 // })
345 } else {
346 return false;
347 }
348 });
349 this.isshow = false;
350 },
351 // 审批意见保存
352 spyjsubmitForm() {
353 console.log("this.ruleForm",this.ruleForm);
354 // this.ruleForm.bsmSlsq = this.bsmSlsq
355 // this.ruleForm.bestepid = this.bestepid
356 // saveSpyjBySlsq(this.ruleForm).then(res => {
357 // if (res.code === 200) {
358 // this.$message.success("保存成功")
359 // this.refresh += 1
360 // } else {
361 // this.$message.error(res.message)
362 // }
363 // })
364 },
365
366 // 材料信息保存
367 clxxsubmitForm() {},
368 closeDialog() {
369 this.$alert("取消后填写内容将被清空", "提示", {
370 confirmButtonText: "确定",
371 callback: (action) => {
372 this.$message({
373 type: "info",
374 message: "已取消",
375 });
376 this.$popupCacel();
377 this.$refs["form"].resetFields();
378 },
379 });
380
381 // this.resetTableFields();
382 },
383 handleTabClick() {},
384
385 //使用常用意见
386 useOpinion(opinion) {
387 this.ruleForm.shyj = opinion;
388 },
389
390
391 // 材料上传
392 // 自动预览
393 nextPriview () {
394 if (this.treeCheckIndex < this.tableData.length) {
395 this.treeCheckIndex++
396 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
397 this.previewImg.index = 0
398 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
399 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
400 }
401 },
402 prevPriview () {
403 if (this.treeCheckIndex >= 1) {
404 this.treeCheckIndex--
405 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
406 this.previewImg.index = this.previewImg.imgList.length
407 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
408 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
409 }
410 },
411 // 材料目录明细初始化
412 clmlInitList (type) {
413 this.tableData = []
414 //type 1：列表初始化 2：新增材料
415 // return new Promise(resolve => {
416 // this.unitData = this.$parent.unitData;
417 // var formdata = new FormData();
418 // formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
419 // formdata.append("bsmSlsq", this.$parent.bsmSlsq);
420 // InitClml(formdata).then((res) => {
421 // if (res.code == 200) {
422 // resolve(res.code)
423 // if (res.result && res.result.length > 0) {
424
425 // if (type == 1) {
426 // this.treeClick(this.tableData[0], 0);
427 // } else {
428 // //新增材料后刷新列表焦点置于新增的对象上
429 // this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
430 // }
431 // }
432 // } else {
433 // this.$message.error(res.message)
434 // }
435 // })
436 // })
437 },
438 setChecked (item) {
439 this.treeCheckId = item.bsmSj;
440 this.title = item.sjmc;
441 this.titleYs = 1;
442 this.titleNum = item.children.length;
443 this.previewImg.imgList = item.children;
444 this.previewImg.bsmSj = item.bsmSj;
445 },
446 updateList (val) {
447 let that = this
448 if (val != null) { //删除最后一张图片时 val=null
449 this.tableData.forEach(item => {
450 if (item.bsmSj === val.bsmSj) {
451 item.children = val.children
452 }
453 })
454 this.previewImg.imgList = _.cloneDeep(val.children)
455 if (this.previewImg.index == this.previewImg.imgList.length) {
456 this.previewImg.index = this.previewImg.index - 1
457 }
458 } else {
459 this.previewImg.imgList = []
460 this.tableData.forEach((item, index) => {
461 if (this.treeCheckId == item.bsmSj) {
462 item.children = []
463 that.treeCheckIndex = index
464 }
465 })
466 }
467
468 },
469 // 添加材料目录
470 handleAdd () {
471 console.log("新增");
472 this.isDialog = true;
473 },
474 // 新增弹窗保存
475 addSave (data) {
476 let obj = {
477 bsmSlsq: this.$parent.bsmSlsq,
478 isrequired: "1",
479 sjmc: data.clmc,
480 sjsl: 0,
481 smzt: '',
482 ys: 0,
483 sjlx: data.cllx,
484 sfxjcl: "1", // 是否必选
485 };
486 saveClml(obj).then(async (res) => {
487 if (res.code == 200) {
488 let res = await this.clmlInitList(2)
489 if (res == 200) this.$message({
490 message: "新增成功",
491 type: "success",
492 })
493 }
494 });
495 },
496 // 材料目录点击选中
497 treeClick (item, index) {
498 this.previewImg.index = 0
499 this.treeCheckId = item?.bsmSj
500 this.treeCheckIndex = index
501 this.previewImg.imgList = item?.children
502 this.previewImg.bsmSj = item?.bsmSj
503 },
504 // 小图片点击
505 imgClick (item, index) {
506 this.showImg = item;
507 this.titleYs = index + 1;
508 },
509 // 字典
510 dicStatus (val, code) {
511 let data = this.$store.getters.dictData[code],
512 name = "暂无";
513 if (data) {
514 data.map((item) => {
515 if (item.dcode == val) {
516 name = item.dname
517 }
518 });
519 return name
520 }
521 },
522 //查看明细
523 viewDetail () {
524 console.log("查看明细");
525 this.$popupDialog("查看明细", "djbworkflow/djbBook/components/clxxDetailDialog", {
526 data: this.tableData
527 }, "60%")
528 },
529 //设置tableData
530 setTableData (tableData) {
531 this.$nextTick(res => {
532 this.tableData = tableData;
533 })
534 },
535 },
536 };
537 </script>
538 <style scoped lang="scss">
539 @import "~@/styles/mixin.scss";
540 @import "~@/styles/public.scss";
541
542 .from-clues-header {
543 @include flex;
544 flex-direction: column;
545 overflow-y: hidden;
546 padding: 0 2px;
547
548 .btn {
549 margin-top: 40px;
550 margin-bottom: 20px;
551 text-align: center;
552 }
553 }
554
555 // 审批意见样式
556
557 .spyj {
558 .box {
559 overflow-x: auto;
560 width: 100%;
561 height: 95%;
562 background: #fff;
563 text-align: center;
564 padding: 4px;
565 overflow-y: scroll;
566 padding-top: 20px;
567 padding: 20px 40px;
568 /deep/.el-input__inner {
569 width: 200px;
570 border:none;
571 }
572 }
573 .spyj_title {
574 line-height: 68px;
575 border: 1px solid $borderColor;
576 text-align: center;
577 font-size: 22px;
578 font-weight: 400;
579 background-color: #eceef2;
580 display: block;
581 border-bottom: none;
582 }
583
584 /deep/.el-form-item {
585 margin-bottom: 0;
586 }
587
588 .bottom10 {
589 margin-bottom: 15px;
590 }
591
592 .spyj_form {
593 display: flex;
594 border: 1px solid $borderColor;
595
596 .item_left {
597 width: 150px;
598 background-color: #f8f8fa;
599 color: #606266;
600 display: flex;
601 font-size: 14px;
602 text-indent: 80px;
603 align-items: center;
604 border-right: 1px solid $borderColor;
605 }
606
607 .item_right {
608 flex: 1;
609 width: 100%;
610
611 /deep/.el-form-item__label {
612 background-color: #f8f8fa;
613 }
614 /deep/.el-form-item__content {
615 display: block;
616 text-align: left;
617 text-indent: 10px;
618 }
619 .opinion_item {
620 /deep/.el-form-item__error {
621 margin-top: -16px !important;
622 left: 3px;
623 }
624
625 border-bottom: 1px solid $borderColor;
626 }
627
628 .opinion {
629 position: relative;
630 font-size: 14px;
631
632 /deep/.el-textarea__inner {
633 border: none;
634 }
635 }
636
637 .opinion_btn {
638 position: absolute;
639 right: 15px;
640 bottom: 10px;
641 }
642 }
643 }
644
645 .submit_button {
646 text-align: center;
647 margin: 15px 0;
648 }
649 }
650
651 // 材料信息样式
652 .active {
653 background: $light-blue !important;
654 color: #fff;
655 }
656
657 .required {
658 font-size: 12px;
659 color: $pink;
660 float: left;
661 }
662
663 .cl_number {
664 float: right;
665 }
666
667 .clxx {
668 width: 100%;
669 display: flex;
670 padding-left: 5px;
671 height: calc(100vh - 125px);
672
673 .left {
674 display: flex;
675 flex-direction: column;
676 justify-content: space-between;
677
678 .item {
679 width: 28px;
680 height: 49%;
681 @include flex-center;
682 background-color: #e4e7ed;
683 border-bottom-right-radius: 10px;
684 padding: 5px;
685 cursor: pointer;
686 transition: all 0.3s;
687
688 &:hover {
689 @extend .active;
690 }
691 }
692 }
693
694 .right {
695 width: 100%;
696 height: 100%;
697
698 .clmlmx-box {
699 margin: 0 auto;
700
701 .title {
702 text-align: center;
703 height: 60px;
704 line-height: 60px;
705 border: 1px solid #dfe6ec;
706 font-size: 20px;
707 background: #81d3f81a;
708 margin-bottom: -1px;
709 }
710 }
711
712 .clyl-box {
713 width: 100%;
714 height: 100%;
715 display: flex;
716
717 .menu-tree {
718 width: 20%;
719 min-width: 160px;
720 height: 100%;
721 margin-right: 10px;
722 border-right: 1px dotted #d9d9d9;
723 padding: 0 15px;
724
725 .item {
726 line-height: 30px;
727 padding-top: 5px;
728 border-bottom: 1px solid #e8e8e8;
729 font-size: 16px;
730 text-align: center;
731 color: $light-blue;
732
733 .itemIcon {
734 float: right;
735 line-height: 60px;
736 cursor: pointer;
737 }
738
739 .child {
740 line-height: 32px;
741 border-bottom: 1px solid #e8e8e8;
742 padding-left: 10px;
743 color: #6b6b6b;
744 cursor: pointer;
745 box-sizing: border-box;
746 border-radius: 6px;
747 line-height: 20px;
748 transition: all 0.3s;
749 padding: 8px 0;
750 }
751
752 .child:hover {
753 color: $light-blue;
754 transform: scale(1.1);
755 }
756
757 .checked {
758 border: 1px solid $light-blue;
759 color: $light-blue;
760 }
761 }
762 }
763
764 .clyl-img {
765 width: 75%;
766 height: 100%;
767 background: #f3f4f7;
768 margin: 0 auto;
769 position: relative;
770 }
771 }
772 }
773 }
774 </style>
1 <template>
2 <div class="jtfccx-edit">
3 <div class="jtfccx-edit-con">
4 <el-form ref="form" :model="form" label-width="160px">
5 <el-row>
6 <el-col :span="8">
7 <el-form-item label="权属状态" label-width="140px">
8 <el-select v-model="form.qszt">
9 <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value">
10 </el-option>
11 </el-select>
12 </el-form-item>
13 </el-col>
14 <el-col :span="8">
15 <el-form-item label="权利类型" label-width="140px">
16 <el-input v-model="form.qllxmc" ></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="登记类型" label-width="140px">
21 <el-input v-model="form.djlxmc" ></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="上手业务号" label-width="140px">
26 <el-input v-model="form.ssywh" ></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="档案号" label-width="140px">
31 <el-input v-model="form.dah" ></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="业务号" label-width="140px">
36 <el-input v-model="form.ywh" ></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="不动产单元号" label-width="140px">
41 <el-input v-model="form.bdcdyh" ></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="坐落" label-width="140px">
46 <el-input v-model="form.zl" ></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="共有情况" label-width="140px">
51 <el-input v-model="form.gyqk" ></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="权利人类型" label-width="140px">
56 <el-input v-model="form.qlrlx" ></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="权利人" label-width="140px">
61 <el-input v-model="form.qlrmc" ></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="证件种类" label-width="140px">
66 <el-input v-model="form.qlrzjzl" ></el-input>
67 </el-form-item>
68 </el-col>
69 <el-col :span="8">
70 <el-form-item label="证件号" label-width="140px">
71 <el-input v-model="form.qlrzjhm" ></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="使用权面积" label-width="140px">
76 <el-input v-model="form.mj" ></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item label="权利性质" label-width="140px">
81 <el-input v-model="form.qlxzmc" ></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="土地用途" label-width="140px">
86 <el-input v-model="form.ytmc" ></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="使用权起止时间" label-width="140px">
91 <el-input v-model="form.syqqzsj" ></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="土地使用期限" label-width="140px">
96 <el-input v-model="form.tdsyqx" ></el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="取得价格(万元)" label-width="140px">
101 <el-input v-model="form.qdjg" ></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="8">
105 <el-form-item label="登记原因" label-width="140px">
106 <el-input v-model="form.djyy" ></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="不动产权证号" label-width="140px">
111 <el-input v-model="form.bdcqzh" ></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="登记时间" label-width="140px">
116 <el-input v-model="form.djsj" ></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="登簿人" label-width="140px">
121 <el-input v-model="form.dbr" ></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="附记" label-width="140px">
126 <el-input v-model="form.fj" ></el-input>
127 </el-form-item>
128 </el-col>
129 </el-row>
130 <el-form-item class="btn">
131 <el-button type="primary" @click="submitForm">保存</el-button>
132 <el-button @click="closeDialog">取消</el-button>
133 </el-form-item>
134 </el-form>
135
136 </div>
137
138 </div>
139 </template>
140 <script>
141 export default {
142 props: {
143 formData: {
144 type: Object,
145 default: () => { },
146 },
147 },
148 data () {
149 return {
150 form:{},
151 qsztList: [
152 {
153 value: "0",
154 label: "临时",
155 },
156 {
157 value: "1",
158 label: "现势",
159 },
160 {
161 value: "2",
162 label: "历史",
163 },
164
165 ],
166 label:"",
167 };
168 },
169 mounted () {
170 if (this.formData.data) {
171 this.$nextTick(() => {
172 this.form = Object.assign({}, this.formData.data)
173 this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史"
174 })
175 }
176 },
177
178 methods: {
179 //新增常用意见
180 submitForm () {
181
182 this.$refs.form.validate(valid => {
183 if (valid) {
184 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
185 // if (res.code == 200) {
186 // this.$message.success("新增成功")
187 // this.closeaddDiglog();
188 // this.getList()
189 // } else {
190 // this.$message.error(res.message)
191 // }
192 // })
193 } else {
194 return false;
195 }
196 });
197 },
198 closeDialog () {
199 this.$popupCacel()
200 this.$refs['form'].resetFields();
201 // this.resetTableFields();
202 }
203 },
204 };
205 </script>
206 <style scoped lang="scss">
207 @import "~@/styles/mixin.scss";
208 @import "~@/styles/public.scss";
209
210
211 .jtfccx-edit {
212 @include flex;
213 flex-direction: column;
214 overflow-y: hidden;
215 max-height: 85vh;
216 padding: 0 2px;
217
218
219 .btn{
220 text-align: center;
221
222 }
223 }
224 </style>
1 <!--
2 * @Description: 功能：审批意见
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:24
5 -->
6 <template>
7 <div class='spyj loadingtext'>
8 <div class="box">
9 <b class="spyj_title">审批表11112222</b>
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
12 <div class="item_left">
13 {{ item.jdmc }}意见
14 </div>
15 <div class="item_right">
16 <el-row>
17 <el-col :span="24">
18 <el-form-item label-width="0" class="opinion_item" prop="shyj">
19 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见"
20 v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input>
21 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
22 </el-input>
23 <el-button class="opinion_btn" @click="commonOpinion"
24 v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="16">
30 <el-form-item label="审查人" prop="shryxm">
31 {{ item.shryxm }}
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="审核时间" prop="shjssj" :key="refresh">
36 {{ item.shjssj }}
37 </el-form-item>
38 </el-col>
39 </el-row>
40 </div>
41 </div>
42 <div class="submit_button" v-if="ableOperation">
43 <el-button type="primary" @click="onSubmit">保存</el-button>
44 </div>
45 </el-form>
46 </div>
47 <el-empty v-if="isNoData" description="暂无数据"></el-empty>
48 </div>
49 </template>
50 <script>
51 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
52 import { mapGetters } from 'vuex'
53 export default {
54 computed: {
55 ...mapGetters(['userData', 'yjsqOptions'])
56 },
57 data () {
58 return {
59 isNoData: false,
60 bsmSlsq: '',
61 //刷新值
62 refresh: 10,
63 ableOperation: true,
64 bsmSlsq: this.$route.query.bsmSlsq,
65 bestepid: this.$route.query.bestepid,
66 ruleForm: {},
67 rules: {
68 shyj: [
69 { required: true, message: '请输入审批意见', trigger: 'blur' }
70 ],
71 },
72 tableData: [],
73 propsParam: {}
74 }
75 },
76 watch: {
77 yjsqOptions: {
78 handler (val) {
79 this.ruleForm.shyj = val
80 },
81 deep: true,
82 immediate: true
83 },
84 },
85 mounted () {
86 this.propsParam = this.$attrs;
87 if (this.$route.query.viewtype) {
88 this.ableOperation = false
89 }
90 this.list();
91 },
92 methods: {
93 //审批意见数据初始化
94 list () {
95 let that = this
96 this.$startLoading()
97 var formdata = new FormData();
98 formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
99 formdata.append("bestepid", this.$route.query.bestepid);
100 formdata.append("ableOperation", this.ableOperation)
101 getSpyjList(formdata).then((res) => {
102 this.$endLoading()
103 if (res.code === 200 && res.result) {
104 this.tableData = res.result ? res.result : []
105 if (res.result.length == 0) {
106 that.isNoData = true
107 }
108 this.ruleForm = res.result[res.result.length - 1]
109 }
110 })
111 },
112 onSubmit () {
113 this.ruleForm.bsmSlsq = this.bsmSlsq
114 this.ruleForm.bestepid = this.bestepid
115 saveSpyjBySlsq(this.ruleForm).then(res => {
116 if (res.code === 200) {
117 this.$message.success("保存成功")
118 this.refresh += 1
119 } else {
120 this.$message.error(res.message)
121 }
122 })
123 },
124 //打开常用意见列表弹窗
125 commonOpinion () {
126 this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true)
127 },
128 //使用常用意见
129 useOpinion (opinion) {
130 this.ruleForm.shyj = opinion
131 }
132 }
133 }
134 </script>
135 <style scoped lang='scss'>
136 @import "~@/styles/mixin.scss";
137
138 .spyj {
139 width: 100%;
140 height: 100%;
141 background-color: #f5f5f5;
142 padding: 5px;
143 .box {
144 overflow-x: auto;
145 width: 100%;
146 height: 95%;
147 background: #fff;
148 text-align: center;
149 padding: 4px;
150 overflow-y: scroll;
151 padding-top: 20px;
152 padding: 20px 40px;
153 }
154 .spyj_title {
155 line-height: 68px;
156 border: 1px solid $borderColor;
157 text-align: center;
158 font-size: 22px;
159 font-weight: 400;
160 background-color: #eceef2;
161 display: block;
162 border-bottom: none;
163 }
164
165 /deep/.el-form-item {
166 margin-bottom: 0;
167 }
168
169 .bottom10 {
170 margin-bottom: 15px;
171 }
172
173 .spyj_form {
174 display: flex;
175 border: 1px solid $borderColor;
176
177 .item_left {
178 width: 150px;
179 background-color: #f8f8fa;
180 color: #606266;
181 display: flex;
182 font-size: 14px;
183 text-indent: 80px;
184 align-items: center;
185 border-right: 1px solid $borderColor;
186 }
187
188 .item_right {
189 flex: 1;
190 width: 100%;
191
192 /deep/.el-form-item__label {
193 background-color: #f8f8fa;
194 }
195 /deep/.el-form-item__content {
196 display: block;
197 text-align: left;
198 text-indent: 10px;
199 }
200 .opinion_item {
201 /deep/.el-form-item__error {
202 margin-top: -16px !important;
203 left: 3px;
204 }
205
206 border-bottom: 1px solid $borderColor;
207 }
208
209 .opinion {
210 position: relative;
211 font-size: 14px;
212
213 /deep/.el-textarea__inner {
214 border: none;
215 }
216 }
217
218 .opinion_btn {
219 position: absolute;
220 right: 15px;
221 bottom: 10px;
222 }
223 }
224 }
225
226 .submit_button {
227 text-align: center;
228 margin: 15px 0;
229 }
230 }
231 </style>
...@@ -104,27 +104,41 @@ export default { ...@@ -104,27 +104,41 @@ export default {
104 } 104 }
105 return name; 105 return name;
106 }, 106 },
107 AddDialog(row){ 107 // 编辑
108 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", {
109 data: ''
110 })
111 },
112 editDialog(row){ 108 editDialog(row){
113 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
114 datalist:this.columns, 110 confirmButtonText: '确定',
115 data: row, 111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
116 132
117 })
118 }, 133 },
119 // 删除 134 // 删除
120 deleteDialog(row){ 135 deleteDialog(row){
121 let that = this 136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
122 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
123 confirmButtonText: '确定', 137 confirmButtonText: '确定',
124 cancelButtonText: '取消', 138 cancelButtonText: '取消',
125 type: 'warning' 139 type: 'warning'
126 }).then(async () => { 140 }).then(() => {
127 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx 141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
128 // deleteClmx(bsmClmx).then(res => { 142 // deleteClmx(bsmClmx).then(res => {
129 // if (res.code == 200) { 143 // if (res.code == 200) {
130 // that.$emit('updateList', res.result) 144 // that.$emit('updateList', res.result)
...@@ -134,16 +148,16 @@ export default { ...@@ -134,16 +148,16 @@ export default {
134 // }) 148 // })
135 // } 149 // }
136 // }) 150 // })
137 that.$message({ 151 this.$message({
138 message: '删除成功!', 152 type: 'success',
139 type: 'success' 153 message: '删除成功!'
140 }) 154 });
141 }).catch(() => { 155 }).catch(() => {
142 this.$message({ 156 this.$message({
143 type: 'info', 157 type: 'info',
144 message: '已取消删除' 158 message: '已取消删除'
145 }) 159 });
146 }) 160 });
147 161
148 } 162 }
149 }, 163 },
......
...@@ -104,28 +104,41 @@ export default { ...@@ -104,28 +104,41 @@ export default {
104 } 104 }
105 return name; 105 return name;
106 }, 106 },
107 AddDialog(row){ 107 // 编辑
108 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", {
109 data: ''
110 })
111 },
112 editDialog(row){ 108 editDialog(row){
113 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
114 datalist:this.columns, 110 confirmButtonText: '确定',
115 data: row, 111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
116 132
117 })
118 }, 133 },
119 // 删除 134 // 删除
120 deleteDialog(row){ 135 deleteDialog(row){
121 let that = this 136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
122 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
123 confirmButtonText: '确定', 137 confirmButtonText: '确定',
124 cancelButtonText: '取消', 138 cancelButtonText: '取消',
125 type: 'warning' 139 type: 'warning'
126 }).then(async () => { 140 }).then(() => {
127 141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
128 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
129 // deleteClmx(bsmClmx).then(res => { 142 // deleteClmx(bsmClmx).then(res => {
130 // if (res.code == 200) { 143 // if (res.code == 200) {
131 // that.$emit('updateList', res.result) 144 // that.$emit('updateList', res.result)
...@@ -135,16 +148,16 @@ export default { ...@@ -135,16 +148,16 @@ export default {
135 // }) 148 // })
136 // } 149 // }
137 // }) 150 // })
138 that.$message({ 151 this.$message({
139 message: '删除成功!', 152 type: 'success',
140 type: 'success' 153 message: '删除成功!'
141 }) 154 });
142 }).catch(() => { 155 }).catch(() => {
143 this.$message({ 156 this.$message({
144 type: 'info', 157 type: 'info',
145 message: '已取消删除' 158 message: '已取消删除'
146 }) 159 });
147 }) 160 });
148 161
149 } 162 }
150 }, 163 },
......
1 <!-- 1 <!--
2 * @Description : 房地产权1 2 * @Description : 房地产权1
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:00 4 * @LastEditTime : 2023-06-16 10:23:27
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -109,28 +109,40 @@ ...@@ -109,28 +109,40 @@
109 } 109 }
110 return name; 110 return name;
111 }, 111 },
112 AddDialog(row){ 112 // 编辑
113 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", {
114 data: ''
115 })
116 },
117 editDialog(row){ 113 editDialog(row){
118 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 114 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 datalist:this.columns, 115 // confirmButtonText: '确定',
120 data: row, 116 // cancelButtonText: '取消',
117 // type: 'warning'
118 // }).then(() => {
119 this.$parent.addRepairRecord(row)
120 // this.$message({
121 // type: 'success',
122 // message: '补录成功!'
123 // });
124 // }).catch(() => {
125 // this.$message({
126 // type: 'info',
127 // message: '取消编辑'
128 // });
129 // });
130
131 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
132 // datalist:this.columns,
133 // data: row,
134
135 // })
121 136
122 })
123 }, 137 },
124 // 删除 138 // 删除
125 deleteDialog(row){ 139 deleteDialog(row){
126 let that = this 140 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
127 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
128 confirmButtonText: '确定', 141 confirmButtonText: '确定',
129 cancelButtonText: '取消', 142 cancelButtonText: '取消',
130 type: 'warning' 143 type: 'warning'
131 }).then(async () => { 144 }).then(() => {
132 145 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
133 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
134 // deleteClmx(bsmClmx).then(res => { 146 // deleteClmx(bsmClmx).then(res => {
135 // if (res.code == 200) { 147 // if (res.code == 200) {
136 // that.$emit('updateList', res.result) 148 // that.$emit('updateList', res.result)
...@@ -140,16 +152,16 @@ ...@@ -140,16 +152,16 @@
140 // }) 152 // })
141 // } 153 // }
142 // }) 154 // })
143 that.$message({ 155 this.$message({
144 message: '删除成功!', 156 type: 'success',
145 type: 'success' 157 message: '删除成功!'
146 }) 158 });
147 }).catch(() => { 159 }).catch(() => {
148 this.$message({ 160 this.$message({
149 type: 'info', 161 type: 'info',
150 message: '已取消删除' 162 message: '已取消删除'
151 }) 163 });
152 }) 164 });
153 165
154 } 166 }
155 }, 167 },
......
1 <!-- 1 <!--
2 * @Description : 房地产权2 2 * @Description : 房地产权2
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-14 10:52:48 4 * @LastEditTime : 2023-06-16 16:53:36
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -105,6 +105,8 @@ export default { ...@@ -105,6 +105,8 @@ export default {
105 } 105 }
106 return name; 106 return name;
107 }, 107 },
108
109 // 编辑
108 editDialog(row){ 110 editDialog(row){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 111 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定', 112 confirmButtonText: '确定',
...@@ -132,7 +134,6 @@ export default { ...@@ -132,7 +134,6 @@ export default {
132 134
133 }, 135 },
134 // 删除 136 // 删除
135 // 删除
136 deleteDialog(row){ 137 deleteDialog(row){
137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { 138 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
138 confirmButtonText: '确定', 139 confirmButtonText: '确定',
......
1 <!-- 1 <!--
2 * @Description :国有建设用地使用权 2 * @Description :国有建设用地使用权
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:55:51 4 * @LastEditTime : 2023-06-16 10:23:54
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -113,30 +113,41 @@ ...@@ -113,30 +113,41 @@
113 } 113 }
114 return name; 114 return name;
115 }, 115 },
116 AddDialog(row){ 116 // 编辑
117 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", {
118 datalist:this.columns,
119 data: ''
120
121 })
122 },
123 editDialog(row){ 117 editDialog(row){
124 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 118 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
125 datalist:this.columns, 119 // confirmButtonText: '确定',
126 data: row, 120 // cancelButtonText: '取消',
121 // type: 'warning'
122 // }).then(() => {
123 this.$parent.addRepairRecord(row)
124
125 // this.$message({
126 // type: 'success',
127 // message: '补录成功!'
128 // });
129 // }).catch(() => {
130 // this.$message({
131 // type: 'info',
132 // message: '取消编辑'
133 // });
134 // });
135
136 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
137 // datalist:this.columns,
138 // data: row,
139
140 // })
127 141
128 })
129 }, 142 },
130 // 删除 143 // 删除
131 deleteDialog(row){ 144 deleteDialog(row){
132 let that = this 145 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
133 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
134 confirmButtonText: '确定', 146 confirmButtonText: '确定',
135 cancelButtonText: '取消', 147 cancelButtonText: '取消',
136 type: 'warning' 148 type: 'warning'
137 }).then(async () => { 149 }).then(() => {
138 150 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
139 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
140 // deleteClmx(bsmClmx).then(res => { 151 // deleteClmx(bsmClmx).then(res => {
141 // if (res.code == 200) { 152 // if (res.code == 200) {
142 // that.$emit('updateList', res.result) 153 // that.$emit('updateList', res.result)
...@@ -146,16 +157,16 @@ ...@@ -146,16 +157,16 @@
146 // }) 157 // })
147 // } 158 // }
148 // }) 159 // })
149 that.$message({ 160 this.$message({
150 message: '删除成功!', 161 type: 'success',
151 type: 'success' 162 message: '删除成功!'
152 }) 163 });
153 }).catch(() => { 164 }).catch(() => {
154 this.$message({ 165 this.$message({
155 type: 'info', 166 type: 'info',
156 message: '已取消删除' 167 message: '已取消删除'
157 }) 168 });
158 }) 169 });
159 170
160 } 171 }
161 }, 172 },
......
...@@ -138,28 +138,41 @@ ...@@ -138,28 +138,41 @@
138 } 138 }
139 return name; 139 return name;
140 }, 140 },
141 AddDialog(row){ 141 // 编辑
142 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", {
143 data: ''
144 })
145 },
146 editDialog(row){ 142 editDialog(row){
147 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 143 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
148 datalist:this.columns, 144 confirmButtonText: '确定',
149 data: row, 145 cancelButtonText: '取消',
146 type: 'warning'
147 }).then(() => {
148 this.$parent.addRepairRecord(row)
149
150 this.$message({
151 type: 'success',
152 message: '补录成功!'
153 });
154 }).catch(() => {
155 this.$message({
156 type: 'info',
157 message: '取消编辑'
158 });
159 });
160
161 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
162 // datalist:this.columns,
163 // data: row,
164
165 // })
150 166
151 })
152 }, 167 },
153 // 删除 168 // 删除
154 deleteDialog(row){ 169 deleteDialog(row){
155 let that = this 170 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
156 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
157 confirmButtonText: '确定', 171 confirmButtonText: '确定',
158 cancelButtonText: '取消', 172 cancelButtonText: '取消',
159 type: 'warning' 173 type: 'warning'
160 }).then(async () => { 174 }).then(() => {
161 175 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
162 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
163 // deleteClmx(bsmClmx).then(res => { 176 // deleteClmx(bsmClmx).then(res => {
164 // if (res.code == 200) { 177 // if (res.code == 200) {
165 // that.$emit('updateList', res.result) 178 // that.$emit('updateList', res.result)
...@@ -169,16 +182,16 @@ ...@@ -169,16 +182,16 @@
169 // }) 182 // })
170 // } 183 // }
171 // }) 184 // })
172 that.$message({ 185 this.$message({
173 message: '删除成功!', 186 type: 'success',
174 type: 'success' 187 message: '删除成功!'
175 }) 188 });
176 }).catch(() => { 189 }).catch(() => {
177 this.$message({ 190 this.$message({
178 type: 'info', 191 type: 'info',
179 message: '已取消删除' 192 message: '已取消删除'
180 }) 193 });
181 }) 194 });
182 195
183 } 196 }
184 }, 197 },
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
1 <template> 6 <template>
2 <div class="from-clues-header"> 7 <!-- 受理信息 -->
3 <div>收件信息</div> 8 <div class="slxx">
4 <el-form :model="form" label-width="120px"> 9 <el-form
5 <div class="slxx_con"> 10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
6 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
7 受理信息 20 补录信息
8 <div class="triangle"></div> 21 <div class="triangle"></div>
9 </div> 22 </div>
10 <el-row :gutter="10" v-if="form.slsq"> 23 <el-row :gutter="10">
11 <el-col :span="8"> 24 <el-col :span="8">
12 <el-form-item label="补录编号："> 25 <el-form-item label="补录编号：">
13 <el-input disabled v-model="form.Repair.ywh"></el-input> 26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
14 </el-form-item> 27 </el-form-item>
15 </el-col> 28 </el-col>
16 <el-col :span="8"> 29 <el-col :span="8">
17 <el-form-item label="补录人员："> 30 <el-form-item label="补录人员：">
18 <el-input disabled v-model="form.Repair.slry"></el-input> 31 <el-input disabled v-model="ruleForm.repair.slry"></el-input>
19 </el-form-item> 32 </el-form-item>
20 </el-col> 33 </el-col>
21 <el-col :span="8"> 34 <el-col :span="8">
22 <el-form-item label="补录时间："> 35 <el-form-item label="补录时间：">
23 <el-input disabled v-model="form.Repair.slsj"></el-input> 36 <el-input disabled v-model="ruleForm.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
24 </el-form-item> 58 </el-form-item>
25 </el-col> 59 </el-col>
26 </el-row> 60 </el-row>
27 <el-row :gutter="10"> 61 <el-row :gutter="10">
28 <el-col :span="8"> 62 <el-col :span="8">
29 <el-form-item label="权利类型："> 63 <el-form-item label="权利类型：">
30 <el-input disabled v-model="form.Repair.qllxmc"></el-input> 64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
31 </el-form-item> 197 </el-form-item>
32 </el-col> 198 </el-col>
33 <el-col :span="8"> 199 <el-col :span="8">
34 <el-form-item label="登记类型："> 200 <el-form-item label="登记机构：">
35 <el-input disabled v-model="form.Repair.djlxmc"></el-input> 201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </el-col>
214 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
36 </el-form-item> 219 </el-form-item>
37 </el-col> 220 </el-col>
38 </el-row> 221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 权利人信息
231 <div class="triangle"></div>
232 </div>
233 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
39 </div> 285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
40 </el-form> 291 </el-form>
41 <div class="btn">
42 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
43 <el-button @click="closeDialog">取消</el-button>
44 </div>
45 </div> 292 </div>
46 </template> 293 </template>
47 <script> 294 <script>
48 import { mapGetters } from "vuex"; 295 import { mapGetters } from "vuex";
49 import { init } from "@/api/djbbl.js" 296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
50 export default { 299 export default {
51 props: { 300 components: { qlrCommonTable },
52 currentSelectProps: { 301 computed: {
53 type: Object, 302 ...mapGetters(["dictData", "flag"]),
54 default: () => {},
55 },
56 }, 303 },
57
58 data() { 304 data() {
59 return { 305 return {
60 //传递参数 306 //表单是否可操作
61 propsParam: this.$attrs, 307 propsParam: this.$attrs,
62 activeName: "slxx", 308 ableOperation: true,
63 form: {}, 309 key: 0,
64 datalist: [], 310 isShow: false,
65 qsztList: [ 311 disabled: true,
66 { 312 czrOptions: [],
67 value: "1", 313 ruleForm: {},
68 label: "现势", 314 //传递参数\
69 }, 315 rules: {},
70 {
71 value: "2",
72 label: "历史",
73 },
74 ],
75 label: "",
76 isshow: true,
77 }; 316 };
78 }, 317 },
79 computed: {
80 ...mapGetters(["dictData"]),
81 },
82 created() { 318 created() {
319 console.log("受理信息",this.ruleForm);
83 this.loadData(); 320 this.loadData();
84 // this.clmlInitList(1)
85 }, 321 },
86 mounted() { 322 mounted() {},
87 // if (this.formData.data) {
88 // this.$nextTick(() => {
89 // this.form = Object.assign({}, this.formData.data);
90 // // this.datalist = Object.assign([], this.formData.datalist)
91 // this.form.qszt =
92 // this.form.qszt == "0"
93 // ? "临时"
94 // : this.form.qszt == "1"
95 // ? "现势"
96 // : "历史";
97 // });
98 // }
99 // this.datalist = this.formData.datalist
100 // this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
101 // this.datalist.shift();
102 // this.datalist.shift();
103 // console.log("this.datalist", this.datalist);
104 },
105
106 methods: { 323 methods: {
107 loadData() { 324 loadData() {
108 init(this.propsParam.bsmRepair).then((res) => { 325 init(this.propsParam.bsmRepair).then((res) => {
109 if (res.code == 200) { 326 if (res.code == 200) {
110 this.form=res.result; 327 this.ruleForm = res.result;
111 console.log("/rest/djbRepair/init",res); 328 this.isShow = true;
112 // this.tableData = res.result; 329 // this.tableData = res.result;
113 // if (this.tableData.length < datas.columns().emptycolNum) { 330 // if (this.tableData.length < datas.columns().emptycolNum) {
114 // this.emptycolNum = 331 // this.emptycolNum =
...@@ -118,266 +335,77 @@ export default { ...@@ -118,266 +335,77 @@ export default {
118 // } 335 // }
119 } 336 }
120 }); 337 });
121
122 }, 338 },
123 // 受理信息保存 339 // 更新权利人信息
124 slxxsubmitForm() { 340 upDateQlrxxList(val) {
125 this.$refs.form.validate((valid) => { 341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
126 if (valid) { 342 this.czrOptions = this.ruleForm.qlrList;
127 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { 343 this.key++;
128 // if (res.code == 200) { 344 },
129 // this.$message.success("新增成功") 345 // 更新义务人信息
130 // this.closeaddDiglog(); 346 upDateYwrxxList(val) {
131 // this.getList() 347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
132 // } else { 348 this.key++;
133 // this.$message.error(res.message) 349 },
134 // } 350 onSubmit() {
135 // }) 351 if (this.ruleForm.qlrList.length == 0) {
136 } else { 352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
137 return false; 367 return false;
138 } 368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
139 }); 403 });
140 this.isshow = false;
141 }, 404 },
142 closeDialog() {},
143 }, 405 },
144 }; 406 };
145 </script> 407 </script>
146 <style scoped lang="scss"> 408 <style scoped lang="scss">
147 @import "~@/styles/mixin.scss";
148 @import "~@/styles/public.scss"; 409 @import "~@/styles/public.scss";
149 410 @import "~@/styles/slxx/slxx.scss";
150 .from-clues-header {
151 @include flex;
152 flex-direction: column;
153 overflow-y: hidden;
154 height: 620px;
155 padding: 0 2px;
156
157 .btn {
158 margin-top: 40px;
159 margin-bottom: 20px;
160 text-align: center;
161 }
162 }
163
164 // 审批意见样式
165
166 .spyj {
167 .box {
168 overflow-x: auto;
169 width: 100%;
170 height: 95%;
171 background: #fff;
172 text-align: center;
173 padding: 4px;
174 overflow-y: scroll;
175 padding-top: 20px;
176 padding: 20px 40px;
177 /deep/.el-input__inner {
178 width: 200px;
179 border: none;
180 }
181 }
182 .spyj_title {
183 line-height: 68px;
184 border: 1px solid $borderColor;
185 text-align: center;
186 font-size: 22px;
187 font-weight: 400;
188 background-color: #eceef2;
189 display: block;
190 border-bottom: none;
191 }
192
193 /deep/.el-form-item {
194 margin-bottom: 0;
195 }
196
197 .bottom10 {
198 margin-bottom: 15px;
199 }
200
201 .spyj_form {
202 display: flex;
203 border: 1px solid $borderColor;
204
205 .item_left {
206 width: 150px;
207 background-color: #f8f8fa;
208 color: #606266;
209 display: flex;
210 font-size: 14px;
211 text-indent: 80px;
212 align-items: center;
213 border-right: 1px solid $borderColor;
214 }
215
216 .item_right {
217 flex: 1;
218 width: 100%;
219
220 /deep/.el-form-item__label {
221 background-color: #f8f8fa;
222 }
223 /deep/.el-form-item__content {
224 display: block;
225 text-align: left;
226 text-indent: 10px;
227 }
228 .opinion_item {
229 /deep/.el-form-item__error {
230 margin-top: -16px !important;
231 left: 3px;
232 }
233
234 border-bottom: 1px solid $borderColor;
235 }
236
237 .opinion {
238 position: relative;
239 font-size: 14px;
240
241 /deep/.el-textarea__inner {
242 border: none;
243 }
244 }
245
246 .opinion_btn {
247 position: absolute;
248 right: 15px;
249 bottom: 10px;
250 }
251 }
252 }
253
254 .submit_button {
255 text-align: center;
256 margin: 15px 0;
257 }
258 }
259
260 // 材料信息样式
261 .active {
262 background: $light-blue !important;
263 color: #fff;
264 }
265
266 .required {
267 font-size: 12px;
268 color: $pink;
269 float: left;
270 }
271
272 .cl_number {
273 float: right;
274 }
275
276 .clxx {
277 width: 100%;
278 display: flex;
279 padding-left: 5px;
280 height: calc(100vh - 125px);
281
282 .left {
283 display: flex;
284 flex-direction: column;
285 justify-content: space-between;
286
287 .item {
288 width: 28px;
289 height: 49%;
290 @include flex-center;
291 background-color: #e4e7ed;
292 border-bottom-right-radius: 10px;
293 padding: 5px;
294 cursor: pointer;
295 transition: all 0.3s;
296
297 &:hover {
298 @extend .active;
299 }
300 }
301 }
302
303 .right {
304 width: 100%;
305 height: 100%;
306
307 .clmlmx-box {
308 margin: 0 auto;
309
310 .title {
311 text-align: center;
312 height: 60px;
313 line-height: 60px;
314 border: 1px solid #dfe6ec;
315 font-size: 20px;
316 background: #81d3f81a;
317 margin-bottom: -1px;
318 }
319 }
320
321 .clyl-box {
322 width: 100%;
323 height: 100%;
324 display: flex;
325
326 .menu-tree {
327 width: 20%;
328 min-width: 160px;
329 height: 100%;
330 margin-right: 10px;
331 border-right: 1px dotted #d9d9d9;
332 padding: 0 15px;
333
334 .item {
335 line-height: 30px;
336 padding-top: 5px;
337 border-bottom: 1px solid #e8e8e8;
338 font-size: 16px;
339 text-align: center;
340 color: $light-blue;
341
342 .itemIcon {
343 float: right;
344 line-height: 60px;
345 cursor: pointer;
346 }
347
348 .child {
349 line-height: 32px;
350 border-bottom: 1px solid #e8e8e8;
351 padding-left: 10px;
352 color: #6b6b6b;
353 cursor: pointer;
354 box-sizing: border-box;
355 border-radius: 6px;
356 line-height: 20px;
357 transition: all 0.3s;
358 padding: 8px 0;
359 }
360
361 .child:hover {
362 color: $light-blue;
363 transform: scale(1.1);
364 }
365
366 .checked {
367 border: 1px solid $light-blue;
368 color: $light-blue;
369 }
370 }
371 }
372
373 .clyl-img {
374 width: 75%;
375 height: 100%;
376 background: #f3f4f7;
377 margin: 0 auto;
378 position: relative;
379 }
380 }
381 }
382 }
383 </style> 411 </style>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <template> 6 <template>
7 <div class='spyj loadingtext'> 7 <div class='spyj loadingtext'>
8 <div class="box"> 8 <div class="box">
9 <b class="spyj_title">审批表11111111111111111111</b> 9 <b class="spyj_title">审批表</b>
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> 11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
12 <div class="item_left"> 12 <div class="item_left">
...@@ -101,7 +101,9 @@ ...@@ -101,7 +101,9 @@
101 getSpyjList(formdata).then((res) => { 101 getSpyjList(formdata).then((res) => {
102 this.$endLoading() 102 this.$endLoading()
103 if (res.code === 200 && res.result) { 103 if (res.code === 200 && res.result) {
104
104 this.tableData = res.result ? res.result : [] 105 this.tableData = res.result ? res.result : []
106 console.log("this.tableDatathis.tableDatathis.tableDatathis.tableData",this.tableData);
105 if (res.result.length == 0) { 107 if (res.result.length == 0) {
106 that.isNoData = true 108 that.isNoData = true
107 } 109 }
...@@ -123,7 +125,7 @@ ...@@ -123,7 +125,7 @@
123 }, 125 },
124 //打开常用意见列表弹窗 126 //打开常用意见列表弹窗
125 commonOpinion () { 127 commonOpinion () {
126 this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) 128 this.$popupDialog("常用意见", "djbworkflow/components/dialog/commonOpinion", {}, "70%", true)
127 }, 129 },
128 //使用常用意见 130 //使用常用意见
129 useOpinion (opinion) { 131 useOpinion (opinion) {
......
1 <!-- 1 <!--
2 * @Description :预告登记 2 * @Description :预告登记
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:57:01 4 * @LastEditTime : 2023-06-15 13:50:25
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -104,28 +104,41 @@ export default { ...@@ -104,28 +104,41 @@ export default {
104 } 104 }
105 return name; 105 return name;
106 }, 106 },
107 AddDialog(row){ 107 // 编辑
108 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", {
109 data: ''
110 })
111 },
112 editDialog(row){ 108 editDialog(row){
113 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
114 datalist:this.columns, 110 confirmButtonText: '确定',
115 data: row, 111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
116 132
117 })
118 }, 133 },
119 // 删除 134 // 删除
120 deleteDialog(row){ 135 deleteDialog(row){
121 let that = this 136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
122 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
123 confirmButtonText: '确定', 137 confirmButtonText: '确定',
124 cancelButtonText: '取消', 138 cancelButtonText: '取消',
125 type: 'warning' 139 type: 'warning'
126 }).then(async () => { 140 }).then(() => {
127 141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
128 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
129 // deleteClmx(bsmClmx).then(res => { 142 // deleteClmx(bsmClmx).then(res => {
130 // if (res.code == 200) { 143 // if (res.code == 200) {
131 // that.$emit('updateList', res.result) 144 // that.$emit('updateList', res.result)
...@@ -135,16 +148,16 @@ export default { ...@@ -135,16 +148,16 @@ export default {
135 // }) 148 // })
136 // } 149 // }
137 // }) 150 // })
138 that.$message({ 151 this.$message({
139 message: '删除成功!', 152 type: 'success',
140 type: 'success' 153 message: '删除成功!'
141 }) 154 });
142 }).catch(() => { 155 }).catch(() => {
143 this.$message({ 156 this.$message({
144 type: 'info', 157 type: 'info',
145 message: '已取消删除' 158 message: '已取消删除'
146 }) 159 });
147 }) 160 });
148 161
149 } 162 }
150 }, 163 },
......
1 <!-- 1 <!--
2 * @Description :异议登记 2 * @Description :异议登记
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:57:04 4 * @LastEditTime : 2023-06-15 13:50:58
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -105,28 +105,41 @@ export default { ...@@ -105,28 +105,41 @@ export default {
105 } 105 }
106 return name; 106 return name;
107 }, 107 },
108 AddDialog(row){ 108 // 编辑
109 this.$popupDialog("新增", "djbworkflow/djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){ 109 editDialog(row){
114 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
115 datalist:this.columns, 111 confirmButtonText: '确定',
116 data: row, 112 cancelButtonText: '取消',
113 type: 'warning'
114 }).then(() => {
115 this.$parent.addRepairRecord(row)
116
117 this.$message({
118 type: 'success',
119 message: '补录成功!'
120 });
121 }).catch(() => {
122 this.$message({
123 type: 'info',
124 message: '取消编辑'
125 });
126 });
127
128 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
129 // datalist:this.columns,
130 // data: row,
131
132 // })
117 133
118 })
119 }, 134 },
120 // 删除 135 // 删除
121 deleteDialog(row){ 136 deleteDialog(row){
122 let that = this 137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定', 138 confirmButtonText: '确定',
125 cancelButtonText: '取消', 139 cancelButtonText: '取消',
126 type: 'warning' 140 type: 'warning'
127 }).then(async () => { 141 }).then(() => {
128 142 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => { 143 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) { 144 // if (res.code == 200) {
132 // that.$emit('updateList', res.result) 145 // that.$emit('updateList', res.result)
...@@ -136,16 +149,16 @@ export default { ...@@ -136,16 +149,16 @@ export default {
136 // }) 149 // })
137 // } 150 // }
138 // }) 151 // })
139 that.$message({ 152 this.$message({
140 message: '删除成功!', 153 type: 'success',
141 type: 'success' 154 message: '删除成功!'
142 }) 155 });
143 }).catch(() => { 156 }).catch(() => {
144 this.$message({ 157 this.$message({
145 type: 'info', 158 type: 'info',
146 message: '已取消删除' 159 message: '已取消删除'
147 }) 160 });
148 }) 161 });
149 162
150 } 163 }
151 }, 164 },
......
1 <!-- 1 <!--
2 * @Description :宗地基本信息 2 * @Description :宗地基本信息
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-05-31 13:59:27 4 * @LastEditTime : 2023-06-15 13:57:20
5 --> 5 -->
6 <template> 6 <template>
7 <div class="tableDivCss"> 7 <div class="tableDivCss">
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 </tr> 26 </tr>
27 <tr> 27 <tr>
28 <td style="width:15%">宗地面积</td> 28 <td style="width:15%">宗地面积</td>
29 <td style="width:30%">{{ zdjbxx.zdmj }}</td> 29 <td style="width:30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width:15%">用途</td> 30 <td style="width:15%">用途</td>
31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td> 31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td>
32 </tr> 32 </tr>
...@@ -193,22 +193,22 @@ ...@@ -193,22 +193,22 @@
193 }, 193 },
194 methods: { 194 methods: {
195 loadData () { 195 loadData () {
196 console.log("this.$attrs",this.$attrs); 196 console.log("this.$attrs", this.$attrs);
197 console.log("this.propsParam",this.propsParam); 197 console.log("this.propsParam", this.propsParam);
198 if(this.propsParam.bsmSldy){ 198 if (this.propsParam.bsmSldy) {
199 console.log("宗地基本信息"); 199 console.log("宗地基本信息");
200 }else{ 200 } else {
201 console.log("登记簿里宗地基本信息"); 201 console.log("登记簿里宗地基本信息");
202 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 202 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
203 if (res.code === 200) { 203 if (res.code === 200) {
204 this.zdjbxx = res.result.zdjbxx; 204 this.zdjbxx = res.result.zdjbxx;
205 this.zdbhqks = res.result.zdbhqkList; 205 this.zdbhqks = res.result.zdbhqkList;
206 if (this.zdbhqks != null && this.zdbhqks.length > 0) { 206 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
207 this.showGroup = true; 207 this.showGroup = true;
208 }
208 } 209 }
209 } 210 })
210 }) 211 }
211 }
212 212
213 } 213 }
214 } 214 }
......
...@@ -7,100 +7,121 @@ ...@@ -7,100 +7,121 @@
7 export function getForm (tabName, djywbm) { 7 export function getForm (tabName, djywbm) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10 case "jsydsyqslxx100": 10 // case "jsydsyqslxx100":
11 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); 11 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
12 break; 12 // break;
13 case "jsydsyqslxx300": 13 // case "jsydsyqslxx300":
14 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); 14 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue");
15 break; 15 // break;
16 case "fwsyqslxx100": 16 // case "fwsyqslxx100":
17 form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); 17 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
18 break; 18 // break;
19 case "fwsyqslxx300": 19 // case "fwsyqslxx300":
20 form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); 20 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue");
21 break; 21 // break;
22 case "nydsyqslxx100": 22 // case "nydsyqslxx100":
23 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); 23 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
24 break; 24 // break;
25 case "nydsyqslxx200": 25 // case "nydsyqslxx200":
26 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); 26 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
27 break; 27 // break;
28 case "tdslxxCfdj": 28 // case "tdslxxCfdj":
29 form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue"); 29 // form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue");
30 break; 30 // break;
31 case "plslxxCfdj": 31 // case "plslxxCfdj":
32 form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue"); 32 // form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue");
33 break; 33 // break;
34 case "diyaqSlxx": 34 // case "diyaqSlxx":
35 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 35 // form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
36 break; 36 // break;
37 case "clxx": 37 // case "ygmm100":
38 form = require("@/views/djbworkflow/components/clxxUnify.vue"); 38 // form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
39 break; 39 // break;
40 case "spyj": 40 // case "ygmm300":
41 form = require("@/views/djbworkflow/components/spyj.vue"); 41 // form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue");
42 break; 42 // break;
43 // case "ygdy100":
44 // case "ygdy300":
45 // form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
46 // break;
47 // case "zjgcdyqSlxx":
48 // form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
49 // break;
50 // case "szxx":
51 // form = require("@/views/djbworkflow/components/szxx.vue");
52 // break;
53 // case "fzxx":
54 // form = require("@/views/djbworkflow/components/fzxx.vue");
55 // break;
56 // case "zdt":
57 // form = require("@/views/djbworkflow/components/zdt.vue");
58 // break;
59 // 宗地基本信息
43 case "zdjbxx": 60 case "zdjbxx":
44 form = require("@/views/djbworkflow/djbBook/zdjbxx.vue"); 61 form = require("@/views/djbworkflow/djbBook/zdjbxx.vue");
45 break; 62 break;
46 case "ygmm100": 63 // 查封登记
47 form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
48 break;
49 case "ygmm300":
50 form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue");
51 break;
52 case "ygdy100":
53 case "ygdy300":
54 form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
55 break;
56 case "zjgcdyqSlxx":
57 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
58 break;
59 case "cfdj": 64 case "cfdj":
60 form = require("@/views/djbworkflow/djbBook/cfdj.vue"); 65 form = require("@/views/djbworkflow/djbBook/cfdj.vue");
61 break; 66 break;
67 // 国有建设用地使用权
62 case "jsydsyq": 68 case "jsydsyq":
63 form = require("@/views/djbworkflow/djbBook/jsydsyq.vue"); 69 form = require("@/views/djbworkflow/djbBook/jsydsyq.vue");
64 break; 70 break;
71 // 农用地使用权
65 case "nydsyq": 72 case "nydsyq":
66 form = require("@/views/djbworkflow/djbBook/nydsyq.vue"); 73 form = require("@/views/djbworkflow/djbBook/nydsyq.vue");
67 break; 74 break;
75 // 房屋产权2
68 case "fdcq2": 76 case "fdcq2":
69 form = require("@/views/djbworkflow/djbBook/fdcq2.vue"); 77 form = require("@/views/djbworkflow/djbBook/fdcq2.vue");
70 break; 78 break;
79 // 抵押权
71 case "diyaq": 80 case "diyaq":
72 form = require("@/views/djbworkflow/djbBook/diyaq.vue"); 81 form = require("@/views/djbworkflow/djbBook/diyaq.vue");
73 break; 82 break;
83 // 预告登记
74 case "ygdj": 84 case "ygdj":
75 form = require("@/views/djbworkflow/djbBook/ygdj.vue"); 85 form = require("@/views/djbworkflow/djbBook/ygdj.vue");
76 break; 86 break;
87 // 地役权
77 case "diyiq": 88 case "diyiq":
78 form = require("@/views/djbworkflow/djbBook/diyiq.vue"); 89 form = require("@/views/djbworkflow/djbBook/diyiq.vue");
79 break; 90 break;
91 // 登记簿封面
80 case "djbfm": 92 case "djbfm":
81 form = require("@/views/djbworkflow/djbBook/djbfm.vue"); 93 form = require("@/views/djbworkflow/djbBook/djbfm.vue");
82 break; 94 break;
95 // 异议登记
83 case "yydj": 96 case "yydj":
84 form = require("@/views/djbworkflow/djbBook/yydj.vue"); 97 form = require("@/views/djbworkflow/djbBook/yydj.vue");
85 break; 98 break;
86 case "szxx": 99 // 受理信息
87 form = require("@/views/djbworkflow/components/szxx.vue");
88 break;
89 case "fzxx":
90 form = require("@/views/djbworkflow/components/fzxx.vue");
91 break;
92 case "zdt":
93 form = require("@/views/djbworkflow/components/zdt.vue");
94 break;
95 case "slxx": 100 case "slxx":
96 form = require("@/views/djbworkflow/djbBook/slxx.vue"); 101 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fwsyq/slxx.vue");
97 break; 102 break;
98 // case "spyj":
99 // form = require("@/views/djbworkflow/djbBook/spyj.vue");
100 // break;
101 // case "clxx": 103 // case "clxx":
102 // form = require("@/views/djbworkflow/djbBook/clxx.vue"); 104 // form = require("@/views/djbworkflow/djbBook/components/clxx.vue");
105 // break;
106 // case "spyj":
107 // form = require("@/views/djbworkflow/djbBook/components/spyj.vue");
108 // break;
109 // case "slxx":
110 // form = require("@/views/djbworkflow/djbBook/slxx.vue");
103 // break; 111 // break;
112 case "clxx":
113 form = require("@/views/djbworkflow/djbBook/clxx.vue");
114 break;
115 case "spyj":
116 form = require("@/views/djbworkflow/djbBook/spyj.vue");
117 break;
118
119 // case "clxx":
120 // form = require("@/views/djbworkflow/components/clxxUnify.vue");
121 // break;
122 // case "spyj":
123 // form = require("@/views/djbworkflow/components/spyj.vue");
124 // break;
104 default: 125 default:
105 form = require("@/views/error-page/404.vue"); 126 form = require("@/views/error-page/404.vue");
106 break; 127 break;
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:38:57
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return {
18 //发证列表
19 fzgrid: [
20 {
21 label: '序号',
22 type: 'index',
23 width: '50'
24 },
25 {
26 prop: "bdcqzlx",
27 label: "不动产权证类型",
28 render: (h, scope) => {
29 return (
30 <div>
31 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
32 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
33 </div>
34 )
35 }
36 },
37 {
38 prop: "qllx",
39 label: "权利类型"
40 },
41 {
42 prop: "ysxlh",
43 label: "印刷序列号",
44 width: '100',
45 },
46 {
47 prop: "bdcqzh",
48 label: "不动产权证号",
49 width: '200',
50 },
51 {
52 prop: "qlr",
53 label: "权利人"
54 },
55 {
56 prop: "ywr",
57 label: "义务人"
58 },
59 {
60 prop: "mj",
61 label: "面积（㎡）"
62 },
63 {
64 prop: "zl",
65 label: "坐落"
66 },
67 {
68 prop: "fzsj",
69 label: "发证时间",
70 width: '140',
71 },
72 {
73 prop: "lzrxm",
74 label: "领证人姓名"
75 },
76 ],
77 //领证证列表
78 lzgrid: [
79 {
80 type: 'selection'
81 },
82 {
83 label: '序号',
84 type: 'index',
85 width: '50'
86 },
87 {
88 prop: "bdcqzlx",
89 label: "不动产权证类型",
90 width: '120',
91 render: (h, scope) => {
92 return (
93 <div>
94 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
95 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
96 </div>
97 )
98 }
99 },
100 {
101 prop: "qllx",
102 label: "权利类型"
103 },
104 {
105 prop: "ysxlh",
106 label: "印刷序列号",
107 width: '100',
108 },
109 {
110 prop: "bdcqzh",
111 label: "不动产权证号"
112 },
113 {
114 prop: "qlr",
115 label: "权利人"
116 },
117 {
118 prop: "ywr",
119 label: "义务人"
120 },
121 {
122 prop: "mj",
123 label: "面积（㎡）",
124 width: '100',
125 },
126 {
127 prop: "zl",
128 label: "坐落"
129 }
130 ]
131 }
132 }
133 }
134 let datas = new data()
135 export {
136 datas,
137 sendThis
138 }
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:03
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 label: '序号',
20 type: 'index',
21 render: (h, scope) => {
22 return (
23 <div>
24 {scope.$index + 1}
25 </div>
26 )
27 }
28 },
29 {
30 prop: "szzh",
31 label: "缮证证号",
32 },
33 {
34 prop: "ysxlh",
35 label: "印刷序列号",
36 },
37 {
38 prop: "szry",
39 label: "缮证人员",
40 },
41 {
42 prop: "szsj",
43 label: "缮证时间",
44 },
45 {
46 label: "是否作废",
47 render: (h, scope) => {
48 if (scope.row.sfzf == '0') {
49 return <div>否</div>
50 } else {
51 return <div>已作废</div>
52 }
53 }
54 },
55 {
56 prop: "bz",
57 label: "备注信息",
58 },
59 ]
60 }
61 }
62 let datas = new data()
63 export {
64 datas,
65 sendThis
66 }
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:07
5 */
6 import filter from '@/utils/filter.js'
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 prop: "qlr",
15 label: "权利人",
16 },
17 {
18 prop: "gyqk",
19 label: "共有情况",
20 },
21 {
22 prop: "zl",
23 label: "坐落",
24 },
25 {
26 prop: "bdcdyh",
27 label: "不动产单元号",
28 },
29 {
30 prop: "qllx",
31 label: "权利类型",
32 },
33 {
34 prop: "qlxz",
35 label: "权利性质",
36 },
37 {
38 prop: "yt",
39 label: "用途",
40 },
41 {
42 prop: "mj",
43 label: "面积",
44 },
45 {
46 prop: "syqx",
47 label: "使用期限",
48 },
49 {
50 prop: "qlqtzk",
51 label: "权利其他状况",
52 },
53 ]
54 }
55 }
56
57 let datas = new data()
58
59 export {
60 datas
61 }
...\ No newline at end of file ...\ No newline at end of file
1 /* 1 /*
2 * @Description:workFramezu.vue组件的方法 2 * @Description:workFramezu.vue组件的方法 头部按钮弹框方法
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-05-18 15:01:31 4 * @LastEditTime: 2023-06-14 15:01:31
5 */ 5 */
6 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; 6 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
7 import { getPrintTemplateByCode } from "@/api/system"; 7 import { getPrintTemplateByCode } from "@/api/system";
...@@ -101,26 +101,57 @@ export default { ...@@ -101,26 +101,57 @@ export default {
101 this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) 101 this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true)
102 break; 102 break;
103 case "B5": 103 case "B5":
104 // this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { 104 const h = this.$createElement;
105 // bsmSlsq: this.bsmSlsq, 105 this.$msgbox({
106 // entryType: '1' 106 title: '消息',
107 // }, '65%', true) 107 message: h('p', null, [
108 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 108 h('span', null, '内容可以是 '),
109 h('i', { style: 'color: teal' }, 'VNode')
110 ]),
111 showCancelButton: true,
109 confirmButtonText: '确定', 112 confirmButtonText: '确定',
110 cancelButtonText: '取消', 113 cancelButtonText: '取消',
111 type: 'warning' 114 beforeClose: (action, instance, done) => {
112 }).then(() => { 115 if (action === 'confirm') {
116 instance.confirmButtonLoading = true;
117 instance.confirmButtonText = '执行中...';
118 setTimeout(() => {
119 done();
120 setTimeout(() => {
121 instance.confirmButtonLoading = false;
122 }, 300);
123 }, 3000);
124 } else {
125 done();
126 }
127 }
128 }).then(action => {
113 this.addRepairRecord() 129 this.addRepairRecord()
114 this.$message({ 130 this.$message({
115 type: 'success',
116 message: '补录成功!'
117 });
118 }).catch(() => {
119 this.$message({
120 type: 'info', 131 type: 'info',
121 message: '取消编辑' 132 message: 'action: ' + action
122 }); 133 });
123 }); 134 });
135 // this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", {
136 // bsmSlsq: this.bsmSlsq,
137 // entryType: '1'
138 // }, '65%', true)
139 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
140 // confirmButtonText: '确定',
141 // cancelButtonText: '取消',
142 // type: 'warning'
143 // }).then(() => {
144 // this.addRepairRecord()
145 // this.$message({
146 // type: 'success',
147 // message: '补录成功!'
148 // });
149 // }).catch(() => {
150 // this.$message({
151 // type: 'info',
152 // message: '取消编辑'
153 // });
154 // });
124 155
125 break; 156 break;
126 case "B6": 157 case "B6":
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-24 14:42:24
5 */
6 import { getForm } from "../flowform";
7 import { getHomeNoticeList } from "@/api/home.js"
8 import { log } from "bpmn-js-token-simulation";
9 export default {
10 data () {
11 return {
12 noticeList: []
13 }
14 },
15 created () {
16 this.getHomeNotice()
17 },
18 mounted () {
19 let _this = this
20 window.addEventListener('message', function (messageEvent) {
21 _this.getHomeNotice()
22 }, false)
23 },
24 methods: {
25 getHomeNotice () {
26 getHomeNoticeList().then(res => {
27 if (res.result) {
28 this.noticeList = res.result.noticeList
29 }
30 })
31 },
32
33
34 }
35 }
...@@ -79,7 +79,10 @@ import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; ...@@ -79,7 +79,10 @@ import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
79 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; 79 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
80 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; 80 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
81 // 登记簿数据信息 81 // 登记簿数据信息
82 import { addRepairRecord } from "@/api/djbbl.js" 82 import { addRepairRecord } from "@/api/djbbl.js"
83 // 获取权利类型数组
84 import { getQllxByBdcdyid } from "@/api/djbbl.js"
85
83 import { getBdcqljqtsx } from "@/api/registerBook.js"; 86 import { getBdcqljqtsx } from "@/api/registerBook.js";
84 export default { 87 export default {
85 components: { 88 components: {
...@@ -101,6 +104,8 @@ export default { ...@@ -101,6 +104,8 @@ export default {
101 qllx: this.$route.query.qllx, 104 qllx: this.$route.query.qllx,
102 //设置那个表单选中 105 //设置那个表单选中
103 tabName: "", 106 tabName: "",
107 // 权利类型数组
108 qllxlist:[],
104 //表单集合 109 //表单集合
105 tabList: [], 110 tabList: [],
106 //选择加载哪一个组件 111 //选择加载哪一个组件
...@@ -119,13 +124,24 @@ export default { ...@@ -119,13 +124,24 @@ export default {
119 }; 124 };
120 }, 125 },
121 mounted() { 126 mounted() {
127
122 }, 128 },
123 129
124 methods: { 130 methods: {
131 getQllxByBdcdyid(){
132 console.log("this.currentSelectProps.bdcdyid",this.currentSelectProps.bdcdyid);
133 getQllxByBdcdyid({bdcdyid:this.currentSelectProps.bdcdyid}).then((res) => {
134 if (res.code === 200) {
135 console.log("Qllxlist",res);
136
137 }
138 });
139 },
140 // 获取右侧选项卡
125 getCurrentSelectProps (val) { 141 getCurrentSelectProps (val) {
126 this.currentSelectProps = val 142 this.currentSelectProps = val
127 if(this.currentSelectProps.bsmRepair){ 143 if(this.currentSelectProps.bsmRepair){
128 this.tabset() 144 this.tabset(val)
129 }else{ 145 }else{
130 this.getdjblist() 146 this.getdjblist()
131 } 147 }
...@@ -140,7 +156,9 @@ export default { ...@@ -140,7 +156,9 @@ export default {
140 if (res.code === 200) { 156 if (res.code === 200) {
141 this.treedata = loadTreeData(res.result, this.bdcdyh); 157 this.treedata = loadTreeData(res.result, this.bdcdyh);
142 this.$nextTick(function () { 158 this.$nextTick(function () {
159 console.log("this.currentSelectProps.qllx",this.currentSelectProps);
143 this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); 160 this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
161 console.log("this.defaultNode",this.defaultNode);
144 this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 162 this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
145 }); 163 });
146 } 164 }
...@@ -154,34 +172,16 @@ export default { ...@@ -154,34 +172,16 @@ export default {
154 arr[index].value=item.id 172 arr[index].value=item.id
155 }) 173 })
156 this.tabList=this.tabdata 174 this.tabList=this.tabdata
175 this.getQllxByBdcdyid()
157 }, 200) 176 }, 200)
158 177
159 }, 178 },
160 179
161 // 增加补录记录 180 tabset(val){
162 addRepairRecord(row){ 181 this.tabName = '';
163 let from={
164 bsmQlxx:"",
165 bsmSlsq:this.bsmSlsq,
166 bsmSldy:this.currentSelectProps.bsmSldy,
167 operate:"C",
168 qllx:this.currentSelectProps.qllx
169 }
170 if(row){
171 from.bsmQlxx=row.bsmQlxx
172 from.operate="U"
173 }
174
175 addRepairRecord(from).then((res) => {
176 this.$nextTick(() => {
177 this.$refs.Menu.getleftMenubl(res.result);
178 });
179 });
180 },
181 tabset(){
182 this.tabList = [ 182 this.tabList = [
183 { 183 {
184 name: "受理信息", 184 name:val.qllxmc+ "补录信息",
185 value: "slxx", 185 value: "slxx",
186 sort: 1, 186 sort: 1,
187 }, 187 },
...@@ -196,12 +196,12 @@ export default { ...@@ -196,12 +196,12 @@ export default {
196 sort: 2, 196 sort: 2,
197 }, 197 },
198 ]; 198 ];
199 this.tabName = 'slxx';
200 },
201 199
202 // stepForm(index){ 200 this.$nextTick(function () {
203 // console.log(index); 201 this.tabName = 'slxx';
204 // }, 202 });
203
204 },
205 205
206 //右侧表单选项卡事件 206 //右侧表单选项卡事件
207 beforeLeave (activeName, oldActiveName) { 207 beforeLeave (activeName, oldActiveName) {
...@@ -209,8 +209,37 @@ export default { ...@@ -209,8 +209,37 @@ export default {
209 }, 209 },
210 //切换选项卡内容组件 210 //切换选项卡内容组件
211 getFromRouter (tabname) { 211 getFromRouter (tabname) {
212 for (let item of this.tabList) {
213 if (item.value === tabname) {
214 this.currentSelectTab = item
215 break;
216 }
217 }
212 this.componentTag = getForm(tabname, this.$route.query.sqywbm); 218 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
213 } 219 },
220
221 // 增加补录记录
222 addRepairRecord(row){
223 console.log("this.currentSelectProps",this.currentSelectProps);
224 let from={
225 bsmQlxx:"",
226 bsmSlsq:this.bsmSlsq,
227 bsmSldy:this.currentSelectProps.bsmSldy,
228 operate:"C",
229 qllx:this.currentSelectProps.qllx
230 }
231 if(row){
232 from.bsmQlxx=row.bsmQlxx
233 from.operate="U"
234 from.qllx=row.qllx
235 }
236
237 addRepairRecord(from).then((res) => {
238 this.$nextTick(() => {
239 this.$refs.Menu.getleftMenubl(res.result);
240 });
241 });
242 },
214 }, 243 },
215 }; 244 };
216 </script> 245 </script>
......
...@@ -24,12 +24,16 @@ class data extends filter { ...@@ -24,12 +24,16 @@ class data extends filter {
24 label: "历史", 24 label: "历史",
25 }, 25 },
26 ], 26 ],
27 JSYDSYQ: [ 27 JSYDSYQ: [
28 { 28 {
29 prop: "qszt", 29 prop: "qszt",
30 label: "权属状态", 30 label: "权属状态",
31 }, 31 },
32 { 32 {
33 prop: "sjlx",
34 label: "数据类型",
35 },
36 {
33 prop: "qllxmc", 37 prop: "qllxmc",
34 label: "权利类型", 38 label: "权利类型",
35 }, 39 },
...@@ -78,8 +82,8 @@ class data extends filter { ...@@ -78,8 +82,8 @@ class data extends filter {
78 label: "证件号", 82 label: "证件号",
79 }, 83 },
80 { 84 {
81 prop: "mj", 85 prop: "mjmc",
82 label: "使用权面积(m²)", 86 label: "使用权面积",
83 }, 87 },
84 { 88 {
85 prop: "qlxzmc", 89 prop: "qlxzmc",
...@@ -130,12 +134,16 @@ class data extends filter { ...@@ -130,12 +134,16 @@ class data extends filter {
130 label: "附记", 134 label: "附记",
131 }, 135 },
132 ], 136 ],
133 FDCQ2: [ 137 FDCQ2: [
134 { 138 {
135 prop: "qszt", 139 prop: "qszt",
136 label: "权属状态", 140 label: "权属状态",
137 }, 141 },
138 { 142 {
143 prop: "sjlx",
144 label: "数据类型",
145 },
146 {
139 prop: "qllxmc", 147 prop: "qllxmc",
140 label: "权利类型", 148 label: "权利类型",
141 }, 149 },
...@@ -265,12 +273,16 @@ class data extends filter { ...@@ -265,12 +273,16 @@ class data extends filter {
265 label: "附记", 273 label: "附记",
266 }, 274 },
267 ], 275 ],
268 NYDSYQ: [ 276 NYDSYQ: [
269 { 277 {
270 prop: "qszt", 278 prop: "qszt",
271 label: "权属状态", 279 label: "权属状态",
272 }, 280 },
273 { 281 {
282 prop: "sjlx",
283 label: "数据类型",
284 },
285 {
274 prop: "qllxmc", 286 prop: "qllxmc",
275 label: "权利类型", 287 label: "权利类型",
276 }, 288 },
...@@ -391,12 +403,16 @@ class data extends filter { ...@@ -391,12 +403,16 @@ class data extends filter {
391 label: "附记", 403 label: "附记",
392 }, 404 },
393 ], 405 ],
394 DYAQ: [ 406 DYAQ: [
395 { 407 {
396 prop: "qszt", 408 prop: "qszt",
397 label: "权属状态", 409 label: "权属状态",
398 }, 410 },
399 { 411 {
412 prop: "sjlx",
413 label: "数据类型",
414 },
415 {
400 prop: "dybdclx", 416 prop: "dybdclx",
401 label: "抵押不动产类型", 417 label: "抵押不动产类型",
402 }, 418 },
...@@ -547,12 +563,16 @@ class data extends filter { ...@@ -547,12 +563,16 @@ class data extends filter {
547 }, 563 },
548 564
549 ], 565 ],
550 DYIQ: [ 566 DYIQ: [
551 { 567 {
552 prop: "qszt", 568 prop: "qszt",
553 label: "权属状态", 569 label: "权属状态",
554 }, 570 },
555 { 571 {
572 prop: "sjlx",
573 label: "数据类型",
574 },
575 {
556 prop: "djlxmc", 576 prop: "djlxmc",
557 label: "登记类型", 577 label: "登记类型",
558 }, 578 },
...@@ -637,12 +657,16 @@ class data extends filter { ...@@ -637,12 +657,16 @@ class data extends filter {
637 label: "登记时间", 657 label: "登记时间",
638 }, 658 },
639 ], 659 ],
640 YGDJ: [ 660 YGDJ: [
641 { 661 {
642 prop: "qszt", 662 prop: "qszt",
643 label: "权属状态", 663 label: "权属状态",
644 }, 664 },
645 { 665 {
666 prop: "sjlx",
667 label: "数据类型",
668 },
669 {
646 prop: "ygdjzl", 670 prop: "ygdjzl",
647 label: "预告登记种类", 671 label: "预告登记种类",
648 }, 672 },
...@@ -759,12 +783,16 @@ class data extends filter { ...@@ -759,12 +783,16 @@ class data extends filter {
759 label: "注销时间", 783 label: "注销时间",
760 } 784 }
761 ], 785 ],
762 CFDJ: [ 786 CFDJ: [
763 { 787 {
764 prop: "qszt", 788 prop: "qszt",
765 label: "权属状态", 789 label: "权属状态",
766 }, 790 },
767 { 791 {
792 prop: "sjlx",
793 label: "数据类型",
794 },
795 {
768 prop: "cflxmc", 796 prop: "cflxmc",
769 label: "查封类型", 797 label: "查封类型",
770 }, 798 },
...@@ -868,6 +896,10 @@ class data extends filter { ...@@ -868,6 +896,10 @@ class data extends filter {
868 ], 896 ],
869 YYDJ: [ 897 YYDJ: [
870 { 898 {
899 prop: "sjlx",
900 label: "数据类型",
901 },
902 {
871 prop: "qszt", 903 prop: "qszt",
872 label: "权属状态", 904 label: "权属状态",
873 }, 905 },
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 </tr> 26 </tr>
27 <tr> 27 <tr>
28 <td style="width:15%">宗地面积</td> 28 <td style="width:15%">宗地面积</td>
29 <td style="width:30%">{{ zdjbxx.zdmj }}</td> 29 <td style="width:30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width:15%">用途</td> 30 <td style="width:15%">用途</td>
31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td> 31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td>
32 </tr> 32 </tr>
...@@ -193,7 +193,7 @@ ...@@ -193,7 +193,7 @@
193 }, 193 },
194 methods: { 194 methods: {
195 loadData () { 195 loadData () {
196 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 196 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
197 if (res.code === 200) { 197 if (res.code === 200) {
198 this.zdjbxx = res.result.zdjbxx; 198 this.zdjbxx = res.result.zdjbxx;
199 this.zdbhqks = res.result.zdbhqkList; 199 this.zdbhqks = res.result.zdbhqkList;
...@@ -201,7 +201,7 @@ ...@@ -201,7 +201,7 @@
201 this.showGroup = true; 201 this.showGroup = true;
202 } 202 }
203 } 203 }
204 }) 204 })
205 } 205 }
206 } 206 }
207 } 207 }
......
...@@ -66,9 +66,9 @@ ...@@ -66,9 +66,9 @@
66 <el-select v-model="scope.row.sqrzjlxbm" class="width100"> 66 <el-select v-model="scope.row.sqrzjlxbm" class="width100">
67 <el-option 67 <el-option
68 v-for="item in zjzlData" 68 v-for="item in zjzlData"
69 :key="item.value" 69 :key="item.dcode"
70 :label="item.label" 70 :label="item.dname"
71 :value="item.value"> 71 :value="item.dcode">
72 </el-option> 72 </el-option>
73 </el-select> 73 </el-select>
74 </template> 74 </template>
...@@ -113,10 +113,10 @@ ...@@ -113,10 +113,10 @@
113 </div> 113 </div>
114 </template> 114 </template>
115 <script> 115 <script>
116 import axios from 'axios'
117 import store from '@/store/index.js' 116 import store from '@/store/index.js'
118 import { getLodop } from "@/utils/LodopFuncs"
119 import { datas } from "./addjtfcdata"; 117 import { datas } from "./addjtfcdata";
118 import { getLodop } from "@/utils/LodopFuncs"
119 import { getIdCardInfo } from '@/utils/operation.js'
120 import { getPrintTemplateByCode } from "@/api/system"; 120 import { getPrintTemplateByCode } from "@/api/system";
121 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; 121 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
122 export default { 122 export default {
...@@ -307,7 +307,6 @@ ...@@ -307,7 +307,6 @@
307 }, 307 },
308 "form.sqrList" (val) { 308 "form.sqrList" (val) {
309 if (this.form.djSqcxDO.ycqrgx == '1') { 309 if (this.form.djSqcxDO.ycqrgx == '1') {
310 console.log(val, 'valvalvalval');
311 this.form.qlrList = _.cloneDeep(val) 310 this.form.qlrList = _.cloneDeep(val)
312 } 311 }
313 } 312 }
...@@ -360,7 +359,7 @@ ...@@ -360,7 +359,7 @@
360 this.isSearch = false; 359 this.isSearch = false;
361 }, 360 },
362 handleRead (row, type) { 361 handleRead (row, type) {
363 axios.post(this.BASE_API.IDCARDURL).then(res => { 362 getIdCardInfo().then(res => {
364 if (res.data.code == 0) { 363 if (res.data.code == 0) {
365 let data = res.data.IDCardInfo 364 let data = res.data.IDCardInfo
366 row.sqrxm = data.name 365 row.sqrxm = data.name
...@@ -373,7 +372,6 @@ ...@@ -373,7 +372,6 @@
373 if (type == 'sqr') { 372 if (type == 'sqr') {
374 this.form.qlrList = _.cloneDeep(this.form.sqrList) 373 this.form.qlrList = _.cloneDeep(this.form.sqrList)
375 } 374 }
376 console.log(this.form.sqrList);
377 } else { 375 } else {
378 this.$message({ 376 this.$message({
379 message: res.data.message, 377 message: res.data.message,
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:46
5 -->
6 <template>
7 <div class="clxx">
8 <div class="left">
9 <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']"
10 @click="menuClick(item)">
11 {{ item.label }}
12 </div>
13 </div>
14 <div class="right">
15 <!-- 材料目录明细 -->
16 <div class="clmlmx-box" v-if="checkedId == '1'">
17 <div class="title">申请材料目录</div>
18 <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData">
19 </lb-table>
20 </div>
21 <!-- 材料预览 -->
22 <div class="clyl-box" v-else>
23 <div class="menu-tree">
24 <div class="item">
25 材料目录({{tableData.length}})
26 <div>
27 <div v-for="(item,index) in tableData" :key="item.bsmSj"
28 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
29 <span v-if="item.isrequired==1" class="required">必选</span>
30 {{ item.sjmc }}
31 <span class="cl_number">({{item.children.length}})</span>
32 </div>
33 </div>
34 </div>
35 </div>
36 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
37 @prevPriview="prevPriview" />
38 </div>
39 </div>
40 <clxxAddDialog v-model="isDialog" />
41 </div>
42 </template>
43 <script>
44 import { mapGetters } from "vuex";
45 import clxxAddDialog from "./dialog/clxxAddDialog.vue";
46 import imagePreview from '@/views/components/imagePreview.vue'
47 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
48 export default {
49 components: { clxxAddDialog, imagePreview },
50 data () {
51 return {
52 isDialog: false,
53 menuList: [
54 {
55 id: "1",
56 label: "材料目录明细",
57 },
58 {
59 id: "2",
60 label: "材料预览",
61 },
62 ],
63 iclass: "",
64 // 材料目录选中
65 treeCheckIndex: 0,
66 treeCheckId: "",
67 checkedId: "1",
68 column: [
69 {
70 width: "50",
71 renderHeader: (h, scope) => {
72 return (
73 <div>
74 {
75 this.$route.query.viewtype == 1 ? '序号' :
76 <i
77 class="el-icon-plus pointer"
78 onClick={() => {
79 this.handleAdd()
80 }}
81 ></i>
82 }
83 </div>
84 )
85 },
86 render: (h, scope) => {
87 // 新建的材料,可删除
88 // v-show='scope.row.sfxjcl == 1'
89 return (
90 <div>
91 {
92 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
93 <i
94 class="el-icon-minus pointer"
95
96 onClick={() => {
97 this.handleDelete(scope.$index, scope.row);
98 }}
99 ></i>
100 }
101 </div>
102 )
103 }
104 },
105 {
106 prop: "isrequired",
107 label: "是否必选",
108 width: "50",
109 render: (h, scope) => {
110 if (scope.row.sfxjcl === "1") {
111 return (
112 <div>
113 <span>可选</span>
114 </div>
115 );
116 }
117 else {
118 return (
119 <div>
120 <span>必选</span>
121 </div>
122 );
123 }
124 },
125 },
126 {
127 prop: "sjmc",
128 label: "材料名称",
129 },
130 {
131 prop: "sjlx",
132 label: "材料类型",
133 width: "80",
134 render: (h, scope) => {
135 return (
136 <div>
137 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
138 </div>
139 );
140 },
141 },
142 {
143 prop: "sjsl",
144 label: "份数",
145 width: "50"
146 },
147 {
148 prop: "smzt",
149 label: "扫描状态",
150 width: "80",
151 render: (h, scope) => {
152 if (scope.row.children.length > 0) {
153 return (
154 <div>
155 <span>已扫描</span>
156 </div>
157 );
158 } else {
159 return (
160 <div>
161 <span>未扫描</span>
162 </div>
163 );
164 }
165 },
166 },
167 {
168 prop: "ys",
169 label: "扫描页数",
170 width: "50"
171 },
172 {
173 label: "操作",
174 width: "80",
175 render: (h, scope) => {
176 return (
177 <div>
178 <el-button
179 type="text"
180 disabled={scope.$index == 0}
181 onClick={() => {
182 this.moveUpward(scope.$index, scope.row);
183 }}
184 >
185 上移
186 </el-button>
187 <el-button
188 type="text"
189 disabled={scope.$index + 1 == this.tableData.length}
190 onClick={() => {
191 this.moveDown(scope.$index, scope.row);
192 }}
193 >
194 下移
195 </el-button>
196 </div>
197 );
198 },
199 },
200 ],
201 key: 0,
202 tableData: [],
203 previewImg: {
204 // 收件标识码
205 bsmSj: '',
206 bsmSlsq: this.$parent.bsmSlsq,
207 index: 0,
208 selectedIndex: 0,
209 imgList: []
210 }
211 }
212 },
213 computed: {
214 ...mapGetters(["dictData"])
215 },
216 created () {
217 this.clmlInitList()
218 },
219 methods: {
220 // 自动预览
221 nextPriview () {
222 if (this.treeCheckIndex < this.tableData.length) {
223 this.treeCheckIndex++
224 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
225 this.previewImg.index = 0
226 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
227 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
228 }
229 },
230 prevPriview () {
231 if (this.treeCheckIndex >= 1) {
232 this.treeCheckIndex--
233 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
234 this.previewImg.index = this.previewImg.imgList.length
235 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
236 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
237 }
238 },
239 // 材料目录明细初始化
240 clmlInitList () {
241 return new Promise(resolve => {
242 this.unitData = this.$parent.unitData;
243 var formdata = new FormData();
244 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
245 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
246 InitClml(formdata).then((res) => {
247 if (res.result.code == 200) {
248 resolve(res.code)
249 if (res.result.result && res.result.result.length > 0) {
250 this.tableData = res.result.result;
251 this.treeCheckId = this.tableData[0].bsmSj;
252 this.title = this.tableData[0].sjmc;
253 this.titleYs = 1;
254 this.titleNum = this.tableData[0].children.length;
255
256 this.previewImg.imgList = this.tableData[0]?.children;
257 this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
258 }
259 } else {
260 this.$message.error(res.result.message)
261 }
262 })
263 })
264 },
265 updateList (val) {
266 let that = this
267 if (val != null) { //删除最后一张图片时 val=null
268 this.tableData.forEach(item => {
269 if (item.bsmSj === val.bsmSj) {
270 item.children = val.children
271 }
272 })
273 this.previewImg.imgList = _.cloneDeep(val.children)
274 if (this.previewImg.index == this.previewImg.imgList.length) {
275 this.previewImg.index = this.previewImg.index - 1
276 }
277 } else {
278 this.previewImg.imgList = []
279 this.tableData.forEach((item, index) => {
280 if (this.treeCheckId == item.bsmSj) {
281 item.children = []
282 that.treeCheckIndex = index
283 }
284 })
285 }
286
287 },
288 // 左侧菜单点击
289 menuClick (item) {
290 this.checkedId = item.id
291 },
292 // 添加材料目录
293 handleAdd () {
294 this.isDialog = true;
295 },
296 // 上移
297 moveUpward (index, row) {
298 let obj = {
299 xh: row.xh,
300 bsmSlsq: row.bsmSlsq,
301 moveDirection: "UP",
302 };
303 // 接口待调
304 moveClml(obj).then(async (res) => {
305 if (res.code == 200) {
306 let res = await this.clmlInitList()
307 if (res == 200) this.$message({
308 message: '上移成功',
309 type: 'success'
310 })
311 } else {
312 this.$message.error(res.message);
313 }
314 })
315 },
316 // 下移
317 moveDown (index, row) {
318 let obj = {
319 xh: row.xh,
320 bsmSlsq: row.bsmSlsq,
321 moveDirection: "DOWN",
322 }
323 // 接口待调
324 moveClml(obj).then(async (res) => {
325 if (res.code == 200) {
326 let res = await this.clmlInitList()
327 if (res == 200) this.$message({
328 message: '下移成功',
329 type: 'success'
330 })
331 } else {
332 this.$message.error(res.message);
333 }
334 })
335 },
336 // 新增弹窗保存
337 addSave (data) {
338 let obj = {
339 bsmSlsq: this.$parent.bsmSlsq,
340 isrequired: "1",
341 sjmc: data.clmc,
342 sjsl: 0,
343 smzt: '',
344 ys: 0,
345 sjlx: data.cllx,
346 sfxjcl: "1", // 是否必选
347 };
348 saveClml(obj).then(async (res) => {
349 if (res.code == 200) {
350 let res = await this.clmlInitList()
351 if (res == 200) this.$message({
352 message: "新增成功",
353 type: "success",
354 })
355 }
356 });
357 },
358 // 材料目录删除
359 handleDelete (index, row) {
360 let that = this
361 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
362 confirmButtonText: '确定',
363 cancelButtonText: '取消',
364 type: 'warning'
365 }).then(() => {
366 deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
367 if (res.code == 200) {
368 let res = await that.clmlInitList()
369 if (res == 200) that.$message({
370 message: "删除成功",
371 type: "success",
372 })
373 }
374 })
375 }).catch(() => {
376 this.$message({
377 type: 'info',
378 message: '已取消删除'
379 })
380 })
381 },
382 // 材料目录点击选中
383 treeClick (item, index) {
384 this.previewImg.index = 0
385 this.treeCheckId = item?.bsmSj
386 this.treeCheckIndex = index
387 this.previewImg.imgList = item?.children
388 this.previewImg.bsmSj = item?.bsmSj
389 },
390 // 小图片点击
391 imgClick (item, index) {
392 this.showImg = item;
393 this.titleYs = index + 1;
394 },
395 // 字典
396 dicStatus (val, code) {
397 let data = this.$store.getters.dictData[code],
398 name = "暂无";
399 if (data) {
400 data.map((item) => {
401 if (item.dcode == val) {
402 name = item.dname;
403 }
404 });
405 return name;
406 }
407 },
408 },
409 };
410 </script>
411 <style scoped lang='scss'>
412 @import "~@/styles/mixin.scss";
413
414 .active {
415 background: $light-blue !important;
416 color: #fff;
417 }
418
419 .required {
420 font-size: 12px;
421 color: $pink;
422 float: left;
423 }
424
425 .cl_number {
426 float: right;
427 }
428
429 .clxx {
430 width: 100%;
431 display: flex;
432 padding-left: 5px;
433 height: calc(100vh - 125px);
434
435 .left {
436 display: flex;
437 flex-direction: column;
438 justify-content: space-between;
439
440 .item {
441 width: 28px;
442 height: 49%;
443 @include flex-center;
444 background-color: #e4e7ed;
445 border-bottom-right-radius: 10px;
446 padding: 5px;
447 cursor: pointer;
448 transition: all 0.3s;
449
450 &:hover {
451 @extend .active;
452 }
453 }
454 }
455
456 .right {
457 width: 100%;
458 height: 100%;
459
460 .clmlmx-box {
461 margin: 0 auto;
462
463 .title {
464 text-align: center;
465 height: 60px;
466 line-height: 60px;
467 border: 1px solid #dfe6ec;
468 font-size: 20px;
469 background: #81d3f81a;
470 margin-bottom: -1px;
471 }
472 }
473
474 .clyl-box {
475 width: 100%;
476 height: 100%;
477 display: flex;
478
479 .menu-tree {
480 width: 20%;
481 min-width: 160px;
482 height: 100%;
483 margin-right: 10px;
484 border-right: 1px dotted #d9d9d9;
485 padding: 0 15px;
486
487 .item {
488 line-height: 30px;
489 padding-top: 5px;
490 border-bottom: 1px solid #e8e8e8;
491 font-size: 16px;
492 text-align: center;
493 color: $light-blue;
494
495 .itemIcon {
496 float: right;
497 line-height: 60px;
498 cursor: pointer;
499 }
500
501 .child {
502 line-height: 32px;
503 border-bottom: 1px solid #e8e8e8;
504 padding-left: 10px;
505 color: #6b6b6b;
506 cursor: pointer;
507 box-sizing: border-box;
508 border-radius: 6px;
509 line-height: 20px;
510 transition: all 0.3s;
511 padding: 8px 0;
512 }
513
514 .child:hover {
515 color: $light-blue;
516 transform: scale(1.1);
517 }
518
519 .checked {
520 border: 1px solid $light-blue;
521 color: $light-blue;
522 }
523 }
524 }
525
526 .clyl-img {
527 width: 75%;
528 height: 100%;
529 background: #f3f4f7;
530 margin: 0 auto;
531 position: relative;
532 }
533 }
534 }
535 }
536 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:46 4 * @LastEditTime: 2023-06-16 11:12:40
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 </div> 33 </div>
34 </div> 34 </div>
35 </div> 35 </div>
36 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 36 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
37 @prevPriview="prevPriview" /> 37 @prevPriview="prevPriview" />
38 </div> 38 </div>
39 </div> 39 </div>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 </template> 42 </template>
43 <script> 43 <script>
44 import { mapGetters } from "vuex"; 44 import { mapGetters } from "vuex";
45 import clxxAddDialog from "./dialog/clxxAddDialog.vue"; 45 import clxxAddDialog from "../dialog/clxxAddDialog.vue";
46 import imagePreview from '@/views/components/imagePreview.vue' 46 import imagePreview from '@/views/components/imagePreview.vue'
47 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 47 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
48 export default { 48 export default {
...@@ -533,4 +533,4 @@ ...@@ -533,4 +533,4 @@
533 } 533 }
534 } 534 }
535 } 535 }
536 </style> 536 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:38 4 * @LastEditTime: 2023-06-19 13:15:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <!-- 材料预览 --> 9 <!-- 材料预览 -->
10 <div class="clyl-box"> 10 <div class="clyl-box">
11 <div class="menu-tree"> 11 <div class="menu-tree">
12 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细111111</el-button> 12 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
13 <div class="item"> 13 <div class="item">
14 材料目录({{tableData.length}}) 14 材料目录({{tableData.length}})
15 <div style="margin-top:10px"> 15 <div style="margin-top:10px">
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 </div> 24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> 25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
26 </div> 26 </div>
27 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 27 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
28 @prevPriview="prevPriview" /> 28 @prevPriview="prevPriview" />
29 </div> 29 </div>
30 </div> 30 </div>
...@@ -33,10 +33,13 @@ ...@@ -33,10 +33,13 @@
33 </template> 33 </template>
34 <script> 34 <script>
35 import { mapGetters } from "vuex"; 35 import { mapGetters } from "vuex";
36 import clxxAddDialog from "./clxxAddDialog.vue"; 36 import clxxAddDialog from "../dialog/clxxAddDialog.vue";
37 import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
38 import imagePreview from '@/views/components/imagePreview.vue'
37 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
40 import { popupDialog } from "@/utils/popup.js";
38 export default { 41 export default {
39 components: { clxxAddDialog}, 42 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
40 data () { 43 data () {
41 return { 44 return {
42 isDialog: false, 45 isDialog: false,
...@@ -331,4 +334,4 @@ ...@@ -331,4 +334,4 @@
331 } 334 }
332 } 335 }
333 } 336 }
334 </style> 337 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:38
5 -->
6 <template>
7 <div class="clxx">
8 <div class="right">
9 <!-- 材料预览 -->
10 <div class="clyl-box">
11 <div class="menu-tree">
12 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
13 <div class="item">
14 材料目录({{tableData.length}})
15 <div style="margin-top:10px">
16 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
17 <div v-for="(item,index) in tableData" :key="item.bsmSj"
18 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
19 <span v-if="item.isrequired==1" class="required">必选</span>
20 {{ item.sjmc }}
21 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
22 </div>
23 </div>
24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
26 </div>
27 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
28 @prevPriview="prevPriview" />
29 </div>
30 </div>
31 <clxxAddDialog v-model="isDialog" />
32 <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> -->
33 </div>
34 </template>
35 <script>
36 import { mapGetters } from "vuex";
37 import clxxAddDialog from "./dialog/clxxAddDialog.vue";
38 import clxxDetailDialog from "./dialog/clxxDetailDialog.vue";
39 import imagePreview from '@/views/components/imagePreview.vue'
40 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
41 import { popupDialog } from "@/utils/popup.js";
42 export default {
43 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
44 data () {
45 return {
46 isDialog: false,
47 iclass: "",
48 // 材料目录选中
49 treeCheckIndex: 0,
50 treeCheckId: "",
51 key: 0,
52 tableData: [],
53 previewImg: {
54 // 收件标识码
55 bsmSj: '',
56 bsmSlsq: this.$parent.bsmSlsq,
57 index: 0,
58 selectedIndex: 0,
59 imgList: []
60 }
61 }
62 },
63 computed: {
64 ...mapGetters(["dictData"])
65 },
66 created () {
67 this.clmlInitList(1)
68 },
69 methods: {
70 // 自动预览
71 nextPriview () {
72 if (this.treeCheckIndex < this.tableData.length) {
73 this.treeCheckIndex++
74 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
75 this.previewImg.index = 0
76 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
77 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
78 }
79 },
80 prevPriview () {
81 if (this.treeCheckIndex >= 1) {
82 this.treeCheckIndex--
83 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
84 this.previewImg.index = this.previewImg.imgList.length
85 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
86 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
87 }
88 },
89 // 材料目录明细初始化
90 clmlInitList (type) {
91 //type 1：列表初始化 2：新增材料
92 return new Promise(resolve => {
93 this.unitData = this.$parent.unitData;
94 var formdata = new FormData();
95 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
96 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
97 InitClml(formdata).then((res) => {
98 if (res.code == 200) {
99 resolve(res.code)
100 if (res.result && res.result.length > 0) {
101 this.tableData = res.result;
102 if (type == 1) {
103 this.treeClick(this.tableData[0], 0);
104 } else {
105 //新增材料后刷新列表焦点置于新增的对象上
106 this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
107 }
108 }
109 } else {
110 this.$message.error(res.message)
111 }
112 })
113 })
114 },
115 setChecked (item) {
116 this.treeCheckId = item.bsmSj;
117 this.title = item.sjmc;
118 this.titleYs = 1;
119 this.titleNum = item.children.length;
120 this.previewImg.imgList = item.children;
121 this.previewImg.bsmSj = item.bsmSj;
122 },
123 updateList (val) {
124 let that = this
125 if (val != null) { //删除最后一张图片时 val=null
126 this.tableData.forEach(item => {
127 if (item.bsmSj === val.bsmSj) {
128 item.children = val.children
129 }
130 })
131 this.previewImg.imgList = _.cloneDeep(val.children)
132 if (this.previewImg.index == this.previewImg.imgList.length) {
133 this.previewImg.index = this.previewImg.index - 1
134 }
135 } else {
136 this.previewImg.imgList = []
137 this.tableData.forEach((item, index) => {
138 if (this.treeCheckId == item.bsmSj) {
139 item.children = []
140 that.treeCheckIndex = index
141 }
142 })
143 }
144
145 },
146 // 添加材料目录
147 handleAdd () {
148 this.isDialog = true;
149 },
150 // 新增弹窗保存
151 addSave (data) {
152 let obj = {
153 bsmSlsq: this.$parent.bsmSlsq,
154 isrequired: "1",
155 sjmc: data.clmc,
156 sjsl: 0,
157 smzt: '',
158 ys: 0,
159 sjlx: data.cllx,
160 sfxjcl: "1", // 是否必选
161 };
162 saveClml(obj).then(async (res) => {
163 if (res.code == 200) {
164 let res = await this.clmlInitList(2)
165 if (res == 200) this.$message({
166 message: "新增成功",
167 type: "success",
168 })
169 }
170 });
171 },
172 // 材料目录点击选中
173 treeClick (item, index) {
174 this.previewImg.index = 0
175 this.treeCheckId = item?.bsmSj
176 this.treeCheckIndex = index
177 this.previewImg.imgList = item?.children
178 this.previewImg.bsmSj = item?.bsmSj
179 },
180 // 小图片点击
181 imgClick (item, index) {
182 this.showImg = item;
183 this.titleYs = index + 1;
184 },
185 // 字典
186 dicStatus (val, code) {
187 let data = this.$store.getters.dictData[code],
188 name = "暂无";
189 if (data) {
190 data.map((item) => {
191 if (item.dcode == val) {
192 name = item.dname
193 }
194 });
195 return name
196 }
197 },
198 //查看明细
199 viewDetail () {
200 this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
201 data: this.tableData
202 }, "60%")
203 },
204 //设置tableData
205 setTableData (tableData) {
206 this.$nextTick(res => {
207 this.tableData = tableData;
208 })
209 },
210 },
211 };
212 </script>
213 <style scoped lang='scss'>
214 @import "~@/styles/mixin.scss";
215
216 .active {
217 background: $light-blue !important;
218 color: #fff;
219 }
220
221 .required {
222 font-size: 12px;
223 color: $pink;
224 float: left;
225 }
226
227 .cl_number {
228 float: right;
229 }
230
231 .clxx {
232 width: 100%;
233 display: flex;
234 padding-left: 5px;
235 height: calc(100vh - 125px);
236
237 .left {
238 display: flex;
239 flex-direction: column;
240 justify-content: space-between;
241
242 .item {
243 width: 28px;
244 height: 49%;
245 @include flex-center;
246 background-color: #e4e7ed;
247 border-bottom-right-radius: 10px;
248 padding: 5px;
249 cursor: pointer;
250 transition: all 0.3s;
251
252 &:hover {
253 @extend .active;
254 }
255 }
256 }
257
258 .right {
259 width: 100%;
260 height: 100%;
261
262 .clmlmx-box {
263 margin: 0 auto;
264
265 .title {
266 text-align: center;
267 height: 60px;
268 line-height: 60px;
269 border: 1px solid #dfe6ec;
270 font-size: 20px;
271 background: #81d3f81a;
272 margin-bottom: -1px;
273 }
274 }
275
276 .clyl-box {
277 width: 100%;
278 height: 100%;
279 display: flex;
280
281 .menu-tree {
282 width: 20%;
283 min-width: 160px;
284 height: 100%;
285 margin-right: 10px;
286 border-right: 1px dotted #d9d9d9;
287 padding: 0 15px;
288
289 .item {
290 line-height: 30px;
291 padding-top: 5px;
292 border-bottom: 1px solid #e8e8e8;
293 font-size: 16px;
294 text-align: center;
295 color: $light-blue;
296
297 .itemIcon {
298 float: right;
299 line-height: 60px;
300 cursor: pointer;
301 }
302
303 .child {
304 line-height: 32px;
305 border-bottom: 1px solid #e8e8e8;
306 padding-left: 10px;
307 color: #6b6b6b;
308 cursor: pointer;
309 box-sizing: border-box;
310 border-radius: 6px;
311 line-height: 20px;
312 transition: all 0.3s;
313 padding: 8px 0;
314 }
315
316 .child:hover {
317 color: $light-blue;
318 transform: scale(1.1);
319 }
320
321 .checked {
322 border: 1px solid $light-blue;
323 color: $light-blue;
324 }
325 }
326 }
327
328 .clyl-img {
329 width: 75%;
330 height: 100%;
331 background: #f3f4f7;
332 margin: 0 auto;
333 position: relative;
334 }
335 }
336 }
337 }
338 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 13:14:26 4 * @LastEditTime: 2023-06-16 10:38:23
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
12 </div> 12 </div>
13 </template> 13 </template>
14 <script> 14 <script>
15 import axios from 'axios'
16 import { mapGetters } from 'vuex' 15 import { mapGetters } from 'vuex'
16 import { getIdCardInfo } from '@/utils/operation.js'
17 import addQlr from './dialog/addQlr.vue' 17 import addQlr from './dialog/addQlr.vue'
18 export default { 18 export default {
19 components: { 19 components: {
...@@ -195,7 +195,7 @@ ...@@ -195,7 +195,7 @@
195 195
196 // 身份证读取 196 // 身份证读取
197 readClick (row) { 197 readClick (row) {
198 axios.post(this.BASE_API.IDCARDURL).then(res => { 198 getIdCardInfo().then(res => {
199 if (res.data.code == 0) { 199 if (res.data.code == 0) {
200 let data = res.data.IDCardInfo 200 let data = res.data.IDCardInfo
201 row.sqrmc = data.name 201 row.sqrmc = data.name
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-07 13:32:24 4 * @LastEditTime: 2023-06-19 13:16:53
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm (tabName, djywbm) { 7 export function getForm (tabName, djywbm) {
...@@ -42,7 +42,7 @@ export function getForm (tabName, djywbm) { ...@@ -42,7 +42,7 @@ export function getForm (tabName, djywbm) {
42 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 42 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
43 break; 43 break;
44 case "clxx": 44 case "clxx":
45 form = require("@/views/workflow/components/clxxUnify.vue"); 45 form = require("@/views/workflow/components/clxx/clxxUnify.vue");
46 break; 46 break;
47 case "spyj": 47 case "spyj":
48 form = require("@/views/workflow/components/spyj.vue"); 48 form = require("@/views/workflow/components/spyj.vue");
......
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
11 maxlength="28" 11 maxlength="28"
12 v-model="queryForm.bdcdyh" 12 v-model="queryForm.bdcdyh"
13 clearable 13 clearable
14 class="width200px" 14 class="width200px"></el-input>
15 ></el-input>
16 </el-form-item> 15 </el-form-item>
17 </el-col> 16 </el-col>
18 <el-col :span="8"> 17 <el-col :span="8">
...@@ -26,8 +25,7 @@ ...@@ -26,8 +25,7 @@
26 placeholder="请输入不动产权证号" 25 placeholder="请输入不动产权证号"
27 v-model="queryForm.cfwh" 26 v-model="queryForm.cfwh"
28 clearable 27 clearable
29 class="width200px" 28 class="width200px"></el-input>
30 ></el-input>
31 </el-form-item> 29 </el-form-item>
32 </el-col> 30 </el-col>
33 </el-row> 31 </el-row>
...@@ -60,8 +58,7 @@ ...@@ -60,8 +58,7 @@
60 @p-current-change="handleCurrentChange" 58 @p-current-change="handleCurrentChange"
61 @selection-change="handleSelectionChange" 59 @selection-change="handleSelectionChange"
62 :column="tableData.columns" 60 :column="tableData.columns"
63 :data="tableData.data" 61 :data="tableData.data"></lb-table>
64 ></lb-table>
65 </div> 62 </div>
66 <div class="submit_button"> 63 <div class="submit_button">
67 <el-button @click="$popupCacel">取消</el-button> 64 <el-button @click="$popupCacel">取消</el-button>
...@@ -70,134 +67,139 @@ ...@@ -70,134 +67,139 @@
70 </div> 67 </div>
71 </template> 68 </template>
72 <script> 69 <script>
73 //查封登记 70 //查封登记
74 import store from "@/store/index.js"; 71 import store from "@/store/index.js";
75 import { datas, sendThis } from "../javascript/cfdj.js"; 72 import { datas, sendThis } from "../javascript/cfdj.js";
76 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 73 import { defaultParameters } from "../javascript/publicDefaultPar.js";
77 import table from "@/utils/mixin/table"; 74 import table from "@/utils/mixin/table";
78 import jump from "../components/mixin/jump"; 75 import jump from "../components/mixin/jump";
79 import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; 76 import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js";
80 export default { 77 export default {
81 props: { 78 props: {
82 isJump: { type: Boolean, default: false }, 79 isJump: { type: Boolean, default: false },
83 sqywInfo: { type: Object, default: () => {} }, 80 sqywInfo: { type: Object, default: () => { } },
84 },
85 mixins: [table, jump],
86 data() {
87 return {
88 queryForm: defaultParameters.defaultParameters(),
89 tableData: {
90 total: 0,
91 columns: datas.columns(),
92 data: [],
93 },
94 bdcdysz: [],
95 bsmSqyw:
96 this.sqywInfo.nodetype === "djlx"
97 ? this.sqywInfo.bsmSqyw
98 : this.sqywInfo.parentid,
99 };
100 },
101 mounted() {
102 sendThis(this);
103 },
104 methods: {
105 queryClick() {
106 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
107 this.$startLoading();
108 selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => {
109 this.$endLoading();
110 if (res.code === 200) {
111 let { total, records } = res.result;
112 this.tableData.total = total;
113 this.tableData.data = records;
114 }
115 });
116 },
117 submitForm() {
118 if (this.bdcdysz.length == 0) {
119 this.$message.error("请至少选择一条数据");
120 return;
121 }
122 if (!this.isJump) {
123 startBusinessFlow({
124 bsmSqyw: this.bsmSqyw,
125 bdcdysz: this.bdcdysz,
126 djqxbm:
127 this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
128 djqxmc:
129 this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
130 }).then((res) => {
131 if (res.code == 200) {
132 this.$message({
133 showClose: true,
134 message: "发起申请成功",
135 type: "success",
136 });
137 this.jump(res.result, this.sqywInfo.djywbm);
138 } else {
139 this.$message.error(res.message);
140 }
141 });
142 } else {
143 choiceBdcdy({
144 bsmSlsq: this.$route.query.bsmSlsq,
145 bdcdysz: this.bdcdysz,
146 }).then((res) => {
147 if (res.code == 200) {
148 this.$message({
149 showClose: true,
150 message: "发起申请成功",
151 type: "success",
152 });
153 store.dispatch("user/refreshPage", true);
154 } else {
155 this.$message.error(res.message);
156 }
157 this.$popupCacel();
158 });
159 }
160 }, 81 },
161 handleSelectionChange(val) { 82 mixins: [table, jump],
162 this.bdcdysz = val; 83 data () {
84 return {
85 queryForm: defaultParameters.defaultParameters(),
86 tableData: {
87 total: 0,
88 columns: datas.columns(),
89 data: [],
90 },
91 bdcdysz: [],
92 bsmSqyw:
93 this.sqywInfo.nodetype === "djlx"
94 ? this.sqywInfo.bsmSqyw
95 : this.sqywInfo.parentid,
96 };
163 }, 97 },
164 select(selection, row) { 98 mounted () {
165 if (this.sqywInfo.sqywdylx == "1") { 99 sendThis(this);
166 // 清除 所有勾选项
167 this.$refs.table.clearSelection();
168 // 当表格数据都没有被勾选的时候 就返回
169 // 主要用于将当前勾选的表格状态清除
170 if (selection.length == 0) return;
171 this.$refs.table.toggleRowSelection(row, true);
172 }
173 }, 100 },
174 handleRowClick(row) { 101 methods: {
175 // 如果状态是1，那就是单选 102 queryClick () {
176 if (this.sqywInfo.sqywdylx == "1") { 103 this.$startLoading();
177 const bdcdysz = this.bdcdysz; 104 selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => {
178 this.$refs.table.clearSelection(); 105 this.$endLoading();
179 if (bdcdysz.length == 1) { 106 if (res.code === 200) {
180 bdcdysz.forEach((item) => { 107 let { total, records } = res.result;
181 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 108 this.tableData.total = total;
182 if (item == row) { 109 this.tableData.data = records;
183 this.$refs.table.toggleRowSelection(row, false); 110 }
184 } 111 });
185 // 不然就让当前的一行勾选 112 },
186 else { 113 submitForm () {
187 this.$refs.table.toggleRowSelection(row, true); 114 if (this.bdcdysz.length == 0) {
115 this.$message.error("请至少选择一条数据");
116 return;
117 }
118 if (!this.isJump) {
119 startBusinessFlow({
120 bsmSqyw: this.bsmSqyw,
121 bdcdysz: this.bdcdysz,
122 djqxbm:
123 this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
124 djqxmc:
125 this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
126 }).then((res) => {
127 if (res.code == 200) {
128 this.$message({
129 showClose: true,
130 message: "发起申请成功",
131 type: "success",
132 });
133 if (!this.isJump) {
134 this.jump(res.result, this.sqywInfo.djywbm);
135 } else {
136 store.dispatch('user/refreshPage', true);
137 }
138 this.$popupCacel()
139
140 } else {
141 this.$message.error(res.message);
188 } 142 }
189 }); 143 });
190 } else { 144 } else {
145 choiceBdcdy({
146 bsmSlsq: this.$route.query.bsmSlsq,
147 bdcdysz: this.bdcdysz,
148 }).then((res) => {
149 if (res.code == 200) {
150 this.$message({
151 showClose: true,
152 message: "发起申请成功",
153 type: "success",
154 });
155 store.dispatch("user/refreshPage", true);
156 } else {
157 this.$message.error(res.message);
158 }
159 this.$popupCacel();
160 });
161 }
162 },
163 handleSelectionChange (val) {
164 this.bdcdysz = val;
165 },
166 select (selection, row) {
167 if (this.sqywInfo.sqywdylx == "1") {
168 // 清除 所有勾选项
169 this.$refs.table.clearSelection();
170 // 当表格数据都没有被勾选的时候 就返回
171 // 主要用于将当前勾选的表格状态清除
172 if (selection.length == 0) return;
191 this.$refs.table.toggleRowSelection(row, true); 173 this.$refs.table.toggleRowSelection(row, true);
192 } 174 }
193 } else { 175 },
194 this.$refs.table.toggleRowSelection(row); 176 handleRowClick (row) {
195 } 177 // 如果状态是1，那就是单选
178 if (this.sqywInfo.sqywdylx == "1") {
179 const bdcdysz = this.bdcdysz;
180 this.$refs.table.clearSelection();
181 if (bdcdysz.length == 1) {
182 bdcdysz.forEach((item) => {
183 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
184 if (item == row) {
185 this.$refs.table.toggleRowSelection(row, false);
186 }
187 // 不然就让当前的一行勾选
188 else {
189 this.$refs.table.toggleRowSelection(row, true);
190 }
191 });
192 } else {
193 this.$refs.table.toggleRowSelection(row, true);
194 }
195 } else {
196 this.$refs.table.toggleRowSelection(row);
197 }
198 },
196 }, 199 },
197 }, 200 };
198 };
199 </script> 201 </script>
200 <style scoped lang="scss"> 202 <style scoped lang="scss">
201 @import "~@/styles/mixin.scss"; 203 @import "~@/styles/mixin.scss";
202 @import "~@/styles/public.scss"; 204 @import "~@/styles/public.scss";
203 </style> 205 </style>
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
43 <!-- 表格 --> 43 <!-- 表格 -->
44 <div class="from-clues-content loadingtext"> 44 <div class="from-clues-content loadingtext">
45 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" 45 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
46 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" 46 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
47 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 47 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
48 :data="tableData.data"> 48 :data="tableData.data">
49 </lb-table> 49 </lb-table>
...@@ -83,9 +83,7 @@ ...@@ -83,9 +83,7 @@
83 sendThis(this); 83 sendThis(this);
84 }, 84 },
85 methods: { 85 methods: {
86
87 queryClick () { 86 queryClick () {
88 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
89 this.$startLoading(); 87 this.$startLoading();
90 this.queryForm.sqywbm = this.sqywInfo.djywbm; 88 this.queryForm.sqywbm = this.sqywInfo.djywbm;
91 selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => { 89 selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -119,48 +117,48 @@ ...@@ -119,48 +117,48 @@
119 } else { 117 } else {
120 store.dispatch('user/refreshPage', true); 118 store.dispatch('user/refreshPage', true);
121 } 119 }
120 this.$popupCacel()
122 } else { 121 } else {
123 this.$message.error(res.message); 122 this.$message.error(res.message);
124 } 123 }
125 this.$popupCacel()
126 }) 124 })
127 }, 125 },
128 handleSelectionChange (val) { 126 handleSelectionChange (val) {
129 this.bdcdysz = val; 127 this.bdcdysz = val;
130 }, 128 },
131 select(selection, row){ 129 select (selection, row) {
132 if(this.sqywInfo.sqywdylx=="1"){ 130 if (this.sqywInfo.sqywdylx == "1") {
133 // 清除 所有勾选项 131 // 清除 所有勾选项
134 this.$refs.table.clearSelection() 132 this.$refs.table.clearSelection()
135 // 当表格数据都没有被勾选的时候 就返回 133 // 当表格数据都没有被勾选的时候 就返回
136 // 主要用于将当前勾选的表格状态清除 134 // 主要用于将当前勾选的表格状态清除
137 if(selection.length == 0) return 135 if (selection.length == 0) return
138 this.$refs.table.toggleRowSelection(row, true); 136 this.$refs.table.toggleRowSelection(row, true);
139 } 137 }
140 }, 138 },
141 handleRowClick(row){ 139 handleRowClick (row) {
142 // 如果状态是1，那就是单选 140 // 如果状态是1，那就是单选
143 if(this.sqywInfo.sqywdylx=="1"){ 141 if (this.sqywInfo.sqywdylx == "1") {
144 const bdcdysz = this.bdcdysz 142 const bdcdysz = this.bdcdysz
145 this.$refs.table.clearSelection() 143 this.$refs.table.clearSelection()
146 if( bdcdysz.length == 1 ) { 144 if (bdcdysz.length == 1) {
147 bdcdysz.forEach(item => { 145 bdcdysz.forEach(item => {
148 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 146 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
149 if (item == row) { 147 if (item == row) {
150 this.$refs.table.toggleRowSelection(row, false); 148 this.$refs.table.toggleRowSelection(row, false);
151 } 149 }
152 // 不然就让当前的一行勾选 150 // 不然就让当前的一行勾选
153 else { 151 else {
154 this.$refs.table.toggleRowSelection(row, true); 152 this.$refs.table.toggleRowSelection(row, true);
155 } 153 }
156 }) 154 })
157 } 155 }
158 else { 156 else {
159 this.$refs.table.toggleRowSelection(row, true); 157 this.$refs.table.toggleRowSelection(row, true);
160 } 158 }
161 }else{ 159 } else {
162 this.$refs.table.toggleRowSelection(row); 160 this.$refs.table.toggleRowSelection(row);
163 } 161 }
164 }, 162 },
165 }, 163 },
166 }; 164 };
......
...@@ -171,7 +171,6 @@ ...@@ -171,7 +171,6 @@
171 }, 171 },
172 methods: { 172 methods: {
173 queryClick () { 173 queryClick () {
174 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
175 this.$startLoading(); 174 this.$startLoading();
176 if (!this.isJump) { 175 if (!this.isJump) {
177 //从业务办理进入 176 //从业务办理进入
...@@ -224,7 +223,7 @@ ...@@ -224,7 +223,7 @@
224 if (!this.isJump) { 223 if (!this.isJump) {
225 startBusinessFlow({ 224 startBusinessFlow({
226 bsmSqyw: this.bsmSqyw, 225 bsmSqyw: this.bsmSqyw,
227 fwlx: this.activeName, 226 sjlx: 'zrz',
228 bdcdysz: this.bdcdysz, 227 bdcdysz: this.bdcdysz,
229 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", 228 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
230 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", 229 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
...@@ -235,7 +234,12 @@ ...@@ -235,7 +234,12 @@
235 message: '发起申请成功', 234 message: '发起申请成功',
236 type: 'success' 235 type: 'success'
237 }) 236 })
238 this.jump(res.result, this.djywbm) 237 if (!this.isJump) {
238 this.jump(res.result, this.sqywInfo.djywbm);
239 } else {
240 store.dispatch('user/refreshPage', true);
241 }
242 this.$popupCacel()
239 } else { 243 } else {
240 this.$message.error(res.message); 244 this.$message.error(res.message);
241 } 245 }
...@@ -275,40 +279,40 @@ ...@@ -275,40 +279,40 @@
275 } 279 }
276 }) 280 })
277 }, 281 },
278 select(selection, row){ 282 select (selection, row) {
279 if(this.sqywInfo.sqywdylx=="1"){ 283 if (this.sqywInfo.sqywdylx == "1") {
280 // 清除 所有勾选项 284 // 清除 所有勾选项
281 this.$refs.table.clearSelection() 285 this.$refs.table.clearSelection()
282 // 当表格数据都没有被勾选的时候 就返回 286 // 当表格数据都没有被勾选的时候 就返回
283 // 主要用于将当前勾选的表格状态清除 287 // 主要用于将当前勾选的表格状态清除
284 if(selection.length == 0) return 288 if (selection.length == 0) return
285 this.$refs.table.toggleRowSelection(row, true); 289 this.$refs.table.toggleRowSelection(row, true);
286 } 290 }
287 291
288 }, 292 },
289 handleRowClick(row){ 293 handleRowClick (row) {
290 // 如果状态是1，那就是单选 294 // 如果状态是1，那就是单选
291 if(this.sqywInfo.sqywdylx=="1"){ 295 if (this.sqywInfo.sqywdylx == "1") {
292 const bdcdysz = this.bdcdysz 296 const bdcdysz = this.bdcdysz
293 this.$refs.table.clearSelection() 297 this.$refs.table.clearSelection()
294 if( bdcdysz.length == 1 ) { 298 if (bdcdysz.length == 1) {
295 bdcdysz.forEach(item => { 299 bdcdysz.forEach(item => {
296 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 300 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
297 if (item == row) { 301 if (item == row) {
298 this.$refs.table.toggleRowSelection(row, false); 302 this.$refs.table.toggleRowSelection(row, false);
299 } 303 }
300 // 不然就让当前的一行勾选 304 // 不然就让当前的一行勾选
301 else { 305 else {
302 this.$refs.table.toggleRowSelection(row, true); 306 this.$refs.table.toggleRowSelection(row, true);
303 } 307 }
304 }) 308 })
305 } 309 }
306 else { 310 else {
307 this.$refs.table.toggleRowSelection(row, true); 311 this.$refs.table.toggleRowSelection(row, true);
308 } 312 }
309 }else{ 313 } else {
310 this.$refs.table.toggleRowSelection(row); 314 this.$refs.table.toggleRowSelection(row);
311 } 315 }
312 }, 316 },
313 } 317 }
314 } 318 }
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-05 09:45:31
5 */
6 import Router from '@/router'
7 export default {
8 methods: {
9 //点击行选中或取消复选框
10 handleRowClick (row, column, event) {
11 this.$refs.table.toggleRowSelection(row)
12 },
13 jump (data, type) {
14 const { href } = Router.resolve(
15 "/djbworkFrame?bsmSlsq=" +
16 data.bsmSlsq +
17 "&bestepid=" +
18 data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type
19 );
20 window.open(href, "_blank");
21 this.$popupCacel()
22 },
23 queryClick () {
24 this.pageData.currentPage = 1
25 // this.fetchData();
26 }
27 }
28 }
...@@ -106,48 +106,48 @@ ...@@ -106,48 +106,48 @@
106 } else { 106 } else {
107 store.dispatch('user/refreshPage', true); 107 store.dispatch('user/refreshPage', true);
108 } 108 }
109 this.$popupCacel()
109 } else { 110 } else {
110 this.$message.error(res.message); 111 this.$message.error(res.message);
111 } 112 }
112 this.$popupCacel()
113 }) 113 })
114 }, 114 },
115 handleSelectionChange (val) { 115 handleSelectionChange (val) {
116 this.bdcdysz = val; 116 this.bdcdysz = val;
117 }, 117 },
118 select(selection, row){ 118 select (selection, row) {
119 if(this.sqywInfo.sqywdylx=="1"){ 119 if (this.sqywInfo.sqywdylx == "1") {
120 // 清除 所有勾选项 120 // 清除 所有勾选项
121 this.$refs.table.clearSelection() 121 this.$refs.table.clearSelection()
122 // 当表格数据都没有被勾选的时候 就返回 122 // 当表格数据都没有被勾选的时候 就返回
123 // 主要用于将当前勾选的表格状态清除 123 // 主要用于将当前勾选的表格状态清除
124 if(selection.length == 0) return 124 if (selection.length == 0) return
125 this.$refs.table.toggleRowSelection(row, true); 125 this.$refs.table.toggleRowSelection(row, true);
126 } 126 }
127 }, 127 },
128 handleRowClick(row){ 128 handleRowClick (row) {
129 // 如果状态是1，那就是单选 129 // 如果状态是1，那就是单选
130 if(this.sqywInfo.sqywdylx=="1"){ 130 if (this.sqywInfo.sqywdylx == "1") {
131 const bdcdysz = this.bdcdysz 131 const bdcdysz = this.bdcdysz
132 this.$refs.table.clearSelection() 132 this.$refs.table.clearSelection()
133 if( bdcdysz.length == 1 ) { 133 if (bdcdysz.length == 1) {
134 bdcdysz.forEach(item => { 134 bdcdysz.forEach(item => {
135 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 135 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
136 if (item == row) { 136 if (item == row) {
137 this.$refs.table.toggleRowSelection(row, false); 137 this.$refs.table.toggleRowSelection(row, false);
138 } 138 }
139 // 不然就让当前的一行勾选 139 // 不然就让当前的一行勾选
140 else { 140 else {
141 this.$refs.table.toggleRowSelection(row, true); 141 this.$refs.table.toggleRowSelection(row, true);
142 } 142 }
143 }) 143 })
144 } 144 }
145 else { 145 else {
146 this.$refs.table.toggleRowSelection(row, true); 146 this.$refs.table.toggleRowSelection(row, true);
147 } 147 }
148 }else{ 148 } else {
149 this.$refs.table.toggleRowSelection(row); 149 this.$refs.table.toggleRowSelection(row);
150 } 150 }
151 }, 151 },
152 } 152 }
153 } 153 }
......
...@@ -70,7 +70,6 @@ ...@@ -70,7 +70,6 @@
70 }, 70 },
71 methods: { 71 methods: {
72 queryClick () { 72 queryClick () {
73 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
74 this.$startLoading(); 73 this.$startLoading();
75 this.queryForm.sqywbm = this.sqywInfo.djywbm; 74 this.queryForm.sqywbm = this.sqywInfo.djywbm;
76 selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 75 selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -104,10 +103,10 @@ ...@@ -104,10 +103,10 @@
104 } else { 103 } else {
105 store.dispatch('user/refreshPage', true); 104 store.dispatch('user/refreshPage', true);
106 } 105 }
106 this.$popupCacel()
107 } else { 107 } else {
108 this.$message.error(res.message); 108 this.$message.error(res.message);
109 } 109 }
110 this.$popupCacel()
111 }) 110 })
112 }, 111 },
113 handleSelectionChange (val) { 112 handleSelectionChange (val) {
...@@ -119,39 +118,39 @@ ...@@ -119,39 +118,39 @@
119 formData: param 118 formData: param
120 }) 119 })
121 }, 120 },
122 select(selection, row){ 121 select (selection, row) {
123 if(this.sqywInfo.sqywdylx=="1"){ 122 if (this.sqywInfo.sqywdylx == "1") {
124 // 清除 所有勾选项 123 // 清除 所有勾选项
125 this.$refs.table.clearSelection() 124 this.$refs.table.clearSelection()
126 // 当表格数据都没有被勾选的时候 就返回 125 // 当表格数据都没有被勾选的时候 就返回
127 // 主要用于将当前勾选的表格状态清除 126 // 主要用于将当前勾选的表格状态清除
128 if(selection.length == 0) return 127 if (selection.length == 0) return
129 this.$refs.table.toggleRowSelection(row, true); 128 this.$refs.table.toggleRowSelection(row, true);
130 } 129 }
131 }, 130 },
132 handleRowClick(row){ 131 handleRowClick (row) {
133 // 如果状态是1，那就是单选 132 // 如果状态是1，那就是单选
134 if(this.sqywInfo.sqywdylx=="1"){ 133 if (this.sqywInfo.sqywdylx == "1") {
135 const bdcdysz = this.bdcdysz 134 const bdcdysz = this.bdcdysz
136 this.$refs.table.clearSelection() 135 this.$refs.table.clearSelection()
137 if( bdcdysz.length == 1 ) { 136 if (bdcdysz.length == 1) {
138 bdcdysz.forEach(item => { 137 bdcdysz.forEach(item => {
139 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 138 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
140 if (item == row) { 139 if (item == row) {
141 this.$refs.table.toggleRowSelection(row, false); 140 this.$refs.table.toggleRowSelection(row, false);
142 } 141 }
143 // 不然就让当前的一行勾选 142 // 不然就让当前的一行勾选
144 else { 143 else {
145 this.$refs.table.toggleRowSelection(row, true); 144 this.$refs.table.toggleRowSelection(row, true);
146 } 145 }
147 }) 146 })
148 } 147 }
149 else { 148 else {
150 this.$refs.table.toggleRowSelection(row, true); 149 this.$refs.table.toggleRowSelection(row, true);
151 } 150 }
152 }else{ 151 } else {
153 this.$refs.table.toggleRowSelection(row); 152 this.$refs.table.toggleRowSelection(row);
154 } 153 }
155 }, 154 },
156 } 155 }
157 } 156 }
......
...@@ -98,7 +98,6 @@ ...@@ -98,7 +98,6 @@
98 methods: { 98 methods: {
99 //默认加载表格信息 99 //默认加载表格信息
100 queryClick () { 100 queryClick () {
101 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
102 this.$startLoading(); 101 this.$startLoading();
103 this.queryForm.bsmSqyw = this.bsmSqyw; 102 this.queryForm.bsmSqyw = this.bsmSqyw;
104 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 103 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -132,48 +131,48 @@ ...@@ -132,48 +131,48 @@
132 } else { 131 } else {
133 store.dispatch('user/refreshPage', true); 132 store.dispatch('user/refreshPage', true);
134 } 133 }
134 this.$popupCacel()
135 } else { 135 } else {
136 this.$alert(res.message); 136 this.$message.error(res.message)
137 } 137 }
138 this.$popupCacel()
139 }) 138 })
140 }, 139 },
141 handleSelectionChange (val) { 140 handleSelectionChange (val) {
142 this.bdcdysz = val; 141 this.bdcdysz = val;
143 }, 142 },
144 select(selection, row){ 143 select (selection, row) {
145 if(this.sqywInfo.sqywdylx=="1"){ 144 if (this.sqywInfo.sqywdylx == "1") {
146 // 清除 所有勾选项 145 // 清除 所有勾选项
147 this.$refs.table.clearSelection() 146 this.$refs.table.clearSelection()
148 // 当表格数据都没有被勾选的时候 就返回 147 // 当表格数据都没有被勾选的时候 就返回
149 // 主要用于将当前勾选的表格状态清除 148 // 主要用于将当前勾选的表格状态清除
150 if(selection.length == 0) return 149 if (selection.length == 0) return
151 this.$refs.table.toggleRowSelection(row, true); 150 this.$refs.table.toggleRowSelection(row, true);
152 } 151 }
153 }, 152 },
154 handleRowClick(row){ 153 handleRowClick (row) {
155 // 如果状态是1，那就是单选 154 // 如果状态是1，那就是单选
156 if(this.sqywInfo.sqywdylx=="1"){ 155 if (this.sqywInfo.sqywdylx == "1") {
157 const bdcdysz = this.bdcdysz 156 const bdcdysz = this.bdcdysz
158 this.$refs.table.clearSelection() 157 this.$refs.table.clearSelection()
159 if( bdcdysz.length == 1 ) { 158 if (bdcdysz.length == 1) {
160 bdcdysz.forEach(item => { 159 bdcdysz.forEach(item => {
161 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 160 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
162 if (item == row) { 161 if (item == row) {
163 this.$refs.table.toggleRowSelection(row, false); 162 this.$refs.table.toggleRowSelection(row, false);
164 } 163 }
165 // 不然就让当前的一行勾选 164 // 不然就让当前的一行勾选
166 else { 165 else {
167 this.$refs.table.toggleRowSelection(row, true); 166 this.$refs.table.toggleRowSelection(row, true);
168 } 167 }
169 }) 168 })
170 } 169 }
171 else { 170 else {
172 this.$refs.table.toggleRowSelection(row, true); 171 this.$refs.table.toggleRowSelection(row, true);
173 } 172 }
174 }else{ 173 } else {
175 this.$refs.table.toggleRowSelection(row); 174 this.$refs.table.toggleRowSelection(row);
176 } 175 }
177 }, 176 },
178 }, 177 },
179 }; 178 };
......
...@@ -30,122 +30,124 @@ ...@@ -30,122 +30,124 @@
30 </el-col> 30 </el-col>
31 <el-col :span="4" class="btnColRight"> 31 <el-col :span="4" class="btnColRight">
32 <el-form-item> 32 <el-form-item>
33 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> 33 <el-button type="primary" @click="resetForm(true)">重置</el-button>
34 <el-button @click="moreQueryClick">高级查询</el-button> 34 <el-button type="primary" @click="handleSearch">查询</el-button>
35 </el-form-item> 35 </el-form-item>
36 </el-col> 36 </el-col>
37 </el-row> 37 </el-row>
38 </el-form> 38 </el-form>
39 </div> 39 </div>
40 <!-- 表格 --> 40 <!-- 表格 -->
41 <div class="from-clues-content loadingtext" > 41 <div class="from-clues-content loadingtext">
42 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.size" class="loadingtext" 42 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.size" class="loadingtext"
43 :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" 43 :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
44 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> 44 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
45 </lb-table> 45 </lb-table>
46 </div> 46 </div>
47 <div class="submit_button"> 47 <div class="submit_button">
48 <el-button @click="$popupCacel">取消</el-button> 48 <el-button @click="$popupCacel">取消</el-button>
49 <el-button type="primary" plain @click="submitForm">发起申请</el-button> 49 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
50 </div> 50 </div>
51 </div> 51 </div>
52 </template> 52 </template>
53 <script> 53 <script>
54 import { mapGetters } from "vuex"; 54 import { mapGetters } from "vuex";
55 import table from "@/utils/mixin/table"; 55 import { startRepairFlow } from "@/api/ywbl.js";
56 import { datas, sendThis } from "../javascript/selectDjbbl.js"; 56 import store from '@/store/index.js'
57 import { getDjbBysearch } from "@/api/zhcx.js"; 57 import table from "@/utils/mixin/table";
58 import jump from "../components/mixin/jump"; 58 import { datas, sendThis } from "../javascript/selectDjbbl.js";
59 export default { 59 import { selectRepairQlxx } from "@/api/selectQlxx.js";
60 name: "djbcx", 60 import jump from "../components/mixin/djbbljump";
61 mixins: [table, jump], 61 export default {
62 mounted () { 62 name: "djbcx",
63 sendThis(this); 63 mixins: [table, jump],
64 this.queryClick() 64 mounted () {
65 }, 65 sendThis(this);
66 props: { 66 this.queryClick()
67 },
68 props: {
67 isJump: { type: Boolean, default: false }, 69 isJump: { type: Boolean, default: false },
68 sqywInfo: { type: Object, default: () => { } }, 70 sqywInfo: { type: Object, default: () => { } },
69 }, 71 },
70 data () { 72 data () {
71 return { 73 return {
72 bdcdysz: [], 74 bdcdysz: [],
73 queryForm: { 75 queryForm: {
74 zl: "", 76 zl: "",
75 bdcdyh: "", 77 bdcdyh: "",
76 bdcqzh: "", 78 bdcqzh: "",
77 ywh: "", 79 ywh: "",
78 }, 80 },
79 pageData: { 81 pageData: {
80 current: 1, 82 current: 1,
81 size: 10, 83 size: 10,
82 total: 0, 84 total: 0,
83 }, 85 },
84 tableData: { 86 tableData: {
85 columns: datas.columns(), 87 columns: datas.columns(),
86 data: [], 88 data: [],
87 }, 89 },
88 qllxs: [], 90 qllxs: [],
89 isDialog: false, 91 isDialog: false,
90 djbxxData: {}, 92 djbxxData: {},
91 }; 93 bsmSqyw:
92 }, 94 this.sqywInfo.nodetype === "djlx"
93 computed: { 95 ? this.sqywInfo.bsmSqyw
94 // ...mapGetters(["dictData"]), 96 : this.sqywInfo.parentid,
95 }, 97 };
96 methods: {
97 // 初始化数据
98 queryClick () {
99 this.$startLoading()
100 getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => {
101 this.$endLoading()
102 if (res.code === 200) {
103 let { total, records } = res.result;
104 this.tableData.data = records;
105 this.tableData.total = total;
106 }
107 });
108 }, 98 },
109 // handleSort (name, sort) { 99 methods: {
110 // console.log(name, sort); 100 // 初始化数据
111 // }, 101 queryClick () {
112 // 高级查询 102 this.$startLoading()
113 moreQueryClick () { }, 103 selectRepairQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
114 // openDialog (scroll) { 104 this.$endLoading()
115 // this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%'); 105 if (res.code === 200) {
116 // }, 106 let { total, records } = res.result;
117 // handleLpbClick (item) { 107 this.tableData.data = records;
118 // this.$popupDialog('楼盘表', 'lpb/index', { 108 this.tableData.total = total;
119 // bsm: '' 109 }
120 // }, '85%') 110 });
121 // }, 111 },
122 ywhClick (item) { 112 // 高级查询
113 moreQueryClick () { },
114 // openDialog (scroll) {
115 // this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%');
116 // },
117 // handleLpbClick (item) {
118 // this.$popupDialog('楼盘表', 'lpb/index', {
119 // bsm: ''
120 // }, '85%')
121 // },
122 ywhClick (item) {
123 const { href } = this.$router.resolve( 123 const { href } = this.$router.resolve(
124 "/djbworkFrame?bdcdyid=" + 124 "/djbworkFrame?bdcdyid=" +
125 item.bdcdyid+ 125 item.bdcdyid +
126 "&bdcdyh=" + 126 "&bdcdyh=" +
127 item.bdcdyh+ 127 item.bdcdyh +
128 "&qllx="+ 128 "&qllx=" +
129 item.qllx+ 129 item.qllx +
130 "&bsmQlxx="+ 130 "&bsmQlxx=" +
131 item.bsmQlxx + 131 item.bsmQlxx +
132 "&viewtype=1" 132 "&viewtype=1"
133 ); 133 );
134 localStorage.setItem('ywbl', JSON.stringify(item)); 134 localStorage.setItem('ywbl', JSON.stringify(item));
135 window.open(href, `urlname${item.bdcdyid}`); 135 window.open(href, `urlname${item.bdcdyid}`);
136 136
137 }, 137 },
138 submitForm () { 138 submitForm () {
139 if (this.bdcdysz.length == 0) { 139 if (this.bdcdysz.length == 0) {
140 this.$message.error("请至少选择一条数据"); 140 this.$message.error("请至少选择一条数据");
141 return; 141 return;
142 } 142 }
143 startBusinessFlow({ 143 let from = {
144 bsmSqyw: this.bsmSqyw, 144 bsmSqyw: this.bsmSqyw,
145 bdcdysz: this.bdcdysz, 145 bdcdysz: this.bdcdysz,
146 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", 146 djqxbm: this.sqywInfo.nodetype == "djlx" ? this.sqywInfo.nodecode : "",
147 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", 147 djqxmc: this.sqywInfo.nodetype == "djlx" ? this.sqywInfo.nodename : "",
148 }).then((res) => { 148 }
149 console.log("发起申请传参", from, this.sqywInfo);
150 startRepairFlow(from).then((res) => {
149 if (res.code == 200) { 151 if (res.code == 200) {
150 this.$message({ 152 this.$message({
151 showClose: true, 153 showClose: true,
...@@ -157,57 +159,58 @@ export default { ...@@ -157,57 +159,58 @@ export default {
157 } else { 159 } else {
158 store.dispatch('user/refreshPage', true); 160 store.dispatch('user/refreshPage', true);
159 } 161 }
162 this.$popupCacel()
160 } else { 163 } else {
161 this.$message.error(res.message); 164 this.$message.error(res.message);
162 } 165 }
163 this.$popupCacel()
164 }) 166 })
165 }, 167 },
166 handleSelectionChange (val) { 168 handleSelectionChange (val) {
169 console.log("val", val);
167 this.bdcdysz = val; 170 this.bdcdysz = val;
168 }, 171 },
169 handleRowClick(row){ 172 handleRowClick (row) {
170 // 如果状态是1，那就是单选 173 // 如果状态是1，那就是单选
171 if(this.sqywInfo.sqywdylx=="1"){ 174 if (this.sqywInfo.sqywdylx == "1") {
172 const bdcdysz = this.bdcdysz 175 const bdcdysz = this.bdcdysz
173 this.$refs.table.clearSelection() 176 this.$refs.table.clearSelection()
174 if( bdcdysz.length == 1 ) { 177 if (bdcdysz.length == 1) {
175 bdcdysz.forEach(item => { 178 bdcdysz.forEach(item => {
176 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 179 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
177 if (item == row) { 180 if (item == row) {
178 this.$refs.table.toggleRowSelection(row, false); 181 this.$refs.table.toggleRowSelection(row, false);
179 } 182 }
180 // 不然就让当前的一行勾选 183 // 不然就让当前的一行勾选
181 else { 184 else {
182 this.$refs.table.toggleRowSelection(row, true); 185 this.$refs.table.toggleRowSelection(row, true);
183 } 186 }
184 }) 187 })
185 } 188 }
186 else { 189 else {
187 this.$refs.table.toggleRowSelection(row, true); 190 this.$refs.table.toggleRowSelection(row, true);
188 } 191 }
189 }else{ 192 } else {
190 this.$refs.table.toggleRowSelection(row); 193 this.$refs.table.toggleRowSelection(row);
191 } 194 }
192 }, 195 },
196 }
193 } 197 }
194 }
195 </script> 198 </script>
196 <style scoped lang="scss"> 199 <style scoped lang="scss">
197 @import "~@/styles/mixin.scss"; 200 @import "~@/styles/mixin.scss";
198 @import "~@/styles/public.scss"; 201 @import "~@/styles/public.scss";
199 202
200 .icon-circle { 203 .icon-circle {
201 position: relative; 204 position: relative;
202 } 205 }
203 206
204 .icon-circle::before { 207 .icon-circle::before {
205 content: ""; 208 content: "";
206 width: 4px; 209 width: 4px;
207 height: 4px; 210 height: 4px;
208 border-radius: 50%; 211 border-radius: 50%;
209 background: #000; 212 background: #000;
210 top: 0px; 213 top: 0px;
211 left: 0px; 214 left: 0px;
212 } 215 }
213 </style> 216 </style>
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -109,48 +108,48 @@ ...@@ -109,48 +108,48 @@
109 } else { 108 } else {
110 store.dispatch('user/refreshPage', true); 109 store.dispatch('user/refreshPage', true);
111 } 110 }
111 this.$popupCacel()
112 } else { 112 } else {
113 this.$message.error(res.message); 113 this.$message.error(res.message);
114 } 114 }
115 this.$popupCacel()
116 }) 115 })
117 }, 116 },
118 handleSelectionChange (val) { 117 handleSelectionChange (val) {
119 this.bdcdysz = val; 118 this.bdcdysz = val;
120 }, 119 },
121 select(selection, row){ 120 select (selection, row) {
122 if(this.sqywInfo.sqywdylx=="1"){ 121 if (this.sqywInfo.sqywdylx == "1") {
123 // 清除 所有勾选项 122 // 清除 所有勾选项
124 this.$refs.table.clearSelection() 123 this.$refs.table.clearSelection()
125 // 当表格数据都没有被勾选的时候 就返回 124 // 当表格数据都没有被勾选的时候 就返回
126 // 主要用于将当前勾选的表格状态清除 125 // 主要用于将当前勾选的表格状态清除
127 if(selection.length == 0) return 126 if (selection.length == 0) return
128 this.$refs.table.toggleRowSelection(row, true); 127 this.$refs.table.toggleRowSelection(row, true);
129 } 128 }
130 }, 129 },
131 handleRowClick(row){ 130 handleRowClick (row) {
132 // 如果状态是1，那就是单选 131 // 如果状态是1，那就是单选
133 if(this.sqywInfo.sqywdylx=="1"){ 132 if (this.sqywInfo.sqywdylx == "1") {
134 const bdcdysz = this.bdcdysz 133 const bdcdysz = this.bdcdysz
135 this.$refs.table.clearSelection() 134 this.$refs.table.clearSelection()
136 if( bdcdysz.length == 1 ) { 135 if (bdcdysz.length == 1) {
137 bdcdysz.forEach(item => { 136 bdcdysz.forEach(item => {
138 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 137 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
139 if (item == row) { 138 if (item == row) {
140 this.$refs.table.toggleRowSelection(row, false); 139 this.$refs.table.toggleRowSelection(row, false);
141 } 140 }
142 // 不然就让当前的一行勾选 141 // 不然就让当前的一行勾选
143 else { 142 else {
144 this.$refs.table.toggleRowSelection(row, true); 143 this.$refs.table.toggleRowSelection(row, true);
145 } 144 }
146 }) 145 })
147 } 146 }
148 else { 147 else {
149 this.$refs.table.toggleRowSelection(row, true); 148 this.$refs.table.toggleRowSelection(row, true);
150 } 149 }
151 }else{ 150 } else {
152 this.$refs.table.toggleRowSelection(row); 151 this.$refs.table.toggleRowSelection(row);
153 } 152 }
154 }, 153 },
155 }, 154 },
156 }; 155 };
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -109,48 +108,48 @@ ...@@ -109,48 +108,48 @@
109 } else { 108 } else {
110 store.dispatch('user/refreshPage', true); 109 store.dispatch('user/refreshPage', true);
111 } 110 }
111 this.$popupCacel()
112 } else { 112 } else {
113 this.$message.error(res.message); 113 this.$message.error(res.message);
114 } 114 }
115 this.$popupCacel()
116 }) 115 })
117 }, 116 },
118 handleSelectionChange (val) { 117 handleSelectionChange (val) {
119 this.bdcdysz = val; 118 this.bdcdysz = val;
120 }, 119 },
121 select(selection, row){ 120 select (selection, row) {
122 if(this.sqywInfo.sqywdylx=="1"){ 121 if (this.sqywInfo.sqywdylx == "1") {
123 // 清除 所有勾选项 122 // 清除 所有勾选项
124 this.$refs.table.clearSelection() 123 this.$refs.table.clearSelection()
125 // 当表格数据都没有被勾选的时候 就返回 124 // 当表格数据都没有被勾选的时候 就返回
126 // 主要用于将当前勾选的表格状态清除 125 // 主要用于将当前勾选的表格状态清除
127 if(selection.length == 0) return 126 if (selection.length == 0) return
128 this.$refs.table.toggleRowSelection(row, true); 127 this.$refs.table.toggleRowSelection(row, true);
129 } 128 }
130 }, 129 },
131 handleRowClick(row){ 130 handleRowClick (row) {
132 // 如果状态是1，那就是单选 131 // 如果状态是1，那就是单选
133 if(this.sqywInfo.sqywdylx=="1"){ 132 if (this.sqywInfo.sqywdylx == "1") {
134 const bdcdysz = this.bdcdysz 133 const bdcdysz = this.bdcdysz
135 this.$refs.table.clearSelection() 134 this.$refs.table.clearSelection()
136 if( bdcdysz.length == 1 ) { 135 if (bdcdysz.length == 1) {
137 bdcdysz.forEach(item => { 136 bdcdysz.forEach(item => {
138 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 137 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
139 if (item == row) { 138 if (item == row) {
140 this.$refs.table.toggleRowSelection(row, false); 139 this.$refs.table.toggleRowSelection(row, false);
141 } 140 }
142 // 不然就让当前的一行勾选 141 // 不然就让当前的一行勾选
143 else { 142 else {
144 this.$refs.table.toggleRowSelection(row, true); 143 this.$refs.table.toggleRowSelection(row, true);
145 } 144 }
146 }) 145 })
147 } 146 }
148 else { 147 else {
149 this.$refs.table.toggleRowSelection(row, true); 148 this.$refs.table.toggleRowSelection(row, true);
150 } 149 }
151 }else{ 150 } else {
152 this.$refs.table.toggleRowSelection(row); 151 this.$refs.table.toggleRowSelection(row);
153 } 152 }
154 }, 153 },
155 }, 154 },
156 }; 155 };
......
...@@ -83,7 +83,6 @@ ...@@ -83,7 +83,6 @@
83 }, 83 },
84 methods: { 84 methods: {
85 queryClick () { 85 queryClick () {
86 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
87 this.$startLoading(); 86 this.$startLoading();
88 this.queryForm.sqywbm = this.sqywInfo.djywbm; 87 this.queryForm.sqywbm = this.sqywInfo.djywbm;
89 selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 88 selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -117,13 +116,13 @@ ...@@ -117,13 +116,13 @@
117 } else { 116 } else {
118 store.dispatch('user/refreshPage', true); 117 store.dispatch('user/refreshPage', true);
119 } 118 }
119 this.$popupCacel()
120 } else { 120 } else {
121 this.$message.error(res.message); 121 this.$message.error(res.message);
122 } 122 }
123 this.$popupCacel()
124 }) 123 })
125 }, 124 },
126 handleSelectionChange (val) { 125 handleSelectionChange (val) {
127 this.bdcdysz = val; 126 this.bdcdysz = val;
128 }, 127 },
129 openBook (row) { 128 openBook (row) {
...@@ -137,39 +136,39 @@ ...@@ -137,39 +136,39 @@
137 formData: param 136 formData: param
138 }) 137 })
139 }, 138 },
140 select(selection, row){ 139 select (selection, row) {
141 if(this.sqywInfo.sqywdylx=="1"){ 140 if (this.sqywInfo.sqywdylx == "1") {
142 // 清除 所有勾选项 141 // 清除 所有勾选项
143 this.$refs.table.clearSelection() 142 this.$refs.table.clearSelection()
144 // 当表格数据都没有被勾选的时候 就返回 143 // 当表格数据都没有被勾选的时候 就返回
145 // 主要用于将当前勾选的表格状态清除 144 // 主要用于将当前勾选的表格状态清除
146 if(selection.length == 0) return 145 if (selection.length == 0) return
147 this.$refs.table.toggleRowSelection(row, true); 146 this.$refs.table.toggleRowSelection(row, true);
148 } 147 }
149 }, 148 },
150 handleRowClick(row){ 149 handleRowClick (row) {
151 // 如果状态是1，那就是单选 150 // 如果状态是1，那就是单选
152 if(this.sqywInfo.sqywdylx=="1"){ 151 if (this.sqywInfo.sqywdylx == "1") {
153 const bdcdysz = this.bdcdysz 152 const bdcdysz = this.bdcdysz
154 this.$refs.table.clearSelection() 153 this.$refs.table.clearSelection()
155 if( bdcdysz.length == 1 ) { 154 if (bdcdysz.length == 1) {
156 bdcdysz.forEach(item => { 155 bdcdysz.forEach(item => {
157 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 156 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
158 if (item == row) { 157 if (item == row) {
159 this.$refs.table.toggleRowSelection(row, false); 158 this.$refs.table.toggleRowSelection(row, false);
160 } 159 }
161 // 不然就让当前的一行勾选 160 // 不然就让当前的一行勾选
162 else { 161 else {
163 this.$refs.table.toggleRowSelection(row, true); 162 this.$refs.table.toggleRowSelection(row, true);
164 } 163 }
165 }) 164 })
166 } 165 }
167 else { 166 else {
168 this.$refs.table.toggleRowSelection(row, true); 167 this.$refs.table.toggleRowSelection(row, true);
169 } 168 }
170 }else{ 169 } else {
171 this.$refs.table.toggleRowSelection(row); 170 this.$refs.table.toggleRowSelection(row);
172 } 171 }
173 }, 172 },
174 } 173 }
175 } 174 }
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-16 09:37:51
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -42,9 +47,82 @@ ...@@ -42,9 +47,82 @@
42 <!-- 表格 --> 47 <!-- 表格 -->
43 <div class="from-clues-content loadingtext"> 48 <div class="from-clues-content loadingtext">
44 分割合并前权利信息 49 分割合并前权利信息
45 <lb-table ref="table" @row-click="handleRowClick" heightNumSetting :pagination=false 50 <el-table
46 :column="tableData.columns" :data="tableData.data"> 51 :data="tableData.data"
47 </lb-table> 52 height="230"
53 border
54 :cell-style="{ textAlign: 'center' }"
55 :header-cell-style="{textAlign: 'center'}"
56 @row-click="handleRowClick"
57 style="width: 100%">
58 <el-table-column
59 label="选择"
60 width="50">
61 <template slot-scope="scope">
62 <el-radio v-model="radioVal" :label="scope.row.bhqkbsm">{{''}}</el-radio>
63 </template>
64 </el-table-column>
65 <el-table-column
66 type="index"
67 label="序号"
68 width="50">
69 </el-table-column>
70 <el-table-column
71 label="状态"
72 width="150">
73 <template slot-scope="scope">
74 <a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
75 <span v-show="scope.row.zjgcdyzt==1">>,在建工程抵押</span>
76 <span v-show="scope.row.ycfzt==1">>,已预查封</span>
77 <span v-show="scope.row.ycfzt==1">>,已预查封</span>
78 <span v-show="scope.row.cfzt==1">>,已查封</span>
79 <span v-show="scope.row.diyizt==1">>,已地役</span>
80 <span v-show="scope.row.yyzt==1">>,异议中</span>
81 <span v-show="scope.row.xzzt==1">,已限制</span>
82 <span v-show="scope.row.ygmmzt==1">>,已预告买卖</span>
83 <span v-show="scope.row.ygdyzt==1">>,已预告抵押</span>
84 <span v-show="scope.row.dyzt==1">>,已抵押</span>
85 </template>
86 </el-table-column>
87 <el-table-column
88 property="qllxmc"
89 label="权利类型">
90 </el-table-column>
91 <el-table-column
92 property="bdcdyh"
93 label="不动产单元号"
94 width="150">
95 </el-table-column>
96 <el-table-column
97 property="bdcqzh"
98 label="不动产权证号"
99 width="160">
100 </el-table-column>
101 <el-table-column
102 property="qlrmc"
103 label="使用权人">
104 </el-table-column>
105 <el-table-column
106 property="qlrzjhm"
107 label="证件号">
108 </el-table-column>
109 <el-table-column
110 property="qlxzmc"
111 label="权利性质">
112 </el-table-column>
113 <el-table-column
114 property="mj"
115 label="使用权面积">
116 </el-table-column>
117 <el-table-column
118 label="操作"
119 width="80">
120 <template slot-scope="scope">
121 <el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
122 </template>
123 </el-table-column>
124 </el-table>
125
48 </div> 126 </div>
49 <div class="from-clues-content loadingtext"> 127 <div class="from-clues-content loadingtext">
50 分割合并后宗地信息 128 分割合并后宗地信息
...@@ -98,12 +176,26 @@ ...@@ -98,12 +176,26 @@
98 radioVal: "" 176 radioVal: ""
99 } 177 }
100 }, 178 },
179 watch: {
180 radioVal: {
181 deep: true,
182 handler (newVal, oldVal) {
183 this.close()
184 }
185 }
186 },
101 mounted () { 187 mounted () {
102 sendThis(this) 188 sendThis(this)
103 }, 189 },
104 methods: { 190 methods: {
105 // 单选事件 191 // 单选事件
106 close () { 192 close () {
193 this.tableData.data.forEach(item => {
194 if (this.radioVal == item.bhqkbsm) {
195 item.bglx = '1'
196 this.bdcdysz[0] = item
197 }
198 })
107 this.queryForm.bhqkbsm = this.radioVal 199 this.queryForm.bhqkbsm = this.radioVal
108 selectZdjbxxSplitMergeLast({ ...this.queryForm }).then((res) => { 200 selectZdjbxxSplitMergeLast({ ...this.queryForm }).then((res) => {
109 this.$endLoading(); 201 this.$endLoading();
...@@ -118,7 +210,6 @@ ...@@ -118,7 +210,6 @@
118 }) 210 })
119 }, 211 },
120 queryClick () { 212 queryClick () {
121 console.log("申请业务单一流向状态土地分割合并",this.sqywInfo.sqywdylx);
122 this.$startLoading(); 213 this.$startLoading();
123 this.queryForm.sqywbm = this.sqywInfo.djywbm; 214 this.queryForm.sqywbm = this.sqywInfo.djywbm;
124 selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => { 215 selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -129,12 +220,11 @@ ...@@ -129,12 +220,11 @@
129 }); 220 });
130 }, 221 },
131 handleRowClick (val) { 222 handleRowClick (val) {
132 this.radioVal = val.bhqkbsm 223 // this.radioVal = val.bhqkbsm
133 let obj = val 224 // let obj = val
134 obj.bglx = '1'; 225 // obj.bglx = '1';
135 226 // this.bdcdysz[0] = obj
136 this.bdcdysz[0] = obj 227 // this.close()
137 this.close()
138 }, 228 },
139 submitForm () { 229 submitForm () {
140 startBusinessFlow({ 230 startBusinessFlow({
...@@ -154,10 +244,10 @@ ...@@ -154,10 +244,10 @@
154 } else { 244 } else {
155 store.dispatch('user/refreshPage', true); 245 store.dispatch('user/refreshPage', true);
156 } 246 }
247 this.$popupCacel()
157 } else { 248 } else {
158 this.$message.error(res.message) 249 this.$message.error(res.message)
159 } 250 }
160 this.$popupCacel()
161 }) 251 })
162 }, 252 },
163 openBook (row) { 253 openBook (row) {
...@@ -171,39 +261,39 @@ ...@@ -171,39 +261,39 @@
171 formData: param 261 formData: param
172 }) 262 })
173 }, 263 },
174 select(selection, row){ 264 select (selection, row) {
175 if(this.sqywInfo.sqywdylx=="1"){ 265 if (this.sqywInfo.sqywdylx == "1") {
176 // 清除 所有勾选项 266 // 清除 所有勾选项
177 this.$refs.table.clearSelection() 267 this.$refs.table.clearSelection()
178 // 当表格数据都没有被勾选的时候 就返回 268 // 当表格数据都没有被勾选的时候 就返回
179 // 主要用于将当前勾选的表格状态清除 269 // 主要用于将当前勾选的表格状态清除
180 if(selection.length == 0) return 270 if (selection.length == 0) return
181 this.$refs.table.toggleRowSelection(row, true); 271 this.$refs.table.toggleRowSelection(row, true);
182 } 272 }
183 }, 273 },
184 handleRowClick(row){ 274 handleRowClick (row) {
185 // 如果状态是1，那就是单选 275 // 如果状态是1，那就是单选
186 if(this.sqywInfo.sqywdylx=="1"){ 276 if (this.sqywInfo.sqywdylx == "1") {
187 const bdcdysz = this.bdcdysz 277 const bdcdysz = this.bdcdysz
188 this.$refs.table.clearSelection() 278 this.$refs.table.clearSelection()
189 if( bdcdysz.length == 1 ) { 279 if (bdcdysz.length == 1) {
190 bdcdysz.forEach(item => { 280 bdcdysz.forEach(item => {
191 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 281 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
192 if (item == row) { 282 if (item == row) {
193 this.$refs.table.toggleRowSelection(row, false); 283 this.$refs.table.toggleRowSelection(row, false);
194 } 284 }
195 // 不然就让当前的一行勾选 285 // 不然就让当前的一行勾选
196 else { 286 else {
197 this.$refs.table.toggleRowSelection(row, true); 287 this.$refs.table.toggleRowSelection(row, true);
198 } 288 }
199 }) 289 })
200 } 290 }
201 else { 291 else {
202 this.$refs.table.toggleRowSelection(row, true); 292 this.$refs.table.toggleRowSelection(row, true);
203 } 293 }
204 }else{ 294 } else {
205 this.$refs.table.toggleRowSelection(row); 295 this.$refs.table.toggleRowSelection(row);
206 } 296 }
207 }, 297 },
208 } 298 }
209 } 299 }
...@@ -211,4 +301,7 @@ ...@@ -211,4 +301,7 @@
211 <style scoped lang="scss"> 301 <style scoped lang="scss">
212 @import "~@/styles/mixin.scss"; 302 @import "~@/styles/mixin.scss";
213 @import "~@/styles/public.scss"; 303 @import "~@/styles/public.scss";
304 /deep/.el-radio__label {
305 display: none;
306 }
214 </style> 307 </style>
......
...@@ -4,25 +4,25 @@ ...@@ -4,25 +4,25 @@
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm"> 5 <el-form :model="queryForm" ref="queryForm">
6 <el-row> 6 <el-row>
7 <el-col :span="8"> 7 <el-col :span="7">
8 <el-form-item label="宗地代码"> 8 <el-form-item label="宗地代码">
9 <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width300px"> 9 <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100">
10 </el-input> 10 </el-input>
11 </el-form-item> 11 </el-form-item>
12 </el-col> 12 </el-col>
13 <el-col :span="8"> 13 <el-col :span="7">
14 <el-form-item label="不动产单元号"> 14 <el-form-item label="不动产单元号">
15 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width300px"> 15 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
16 </el-input> 16 </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="6">
20 <el-form-item label="坐落"> 20 <el-form-item label="坐落">
21 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width300px"> 21 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
22 </el-input> 22 </el-input>
23 </el-form-item> 23 </el-form-item>
24 </el-col> 24 </el-col>
25 <el-col :span="6" class="btnColRight"> 25 <el-col :span="4" class="btnColRight">
26 <el-form-item> 26 <el-form-item>
27 <el-button type="primary" @click="resetForm(true)">重置</el-button> 27 <el-button type="primary" @click="resetForm(true)">重置</el-button>
28 <el-button type="primary" @click="handleSearch">查询</el-button> 28 <el-button type="primary" @click="handleSearch">查询</el-button>
...@@ -79,7 +79,6 @@ ...@@ -79,7 +79,6 @@
79 }, 79 },
80 methods: { 80 methods: {
81 queryClick () { 81 queryClick () {
82 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
83 this.$startLoading(); 82 this.$startLoading();
84 this.queryForm.sqywbm = this.sqywInfo.djywbm; 83 this.queryForm.sqywbm = this.sqywInfo.djywbm;
85 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { 84 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -114,10 +113,11 @@ ...@@ -114,10 +113,11 @@
114 } else { 113 } else {
115 store.dispatch('user/refreshPage', true); 114 store.dispatch('user/refreshPage', true);
116 } 115 }
116 this.$popupCacel()
117 } else { 117 } else {
118 this.$alert(res.message); 118 this.$message.error(res.message)
119 } 119 }
120 this.$popupCacel() 120
121 }) 121 })
122 }, 122 },
123 handleSelectionChange (val) { 123 handleSelectionChange (val) {
...@@ -126,40 +126,40 @@ ...@@ -126,40 +126,40 @@
126 }); 126 });
127 this.bdcdysz = val; 127 this.bdcdysz = val;
128 }, 128 },
129 select(selection, row){ 129 select (selection, row) {
130 if(this.sqywInfo.sqywdylx=="1"){ 130 if (this.sqywInfo.sqywdylx == "1") {
131 // 清除 所有勾选项 131 // 清除 所有勾选项
132 this.$refs.table.clearSelection() 132 this.$refs.table.clearSelection()
133 // 当表格数据都没有被勾选的时候 就返回 133 // 当表格数据都没有被勾选的时候 就返回
134 // 主要用于将当前勾选的表格状态清除 134 // 主要用于将当前勾选的表格状态清除
135 if(selection.length == 0) return 135 if (selection.length == 0) return
136 this.$refs.table.toggleRowSelection(row, true); 136 this.$refs.table.toggleRowSelection(row, true);
137 } 137 }
138 }, 138 },
139 139
140 handleRowClick(row){ 140 handleRowClick (row) {
141 // 如果状态是1，那就是单选 141 // 如果状态是1，那就是单选
142 if(this.sqywInfo.sqywdylx=="1"){ 142 if (this.sqywInfo.sqywdylx == "1") {
143 const bdcdysz = this.bdcdysz 143 const bdcdysz = this.bdcdysz
144 this.$refs.table.clearSelection() 144 this.$refs.table.clearSelection()
145 if( bdcdysz.length == 1 ) { 145 if (bdcdysz.length == 1) {
146 bdcdysz.forEach(item => { 146 bdcdysz.forEach(item => {
147 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 147 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
148 if (item == row) { 148 if (item == row) {
149 this.$refs.table.toggleRowSelection(row, false); 149 this.$refs.table.toggleRowSelection(row, false);
150 } 150 }
151 // 不然就让当前的一行勾选 151 // 不然就让当前的一行勾选
152 else { 152 else {
153 this.$refs.table.toggleRowSelection(row, true); 153 this.$refs.table.toggleRowSelection(row, true);
154 } 154 }
155 }) 155 })
156 } 156 }
157 else { 157 else {
158 this.$refs.table.toggleRowSelection(row, true); 158 this.$refs.table.toggleRowSelection(row, true);
159 } 159 }
160 }else{ 160 } else {
161 this.$refs.table.toggleRowSelection(row); 161 this.$refs.table.toggleRowSelection(row);
162 } 162 }
163 }, 163 },
164 164
165 }, 165 },
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -108,49 +107,49 @@ ...@@ -108,49 +107,49 @@
108 this.jump(res.result, this.sqywInfo.djywbm) 107 this.jump(res.result, this.sqywInfo.djywbm)
109 } else { 108 } else {
110 store.dispatch('user/refreshPage', true); 109 store.dispatch('user/refreshPage', true);
110 this.$popupCacel()
111 } 111 }
112 } else { 112 } else {
113 this.$message.error(res.message); 113 this.$message.error(res.message);
114 } 114 }
115 this.$popupCacel()
116 }) 115 })
117 }, 116 },
118 handleSelectionChange (val) { 117 handleSelectionChange (val) {
119 this.bdcdysz = val; 118 this.bdcdysz = val;
120 }, 119 },
121 select(selection, row){ 120 select (selection, row) {
122 if(this.sqywInfo.sqywdylx=="1"){ 121 if (this.sqywInfo.sqywdylx == "1") {
123 // 清除 所有勾选项 122 // 清除 所有勾选项
124 this.$refs.table.clearSelection() 123 this.$refs.table.clearSelection()
125 // 当表格数据都没有被勾选的时候 就返回 124 // 当表格数据都没有被勾选的时候 就返回
126 // 主要用于将当前勾选的表格状态清除 125 // 主要用于将当前勾选的表格状态清除
127 if(selection.length == 0) return 126 if (selection.length == 0) return
128 this.$refs.table.toggleRowSelection(row, true); 127 this.$refs.table.toggleRowSelection(row, true);
129 } 128 }
130 }, 129 },
131 handleRowClick(row){ 130 handleRowClick (row) {
132 // 如果状态是1，那就是单选 131 // 如果状态是1，那就是单选
133 if(this.sqywInfo.sqywdylx=="1"){ 132 if (this.sqywInfo.sqywdylx == "1") {
134 const bdcdysz = this.bdcdysz 133 const bdcdysz = this.bdcdysz
135 this.$refs.table.clearSelection() 134 this.$refs.table.clearSelection()
136 if( bdcdysz.length == 1 ) { 135 if (bdcdysz.length == 1) {
137 bdcdysz.forEach(item => { 136 bdcdysz.forEach(item => {
138 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 137 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
139 if (item == row) { 138 if (item == row) {
140 this.$refs.table.toggleRowSelection(row, false); 139 this.$refs.table.toggleRowSelection(row, false);
141 } 140 }
142 // 不然就让当前的一行勾选 141 // 不然就让当前的一行勾选
143 else { 142 else {
144 this.$refs.table.toggleRowSelection(row, true); 143 this.$refs.table.toggleRowSelection(row, true);
145 } 144 }
146 }) 145 })
147 } 146 }
148 else { 147 else {
149 this.$refs.table.toggleRowSelection(row, true); 148 this.$refs.table.toggleRowSelection(row, true);
150 } 149 }
151 }else{ 150 } else {
152 this.$refs.table.toggleRowSelection(row); 151 this.$refs.table.toggleRowSelection(row);
153 } 152 }
154 }, 153 },
155 }, 154 },
156 }; 155 };
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态",this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => {
...@@ -109,48 +108,48 @@ ...@@ -109,48 +108,48 @@
109 } else { 108 } else {
110 store.dispatch('user/refreshPage', true); 109 store.dispatch('user/refreshPage', true);
111 } 110 }
111 this.$popupCacel()
112 } else { 112 } else {
113 this.$message.error(res.message); 113 this.$message.error(res.message);
114 } 114 }
115 this.$popupCacel()
116 }) 115 })
117 }, 116 },
118 handleSelectionChange (val) { 117 handleSelectionChange (val) {
119 this.bdcdysz = val; 118 this.bdcdysz = val;
120 }, 119 },
121 select(selection, row){ 120 select (selection, row) {
122 if(this.sqywInfo.sqywdylx=="1"){ 121 if (this.sqywInfo.sqywdylx == "1") {
123 // 清除 所有勾选项 122 // 清除 所有勾选项
124 this.$refs.table.clearSelection() 123 this.$refs.table.clearSelection()
125 // 当表格数据都没有被勾选的时候 就返回 124 // 当表格数据都没有被勾选的时候 就返回
126 // 主要用于将当前勾选的表格状态清除 125 // 主要用于将当前勾选的表格状态清除
127 if(selection.length == 0) return 126 if (selection.length == 0) return
128 this.$refs.table.toggleRowSelection(row, true); 127 this.$refs.table.toggleRowSelection(row, true);
129 } 128 }
130 }, 129 },
131 handleRowClick(row){ 130 handleRowClick (row) {
132 // 如果状态是1，那就是单选 131 // 如果状态是1，那就是单选
133 if(this.sqywInfo.sqywdylx=="1"){ 132 if (this.sqywInfo.sqywdylx == "1") {
134 const bdcdysz = this.bdcdysz 133 const bdcdysz = this.bdcdysz
135 this.$refs.table.clearSelection() 134 this.$refs.table.clearSelection()
136 if( bdcdysz.length == 1 ) { 135 if (bdcdysz.length == 1) {
137 bdcdysz.forEach(item => { 136 bdcdysz.forEach(item => {
138 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 137 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
139 if (item == row) { 138 if (item == row) {
140 this.$refs.table.toggleRowSelection(row, false); 139 this.$refs.table.toggleRowSelection(row, false);
141 } 140 }
142 // 不然就让当前的一行勾选 141 // 不然就让当前的一行勾选
143 else { 142 else {
144 this.$refs.table.toggleRowSelection(row, true); 143 this.$refs.table.toggleRowSelection(row, true);
145 } 144 }
146 }) 145 })
147 } 146 }
148 else { 147 else {
149 this.$refs.table.toggleRowSelection(row, true); 148 this.$refs.table.toggleRowSelection(row, true);
150 } 149 }
151 }else{ 150 } else {
152 this.$refs.table.toggleRowSelection(row); 151 this.$refs.table.toggleRowSelection(row);
153 } 152 }
154 }, 153 },
155 }, 154 },
156 }; 155 };
......
...@@ -75,10 +75,10 @@ ...@@ -75,10 +75,10 @@
75 sendThis(this); 75 sendThis(this);
76 }, 76 },
77 methods: { 77 methods: {
78 queryClick () { 78 queryClick () {
79 this.$startLoading(); 79 this.$startLoading();
80 this.queryForm.zrzbsm = this.sqywInfo.zrzbsm; 80 this.queryForm.zrzbsm = this.sqywInfo.zrzbsm;
81 selectHQjdc({...this.queryForm, ...this.pageData }).then((res) => { 81 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
82 this.$endLoading(); 82 this.$endLoading();
83 if (res.code === 200) { 83 if (res.code === 200) {
84 let { total, records } = res.result; 84 let { total, records } = res.result;
...@@ -109,48 +109,48 @@ ...@@ -109,48 +109,48 @@
109 } else { 109 } else {
110 store.dispatch('user/refreshPage', true); 110 store.dispatch('user/refreshPage', true);
111 } 111 }
112 this.$popupCacel()
112 } else { 113 } else {
113 this.$message.error(res.message); 114 this.$message.error(res.message);
114 } 115 }
115 this.$popupCacel()
116 }) 116 })
117 }, 117 },
118 handleSelectionChange (val) { 118 handleSelectionChange (val) {
119 this.bdcdysz = val; 119 this.bdcdysz = val;
120 }, 120 },
121 select(selection, row){ 121 select (selection, row) {
122 if(this.sqywInfo.sqywdylx=="1"){ 122 if (this.sqywInfo.sqywdylx == "1") {
123 // 清除 所有勾选项 123 // 清除 所有勾选项
124 this.$refs.table.clearSelection() 124 this.$refs.table.clearSelection()
125 // 当表格数据都没有被勾选的时候 就返回 125 // 当表格数据都没有被勾选的时候 就返回
126 // 主要用于将当前勾选的表格状态清除 126 // 主要用于将当前勾选的表格状态清除
127 if(selection.length == 0) return 127 if (selection.length == 0) return
128 this.$refs.table.toggleRowSelection(row, true); 128 this.$refs.table.toggleRowSelection(row, true);
129 } 129 }
130 }, 130 },
131 handleRowClick(row){ 131 handleRowClick (row) {
132 // 如果状态是1，那就是单选 132 // 如果状态是1，那就是单选
133 if(this.sqywInfo.sqywdylx=="1"){ 133 if (this.sqywInfo.sqywdylx == "1") {
134 const bdcdysz = this.bdcdysz 134 const bdcdysz = this.bdcdysz
135 this.$refs.table.clearSelection() 135 this.$refs.table.clearSelection()
136 if( bdcdysz.length == 1 ) { 136 if (bdcdysz.length == 1) {
137 bdcdysz.forEach(item => { 137 bdcdysz.forEach(item => {
138 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 138 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
139 if (item == row) { 139 if (item == row) {
140 this.$refs.table.toggleRowSelection(row, false); 140 this.$refs.table.toggleRowSelection(row, false);
141 } 141 }
142 // 不然就让当前的一行勾选 142 // 不然就让当前的一行勾选
143 else { 143 else {
144 this.$refs.table.toggleRowSelection(row, true); 144 this.$refs.table.toggleRowSelection(row, true);
145 } 145 }
146 }) 146 })
147 } 147 }
148 else { 148 else {
149 this.$refs.table.toggleRowSelection(row, true); 149 this.$refs.table.toggleRowSelection(row, true);
150 } 150 }
151 }else{ 151 } else {
152 this.$refs.table.toggleRowSelection(row); 152 this.$refs.table.toggleRowSelection(row);
153 } 153 }
154 }, 154 },
155 }, 155 },
156 }; 156 };
......
...@@ -29,19 +29,30 @@ ...@@ -29,19 +29,30 @@
29 </ul> 29 </ul>
30 </div> 30 </div>
31 <!-- 一并申请 --> 31 <!-- 一并申请 -->
32 <div v-if="selectType == 'together'" class="right-title">一并申请</div> 32 <div v-if="selectType == 'together'" class="right-situation el-card">
33 <div class="right-title">一并申请</div>
34 <ul>
35 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
36 @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
37 <dt>{{ item.nodename }}</dt>
38 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
39 <i class="el-icon-star-off"></i>
40 </p>
41 </li>
42 </ul>
43 </div>
33 <!-- 登记簿补录 --> 44 <!-- 登记簿补录 -->
34 <div v-if="selectType == 'amend'" class="right-situation el-card"> 45 <div v-if="selectType == 'amend'" class="right-situation el-card">
35 <div class="right-title">登记簿补录</div> 46 <div class="right-title">登记簿补录</div>
36 <ul> 47 <ul>
37 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index" 48 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
38 @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)"> 49 @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
39 <dt>{{ item.nodename }}</dt> 50 <dt>{{ item.nodename }}</dt>
40 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)"> 51 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
41 <i class="el-icon-star-off"></i> 52 <i class="el-icon-star-off"></i>
42 </p> 53 </p>
43 </li> 54 </li>
44 </ul> 55 </ul>
45 </div> 56 </div>
46 <!-- 业务申请 --> 57 <!-- 业务申请 -->
47 <template v-if="selectType == 'apply'"> 58 <template v-if="selectType == 'apply'">
...@@ -80,7 +91,7 @@ ...@@ -80,7 +91,7 @@
80 </div> 91 </div>
81 </template> 92 </template>
82 <script> 93 <script>
83 import { getCollectBiz, getleftMenu, getNextNode,getRepairBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" 94 import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz,getTogetherBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
84 export default { 95 export default {
85 data () { 96 data () {
86 return { 97 return {
...@@ -127,20 +138,27 @@ ...@@ -127,20 +138,27 @@
127 }, 138 },
128 //申请业务类型菜单事件 139 //申请业务类型菜单事件
129 sqywlxClick (item) { 140 sqywlxClick (item) {
130 console.log("item",item); 141 console.log("item", item);
131 this.btnDisabled = true; 142 this.btnDisabled = true;
132 this.selectType = item.type; 143 this.selectType = item.type;
133 console.log("this.sqywQllxList",this.sqywQllxList);
134 this.sqywQllxList.forEach(item => { 144 this.sqywQllxList.forEach(item => {
135 if (item.check) item.check = false; 145 if (item.check) item.check = false;
136 }); 146 });
137 if(this.selectType == 'amend'){ 147 if (this.selectType == 'amend') {
138 this.getRepairBiz(); 148 this.getRepairBiz();
139 } 149 }
150 if (this.selectType == 'together') {
151 getTogetherBiz().then(res => {
152 if (res) {
153 console.log("res", res);
154 this.djqxList = res.result;
155 }
156 })
157 }
140 }, 158 },
141 //权利类型菜单事件 159 //权利类型菜单事件
142 qllxClick (index) { 160 qllxClick (index) {
143 console.log("业务",index); 161 console.log("业务", index);
144 this.btnDisabled = true; 162 this.btnDisabled = true;
145 this.sqywQllxList.forEach(item => { 163 this.sqywQllxList.forEach(item => {
146 if (item.check) item.check = false; 164 if (item.check) item.check = false;
...@@ -153,7 +171,6 @@ ...@@ -153,7 +171,6 @@
153 }, 171 },
154 //选择申请业务事件 172 //选择申请业务事件
155 selectSqywClick (data, index) { 173 selectSqywClick (data, index) {
156 console.log("选择",data,index);
157 data.forEach(item => { 174 data.forEach(item => {
158 item.selected = false; 175 item.selected = false;
159 }); 176 });
...@@ -184,16 +201,14 @@ ...@@ -184,16 +201,14 @@
184 }) 201 })
185 }, 202 },
186 203
187 //获取下个节点类型数据 204 //获取下个节点类型数据
188 getRepairBiz () { 205 getRepairBiz () {
189 getRepairBiz().then(res => { 206 getRepairBiz().then(res => {
190 if (res) { 207 if (res) {
191 console.log("res",res); 208 console.log("res", res);
192 this.djqxList = res.result; 209 this.djqxList = res.result;
193 210 }
194 }; 211 })
195 })
196
197 }, 212 },
198 //双击事件 213 //双击事件
199 dblclick (data, index, item) { 214 dblclick (data, index, item) {
...@@ -207,7 +222,6 @@ ...@@ -207,7 +222,6 @@
207 }, 222 },
208 //收藏操作 223 //收藏操作
209 handleCollection (item) { 224 handleCollection (item) {
210 console.log("item收藏",item);
211 let that = this 225 let that = this
212 if (item.userCollect == '2') { 226 if (item.userCollect == '2') {
213 addCollectBiz(item.bsmSqyw).then(res => { 227 addCollectBiz(item.bsmSqyw).then(res => {
...@@ -283,10 +297,10 @@ ...@@ -283,10 +297,10 @@
283 this.openDialog() 297 this.openDialog()
284 }, 298 },
285 openDialog () { 299 openDialog () {
286 console.log("this.selectParam",this.selectParam); 300 console.log("this.selectParam", this.selectParam);
287 let title = "申请业务：" + this.selectParam?.djywmc ? this.selectParam?.djywmc : ''; 301 let title = "申请业务：" + this.selectParam?.djywmc ? this.selectParam?.djywmc : '';
288 302
289 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "80%") 303 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'sqywInfo': this.selectParam }, "85%")
290 }, 304 },
291 loadView (view) { 305 loadView (view) {
292 return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`))) 306 return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:24 4 * @LastEditTime: 2023-06-15 16:23:57
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -9,9 +9,6 @@ let vm = null ...@@ -9,9 +9,6 @@ let vm = null
9 const sendThis = (_this) => { 9 const sendThis = (_this) => {
10 vm = _this 10 vm = _this
11 } 11 }
12 // const sendThiss= (_this) => {
13 // vm1 = _this
14 // }
15 class data extends filter { 12 class data extends filter {
16 constructor() { 13 constructor() {
17 super() 14 super()
...@@ -109,7 +106,7 @@ class data extends filter { ...@@ -109,7 +106,7 @@ class data extends filter {
109 } 106 }
110 107
111 } 108 }
112 class datatwo extends filter { 109 class datatwo extends filter {
113 constructor() { 110 constructor() {
114 super() 111 super()
115 } 112 }
...@@ -188,9 +185,9 @@ class datatwo extends filter { ...@@ -188,9 +185,9 @@ class datatwo extends filter {
188 185
189 } 186 }
190 let datas = new data() 187 let datas = new data()
191 let datastwo = new datatwo () 188 let datastwo = new datatwo()
192 export { 189 export {
193 datas, 190 datas,
194 datastwo , 191 datastwo,
195 sendThis 192 sendThis
196 } 193 }
......
...@@ -4,8 +4,8 @@ export function queueDjywmc(djywbm, djqxbm) { ...@@ -4,8 +4,8 @@ export function queueDjywmc(djywbm, djqxbm) {
4 return "selectJsydsyqSplitMerge"; 4 return "selectJsydsyqSplitMerge";
5 } 5 }
6 if (djqxbm == "DJBBL001") { 6 if (djqxbm == "DJBBL001") {
7 return "selectDjbbl"; 7 return "selectDjbbl";
8 } 8 }
9 let vm = null; 9 let vm = null;
10 switch (djywbm) { 10 switch (djywbm) {
11 case "A03100"://建设用地使用权（首次登记） 11 case "A03100"://建设用地使用权（首次登记）
......
...@@ -113,22 +113,22 @@ export default { ...@@ -113,22 +113,22 @@ export default {
113 bsm: '' 113 bsm: ''
114 }, '85%') 114 }, '85%')
115 }, 115 },
116 ywhClick (item) { 116 // ywhClick (item) {
117 const { href } = this.$router.resolve( 117 // const { href } = this.$router.resolve(
118 "/djbworkFrame?bdcdyid=" + 118 // "/djbworkFrame?bdcdyid=" +
119 item.bdcdyid+ 119 // item.bdcdyid+
120 "&bdcdyh=" + 120 // "&bdcdyh=" +
121 item.bdcdyh+ 121 // item.bdcdyh+
122 "&qllx="+ 122 // "&qllx="+
123 item.qllx+ 123 // item.qllx+
124 "&bsmQlxx="+ 124 // "&bsmQlxx="+
125 item.bsmQlxx+ 125 // item.bsmQlxx+
126 "&viewtype=1" 126 // "&viewtype=1"
127 ); 127 // );
128 localStorage.setItem('ywbl', JSON.stringify(item)); 128 // localStorage.setItem('ywbl', JSON.stringify(item));
129 window.open(href, `urlname${item.bdcdyid}`); 129 // window.open(href, `urlname${item.bdcdyid}`);
130 130
131 }, 131 // },
132 } 132 }
133 } 133 }
134 </script> 134 </script>
......
...@@ -23,6 +23,19 @@ class data extends filter { ...@@ -23,6 +23,19 @@ class data extends filter {
23 } 23 }
24 }, 24 },
25 { 25 {
26 label: "数据类型",
27 width: '80',
28 render: (h, scope) => {
29 return (
30 <div>
31 <span v-show={scope.row.sjlx == 1} >系统数据</span>
32 <span v-show={scope.row.sjlx == 2} >存量数据</span>
33 <span v-show={scope.row.sjlx == 3} >补录数据</span>
34 </div>
35 )
36 }
37 },
38 {
26 label: "权属状态", 39 label: "权属状态",
27 width: '80', 40 width: '80',
28 render: (h, scope) => { 41 render: (h, scope) => {
...@@ -54,13 +67,14 @@ class data extends filter { ...@@ -54,13 +67,14 @@ class data extends filter {
54 prop: "ywh", 67 prop: "ywh",
55 label: "业务号", 68 label: "业务号",
56 width: '110', 69 width: '110',
57 render: (h, scope) => { 70 // render: (h, scope) => {
58 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> 71 // return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
59 } 72 // }
60 }, 73 },
61 { 74 {
62 prop: "qllxmc", 75 prop: "qllxmc",
63 label: "权利类型", 76 label: "权利类型",
77 width: '140',
64 }, 78 },
65 { 79 {
66 prop: "djlxmc", 80 prop: "djlxmc",
......
...@@ -125,6 +125,8 @@ export default { ...@@ -125,6 +125,8 @@ export default {
125 }, 125 },
126 mounted () { 126 mounted () {
127 if (this.formData.bsmBatch) { 127 if (this.formData.bsmBatch) {
128 this.tableForm[0].jsysxlh = null;
129 this.tableForm[1].jsysxlh = null;
128 this.getDetailInfo(this.formData.bsmBatch); 130 this.getDetailInfo(this.formData.bsmBatch);
129 } else { 131 } else {
130 this.ywhSerial(); 132 this.ywhSerial();
......
...@@ -132,6 +132,8 @@ export default { ...@@ -132,6 +132,8 @@ export default {
132 }, 132 },
133 mounted () { 133 mounted () {
134 if (this.formData.bsmBatch) { 134 if (this.formData.bsmBatch) {
135 this.tableForm[0].bs = null;
136 this.tableForm[1].bs = null;
135 this.getDetailInfo(this.formData.bsmBatch); 137 this.getDetailInfo(this.formData.bsmBatch);
136 } else { 138 } else {
137 this.ywhSerial(); 139 this.ywhSerial();
......