Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
eb2b2c76 by renchao@pashanhoo.com
Options

Merge branch 'dev'

1 parent 64c4bb30
Inline Side-by-side
Showing 61 changed files with 1627 additions and 4034 deletions
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
23 "node-sass": "^4.14.1", 23 "node-sass": "^4.14.1",
24 "normalize.css": "7.0.0", 24 "normalize.css": "7.0.0",
25 "nprogress": "0.2.0", 25 "nprogress": "0.2.0",
26 "qrcode": "^1.5.3",
26 "vue": "2.6.10", 27 "vue": "2.6.10",
27 "vue-json-editor": "^1.4.3", 28 "vue-json-editor": "^1.4.3",
28 "vue-quill-editor": "^3.0.6", 29 "vue-quill-editor": "^3.0.6",
......
1 { 1 {
2 "TITLE": "不动产登记系统", 2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "/bdcdj-ssq", 3 "SERVERAPI": "/bdcdj",
4 "ip": "http://192.168.2.38",
5 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" 4 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
6 } 5 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 * @LastEditTime: 2023-05-16 14:05:25 4 * @LastEditTime: 2023-05-16 14:05:25
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 import { log } from 'bpmn-js-token-simulation'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 8 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 /** 9 /**
9 * @description: 添加补录记录 10 * @description: 添加补录记录
...@@ -24,9 +25,8 @@ export function addRepairRecord (data) { ...@@ -24,9 +25,8 @@ export function addRepairRecord (data) {
24 */ 25 */
25 export function deleteFlow (params) { 26 export function deleteFlow (params) {
26 return request({ 27 return request({
27 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow', 28 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params,
28 method: 'get', 29 method: 'get',
29 params:params
30 }) 30 })
31 } 31 }
32 32
......
...@@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) { ...@@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) {
72 } 72 }
73 73
74 /** 74 /**
75 * @description: 获取土地所有权
76 * @param {*} data
77 * @author: renchao
78 */
79 export function getTdsyqList (data) {
80 return request({
81 url: SERVER.SERVERAPI + '/rest/djbDetail/getTdsyqList',
82 method: 'post',
83 data
84 })
85 }
86
87 /**
75 * @description: 获取建设用地使用权 88 * @description: 获取建设用地使用权
76 * @param {*} data 89 * @param {*} data
77 * @author: renchao 90 * @author: renchao
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:31:23
5 */
6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8
9 // 初始化内容
10 export function Init (data) {
11 let apiUrl = "";
12 switch (data.get("djlx")) {
13 case "100":
14 apiUrl = "/rest/ywbl/tdsyq/firstInit";
15 break;
16 case "200":
17 apiUrl = "/rest/ywbl/tdsyq/transferInit";
18 break;
19 case "300":
20 apiUrl = "/rest/ywbl/tdsyq/changeInit";
21 break;
22 case "400":
23 apiUrl = "/rest/ywbl/tdsyq/logoutInit";
24 break;
25 case "500":
26 apiUrl = "/rest/ywbl/tdsyq/riviseInit";
27 break;
28 case "901":
29 apiUrl = "/rest/ywbl/tdsyq/renewalInit";
30 break;
31 case "902":
32 apiUrl = "/rest/ywbl/tdsyq/replaceInit";
33 break;
34 }
35 return request({
36 url: SERVER.SERVERAPI + apiUrl,
37 method: 'post',
38 data
39 })
40 }
41 /**
42 * @description: 受理信息保存
43 * @param {*} data
44 * @author: renchao
45 */
46 export function saveData (data) {
47 return request({
48 url: SERVER.SERVERAPI + '/rest/ywbl/tdsyq/saveData',
49 method: 'post',
50 data
51 })
52 }
53
54 /**
55 * @description: 流程图
56 * @param {*} bsmSlsq
57 * @param {*} bestepid
58 * @author: renchao
59 */
60 export function getWorkFlowImage (bsmSlsq, bestepid) {
61 return request({
62 url: SERVER.SERVERAPI + '/rest/business/workFlow/getWorkFlowImage',
63 method: 'get',
64 params: {
65 bsmSlsq: bsmSlsq,
66 bestepid: bestepid
67 }
68 })
69 }
...@@ -7,12 +7,14 @@ import dialogBox from '@/components/DialogBox/dialogBox.vue' ...@@ -7,12 +7,14 @@ import dialogBox from '@/components/DialogBox/dialogBox.vue'
7 import LbTable from '@/components/LbTable/lb-table.vue' 7 import LbTable from '@/components/LbTable/lb-table.vue'
8 import Theme from '@/components/Theme/theme.vue' 8 import Theme from '@/components/Theme/theme.vue'
9 import Popup from '@/components/Popup/index' 9 import Popup from '@/components/Popup/index'
10 import Treeselect from '@riophae/vue-treeselect' //树形下拉框组件
10 import MessageBox from '@/components/MessageBox/index.js' 11 import MessageBox from '@/components/MessageBox/index.js'
11 export default { 12 export default {
12 install: (Vue) => { 13 install: (Vue) => {
13 Vue.component('dialogBox', dialogBox); 14 Vue.component('dialogBox', dialogBox);
14 Vue.component('lbTable', LbTable); 15 Vue.component('lbTable', LbTable);
15 Vue.component('Theme', Theme); 16 Vue.component('Theme', Theme);
17 Vue.component('Treeselect', Treeselect);
16 Vue.prototype.$popup = Popup.install; 18 Vue.prototype.$popup = Popup.install;
17 Vue.prototype.$alertMes = MessageBox.alert; 19 Vue.prototype.$alertMes = MessageBox.alert;
18 } 20 }
......
...@@ -6,16 +6,18 @@ ...@@ -6,16 +6,18 @@
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import App from './App' 7 import App from './App'
8 import 'normalize.css/normalize.css' // a modern alternative to CSS resets 8 import 'normalize.css/normalize.css' // a modern alternative to CSS resets
9 import Element from 'element-ui' 9 import Element, { install } from 'element-ui'
10 import axios from 'axios' 10 import axios from 'axios'
11 import '@/styles/element-variables.scss' 11 import '@/styles/element-variables.scss'
12 import '@/styles/index.scss' 12 import '@/styles/index.scss'
13 import Base from '@/components/Base/base' // 全局组件引入 13 import Base from '@/components/Base/base' // 全局组件引入
14 import mixin from '@/utils/mixin/theme.js' 14 import mixin from '@/utils/mixin/theme.js'
15 import Loading from '@/components/Loading/index.js'; 15 import Loading from '@/components/Loading/index.js';
16 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
16 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' 17 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
17 Vue.mixin(mixin); 18 Vue.mixin(mixin);
18 Vue.use(Loading.directive); 19 Vue.use(Loading.directive);
20
19 // 引入xml 21 // 引入xml
20 import x2js from 'x2js' 22 import x2js from 'x2js'
21 Vue.prototype.$x2js = new x2js() 23 Vue.prototype.$x2js = new x2js()
......
1 <template>
2 <div class="bdcqldjml">
3 <table class="mlTable">
4 <tr>
5 <th colspan="5" class="title">不动产权利登记目录</th>
6 </tr>
7 <tr>
8 <td>序号</td>
9 <td>不动产单元号</td>
10 <td>不动产类型</td>
11 <td>所在本数</td>
12 <td>备注</td>
13 </tr>
14 <tr v-for="(item, index) in bdcqlml" :key="index">
15 <td>{{ index + 1 }}</td>
16 <td>{{ item.bdcdyh }}</td>
17 <td>{{ item.bdclx }}</td>
18 <td>{{ item.szbs }}</td>
19 <td>{{ item.bz }}</td>
20 </tr>
21 </table>
22 </div>
23 </template>
24
25 <script>
26 import { getBdcqldjmlByBdcdyid } from "@/api/registerBook.js";
27 export default {
28 data() {
29 return {
30 bdcqlml: [],
31 propsParam: this.$attrs,
32 };
33 },
34 mounted() {
35 getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
36 if (res.code === 200) {
37 this.bdcqlml = res.result;
38 }
39 });
40 },
41 };
42 </script>
43
44 <style lang="scss" scoped>
45 .bdcqldjml {
46 width: 100%;
47 height: 100%;
48 background: #fff;
49 overflow-y: scroll;
50 .mlTable {
51 width: 90%;
52 margin: 0 auto;
53 color: #333;
54 border-spacing: 1px;
55 background-color: #333;
56
57 .title {
58 font-size: 20px;
59 line-height: 60px;
60 font-family: serif;
61 position: relative;
62 }
63
64 td,
65 th {
66 background-color: white;
67 line-height: 30px;
68 padding: 0 4px;
69 text-align: center;
70 }
71 }
72 }
73 </style>
1 <template>
2 <div class="bdcqljqtsx">
3 <div class="content">
4 <div class="title">不动产权利及其他事项<br />登记信息</div>
5 <div>
6 不动产单元号:
7 <div class="underline">{{ propsParam.bdcdyh }}</div>
8 </div>
9 <br /><br /><br />
10 <div>
11 <div class="underline">{{ qlxxList.ztqlmc }}</div>
12 登记 共
13 <div class="underline">{{ qlxxList.ztql.total }}</div>
14 条
15 </div>
16 <br /><br />
17 <div>
18 抵押权登记 共
19 <div class="underline">{{ qlxxList.diyaq.total }}</div>
20 条
21 </div>
22 <br />
23 <div>
24 地役权登记 共
25 <div class="underline">{{ qlxxList.diyiq.total }}</div>
26 条
27 </div>
28 <br />
29 <div>
30 预告登记 共
31 <div class="underline">{{ qlxxList.ygdj.total }}</div>
32 条
33 </div>
34 <br />
35 <div>
36 异议登记 共
37 <div class="underline">{{ qlxxList.yydj.total }}</div>
38 条
39 </div>
40 <br />
41 <div>
42 查封登记 共
43 <div class="underline">{{ qlxxList.cfdj.total }}</div>
44 条
45 </div>
46 <br />
47 </div>
48 </div>
49 </template>
50
51 <script>
52 import { getBdcqljqtsx } from "@/api/registerBook.js";
53 export default {
54 name: "bdcqljqtsx",
55 data() {
56 return {
57 //传递参数
58 propsParam: this.$attrs,
59 qlxxList: "",
60 };
61 },
62 mounted() {
63 getBdcqljqtsx({
64 bdcdyid: this.propsParam.bdcdyid,
65 bdcdyh: this.propsParam.bdcdyh,
66 }).then((res) => {
67 if (res.code === 200) {
68 this.qlxxList = res.result;
69 }
70 });
71 },
72 };
73 </script>
74
75 <style lang="scss" scoped>
76 .bdcqljqtsx {
77 width: 100%;
78 height: 100%;
79 background: #fff;
80
81 .content {
82 width: 50%;
83 height: 100%;
84 margin: 0 auto;
85 text-align: right;
86 color: #333;
87 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
88 font-weight: 700;
89 font-size: 18px;
90 line-height: 16px;
91
92 .title {
93 font-size: 32px;
94 text-align: center;
95 padding: 40px 0;
96 line-height: 34px;
97 }
98
99 .underline {
100 font-size: 14px;
101 font-weight: normal;
102 text-decoration: underline;
103 display: inline-block;
104 }
105 }
106 }
107 </style>
1 <!--
2 * @Description :查封登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:56:45
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getCfdjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "查封登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().CFDJ,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getCfdjList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.tableData.forEach((item, index) => {
81 if (item.sfbxf == '1') {
82 item.zxywh = '';
83 item.zxdbr = '';
84 item.zxsj = '';
85 }
86 })
87 if (this.tableData.length < datas.columns().emptycolNum) {
88 this.emptycolNum =
89 datas.columns().emptycolNum - this.tableData.length;
90 } else {
91 this.emptycolNum = 0;
92 }
93 }
94 });
95 },
96 checkChange () {
97 if (this.checkList.length === 0) {
98 this.tableData = [];
99 this.emptycolNum = datas.columns().emptycolNum;
100 } else {
101 this.loadData();
102 }
103 },
104 getQsztName (code) {
105 let name = "";
106 for (let item of this.qsztList) {
107 if (item.value == code) {
108 name = item.label;
109 break;
110 }
111 }
112 return name;
113 },
114 // 编辑
115 editDialog(row){
116 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
117 confirmButtonText: '确定',
118 cancelButtonText: '取消',
119 type: 'warning'
120 }).then(() => {
121 this.$parent.addRepairRecord(row)
122
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 // })
139
140 },
141 // 删除
142 deleteDialog(row){
143 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
144 confirmButtonText: '确定',
145 cancelButtonText: '取消',
146 type: 'warning'
147 }).then(() => {
148 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
149 // deleteClmx(bsmClmx).then(res => {
150 // if (res.code == 200) {
151 // that.$emit('updateList', res.result)
152 // that.$message({
153 // message: '删除成功!',
154 // type: 'success'
155 // })
156 // }
157 // })
158 this.$message({
159 type: 'success',
160 message: '删除成功!'
161 });
162 }).catch(() => {
163 this.$message({
164 type: 'info',
165 message: '已取消删除'
166 });
167 });
168
169 }
170 },
171 };
172 </script>
173
174 <style lang="scss" scoped>
175 @import "./qlxxCommon.scss";
176 </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' v-if="tableData.length>0" :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 "./components/clxxAddDialog.vue";
38 import imagePreview from '@/views/components/imagePreview.vue'
39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
40 import { popupDialog } from "@/utils/popup.js";
41 export default {
42 components: { clxxAddDialog, imagePreview },
43 data () {
44 return {
45 isDialog: false,
46 iclass: "",
47 // 材料目录选中
48 treeCheckIndex: 0,
49 treeCheckId: "",
50 key: 0,
51 tableData: [],
52 previewImg: {
53 // 收件标识码
54 bsmSj: '',
55 bsmSlsq: this.$parent.bsmSlsq,
56 index: 0,
57 selectedIndex: 0,
58 imgList: []
59 }
60 }
61 },
62 computed: {
63 ...mapGetters(["dictData"])
64 },
65 created () {
66 this.clmlInitList(1)
67 },
68 methods: {
69 // 自动预览
70 nextPriview () {
71 if (this.treeCheckIndex < this.tableData.length) {
72 this.treeCheckIndex++
73 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
74 this.previewImg.index = 0
75 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
76 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
77 }
78 },
79 prevPriview () {
80 if (this.treeCheckIndex >= 1) {
81 this.treeCheckIndex--
82 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
83 this.previewImg.index = this.previewImg.imgList.length
84 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
85 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
86 }
87 },
88 // 材料目录明细初始化
89 clmlInitList (type) {
90 //type 1：列表初始化 2：新增材料
91 return new Promise(resolve => {
92 this.unitData = this.$parent.unitData;
93 var formdata = new FormData();
94 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
95 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
96 InitClml(formdata).then((res) => {
97 if (res.code == 200) {
98 resolve(res.code)
99 if (res.result && res.result.length > 0) {
100 this.tableData = res.result;
101 if (type == 1) {
102 this.treeClick(this.tableData[0], 0);
103 } else {
104 //新增材料后刷新列表焦点置于新增的对象上
105 this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
106 }
107 }
108 } else {
109 this.$message.error(res.message)
110 }
111 })
112 })
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 },
122 updateList (val) {
123 let that = this
124 if (val != null) { //删除最后一张图片时 val=null
125 this.tableData.forEach(item => {
126 if (item.bsmSj === val.bsmSj) {
127 item.children = val.children
128 }
129 })
130 this.previewImg.imgList = _.cloneDeep(val.children)
131 if (this.previewImg.index == this.previewImg.imgList.length) {
132 this.previewImg.index = this.previewImg.index - 1
133 }
134 } else {
135 this.previewImg.imgList = []
136 this.tableData.forEach((item, index) => {
137 if (this.treeCheckId == item.bsmSj) {
138 item.children = []
139 that.treeCheckIndex = index
140 }
141 })
142 }
143
144 },
145 // 添加材料目录
146 handleAdd () {
147 this.isDialog = true;
148 },
149 // 新增弹窗保存
150 addSave (data) {
151 let obj = {
152 bsmSlsq: this.$parent.bsmSlsq,
153 isrequired: "1",
154 sjmc: data.clmc,
155 sjsl: 0,
156 smzt: '',
157 ys: 0,
158 sjlx: data.cllx,
159 sfxjcl: "1", // 是否必选
160 };
161 saveClml(obj).then(async (res) => {
162 if (res.code == 200) {
163 let res = await this.clmlInitList(2)
164 if (res == 200) this.$message({
165 message: "新增成功",
166 type: "success",
167 })
168 }
169 });
170 },
171 // 材料目录点击选中
172 treeClick (item, index) {
173 this.previewImg.index = 0
174 this.treeCheckId = item?.bsmSj
175 this.treeCheckIndex = index
176 this.previewImg.imgList = item?.children
177 this.previewImg.bsmSj = item?.bsmSj
178 },
179 // 小图片点击
180 imgClick (item, index) {
181 this.showImg = item;
182 this.titleYs = index + 1;
183 },
184 // 字典
185 dicStatus (val, code) {
186 let data = this.$store.getters.dictData[code],
187 name = "暂无";
188 if (data) {
189 data.map((item) => {
190 if (item.dcode == val) {
191 name = item.dname
192 }
193 });
194 return name
195 }
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 },
209 },
210 };
211 </script>
212 <style scoped lang='scss'>
213 @import "~@/styles/mixin.scss";
214
215 .active {
216 background: $light-blue !important;
217 color: #fff;
218 }
219
220 .required {
221 font-size: 12px;
222 color: $pink;
223 float: left;
224 }
225
226 .cl_number {
227 float: right;
228 }
229
230 .clxx {
231 width: 100%;
232 display: flex;
233 padding-left: 5px;
234 height: calc(100vh - 125px);
235
236 .left {
237 display: flex;
238 flex-direction: column;
239 justify-content: space-between;
240
241 .item {
242 width: 28px;
243 height: 49%;
244 @include flex-center;
245 background-color: #e4e7ed;
246 border-bottom-right-radius: 10px;
247 padding: 5px;
248 cursor: pointer;
249 transition: all 0.3s;
250
251 &:hover {
252 @extend .active;
253 }
254 }
255 }
256
257 .right {
258 width: 100%;
259 height: 100%;
260
261 .clmlmx-box {
262 margin: 0 auto;
263
264 .title {
265 text-align: center;
266 height: 60px;
267 line-height: 60px;
268 border: 1px solid #dfe6ec;
269 font-size: 20px;
270 background: #81d3f81a;
271 margin-bottom: -1px;
272 }
273 }
274
275 .clyl-box {
276 width: 100%;
277 height: 100%;
278 display: flex;
279
280 .menu-tree {
281 width: 20%;
282 min-width: 160px;
283 height: 100%;
284 margin-right: 10px;
285 border-right: 1px dotted #d9d9d9;
286 padding: 0 15px;
287
288 .item {
289 line-height: 30px;
290 padding-top: 5px;
291 border-bottom: 1px solid #e8e8e8;
292 font-size: 16px;
293 text-align: center;
294 color: $light-blue;
295
296 .itemIcon {
297 float: right;
298 line-height: 60px;
299 cursor: pointer;
300 }
301
302 .child {
303 line-height: 32px;
304 border-bottom: 1px solid #e8e8e8;
305 padding-left: 10px;
306 color: #6b6b6b;
307 cursor: pointer;
308 box-sizing: border-box;
309 border-radius: 6px;
310 line-height: 20px;
311 transition: all 0.3s;
312 padding: 8px 0;
313 }
314
315 .child:hover {
316 color: $light-blue;
317 transform: scale(1.1);
318 }
319
320 .checked {
321 border: 1px solid $light-blue;
322 color: $light-blue;
323 }
324 }
325 }
326
327 .clyl-img {
328 width: 75%;
329 height: 100%;
330 background: #f3f4f7;
331 margin: 0 auto;
332 position: relative;
333 }
334 }
335 }
336 }
337 </style>
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px"> 16 label-width="127px"
17 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 补录信息 20 补录信息
...@@ -21,7 +22,7 @@ ...@@ -21,7 +22,7 @@
21 </div> 22 </div>
22 <el-row :gutter="10"> 23 <el-row :gutter="10">
23 <el-col :span="8"> 24 <el-col :span="8">
24 <el-form-item label="补录编号："> 25 <el-form-item label="补录编号11：">
25 <el-input disabled v-model="ruleForm.repair.ywh"></el-input> 26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
26 </el-form-item> 27 </el-form-item>
27 </el-col> 28 </el-col>
...@@ -66,7 +67,12 @@ ...@@ -66,7 +67,12 @@
66 <el-col :span="8"> 67 <el-col :span="8">
67 <el-form-item label="登记类型："> 68 <el-form-item label="登记类型：">
68 <el-select v-model="ruleForm.qlxx.djlx"> 69 <el-select v-model="ruleForm.qlxx.djlx">
69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 70 <el-option
71 v-for="item in dictData['A21']"
72 :key="item.dcode"
73 :label="item.dname"
74 :value="item.dcode"
75 >
70 </el-option> 76 </el-option>
71 </el-select> 77 </el-select>
72 </el-form-item> 78 </el-form-item>
...@@ -93,27 +99,53 @@ ...@@ -93,27 +99,53 @@
93 </el-col> 99 </el-col>
94 <el-col :span="8"> 100 <el-col :span="8">
95 <!-- 下拉框 --> 101 <!-- 下拉框 -->
96 <el-form-item label="土地性质：" style="margin-bottom:3px"> 102 <el-form-item label="土地性质：" style="margin-bottom: 3px">
97 <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" 103 <treeselect
104 v-model="tdxz"
105 noOptionsText="暂无数据"
106 placeholder=""
98 :normalizer="normalizer" 107 :normalizer="normalizer"
99 :show-count="true" :options="dictData['A45']" /> 108 :show-count="true"
109 :options="dictData['A9']"
110 />
100 </el-form-item> 111 </el-form-item>
101 </el-col> 112 </el-col>
102 <el-col :span="8"> 113 <el-col :span="8">
103 <el-form-item label="房地产交易价格："> 114 <el-form-item label="房地产交易价格：">
104 <div style="display:flex"> 115 <div style="display: flex">
105 <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> 116 <el-input
117 v-model="ruleForm.fdcq2.qjjg"
118 style="width: 500%"
119 ></el-input>
106 <el-select v-model="ruleForm.fdcq2.jedw"> 120 <el-select v-model="ruleForm.fdcq2.jedw">
107 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 121 <el-option
122 v-for="item in dictData['A57']"
123 :key="item.dcode"
124 :label="item.dname"
125 :value="item.dcode"
126 >
108 </el-option> 127 </el-option>
109 </el-select> 128 </el-select>
110 </div> 129 </div>
111 </el-form-item> 130 </el-form-item>
112 </el-col> 131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="权属状态：">
134 <el-select v-model="ruleForm.qlxx.qszt">
135 <el-option v-for="item in qsztlist" :key="item.dcode" :label="item.dname" :value="item.dcode">
136 </el-option>
137 </el-select>
138 </el-form-item>
139 </el-col>
113 <el-col :span="8"> 140 <el-col :span="8">
114 <el-form-item label="规划用途："> 141 <el-form-item label="规划用途：">
115 <el-select v-model="ruleForm.fdcq2.ghyt"> 142 <el-select v-model="ruleForm.fdcq2.ghyt">
116 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 143 <el-option
144 v-for="item in dictData['A17']"
145 :key="item.dcode"
146 :label="item.dname"
147 :value="item.dcode"
148 >
117 </el-option> 149 </el-option>
118 </el-select> 150 </el-select>
119 </el-form-item> 151 </el-form-item>
...@@ -131,7 +163,12 @@ ...@@ -131,7 +163,12 @@
131 <el-col :span="8"> 163 <el-col :span="8">
132 <el-form-item label="房屋性质："> 164 <el-form-item label="房屋性质：">
133 <el-select v-model="ruleForm.fdcq2.fwxz"> 165 <el-select v-model="ruleForm.fdcq2.fwxz">
134 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 166 <el-option
167 v-for="item in dictData['A19']"
168 :key="item.dcode"
169 :label="item.dname"
170 :value="item.dcode"
171 >
135 </el-option> 172 </el-option>
136 </el-select> 173 </el-select>
137 </el-form-item> 174 </el-form-item>
...@@ -139,7 +176,12 @@ ...@@ -139,7 +176,12 @@
139 <el-col :span="8"> 176 <el-col :span="8">
140 <el-form-item label="房屋结构："> 177 <el-form-item label="房屋结构：">
141 <el-select v-model="ruleForm.fdcq2.fwjg"> 178 <el-select v-model="ruleForm.fdcq2.fwjg">
142 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 179 <el-option
180 v-for="item in dictData['A46']"
181 :key="item.dcode"
182 :label="item.dname"
183 :value="item.dcode"
184 >
143 </el-option> 185 </el-option>
144 </el-select> 186 </el-select>
145 </el-form-item> 187 </el-form-item>
...@@ -221,8 +263,8 @@ ...@@ -221,8 +263,8 @@
221 </div> 263 </div>
222 <tdytTable 264 <tdytTable
223 :tableData="ruleForm.tdytqxList" 265 :tableData="ruleForm.tdytqxList"
224 @upDateQlrxxList="upDateTdytxxList" 266 @upDateTdytxxList="upDateTdytxxList"
225 :viewtype="$route.query.viewtype" /> 267 />
226 <div class="slxx_title title-block"> 268 <div class="slxx_title title-block">
227 权利人信息 269 权利人信息
228 <div class="triangle"></div> 270 <div class="triangle"></div>
...@@ -231,8 +273,8 @@ ...@@ -231,8 +273,8 @@
231 <el-col :span="12"> 273 <el-col :span="12">
232 <el-form-item label="共有方式："> 274 <el-form-item label="共有方式：">
233 <el-radio-group 275 <el-radio-group
234 :disabled="$route.query.viewtype == 0" 276 v-model="ruleForm.qlxx.gyqk"
235 v-model="ruleForm.qlxx.gyqk"> 277 >
236 <el-radio label="0">单独所有</el-radio> 278 <el-radio label="0">单独所有</el-radio>
237 <el-radio label="1">共同共有</el-radio> 279 <el-radio label="1">共同共有</el-radio>
238 <el-radio label="2">按份所有</el-radio> 280 <el-radio label="2">按份所有</el-radio>
...@@ -240,29 +282,37 @@ ...@@ -240,29 +282,37 @@
240 </el-radio-group> 282 </el-radio-group>
241 </el-form-item> 283 </el-form-item>
242 </el-col> 284 </el-col>
243 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> 285 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
244 <el-form-item label="是否分别持证："> 286 <el-form-item label="是否分别持证：">
245 <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> 287 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
246 <el-radio :label=1>是</el-radio> 288 <el-radio :label="1">是</el-radio>
247 <el-radio :label=0>否</el-radio> 289 <el-radio :label="0">否</el-radio>
248 </el-radio-group> 290 </el-radio-group>
249 </el-form-item> 291 </el-form-item>
250 </el-col> 292 </el-col> -->
251 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> 293 <!-- <el-col
294 :span="6"
295 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
296 >
252 <el-form-item label="持证人："> 297 <el-form-item label="持证人：">
253 <el-select v-model="ruleForm.czr" placeholder="持证人"> 298 <el-select v-model="ruleForm.czr" placeholder="持证人">
254 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> 299 <el-option
300 v-for="item in czrOptions"
301 :key="item.zjh"
302 :label="item.sqrmc"
303 :value="item.zjh"
304 >
255 </el-option> 305 </el-option>
256 </el-select> 306 </el-select>
257 </el-form-item> 307 </el-form-item>
258 </el-col> 308 </el-col> -->
259 </el-row> 309 </el-row>
260 <qlrCommonTable 310 <qlrCommonTable
261 :tableData="ruleForm.qlrList" 311 :tableData="ruleForm.qlrData"
262 @upDateQlrxxList="upDateQlrxxList" 312 @upDateQlrxxList="upDateQlrxxList"
263 :key="key" 313 :key="key"
264 :viewtype="$route.query.viewtype" 314 :gyfs="ruleForm.qlxx.gyfs"
265 :gyfs="ruleForm.qlxx.gyfs" /> 315 />
266 316
267 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 317 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
268 <div class="slxx_title title-block"> 318 <div class="slxx_title title-block">
...@@ -274,10 +324,10 @@ ...@@ -274,10 +324,10 @@
274 :tableData="ruleForm.ywrList" 324 :tableData="ruleForm.ywrList"
275 :key="key" 325 :key="key"
276 @upDateQlrxxList="upDateYwrxxList" 326 @upDateQlrxxList="upDateYwrxxList"
277 :viewtype="$route.query.viewtype" /> 327 />
278 </div> 328 </div>
279 </div> 329 </div>
280 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 330 <el-row class="btn">
281 <el-form-item> 331 <el-form-item>
282 <el-button type="primary" @click="onSubmit">保存</el-button> 332 <el-button type="primary" @click="onSubmit">保存</el-button>
283 </el-form-item> 333 </el-form-item>
...@@ -286,147 +336,170 @@ ...@@ -286,147 +336,170 @@
286 </div> 336 </div>
287 </template> 337 </template>
288 <script> 338 <script>
289 import { mapGetters } from "vuex"; 339 import { mapGetters } from "vuex";
290 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 340 import { init, save } from "@/api/djbbl.js";
291 import { init } from "@/api/djbbl.js"; 341 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
292 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 342 import tdytTable from "@/views/workflow/components/tdytTable";
293 import tdytTable from "@/views/workflow/components/tdytTable"; 343 // import the component
294 // import the component 344 // import Treeselect from '@riophae/vue-treeselect'
295 import Treeselect from '@riophae/vue-treeselect' 345 // // import the styles
296 // import the styles 346 // import '@riophae/vue-treeselect/dist/vue-treeselect.css'
297 import '@riophae/vue-treeselect/dist/vue-treeselect.css' 347 export default {
348 components: { qlrCommonTable, tdytTable },
349 computed: {
350 ...mapGetters(["dictData", "flag"]),
351 },
352 data() {
353 return {
354 // 键名转换，方法默认是label和children进行树状渲染
355 normalizer(node) {
356 //方法
357 if (node.children == null || node.children == "null") {
358 delete node.children;
359 }
360 return {
361 id: node.dcode,
362 label: node.dname,
363 };
364 },
298 365
299 export default { 366 //表单是否可操作
300 components: { qlrCommonTable, tdytTable, Treeselect }, 367 propsParam: this.$attrs,
301 computed: { 368 // 权属状态
302 ...mapGetters(["dictData", "flag"]), 369 qsztlist: [
303 }, 370 {
304 data () { 371 dcode: "1",
305 return { 372 dname: "现势",
306 // 键名转换，方法默认是label和children进行树状渲染 373 },
307 normalizer (node) { //方法 374 {
308 if (node.children == null || node.children == 'null') { 375 dcode: "2",
309 delete node.children; 376 dname: "历史",
310 }
311 return {
312 id: node.dcode,
313 label: node.dname
314 }
315 }, 377 },
316 //表单是否可操作 378 ],
317 propsParam: this.$attrs, 379 key: 0,
318 ableOperation: true, 380 tdxz:null,
319 key: 0, 381 isShow: false,
320 isShow: false, 382 disabled: true,
321 disabled: true, 383 czrOptions: [],
322 czrOptions: [], 384 ruleForm: {},
323 ruleForm: {}, 385 //传递参数\
324 //传递参数\ 386 rules: {},
325 rules: {}, 387 };
326 }; 388 },
389 created() {
390 this.loadData();
391 },
392 mounted() {},
393 methods: {
394 loadData() {
395 init(this.propsParam.bsmRepair).then((res) => {
396 if (res.code == 200) {
397 this.ruleForm = res.result;
398 if( this.ruleForm.tdytqxList.length>0){
399 this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm
400 }else{
401 this.tdxz=null
402 }
403 this.isShow = true;
404 }
405 });
327 }, 406 },
328 created () { 407 // 更新土地用途信息
329 this.loadData(); 408 upDateTdytxxList(val) {
409 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
410 this.key++;
330 }, 411 },
331 mounted () { }, 412 // 更新权利人信息
332 methods: { 413 upDateQlrxxList(val) {
333 loadData () { 414 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
334 console.log("房地产权", this.propsParam); 415 this.czrOptions = this.ruleForm.qlrData;
335 init(this.propsParam.bsmRepair).then((res) => { 416 this.key++;
336 if (res.code == 200) { 417 },
337 418 // 更新义务人信息
338 this.ruleForm = res.result; 419 upDateYwrxxList(val) {
339 this.isShow = true; 420 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
340 // this.tableData = res.result; 421 this.key++;
341 // if (this.tableData.length < datas.columns().emptycolNum) { 422 },
342 // this.emptycolNum = 423 onSubmit() {
343 // datas.columns().emptycolNum - this.tableData.length; 424 if (this.ruleForm.qlrData.length == 0) {
344 // } else { 425 this.$message({
345 // this.emptycolNum = 0; 426 showClose: true,
346 // } 427 message: "请确认权利人信息",
347 } 428 type: "error",
348 }); 429 });
349 }, 430 return false;
350 // 更新土地用途信息 431 }
351 upDateTdytxxList (val) { 432 if( this.ruleForm.tdytqxList.length==0&&!this.tdxz){
352 console.log("VAL", val); 433 this.$message({
353 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 434 showClose: true,
354 this.key++; 435 message: "请补充土地用途信息",
355 }, 436 type: "error",
356 // 更新权利人信息 437 });
357 upDateQlrxxList (val) { 438 return false;
358 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 439 }
359 this.czrOptions = this.ruleForm.qlrList; 440 if(!this.tdxz){
360 this.key++; 441 this.$message({
361 }, 442 showClose: true,
362 // 更新义务人信息 443 message: "请补充土地性质",
363 upDateYwrxxList (val) { 444 type: "error",
364 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 445 });
365 this.key++; 446 return false;
366 }, 447 }
367 onSubmit () { 448 this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => {
368 console.log("this.ruleForm大信息", this.ruleForm); 449 return{
369 if (this.ruleForm.qlrList.length == 0) { 450 ...item,
451 qlxzbm:this.tdxz
452 }
453 })
454 if (this.ruleForm.qlxx.gyfs == "0") {
455 if (this.ruleForm.qlrData.length > 1) {
370 this.$message({ 456 this.$message({
371 showClose: true, 457 showClose: true,
372 message: "请确认权利人信息", 458 message: "共有方式：单独所有，权利人只能是一个人",
373 type: "error", 459 type: "error",
374 }); 460 });
375 return false; 461 return false;
376 } 462 }
377 463 this.ruleForm.qlrData[0].sfczr = "1";
378 if (this.ruleForm.qlxx.gyfs == "0") { 464 }
379 if (this.ruleForm.qlrList.length > 1) { 465 // if (this.ruleForm.qlxx.gyfs == "1") {
380 this.$message({ 466 // //是否分别持证
381 showClose: true, 467 // if (this.ruleForm.qlxx.sqfbcz == "1") {
382 message: "共有方式：单独所有，权利人只能是一个人", 468 // //是
383 type: "error", 469 // this.ruleForm.qlrData.forEach((item, index) => {
384 }); 470 // item.sfczr = "1";
385 return false; 471 // });
386 } 472 // } else {
387 this.ruleForm.qlrList[0].sfczr = "1"; 473 // this.ruleForm.qlrData.forEach((item, index) => {
388 } 474 // if (item.zjh == this.ruleForm.czr) {
389 if (this.ruleForm.qlxx.gyfs == "1") { 475 // item.sfczr = "1";
390 //是否分别持证 476 // } else {
391 if (this.ruleForm.qlxx.sqfbcz == "1") { 477 // item.sfczr = "0";
392 //是 478 // }
393 this.ruleForm.qlrList.forEach((item, index) => { 479 // });
394 item.sfczr = "1"; 480 // }
395 }); 481 // }
396 } else { 482 save(this.ruleForm).then((res) => {
397 this.ruleForm.qlrList.forEach((item, index) => { 483 if (res.code === 200) {
398 if (item.zjh == this.ruleForm.czr) { 484 this.$message({
399 item.sfczr = "1"; 485 showClose: true,
400 } else { 486 message: "保存成功！",
401 item.sfczr = "0"; 487 type: "success",
402 } 488 });
403 }); 489 this.$store.dispatch("user/refreshPage", true);
404 } 490 } else {
491 this.$message({
492 showClose: true,
493 message: res.message,
494 type: "error",
495 });
405 } 496 }
406 saveData(this.ruleForm).then((res) => { 497 });
407 if (res.code === 200) {
408 this.$message({
409 showClose: true,
410 message: "保存成功！",
411 type: "success",
412 });
413 this.$store.dispatch("user/refreshPage", true);
414 } else {
415 this.$message({
416 showClose: true,
417 message: res.message,
418 type: "error",
419 });
420 }
421 });
422 },
423 }, 498 },
424 }; 499 },
500 };
425 </script> 501 </script>
426 <style scoped lang="scss"> 502 <style scoped lang="scss">
427 @import "~@/styles/public.scss"; 503 @import "~@/styles/public.scss";
428 @import "~@/styles/slxx/slxx.scss"; 504 @import "~@/styles/slxx/slxx.scss";
429 /deep/.vue-treeselect__menu-container {
430 transition: 0.3s !important;
431 }
432 </style> 505 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-25 15:52:42
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="127px"
17 > 17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div> 42 <div class="triangle"></div>
43 </div> 43 </div>
44 <el-row :gutter="10"> 44 <el-row :gutter="10">
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item> 53 </el-form-item>
54 </el-col> 54 </el-col>
55 <el-col :span="8"> 55 <el-col :span="8">
56 <el-form-item label="上手业务号："> 56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item> 58 </el-form-item>
...@@ -66,123 +66,57 @@ ...@@ -66,123 +66,57 @@
66 </el-col> 66 </el-col>
67 <el-col :span="8"> 67 <el-col :span="8">
68 <el-form-item label="登记类型："> 68 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 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"> 70 <el-option
71 </el-option> 71 v-for="item in dictData['A21']"
72 </el-select> 72 :key="item.dcode"
73 :label="item.dname"
74 :value="item.dcode"
75 >
76 </el-option>
77 </el-select>
73 </el-form-item> 78 </el-form-item>
74 </el-col> 79 </el-col>
75 <el-col :span="8"> 80 <el-col :span="8">
76 <el-form-item label="房地坐落："> 81 <el-form-item label="权属状态：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 82 <el-select v-model="ruleForm.qlxx.qszt">
78 </el-form-item> 83 <el-option
79 </el-col> 84 v-for="item in qsztlist"
80 <el-col :span="8"> 85 :key="item.dcode"
81 <el-form-item label="土地使用权人："> 86 :label="item.dname"
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 87 :value="item.dcode"
83 </el-form-item> 88 >
84 </el-col> 89 </el-option>
85 <el-col :span="8"> 90 </el-select>
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> 91 </el-form-item>
109 </el-col> 92 </el-col>
110 <el-col :span="8"> 93 <el-col :span="8">
111 <el-form-item label="土地使用期限："> 94 <el-form-item label="房地坐落：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 95 <el-input v-model="ruleForm.qlxx.zl"></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> 96 </el-form-item>
141 </el-col> 97 </el-col>
142 <el-col :span="8"> 98 <el-col :span="8">
143 <el-form-item label="房屋性质："> 99 <el-form-item label="使用权面积：">
144 <el-select v-model="ruleForm.fdcq2.fwxz"> 100 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input>
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> 101 </el-form-item>
149 </el-col> 102 </el-col>
150 <el-col :span="8"> 103 <el-col :span="8">
151 <el-form-item label="房屋结构："> 104 <el-form-item label="取得价格：">
152 <el-select v-model="ruleForm.fdcq2.fwjg"> 105 <div style="display: flex">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 106 <el-input
107 v-model="ruleForm.jsydsyq.qdjg"
108 style="width: 500%"
109 ></el-input>
110 <el-select v-model="ruleForm.jsydsyq.jedw">
111 <el-option
112 v-for="item in dictData['A57']"
113 :key="item.dcode"
114 :label="item.dname"
115 :value="item.dcode"
116 >
154 </el-option> 117 </el-option>
155 </el-select> 118 </el-select>
156 </el-form-item> 119 </div>
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> 120 </el-form-item>
187 </el-col> 121 </el-col>
188 122
...@@ -213,16 +147,9 @@ ...@@ -213,16 +147,9 @@
213 </el-col> 147 </el-col>
214 </el-row> 148 </el-row>
215 <el-row> 149 <el-row>
216 <el-col :span="24"> 150 <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="附记："> 151 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 152 <el-input v-model="ruleForm.jsydsyq.fj"></el-input>
226 </el-form-item> 153 </el-form-item>
227 </el-col> 154 </el-col>
228 </el-row> 155 </el-row>
...@@ -230,11 +157,9 @@ ...@@ -230,11 +157,9 @@
230 土地用途 157 土地用途
231 <div class="triangle"></div> 158 <div class="triangle"></div>
232 </div> 159 </div>
233 <tdytTable 160 <tdytTable
234 :tableData="ruleForm.tdxxList" 161 :tableData="ruleForm.tdytqxList"
235 @upDateQlrxxList="upDateQlrxxList" 162 @upDateTdytxxList="upDateTdytxxList"
236 :viewtype="$route.query.viewtype"
237 :gyfs="ruleForm.qlxx.gyfs"
238 /> 163 />
239 <div class="slxx_title title-block"> 164 <div class="slxx_title title-block">
240 权利人信息 165 权利人信息
...@@ -257,22 +182,30 @@ ...@@ -257,22 +182,30 @@
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> 182 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证："> 183 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> 184 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio> 185 <el-radio :label="1">是</el-radio>
261 <el-radio :label=0>否</el-radio> 186 <el-radio :label="0">否</el-radio>
262 </el-radio-group> 187 </el-radio-group>
263 </el-form-item> 188 </el-form-item>
264 </el-col> 189 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> 190 <el-col
191 :span="6"
192 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
193 >
266 <el-form-item label="持证人："> 194 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人"> 195 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> 196 <el-option
197 v-for="item in czrOptions"
198 :key="item.zjh"
199 :label="item.sqrmc"
200 :value="item.zjh"
201 >
269 </el-option> 202 </el-option>
270 </el-select> 203 </el-select>
271 </el-form-item> 204 </el-form-item>
272 </el-col> 205 </el-col>
273 </el-row> 206 </el-row>
274 <qlrCommonTable 207 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 208 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 209 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 210 :key="key"
278 :viewtype="$route.query.viewtype" 211 :viewtype="$route.query.viewtype"
...@@ -302,22 +235,45 @@ ...@@ -302,22 +235,45 @@
302 </div> 235 </div>
303 </template> 236 </template>
304 <script> 237 <script>
238 import store from "@/store/index.js";
305 import { mapGetters } from "vuex"; 239 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 240 import { init, save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 241 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 242 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 243 export default {
311 components: { qlrCommonTable,tdytTable }, 244 components: { qlrCommonTable, tdytTable },
312 computed: { 245 computed: {
313 ...mapGetters(["dictData", "flag"]), 246 ...mapGetters(["dictData", "flag"]),
314 }, 247 },
315 data() { 248 data() {
316 return { 249 return {
250 // 键名转换，方法默认是label和children进行树状渲染
251 normalizer(node) {
252 //方法
253 if (node.children == null || node.children == "null") {
254 delete node.children;
255 }
256 return {
257 id: node.dcode,
258 label: node.dname,
259 };
260 },
317 //表单是否可操作 261 //表单是否可操作
318 propsParam: this.$attrs, 262 propsParam: this.$attrs,
319 ableOperation: true, 263 ableOperation: true,
320 key: 0, 264 key: 0,
265 // 权属状态
266 qsztlist: [
267 {
268 dcode: "1",
269 dname: "现势",
270 },
271 {
272 dcode: "2",
273 dname: "历史",
274 },
275 ],
276 tdxz:null,
321 isShow: false, 277 isShow: false,
322 disabled: true, 278 disabled: true,
323 czrOptions: [], 279 czrOptions: [],
...@@ -331,28 +287,36 @@ export default { ...@@ -331,28 +287,36 @@ export default {
331 }, 287 },
332 mounted() {}, 288 mounted() {},
333 methods: { 289 methods: {
290 // 字典
291 getDictData(val) {
292 return store.getters.dictData[val];
293 },
334 loadData() { 294 loadData() {
335 console.log("建设用地使用权");
336 init(this.propsParam.bsmRepair).then((res) => { 295 init(this.propsParam.bsmRepair).then((res) => {
337 if (res.code == 200) { 296 if (res.code == 200) {
338
339 this.ruleForm = res.result; 297 this.ruleForm = res.result;
340 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 298 if( this.ruleForm.tdytqxList.length>0){
299 this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm
300 }else{
301 this.tdxz=null
302 }
303 console.log("this.ruleForm", this.ruleForm);
341 this.isShow = true; 304 this.isShow = true;
342 // this.tableData = res.result;
343 // if (this.tableData.length < datas.columns().emptycolNum) {
344 // this.emptycolNum =
345 // datas.columns().emptycolNum - this.tableData.length;
346 // } else {
347 // this.emptycolNum = 0;
348 // }
349 } 305 }
350 }); 306 });
351 }, 307 },
308 // 更新土地用途信息
309 upDateTdytxxList(val) {
310 console.log("VAL", val);
311 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
312 this.key++;
313 },
352 // 更新权利人信息 314 // 更新权利人信息
353 upDateQlrxxList(val) { 315 upDateQlrxxList(val) {
354 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 316 console.log("val", val);
355 this.czrOptions = this.ruleForm.qlrList; 317 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
318 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
319 this.czrOptions = this.ruleForm.qlrData;
356 this.key++; 320 this.key++;
357 }, 321 },
358 // 更新义务人信息 322 // 更新义务人信息
...@@ -361,7 +325,8 @@ export default { ...@@ -361,7 +325,8 @@ export default {
361 this.key++; 325 this.key++;
362 }, 326 },
363 onSubmit() { 327 onSubmit() {
364 if (this.ruleForm.qlrList.length == 0) { 328 console.log("this.ruleForm大信息", this.ruleForm);
329 if (this.ruleForm.qlrData.length == 0) {
365 this.$message({ 330 this.$message({
366 showClose: true, 331 showClose: true,
367 message: "请确认权利人信息", 332 message: "请确认权利人信息",
...@@ -371,7 +336,7 @@ export default { ...@@ -371,7 +336,7 @@ export default {
371 } 336 }
372 337
373 if (this.ruleForm.qlxx.gyfs == "0") { 338 if (this.ruleForm.qlxx.gyfs == "0") {
374 if (this.ruleForm.qlrList.length > 1) { 339 if (this.ruleForm.qlrData.length > 1) {
375 this.$message({ 340 this.$message({
376 showClose: true, 341 showClose: true,
377 message: "共有方式：单独所有，权利人只能是一个人", 342 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -379,17 +344,17 @@ export default { ...@@ -379,17 +344,17 @@ export default {
379 }); 344 });
380 return false; 345 return false;
381 } 346 }
382 this.ruleForm.qlrList[0].sfczr = "1"; 347 this.ruleForm.qlrData[0].sfczr = "1";
383 } 348 }
384 if (this.ruleForm.qlxx.gyfs == "1") { 349 if (this.ruleForm.qlxx.gyfs == "1") {
385 //是否分别持证 350 //是否分别持证
386 if (this.ruleForm.qlxx.sqfbcz == "1") { 351 if (this.ruleForm.qlxx.sqfbcz == "1") {
387 //是 352 //是
388 this.ruleForm.qlrList.forEach((item, index) => { 353 this.ruleForm.qlrData.forEach((item, index) => {
389 item.sfczr = "1"; 354 item.sfczr = "1";
390 }); 355 });
391 } else { 356 } else {
392 this.ruleForm.qlrList.forEach((item, index) => { 357 this.ruleForm.qlrData.forEach((item, index) => {
393 if (item.zjh == this.ruleForm.czr) { 358 if (item.zjh == this.ruleForm.czr) {
394 item.sfczr = "1"; 359 item.sfczr = "1";
395 } else { 360 } else {
...@@ -398,7 +363,7 @@ export default { ...@@ -398,7 +363,7 @@ export default {
398 }); 363 });
399 } 364 }
400 } 365 }
401 saveData(this.ruleForm).then((res) => { 366 save(this.ruleForm).then((res) => {
402 if (res.code === 200) { 367 if (res.code === 200) {
403 this.$message({ 368 this.$message({
404 showClose: true, 369 showClose: true,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-25 15:52:42
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="127px">
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 补录信息 19 补录信息
...@@ -38,7 +37,7 @@ ...@@ -38,7 +37,7 @@
38 </el-col> 37 </el-col>
39 </el-row> 38 </el-row>
40 <div class="slxx_title title-block"> 39 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 40 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div> 41 <div class="triangle"></div>
43 </div> 42 </div>
44 <el-row :gutter="10"> 43 <el-row :gutter="10">
...@@ -52,7 +51,7 @@ ...@@ -52,7 +51,7 @@
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 51 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item> 52 </el-form-item>
54 </el-col> 53 </el-col>
55 <el-col :span="8"> 54 <el-col :span="8">
56 <el-form-item label="上手业务号："> 55 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 56 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item> 57 </el-form-item>
...@@ -66,10 +65,10 @@ ...@@ -66,10 +65,10 @@
66 </el-col> 65 </el-col>
67 <el-col :span="8"> 66 <el-col :span="8">
68 <el-form-item label="登记类型："> 67 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 68 <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"> 69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option> 70 </el-option>
72 </el-select> 71 </el-select>
73 </el-form-item> 72 </el-form-item>
74 </el-col> 73 </el-col>
75 <el-col :span="8"> 74 <el-col :span="8">
...@@ -77,82 +76,71 @@ ...@@ -77,82 +76,71 @@
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 76 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item> 77 </el-form-item>
79 </el-col> 78 </el-col>
80 <el-col :span="8"> 79 <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
81 <el-form-item label="土地使用权人："> 80 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 81 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item> 82 </el-form-item>
84 </el-col> 83 </el-col>
85 <el-col :span="8"> 84 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
86 <el-form-item label="独用土地面积："> 85 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> 86 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item> 87 </el-form-item>
89 </el-col> 88 </el-col>
90 <el-col :span="8"> 89 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
91 <el-form-item label="分摊土地面积："> 90 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> 91 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item> 92 </el-form-item>
94 </el-col> 93 </el-col>
95 <el-col :span="8"> 94 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
96 <el-form-item label="土地用途："> 95 <el-form-item label="土地性质：" style="margin-bottom:3px">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 96 <treeselect v-model="ruleForm.fdcq2.jedw" placeholder=""
98 </el-form-item> 97 :normalizer="normalizer"
99 </el-col> 98 :show-count="true" :options="dictData['A45']" />
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> 99 </el-form-item>
114 </el-col> 100 </el-col>
115 <el-col :span="8"> 101 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
116 <el-form-item label="房地产交易价格："> 102 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> 103 <div style="display:flex">
118 <el-select v-model="ruleForm.fdcq2.jedw"> 104 <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input>
105 <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"> 106 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option> 107 </el-option>
121 </el-select> 108 </el-select>
109 </div>
122 </el-form-item> 110 </el-form-item>
123 </el-col> 111 </el-col>
124 <el-col :span="8"> 112 <el-col :span="8">
125 <el-form-item label="规划用途："> 113 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt"> 114 <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"> 115 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option> 116 </el-option>
129 </el-select> 117 </el-select>
130 </el-form-item> 118 </el-form-item>
131 </el-col> 119 </el-col>
132 <el-col :span="8"> 120 <el-col :span="8">
133 <el-form-item label="批准用途："> 121 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> 122 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item> 123 </el-form-item>
136 </el-col> 124 </el-col>
137 <el-col :span="8"> 125 <el-col :span="8">
138 <el-form-item label="实际用途："> 126 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> 127 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item> 128 </el-form-item>
141 </el-col> 129 </el-col>
142 <el-col :span="8"> 130 <el-col :span="8">
143 <el-form-item label="房屋性质："> 131 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz"> 132 <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"> 133 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option> 134 </el-option>
147 </el-select> 135 </el-select>
148 </el-form-item> 136 </el-form-item>
149 </el-col> 137 </el-col>
150 <el-col :span="8"> 138 <el-col :span="8">
151 <el-form-item label="房屋结构："> 139 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg"> 140 <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"> 141 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option> 142 </el-option>
155 </el-select> 143 </el-select>
156 </el-form-item> 144 </el-form-item>
157 </el-col> 145 </el-col>
158 <el-col :span="8"> 146 <el-col :span="8">
...@@ -175,7 +163,7 @@ ...@@ -175,7 +163,7 @@
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 163 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item> 164 </el-form-item>
177 </el-col> 165 </el-col>
178 <el-col :span="8"> 166 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
179 <el-form-item label="分摊建筑面积："> 167 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 168 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item> 169 </el-form-item>
...@@ -184,7 +172,7 @@ ...@@ -184,7 +172,7 @@
184 <el-form-item label="竣工时间："> 172 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 173 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item> 174 </el-form-item>
187 </el-col> 175 </el-col> -->
188 176
189 <el-col :span="8"> 177 <el-col :span="8">
190 <el-form-item label="不动产权证号："> 178 <el-form-item label="不动产权证号：">
...@@ -212,30 +200,14 @@ ...@@ -212,30 +200,14 @@
212 </el-form-item> 200 </el-form-item>
213 </el-col> 201 </el-col>
214 </el-row> 202 </el-row>
215 <el-row> 203 <!-- <el-row>
216 <el-col :span="24"> 204 <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="附记："> 205 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 206 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item> 207 </el-form-item>
227 </el-col> 208 </el-col>
228 </el-row> 209 </el-row> -->
229 <div class="slxx_title title-block"> 210
230 土地用途
231 <div class="triangle"></div>
232 </div>
233 <tdytTable
234 :tableData="ruleForm.tdxxList"
235 @upDateQlrxxList="upDateQlrxxList"
236 :viewtype="$route.query.viewtype"
237 :gyfs="ruleForm.qlxx.gyfs"
238 />
239 <div class="slxx_title title-block"> 211 <div class="slxx_title title-block">
240 权利人信息 212 权利人信息
241 <div class="triangle"></div> 213 <div class="triangle"></div>
...@@ -245,8 +217,7 @@ ...@@ -245,8 +217,7 @@
245 <el-form-item label="共有方式："> 217 <el-form-item label="共有方式：">
246 <el-radio-group 218 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 219 :disabled="$route.query.viewtype == 0"
248 v-model="ruleForm.qlxx.gyqk" 220 v-model="ruleForm.qlxx.gyqk">
249 >
250 <el-radio label="0">单独所有</el-radio> 221 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 222 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 223 <el-radio label="2">按份所有</el-radio>
...@@ -272,12 +243,11 @@ ...@@ -272,12 +243,11 @@
272 </el-col> 243 </el-col>
273 </el-row> 244 </el-row>
274 <qlrCommonTable 245 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 246 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 247 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 248 :key="key"
278 :viewtype="$route.query.viewtype" 249 :viewtype="$route.query.viewtype"
279 :gyfs="ruleForm.qlxx.gyfs" 250 :gyfs="ruleForm.qlxx.gyfs" />
280 />
281 251
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 252 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
283 <div class="slxx_title title-block"> 253 <div class="slxx_title title-block">
...@@ -289,8 +259,7 @@ ...@@ -289,8 +259,7 @@
289 :tableData="ruleForm.ywrList" 259 :tableData="ruleForm.ywrList"
290 :key="key" 260 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 261 @upDateQlrxxList="upDateYwrxxList"
292 :viewtype="$route.query.viewtype" 262 :viewtype="$route.query.viewtype" />
293 />
294 </div> 263 </div>
295 </div> 264 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 265 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
...@@ -303,8 +272,7 @@ ...@@ -303,8 +272,7 @@
303 </template> 272 </template>
304 <script> 273 <script>
305 import { mapGetters } from "vuex"; 274 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 275 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 277 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 278 export default {
...@@ -332,26 +300,27 @@ export default { ...@@ -332,26 +300,27 @@ export default {
332 mounted() {}, 300 mounted() {},
333 methods: { 301 methods: {
334 loadData() { 302 loadData() {
303 console.log("预告登记",this.propsParam);
335 init(this.propsParam.bsmRepair).then((res) => { 304 init(this.propsParam.bsmRepair).then((res) => {
336 if (res.code == 200) { 305 if (res.code == 200) {
337
338 this.ruleForm = res.result; 306 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 307 console.log("this.ruleForm",this.ruleForm);
340 this.isShow = true; 308 this.isShow = true;
341 // this.tableData = res.result;
342 // if (this.tableData.length < datas.columns().emptycolNum) {
343 // this.emptycolNum =
344 // datas.columns().emptycolNum - this.tableData.length;
345 // } else {
346 // this.emptycolNum = 0;
347 // }
348 } 309 }
349 }); 310 });
350 }, 311 },
312 // 更新土地用途信息
313 upDateTdytxxList(val) {
314 console.log("VAL",val);
315 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
316 this.key++;
317 },
351 // 更新权利人信息 318 // 更新权利人信息
352 upDateQlrxxList(val) { 319 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 320 console.log("val",val);
354 this.czrOptions = this.ruleForm.qlrList; 321 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
322 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
323 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 324 this.key++;
356 }, 325 },
357 // 更新义务人信息 326 // 更新义务人信息
...@@ -360,7 +329,8 @@ export default { ...@@ -360,7 +329,8 @@ export default {
360 this.key++; 329 this.key++;
361 }, 330 },
362 onSubmit() { 331 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 332 console.log("this.ruleForm大信息",this.ruleForm);
333 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 334 this.$message({
365 showClose: true, 335 showClose: true,
366 message: "请确认权利人信息", 336 message: "请确认权利人信息",
...@@ -370,7 +340,7 @@ export default { ...@@ -370,7 +340,7 @@ export default {
370 } 340 }
371 341
372 if (this.ruleForm.qlxx.gyfs == "0") { 342 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 343 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 344 this.$message({
375 showClose: true, 345 showClose: true,
376 message: "共有方式：单独所有，权利人只能是一个人", 346 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -378,17 +348,17 @@ export default { ...@@ -378,17 +348,17 @@ export default {
378 }); 348 });
379 return false; 349 return false;
380 } 350 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 351 this.ruleForm.qlrData[0].sfczr = "1";
382 } 352 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 353 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 354 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 355 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 356 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 357 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 358 item.sfczr = "1";
389 }); 359 });
390 } else { 360 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 361 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 362 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 363 item.sfczr = "1";
394 } else { 364 } else {
...@@ -397,7 +367,7 @@ export default { ...@@ -397,7 +367,7 @@ export default {
397 }); 367 });
398 } 368 }
399 } 369 }
400 saveData(this.ruleForm).then((res) => { 370 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 371 if (res.code === 200) {
402 this.$message({ 372 this.$message({
403 showClose: true, 373 showClose: true,
......
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 console.log("进去新增材料弹框");
52 this.myValue = val;
53 },
54 },
55 methods: {
56 closeDialog () {
57 this.$emit("input", false);
58 this.ruleForm = {
59 cllx: "",
60 clmc: "",
61 }
62 },
63 handleSubmit () {
64 this.$parent.addSave(this.ruleForm);
65 this.ruleForm = {
66 cllx: "",
67 clmc: "",
68 }
69 this.$emit("input", false);
70 },
71 },
72 };
73 </script>
74 <style scoped lang="scss">
75 .submit-button {
76 text-align: center;
77 height: 52px;
78 padding-top: 10px;
79 background-color: #fff;
80 }
81 </style>
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 :visible.sync="dialogVisible" 11 :visible.sync="dialogVisible"
12 custom-class="insetDialog" 12 custom-class="insetDialog"
13 append-to-body 13 append-to-body
14 width="60%" 14 width="31%"
15 > 15 >
16 <!-- <el-radio-group v-model="radio"> 16 <!-- <el-radio-group v-model="radio">
17 <el-radio-button 17 <el-radio-button
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 </el-radio-group> --> 23 </el-radio-group> -->
24 <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" 24 <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata"
25 :key="key" 25 :key="key"
26 :label="value" @click="clicksss(key)" plain>确定{{value}}</el-button> 26 :label="value" @click="clicksss(key)" plain>{{value}}</el-button>
27 <div class="btn"> 27 <div class="btn">
28 <el-button type="primary" @click="handleSubmit">确定</el-button> 28 <el-button type="primary" @click="handleSubmit">确定</el-button>
29 <el-button type="primary" @click="closeDialog">取消</el-button> 29 <el-button type="primary" @click="closeDialog">取消</el-button>
...@@ -48,13 +48,12 @@ export default { ...@@ -48,13 +48,12 @@ export default {
48 }, 48 },
49 49
50 clicksss(el){ 50 clicksss(el){
51 console.log("el",el); 51 this.qllx=el
52 this.qllx=el
53 }, 52 },
54 handleSubmit() { 53 handleSubmit() {
55 54
56 if(this.qllx){ 55 if(this.qllx){
57 let qllxobj = { 56 let qllxobj = {
58 qllx:this.qllx, 57 qllx:this.qllx,
59 bsmQlxx:"" 58 bsmQlxx:""
60 }; 59 };
...@@ -72,19 +71,22 @@ export default { ...@@ -72,19 +71,22 @@ export default {
72 }; 71 };
73 </script> 72 </script>
74 <style scoped lang="scss"> 73 <style scoped lang="scss">
74 @import '~@/styles/public.scss';
75 .qllxdialog { 75 .qllxdialog {
76 margin-top: 200px; 76 margin-top: 160px;
77 /deep/.el-dialog__body { 77 /deep/.el-dialog__body {
78 margin-top: 10px; 78 margin-top: 10px;
79 // height: 100px; 79 // height: 100px;
80 padding: 30px; 80 padding: 20px;
81 } 81 }
82 .gettypebutton{ 82 .gettypebutton{
83 cursor: pointer; 83 cursor: pointer;
84 margin-left: 20px;
85 width: 45%;
84 line-height: 20px; 86 line-height: 20px;
85 background-color: #ebebeb; 87 background-color: #ebebeb;
86 margin-top: 10px; 88 margin-top: 20px;
87 padding-left: 10px; 89 padding-left: 20px;
88 border-radius: 2px; 90 border-radius: 2px;
89 -webkit-box-sizing: border-box; 91 -webkit-box-sizing: border-box;
90 box-sizing: border-box; 92 box-sizing: border-box;
...@@ -103,7 +105,7 @@ export default { ...@@ -103,7 +105,7 @@ export default {
103 color: #ebebeb; 105 color: #ebebeb;
104 } 106 }
105 .btn{ 107 .btn{
106 margin:30px; 108 margin-top:30px;
107 text-align: center; 109 text-align: center;
108 .el-button { 110 .el-button {
109 margin-top: 10px; 111 margin-top: 10px;
......
1 <!--
2 * @Description : 地役权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-08 08:46:10
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getDiyiqList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "地役权登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().DYIQ,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getDiyiqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 },
97 getQsztName (code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
106 },
107 // 编辑
108 editDialog(row){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定',
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 // })
132
133 },
134 // 删除
135 deleteDialog(row){
136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
137 confirmButtonText: '确定',
138 cancelButtonText: '取消',
139 type: 'warning'
140 }).then(() => {
141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
142 // deleteClmx(bsmClmx).then(res => {
143 // if (res.code == 200) {
144 // that.$emit('updateList', res.result)
145 // that.$message({
146 // message: '删除成功!',
147 // type: 'success'
148 // })
149 // }
150 // })
151 this.$message({
152 type: 'success',
153 message: '删除成功!'
154 });
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 });
160 });
161
162 }
163 },
164 };
165 </script>
166
167 <style lang="scss" scoped>
168 @import "./qlxxCommon.scss";
169 </style>
1 <template>
2 <div class="djbfm">
3 <br /><br />
4 <p>
5 <font>{{ info.sheng }}</font>
6 省 (区、市)
7 <font>{{ info.shi }}</font>
8 市 (区)
9 <font>{{ info.xian }}</font>
10 区 (县、市)
11 </p>
12 <p>
13 <font>{{ info.jdh }}</font>
14 街道 (乡、镇)
15 <font>{{ info.jfh }}</font>
16 街坊 (村)
17 <font>{{ info.zh }}</font>
18 组
19 </p>
20 <div class="title">不动产登记簿</div>
21 <br />
22 <p>
23 宗地/宗海号:
24 <font>{{ info.zddm }}</font>
25 </p>
26 <div class="bottom">
27 <p>
28 登记机构:
29 <font>{{ info.djjg }}</font>
30 </p>
31 </div>
32 </div>
33 </template>
34
35 <script>
36 import { getDjbfm } from "@/api/registerBook.js";
37
38 export default {
39 data () {
40 return {
41 //传递参数
42 propsParam: this.$attrs,
43 info: {},
44 };
45 },
46 mounted () {
47 this.loadData();
48 },
49 methods: {
50 loadData () {
51 getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
52 if (res.code === 200) {
53 this.info = res.result;
54 }
55 });
56 },
57 },
58 };
59 </script>
60
61 <style lang="scss" scoped>
62 .djbfm {
63 width: 100%;
64 height: 100%;
65 background: #fff;
66 border-right: 1px solid #ccc;
67 line-height: 45px;
68 text-align: center;
69 font-size: 18px;
70 font-family: serif;
71 position: relative;
72
73 font {
74 border-bottom: 1px solid #000;
75 display: inline-block;
76 padding: 0 15px;
77 line-height: 16px;
78 }
79
80 .title {
81 height: 40%;
82 display: flex;
83 font-size: 38px;
84 color: #000;
85 justify-content: center;
86 align-items: center;
87 }
88
89 .bottom {
90 position: absolute;
91 bottom: 0px;
92 text-align: center;
93 width: 100%;
94 left: 0;
95 height: 100px;
96 line-height: 100px;
97
98 p {
99 font-size: 28px;
100 }
101
102 font {
103 font-size: 24px;
104 line-height: 24px;
105 }
106 }
107 }
108 </style>
1 <!--
2 * @Description : 房地产权1
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-16 10:23:27
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
33 </div>
34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
35 正在办理
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
38 有效
39 </div>
40 <span v-if="item.prop == 'qszt'">
41 {{ getQsztName(row[item.prop]) }}
42 </span>
43
44 <span v-else> {{ row[item.prop] }}</span>
45 </td>
46 <td v-for="count in emptycolNum" :key="~count"></td>
47 </tr>
48 </table>
49 </div>
50 </div>
51 </div>
52 </template>
53
54 <script>
55 import { getJsydsyqList } from "@/api/registerBook.js";
56 import { datas } from "./qlxxFormData.js";
57 export default {
58 data () {
59 return {
60 title: "建设用地使用权、宅基地使用权登记信息",
61 qsztList: datas.columns().qsztList,
62 checkList: datas.columns().checkList,
63 //传递参数
64 propsParam: this.$attrs,
65 //列表数据
66 tableData: [],
67 //空列值个数
68 emptycolNum: datas.columns().emptycolNum,
69 //列名称对象
70 columns: datas.columns().JSYDSYQ,
71 };
72 },
73 created () {
74 this.loadData();
75 },
76 methods: {
77 loadData () {
78 getJsydsyqList({
79 bdcdyid: this.propsParam.bdcdyid,
80 qllx: this.propsParam.qllx,
81 qszt: this.checkList,
82 }).then((res) => {
83 if (res.code === 200) {
84 this.tableData = res.result;
85 if (this.tableData.length < datas.columns().emptycolNum) {
86 this.emptycolNum =
87 datas.columns().emptycolNum - this.tableData.length;
88 } else {
89 this.emptycolNum = 0;
90 }
91 }
92 });
93 },
94 checkChange () {
95 if (this.checkList.length === 0) {
96 this.tableData = [];
97 this.emptycolNum = datas.columns().emptycolNum;
98 } else {
99 this.loadData();
100 }
101 },
102 getQsztName (code) {
103 let name = "";
104 for (let item of this.qsztList) {
105 if (item.value == code) {
106 name = item.label;
107 break;
108 }
109 }
110 return name;
111 },
112 // 编辑
113 editDialog(row){
114 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
115 // confirmButtonText: '确定',
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 // })
136
137 },
138 // 删除
139 deleteDialog(row){
140 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
141 confirmButtonText: '确定',
142 cancelButtonText: '取消',
143 type: 'warning'
144 }).then(() => {
145 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
146 // deleteClmx(bsmClmx).then(res => {
147 // if (res.code == 200) {
148 // that.$emit('updateList', res.result)
149 // that.$message({
150 // message: '删除成功!',
151 // type: 'success'
152 // })
153 // }
154 // })
155 this.$message({
156 type: 'success',
157 message: '删除成功!'
158 });
159 }).catch(() => {
160 this.$message({
161 type: 'info',
162 message: '已取消删除'
163 });
164 });
165
166 }
167 },
168 };
169 </script>
170
171 <style lang="scss" scoped>
172 @import "./qlxxCommon.scss";
173 </style>
1 <!--
2 * @Description : 房地产权2
3 * @Autor : miaofang
4 * @LastEditTime: 2023-06-20 09:59:18
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'&&item.sjlx !='系统数据'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getFdcq2List } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "房地产权登记信息（独幢、层、套、间房屋）",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().FDCQ2,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getFdcq2List({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 },
97 getQsztName (code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
106 },
107
108 // 编辑
109 editDialog (row) {
110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
111 confirmButtonText: '确定',
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 // })
133
134 },
135 // 删除
136 deleteDialog (row) {
137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
138 confirmButtonText: '确定',
139 cancelButtonText: '取消',
140 type: 'warning'
141 }).then(() => {
142 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
143 // deleteClmx(bsmClmx).then(res => {
144 // if (res.code == 200) {
145 // that.$emit('updateList', res.result)
146 // that.$message({
147 // message: '删除成功!',
148 // type: 'success'
149 // })
150 // }
151 // })
152 this.$message({
153 type: 'success',
154 message: '删除成功!'
155 });
156 }).catch(() => {
157 this.$message({
158 type: 'info',
159 message: '已取消删除'
160 });
161 });
162
163 }
164
165 },
166 };
167 </script>
168
169 <style lang="scss" scoped>
170 @import "./qlxxCommon.scss";
171 </style>
1 <!--
2 * @Description :国有建设用地使用权
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-16 10:23:54
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
29 ]"
30 >
31 <div class="setbut" v-if="item.prop == 'cz'">
32 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
33 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
34 </div>
35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
36 正在办理
37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
39 有效
40 </div>
41 <span v-if="item.prop == 'qszt'">
42 {{ getQsztName(row[item.prop]) }}
43 </span>
44
45 <span v-else> {{ row[item.prop] }}</span>
46 </td>
47 <td v-for="count in emptycolNum" :key="~count"></td>
48 </tr>
49 </table>
50 </div>
51 </div>
52 </div>
53 </template>
54
55 <script>
56 import { getJsydsyqList } from "@/api/registerBook.js";
57 import { datas } from "./qlxxFormData.js";
58
59 export default {
60 data () {
61 return {
62 title: "建设用地使用权、宅基地使用权登记信息",
63 qsztList: datas.columns().qsztList,
64 checkList: datas.columns().checkList,
65 //传递参数
66 propsParam: this.$attrs,
67 //列表数据
68 tableData: [],
69 //空列值个数
70 emptycolNum: datas.columns().emptycolNum,
71 //列名称对象
72 columns: datas.columns().JSYDSYQ,
73 };
74 },
75 created () {
76 this.loadData();
77 },
78 methods: {
79 loadData () {
80 console.log(" this.propsParam", this.propsParam);
81 getJsydsyqList({
82 bdcdyid: this.propsParam.bdcdyid,
83 qllx: this.propsParam.qllx,
84 qszt: this.checkList,
85 }).then((res) => {
86 if (res.code === 200) {
87 this.tableData = res.result;
88 if (this.tableData.length < datas.columns().emptycolNum) {
89 this.emptycolNum =
90 datas.columns().emptycolNum - this.tableData.length;
91 } else {
92 this.emptycolNum = 0;
93 }
94 }
95 });
96
97 },
98 checkChange () {
99 if (this.checkList.length === 0) {
100 this.tableData = [];
101 this.emptycolNum = datas.columns().emptycolNum;
102 } else {
103 this.loadData();
104 }
105 },
106 getQsztName (code) {
107 let name = "";
108 for (let item of this.qsztList) {
109 if (item.value == code) {
110 name = item.label;
111 break;
112 }
113 }
114 return name;
115 },
116 // 编辑
117 editDialog(row){
118 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 // confirmButtonText: '确定',
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 // })
141
142 },
143 // 删除
144 deleteDialog(row){
145 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
146 confirmButtonText: '确定',
147 cancelButtonText: '取消',
148 type: 'warning'
149 }).then(() => {
150 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
151 // deleteClmx(bsmClmx).then(res => {
152 // if (res.code == 200) {
153 // that.$emit('updateList', res.result)
154 // that.$message({
155 // message: '删除成功!',
156 // type: 'success'
157 // })
158 // }
159 // })
160 this.$message({
161 type: 'success',
162 message: '删除成功!'
163 });
164 }).catch(() => {
165 this.$message({
166 type: 'info',
167 message: '已取消删除'
168 });
169 });
170
171 }
172 },
173 };
174 </script>
175
176 <style lang="scss" scoped>
177 @import "./qlxxCommon.scss";
178 </style>
1 <!--
2 * @Description :用地
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:43:11
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
33 </div>
34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
35 正在办理
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
38 有效
39 </div>
40 <span v-if="item.prop == 'qszt'">
41 {{ getQsztName(row[item.prop]) }}
42 </span>
43
44 <span v-else> {{ row[item.prop] }}</span>
45 </td>
46 <td v-for="count in emptycolNum" :key="~count"></td>
47 </tr>
48 </table>
49
50 <table class="xxTable rollTable">
51 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
52 <td>
53 {{ item.label }}
54 </td>
55 <td v-for="(row, index) in tableData" :key="index" :class="[
56 row.qszt == '2' ? 'lishi' : '',
57 row.qszt == '0' ? 'linshi' : '',
58 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
59 ]">
60 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
61 正在办理
62 </div>
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66
67 <span v-else> {{ row[item.prop] }}</span>
68 </td>
69 <td v-for="count in emptycolNum" :key="~count"></td>
70 </tr>
71 </table>
72 </div>
73 </div>
74 </div>
75 </template>
76
77 <script>
78 import { getNydsyqList } from "@/api/registerBook.js";
79 import { datas } from "./qlxxFormData.js";
80 export default {
81 data () {
82 return {
83 title: "农用地使用权登记信息",
84 qsztList: datas.columns().qsztList,
85 checkList: datas.columns().checkList,
86 //传递参数
87 propsParam: this.$attrs,
88 //列表数据
89 tableData: [],
90 //空列值个数
91 emptycolNum: datas.columns().emptycolNum,
92 //列名称对象
93 columns: datas.columns().NYDSYQ,
94 };
95 },
96 created () {
97 var qllx = this.$route.query.sqywbm.substr(0, 3)
98 if (qllx == 'A09') {
99 this.title = '土地经营权登记信息'
100 } else {
101 this.title = '农用地使用权登记信息'
102 }
103 this.loadData();
104 },
105 methods: {
106 loadData () {
107 getNydsyqList({
108 bdcdyid: this.propsParam.bdcdyid,
109 qllx: this.propsParam.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 if (this.tableData.length < datas.columns().emptycolNum) {
115 this.emptycolNum =
116 datas.columns().emptycolNum - this.tableData.length;
117 } else {
118 this.emptycolNum = 0;
119 }
120 }
121 });
122 },
123 checkChange () {
124 if (this.checkList.length === 0) {
125 this.tableData = [];
126 this.emptycolNum = datas.columns().emptycolNum;
127 } else {
128 this.loadData();
129 }
130 },
131 getQsztName (code) {
132 let name = "";
133 for (let item of this.qsztList) {
134 if (item.value == code) {
135 name = item.label;
136 break;
137 }
138 }
139 return name;
140 },
141 // 编辑
142 editDialog(row){
143 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
144 confirmButtonText: '确定',
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 // })
166
167 },
168 // 删除
169 deleteDialog(row){
170 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
171 confirmButtonText: '确定',
172 cancelButtonText: '取消',
173 type: 'warning'
174 }).then(() => {
175 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
176 // deleteClmx(bsmClmx).then(res => {
177 // if (res.code == 200) {
178 // that.$emit('updateList', res.result)
179 // that.$message({
180 // message: '删除成功!',
181 // type: 'success'
182 // })
183 // }
184 // })
185 this.$message({
186 type: 'success',
187 message: '删除成功!'
188 });
189 }).catch(() => {
190 this.$message({
191 type: 'info',
192 message: '已取消删除'
193 });
194 });
195
196 }
197 },
198 };
199 </script>
200
201 <style lang="scss" scoped>
202 @import "./qlxxCommon.scss";
203 </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>
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
95 let that = this 95 let that = this
96 this.$startLoading() 96 this.$startLoading()
97 var formdata = new FormData(); 97 var formdata = new FormData();
98 formdata.append("bsmBusiness", this.propsParam.bsmBusiness); 98 formdata.append("bsmBusiness", this.propsParam.bsmRepair);
99 formdata.append("bestepid", this.$route.query.bestepid); 99 formdata.append("bestepid", this.$route.query.bestepid);
100 formdata.append("ableOperation", this.ableOperation) 100 formdata.append("ableOperation", this.ableOperation)
101 getSpyjList(formdata).then((res) => { 101 getSpyjList(formdata).then((res) => {
......
1 <!--
2 * @Description :预告登记
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-15 13:50:25
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getYgdjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "预告登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().YGDJ,
66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getYgdjList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 },
97 getQsztName (code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
106 },
107 // 编辑
108 editDialog(row){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定',
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 // })
132
133 },
134 // 删除
135 deleteDialog(row){
136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
137 confirmButtonText: '确定',
138 cancelButtonText: '取消',
139 type: 'warning'
140 }).then(() => {
141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
142 // deleteClmx(bsmClmx).then(res => {
143 // if (res.code == 200) {
144 // that.$emit('updateList', res.result)
145 // that.$message({
146 // message: '删除成功!',
147 // type: 'success'
148 // })
149 // }
150 // })
151 this.$message({
152 type: 'success',
153 message: '删除成功!'
154 });
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 });
160 });
161
162 }
163 },
164 };
165 </script>
166
167 <style lang="scss" scoped>
168 @import "./qlxxCommon.scss";
169 </style>
1 <!--
2 * @Description :异议登记
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-15 13:50:58
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { getYydjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data () {
54 return {
55 title: "异议登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象
65 columns: datas.columns().YYDJ,
66 };
67 },
68 created () {
69 console.log("异议登记");
70 this.loadData();
71 },
72 methods: {
73 loadData () {
74 getYydjList({
75 bdcdyid: this.propsParam.bdcdyid,
76 qllx: this.propsParam.qllx,
77 qszt: this.checkList,
78 }).then((res) => {
79 if (res.code === 200) {
80 this.tableData = res.result;
81 if (this.tableData.length < datas.columns().emptycolNum) {
82 this.emptycolNum =
83 datas.columns().emptycolNum - this.tableData.length;
84 } else {
85 this.emptycolNum = 0;
86 }
87 }
88 });
89 },
90 checkChange () {
91 if (this.checkList.length === 0) {
92 this.tableData = [];
93 this.emptycolNum = datas.columns().emptycolNum;
94 } else {
95 this.loadData();
96 }
97 },
98 getQsztName (code) {
99 let name = "";
100 for (let item of this.qsztList) {
101 if (item.value == code) {
102 name = item.label;
103 break;
104 }
105 }
106 return name;
107 },
108 // 编辑
109 editDialog(row){
110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
111 confirmButtonText: '确定',
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 // })
133
134 },
135 // 删除
136 deleteDialog(row){
137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
138 confirmButtonText: '确定',
139 cancelButtonText: '取消',
140 type: 'warning'
141 }).then(() => {
142 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
143 // deleteClmx(bsmClmx).then(res => {
144 // if (res.code == 200) {
145 // that.$emit('updateList', res.result)
146 // that.$message({
147 // message: '删除成功!',
148 // type: 'success'
149 // })
150 // }
151 // })
152 this.$message({
153 type: 'success',
154 message: '删除成功!'
155 });
156 }).catch(() => {
157 this.$message({
158 type: 'info',
159 message: '已取消删除'
160 });
161 });
162
163 }
164 },
165 };
166 </script>
167
168 <style lang="scss" scoped>
169 @import "./qlxxCommon.scss";
170 </style>
1 <!--
2 * @Description :宗地基本信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-15 13:57:20
5 -->
6 <template>
7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss">
9 <tr>
10 <th colspan="5" class="title">宗地基本信息</th>
11 </tr>
12 <tr>
13 <td>单位</td>
14 <td colspan="4">{{ zdjbxx.mjdw | dictionary('A7') }}</td>
15 </tr>
16 <tr>
17 <td>不动产类型</td>
18 <td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td>
19 </tr>
20 <tr>
21 <td>坐落</td>
22 <td colspan="4">{{ zdjbxx.zl }}</td>
23 </tr>
24 <tr>
25 <td rowspan="8">土地状况</td>
26 </tr>
27 <tr>
28 <td style="width:15%">宗地面积</td>
29 <td style="width:30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width:15%">用途</td>
31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td>
32 </tr>
33 <tr>
34 <td>等级</td>
35 <td>{{ zdjbxx.djmc }}</td>
36 <td>价格</td>
37 <td>{{ zdjbxx.jg }}</td>
38 </tr>
39 <tr>
40 <td>权利类型</td>
41 <td>{{ zdjbxx.qllxmc }}</td>
42 <td>权利性质</td>
43 <td>{{ zdjbxx.qlxzmc }}</td>
44 </tr>
45 <tr>
46 <td>权利设定方式</td>
47 <td>{{zdjbxx.qlsdfs | dictionary('A10')}}</td>
48 <td>容积率</td>
49 <td>{{ zdjbxx.rjl }}</td>
50 </tr>
51 <tr>
52 <td>建筑密度</td>
53 <td>{{ zdjbxx.jzmd }}</td>
54 <td>建筑限高</td>
55 <td>{{ zdjbxx.jzxg }}</td>
56 </tr>
57 <tr>
58 <td>图幅号</td>
59 <td>{{ zdjbxx.tfh }}</td>
60 <td>地籍号</td>
61 <td>{{ zdjbxx.djh }}</td>
62 </tr>
63 <tr>
64 <td>档案号</td>
65 <td>{{ zdjbxx.dah }}</td>
66 <td>地块代码</td>
67 <td>{{ zdjbxx.dkdm }}</td>
68 </tr>
69 <tr>
70 <td rowspan="5">宗地四至</td>
71 </tr>
72
73 <tr>
74 <td>东</td>
75 <td colspan="3">{{ zdjbxx.zdszd }}</td>
76 </tr>
77 <tr>
78 <td>南</td>
79 <td colspan="3">{{ zdjbxx.zdszn }}</td>
80 </tr>
81 <tr>
82 <td>西</td>
83 <td colspan="3">{{ zdjbxx.zdszx }}</td>
84 </tr>
85 <tr>
86 <td>北</td>
87 <td colspan="3">{{ zdjbxx.zdszb }}</td>
88 </tr>
89 <tr>
90 <td>登记时间</td>
91 <td colspan="2">{{ zdjbxx.bz }}</td>
92 <td>登簿人</td>
93 <td>{{ zdjbxx.bz }}</td>
94 </tr>
95
96 <tr>
97 <td>附记</td>
98 <td colspan="4">{{ zdjbxx.fj }}</td>
99 </tr>
100 <!-- <tr>
101 <td>状态</td>
102 <td colspan="2">{{ zdjbxx.zt }}</td>
103 <td>区县代码</td>
104 <td>{{ zdjbxx.qxdm }}</td>
105 </tr> -->
106 <tr v-if="showGroup">
107 <td rowspan="4">变化情况</td>
108
109 <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
110 <tr v-for="(item, index) in bhqkColumns" :key="index">
111 <td class="bhqkTh">{{ item.label }}</td>
112 </tr>
113 </table> -->
114
115 </tr>
116
117 <tr v-if="showGroup">
118 <td>变化原因</td>
119 <td>变化内容</td>
120 <td>登记时间</td>
121 <td>登簿人</td>
122 </tr>
123 <!-- <tr >
124 <td>{{ zdbhqks[0].bhyy }}</td>
125 <td>{{ zdbhqks[0].bhnr }}</td>
126 <td>{{ zdbhqks[0].djsj }}</td>
127 <td>{{ zdbhqks[0].dbr }}</td>
128 </tr> -->
129
130 </table>
131 </div>
132 </template>
133
134 <script>
135 import store from '@/store/index.js'
136 import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
137
138 export default {
139 data () {
140 return {
141 bhqkColumns: [
142 {
143 prop: "ssywh",
144 label: "上手业务号",
145 },
146 {
147 prop: "zddm",
148 label: "宗地代码",
149 },
150 {
151 prop: "bhqzddm",
152 label: "变化前宗地代码",
153 },
154 {
155 prop: "bhnr",
156 label: "变化内容",
157 },
158 {
159 prop: "bhyy",
160 label: "变化原因",
161 },
162 {
163 prop: "djsj",
164 label: "登记时间",
165 },
166 {
167 prop: "dbr",
168 label: "登簿人",
169 },
170 {
171 prop: "fj",
172 label: "附记",
173 },
174 ],
175 bhqkTableWidth: 745,
176 zdjbxx: {},
177 zdbhqks: [],
178 propsParam: this.$attrs,
179 showGroup: false,
180 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"]
181 }
182 },
183 filters: {
184 dictionary: function (value, param) {
185 const foundItem = store.getters.dictData[param].find(item => item.dcode === String(value))
186 if (foundItem) {
187 return foundItem.dname
188 }
189 }
190 },
191 created () {
192 this.loadData()
193 },
194 methods: {
195 loadData () {
196 console.log("this.$attrs", this.$attrs);
197 console.log("this.propsParam", this.propsParam);
198 if (this.propsParam.bsmSldy) {
199 console.log("宗地基本信息");
200 } else {
201 console.log("登记簿里宗地基本信息");
202 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
203 if (res.code === 200) {
204 this.zdjbxx = res.result.zdjbxx;
205 this.zdbhqks = res.result.zdbhqkList;
206 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
207 this.showGroup = true;
208 }
209 }
210 })
211 }
212
213 }
214 }
215 }
216 </script>
217 <style lang="scss" scoped>
218 @import "~@/styles/tablecss.scss";
219 </style>
...@@ -63,7 +63,7 @@ export function getForm(tabName) { ...@@ -63,7 +63,7 @@ export function getForm(tabName) {
63 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); 63 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
64 break; 64 break;
65 case "clxx": 65 case "clxx":
66 form = require("@/views/djbworkflow/djbBook/clxx.vue"); 66 form = require("@/views/workflow/components/clxx/clxxUnify.vue");
67 break; 67 break;
68 case "spyj": 68 case "spyj":
69 form = require("@/views/djbworkflow/djbBook/spyj.vue"); 69 form = require("@/views/djbworkflow/djbBook/spyj.vue");
......
...@@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; ...@@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
7 import { getPrintTemplateByCode } from "@/api/system"; 7 import { getPrintTemplateByCode } from "@/api/system";
8 import { getPrintApplicationInfo } from "@/api/fqsq"; 8 import { getPrintApplicationInfo } from "@/api/fqsq";
9 import { uploadUndo } from "@/api/clxx"; 9 import { uploadUndo } from "@/api/clxx";
10 import { deleteFlow } from "@/api/ywbl"; 10 import { deleteFlow } from "@/api/djbbl";
11 import { getLodop } from "@/utils/LodopFuncs" 11 import { getLodop } from "@/utils/LodopFuncs"
12 import { 12 import {
13 stepExpandInfo, 13 stepExpandInfo,
...@@ -79,20 +79,16 @@ export default { ...@@ -79,20 +79,16 @@ export default {
79 }) 79 })
80 break; 80 break;
81 case "B2": //材料分屏按钮 81 case "B2": //材料分屏按钮
82 this.splitScreen = this.splitScreen ? false : true; 82
83 this.$store.dispatch("app/set1tScreen", this.splitScreen); 83 this.closefp()
84 if (this.splitScreen) { 84
85 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容 85 // if (this.splitScreen) {
86 if (this.tabName == this.clxxTab.value) { 86 // //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
87 this.tabName = this.tabList[this.clxxIndex - 1].value; 87 // if (this.tabName == this.clxxTab.value) {
88 this.getFromRouter(this.tabList[this.clxxIndex - 1].value); 88 // this.tabName = this.tabList[0].value;
89 } 89 // this.getFromRouter(this.tabList[0].value);
90 //删除材料信息选项卡数据 90 // }
91 this.tabList.splice(this.clxxIndex, 1); 91 // }
92 } else {
93 //新增材料信息选项卡数据
94 this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
95 }
96 break; 92 break;
97 case "B3": //材料导入 93 case "B3": //材料导入
98 document.getElementById("cldr").click(); 94 document.getElementById("cldr").click();
...@@ -246,7 +242,7 @@ export default { ...@@ -246,7 +242,7 @@ export default {
246 type: "warning", 242 type: "warning",
247 }) 243 })
248 .then(() => { 244 .then(() => {
249 deleteFlow(formdata).then((res) => { 245 deleteFlow(this.bsmSlsq).then((res) => {
250 if (res.code === 200) { 246 if (res.code === 200) {
251 this.$message({ 247 this.$message({
252 type: "success", 248 type: "success",
......
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
73 <script> 73 <script>
74 import WorkFlow from "./mixin/index"; 74 import WorkFlow from "./mixin/index";
75 import { getForm } from "./flowform"; 75 import { getForm } from "./flowform";
76 import { getStepFormInfo } from "@/api/fqsq.js" 76 import { getStepFormInfo } from "@/api/fqsq.js";
77 import NoticeBar from "@/components/NoticeBar/index"; 77 import NoticeBar from "@/components/NoticeBar/index";
78 import ProcessViewer from "./components/processViewer.vue"; 78 import ProcessViewer from "./components/processViewer.vue";
79 // 引入左侧菜单 79 // 引入左侧菜单
...@@ -118,12 +118,9 @@ export default { ...@@ -118,12 +118,9 @@ export default {
118 //设置表单传递数据 118 //设置表单传递数据
119 currentSelectProps: {}, 119 currentSelectProps: {},
120 // 首次拿到的业务信息 120 // 首次拿到的业务信息
121 oneSelectProps:{}, 121 oneSelectProps: {},
122 //材料信息选择卡索引 122 //材料信息选择卡索引
123 clxxIndex: "", 123 oneget: true,
124 //材料信息选项卡对象
125 clxxTab: {},
126 oneget:true,
127 //页面监听时间 124 //页面监听时间
128 _beforeUnload_time: "", 125 _beforeUnload_time: "",
129 treedata: {}, 126 treedata: {},
...@@ -132,60 +129,55 @@ export default { ...@@ -132,60 +129,55 @@ export default {
132 }; 129 };
133 }, 130 },
134 mounted() { 131 mounted() {
135 // this.getleftMenubl() 132 // this.getleftMenubl()
136 }, 133 },
137 134
138 methods: { 135 methods: {
139 136 stepForm(qllx) {
140 stepForm (qllx) { 137 this.oneSelectProps.qllx = qllx;
141 this.oneSelectProps.qllx=qllx 138 if (this.$refs.Menu.supplementarylist.length) {
142 if(this.$refs.Menu.supplementarylist.length){ 139 getStepFormInfo(this.oneSelectProps).then((res) => {
143 getStepFormInfo(this.oneSelectProps).then((res) => { 140 this.$nextTick(function () {
144 this.$nextTick(function () { 141 this.tabList = res.result;
145 this.tabList=res.result 142 this.tabName = this.tabList[0].value;
146 this.tabName =this.tabList[0].value; 143 this.getFromRouter(this.tabName);
147 this.getFromRouter(this.tabName)
148 }); 144 });
149 }) 145 });
150 } 146 }
151 }, 147 },
152 // 获取右侧菜单 148 // 获取右侧菜单
153 // getleftMenubl() { 149 // getleftMenubl() {
154 // leftMenubl(this.bsmSlsq).then((res) => { 150 // leftMenubl(this.bsmSlsq).then((res) => {
155 // this.supplementarylist = res.result; 151 // this.supplementarylist = res.result;
156 // }) 152 // })
157 // }, 153 // },
158 getQllxByBdcdyid() { 154 getQllxByBdcdyid() {
159 if(this.currentSelectProps.bdcdyid){ 155 if (this.currentSelectProps.bdcdyid) {
160 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( 156 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
161 (res) => { 157 (res) => {
162 if (res.code === 200) { 158 if (res.code === 200) {
163 this.$refs.qllxlist.qllxlistdata = res.result; 159 this.$refs.qllxlist.qllxlistdata = res.result;
164 this.$refs.qllxlist.dialogVisible = true; 160 this.$refs.qllxlist.dialogVisible = true;
161 }
165 } 162 }
166 } 163 );
167 );
168 } 164 }
169
170 }, 165 },
171 // 获取右侧选项卡 166 // 获取右侧选项卡
172 getCurrentSelectProps(val) { 167 getCurrentSelectProps(val) {
173 if(val.bdcdyid){ 168 if (val.bdcdyid) {
174 this.oneSelectProps = val; 169 this.oneSelectProps = val;
175 } 170 }
176 this.currentSelectProps = val; 171 this.currentSelectProps = val;
177 if (this.currentSelectProps.bsmRepair) { 172 if (this.currentSelectProps.bsmRepair) {
178 this.stepForm (this.currentSelectProps.qllx) 173 this.stepForm(this.currentSelectProps.qllx);
179 } else if(!this.oneget){ 174 } else if (!this.oneget) {
180 this.getdjblist(); 175 this.getdjblist();
181
182 } 176 }
183 if(this.oneget){ 177 if (this.oneget) {
184 this.oneget=false 178 this.oneget = false;
185 this.stepForm (this.currentSelectProps.qllx) 179 this.stepForm(this.currentSelectProps.qllx);
186
187 } 180 }
188
189 }, 181 },
190 // 获取渲染登记簿列表 182 // 获取渲染登记簿列表
191 getdjblist() { 183 getdjblist() {
...@@ -196,22 +188,23 @@ export default { ...@@ -196,22 +188,23 @@ export default {
196 if (res.code === 200) { 188 if (res.code === 200) {
197 this.treedata = loadTreeData(res.result, this.bdcdyh); 189 this.treedata = loadTreeData(res.result, this.bdcdyh);
198 this.$nextTick(function () { 190 this.$nextTick(function () {
199 this.defaultNode = getNode( 191 this.defaultNode = getNode(this.currentSelectProps.qllx, {
200 this.currentSelectProps.qllx, 192 linShi: 0,
201 { linShi: 0, xianShi: 0, liShi: 0 }, 193 xianShi: 0,
202 ); 194 liShi: 0,
195 });
203 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 196 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
204 }); 197 });
205 let settree = JSON.parse(JSON.stringify(this.treedata)); 198 let settree = JSON.parse(JSON.stringify(this.treedata));
206 this.tabdata = [ 199 this.tabdata = [
207 ...settree, 200 ...settree,
208 ...settree[1].children[0].children[0].children, 201 ...settree[1].children[0].children[0].children,
209 ]; 202 ];
210 this.tabdata.forEach((item, index, arr) => { 203 this.tabdata.forEach((item, index, arr) => {
211 arr[index].name = item.label; 204 arr[index].name = item.label;
212 arr[index].value = item.id; 205 arr[index].value = item.id;
213 }); 206 });
214 this.tabList = this.tabdata; 207 this.tabList = this.tabdata;
215 } 208 }
216 }); 209 });
217 }, 210 },
...@@ -221,11 +214,18 @@ export default { ...@@ -221,11 +214,18 @@ export default {
221 }, 214 },
222 //切换选项卡内容组件 215 //切换选项卡内容组件
223 getFromRouter(tabname) { 216 getFromRouter(tabname) {
217 console.log("tabname", tabname);
224 this.componentTag = getForm(tabname); 218 this.componentTag = getForm(tabname);
225 }, 219 },
226 220 closefp() {
221 console.log("点击分屏");
222 this.splitScreen = this.splitScreen ? false : true;
223 this.$store.dispatch("app/set1tScreen", this.splitScreen);
224 this.getFromRouter(this.tabList[0].value);
225 this.clxxForm = getForm(this.tabList[1].value);
226 },
227 // 增加补录记录 227 // 增加补录记录
228 addRepairRecord(row,del) { 228 addRepairRecord(row, del) {
229 let from = { 229 let from = {
230 bsmQlxx: "", 230 bsmQlxx: "",
231 bsmSlsq: this.bsmSlsq, 231 bsmSlsq: this.bsmSlsq,
...@@ -235,33 +235,34 @@ export default { ...@@ -235,33 +235,34 @@ export default {
235 }; 235 };
236 if (row) { 236 if (row) {
237 from.bsmQlxx = row.bsmQlxx; 237 from.bsmQlxx = row.bsmQlxx;
238 if(del){ 238 if (del) {
239 from.operate = del; 239 from.operate = del;
240 }else{ 240 } else {
241 from.operate = row.bsmQlxx ? "U" : "C"; 241 from.operate = row.bsmQlxx ? "U" : "C";
242 } 242 }
243 from.qllx = row.qllx; 243 from.qllx = row.qllx;
244 } 244 }
245 addRepairRecord(from).then((res) => { 245 addRepairRecord(from)
246 if(res.code=='200'){ 246 .then((res) => {
247 this.$refs.qllxlist.dialogVisible = false; 247 if (res.code == "200") {
248 this.$nextTick(() => { 248 this.$refs.qllxlist.dialogVisible = false;
249 this.$refs.Menu.getleftMenubl(res.result); 249 this.$nextTick(() => {
250 this.$message({ 250 this.$refs.Menu.getleftMenubl(res.result);
251 type: "success", 251 this.$message({
252 message: "补录成功!", 252 type: "success",
253 }); 253 message: "补录成功!",
254 }); 254 });
255 }else{ 255 });
256 this.$alert(res.message, '提示', { 256 } else {
257 confirmButtonText: '确定', 257 this.$alert(res.message, "提示", {
258 type: 'warning' 258 confirmButtonText: "确定",
259 type: "warning",
260 });
261 }
262 })
263 .catch((res) => {
264 console.log("错", res);
259 }); 265 });
260 }
261 }).catch((res) => {
262
263 console.log("错",res);
264 });;
265 }, 266 },
266 }, 267 },
267 }; 268 };
......
...@@ -125,6 +125,15 @@ export default { ...@@ -125,6 +125,15 @@ export default {
125 this.initPage(); 125 this.initPage();
126 this.userInfo.redirectUrl = localStorage.getItem("dj-location"); 126 this.userInfo.redirectUrl = localStorage.getItem("dj-location");
127 this.reloadCaptcha() 127 this.reloadCaptcha()
128 let self = this;
129 document.onkeydown = function (e) {
130 //按下回车提交
131 let key = window.event.keyCode;
132 //事件中keycode=13为回车事件
133 if (key == 13) {
134 self.goHome();
135 }
136 };
128 }, 137 },
129 methods: { 138 methods: {
130 // 更新验证码 139 // 更新验证码
......
1 1
2 2
3 var qlxxPage = [ 3 var qlxxPage = [
4 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, 4 { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
5 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, 5 { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, 6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, 7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, 8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
...@@ -52,7 +52,7 @@ export function loadTreeData(qlxxData, bdcdyh) { ...@@ -52,7 +52,7 @@ export function loadTreeData(qlxxData, bdcdyh) {
52 treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx)); 52 treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx));
53 //抵押权 53 //抵押权
54 treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, '')); 54 treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, ''));
55 //地役权 55 //地役权
56 treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, '')); 56 treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, ''));
57 //预告登记 57 //预告登记
58 treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, '')); 58 treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, ''));
......
...@@ -110,8 +110,8 @@ class data extends filter { ...@@ -110,8 +110,8 @@ class data extends filter {
110 label: "土地使用期限", 110 label: "土地使用期限",
111 }, 111 },
112 { 112 {
113 prop: "qdjg", 113 prop: "qdjgmc",
114 label: "取得价格(万元)", 114 label: "取得价格",
115 }, 115 },
116 { 116 {
117 prop: "djyy", 117 prop: "djyy",
...@@ -667,7 +667,7 @@ class data extends filter { ...@@ -667,7 +667,7 @@ class data extends filter {
667 label: "数据类型", 667 label: "数据类型",
668 }, 668 },
669 { 669 {
670 prop: "ygdjzl", 670 prop: "ygdjzlmc",
671 label: "预告登记种类", 671 label: "预告登记种类",
672 }, 672 },
673 { 673 {
......
1 <!--
2 * @Description :抵押权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:56:37
5 -->
6 <template> 1 <template>
7 <div class="djxxTable"> 2 <div class="djxxTable">
8 <div class="tableBox"> 3 <div class="tableBox">
...@@ -15,6 +10,7 @@ ...@@ -15,6 +10,7 @@
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox rollTable"> 12 <div class="xxTableBox rollTable">
13 <!-- 固定前三个 -->
18 <table class="xxTable"> 14 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 15 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td> 16 <td>
...@@ -24,14 +20,18 @@ ...@@ -24,14 +20,18 @@
24 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
27 ]"> 24 ]">
28 <div class="setbut" v-if="item.prop == 'cz'"> 25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> 27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
31 </div> 28 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 30 正在办理
34 </div> 31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
33 有效
34 </div>
35 <span v-if="item.prop == 'qszt'"> 35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 36 {{ getQsztName(row[item.prop]) }}
37 </span> 37 </span>
...@@ -47,71 +47,81 @@ ...@@ -47,71 +47,81 @@
47 </template> 47 </template>
48 48
49 <script> 49 <script>
50 import { getDiyaqList } from "@/api/registerBook.js"; 50 import { datas } from "./qlxxFormData.js";
51 import { datas } from "./qlxxFormData.js"; 51 import { getSjlx } from "@/utils/dictionary.js";
52 export default { 52 import { getTdsyqList } from "@/api/registerBook.js";
53 data () { 53 export default {
54 return { 54 data () {
55 title: "抵押权登记信息", 55 return {
56 qsztList: datas.columns().qsztList, 56 title: "土地所有权信息",
57 checkList: datas.columns().checkList, 57 qsztList: datas.columns().qsztList,
58 //传递参数 58 checkList: datas.columns().checkList,
59 propsParam: this.$attrs, 59 //传递参数
60 //列表数据 60 propsParam: this.$attrs,
61 tableData: [], 61 //列表数据
62 //空列值个数 62 tableData: [],
63 emptycolNum: datas.columns().emptycolNum, 63 //空列值个数
64 //列名称对象 64 emptycolNum: datas.columns().emptycolNum,
65 columns: datas.columns().DYAQ, 65 //列名称对象
66 }; 66 columns: datas.columns().JSYDSYQ,
67 }, 67 };
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getDiyaqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 }, 68 },
89 checkChange () { 69 created () {
90 if (this.checkList.length === 0) { 70 this.loadData();
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
95 }
96 }, 71 },
97 getQsztName (code) { 72 methods: {
98 let name = ""; 73 loadData () {
99 for (let item of this.qsztList) { 74
100 if (item.value == code) { 75 if(this.$parent.addRepairRecord){
101 name = item.label; 76 this.columns.unshift({prop:"cz",
102 break; 77 label:"操作"
103 } 78 })
104 } 79 }
105 return name; 80 getTdsyqList({
106 }, 81 bdcdyid: this.propsParam.bdcdyid,
107 // 编辑 82 qllx: this.propsParam.qllx,
108 editDialog(row){ 83 qszt: this.checkList,
84 }).then((res) => {
85 if (res.code === 200) {
86 this.tableData = res.result;
87 this.tableData.forEach(item => {
88 item.sjlx = getSjlx(item.sjlx)
89 })
90 if (this.tableData.length < datas.columns().emptycolNum) {
91 this.emptycolNum =
92 datas.columns().emptycolNum - this.tableData.length;
93 } else {
94 this.emptycolNum = 0;
95 }
96 }
97 });
98 },
99 checkChange () {
100 if (this.checkList.length === 0) {
101 this.tableData = [];
102 this.emptycolNum = datas.columns().emptycolNum;
103 } else {
104 this.loadData();
105 }
106 },
107 getQsztName (code) {
108 let name = "";
109 for (let item of this.qsztList) {
110 if (item.value == code) {
111 name = item.label;
112 break;
113 }
114 }
115 return name;
116 },
117 // 新增一条补录信息
118 editDialog(row,del){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定', 120 confirmButtonText: '确定',
111 cancelButtonText: '取消', 121 cancelButtonText: '取消',
112 type: 'warning' 122 type: 'warning'
113 }).then(() => { 123 }).then(() => {
114 this.$parent.addRepairRecord(row) 124 this.$parent.addRepairRecord(row,del)
115 125
116 this.$message({ 126 this.$message({
117 type: 'success', 127 type: 'success',
...@@ -124,46 +134,11 @@ export default { ...@@ -124,46 +134,11 @@ export default {
124 }); 134 });
125 }); 135 });
126 136
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
132
133 }, 137 },
134 // 删除 138 },
135 deleteDialog(row){ 139 };
136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
137 confirmButtonText: '确定',
138 cancelButtonText: '取消',
139 type: 'warning'
140 }).then(() => {
141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
142 // deleteClmx(bsmClmx).then(res => {
143 // if (res.code == 200) {
144 // that.$emit('updateList', res.result)
145 // that.$message({
146 // message: '删除成功!',
147 // type: 'success'
148 // })
149 // }
150 // })
151 this.$message({
152 type: 'success',
153 message: '删除成功!'
154 });
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 });
160 });
161
162 }
163 },
164 };
165 </script> 140 </script>
166 141
167 <style lang="scss" scoped> 142 <style lang="scss" scoped>
168 @import "./qlxxCommon.scss"; 143 @import "./qlxxCommon.scss";
169 </style> 144 </style>
......
...@@ -108,23 +108,28 @@ ...@@ -108,23 +108,28 @@
108 </div> 108 </div>
109 <!-- 打印模板需要此模块 --> 109 <!-- 打印模板需要此模块 -->
110 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> 110 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
111 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> 111 <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" />
112 </object> 112 </object>
113 <printView ref="printContent" />
113 </div> 114 </div>
114 </template> 115 </template>
115 <script> 116 <script>
116 import store from '@/store/index.js' 117 import store from '@/store/index.js'
117 import { datas } from "./addjtfcdata"; 118 import { datas } from "./addjtfcdata";
118 import { getLodop } from "@/utils/LodopFuncs" 119 import { getLodop } from "@/utils/LodopFuncs"
120 import printView from "./printView.vue";
119 import { getIdCardInfo } from '@/utils/operation.js' 121 import { getIdCardInfo } from '@/utils/operation.js'
120 import { getPrintTemplateByCode } from "@/api/system"; 122 import { getPrintTemplateByCode } from "@/api/system";
121 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; 123 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
122 export default { 124 export default {
125 components: {
126 printView
127 },
123 props: { 128 props: {
124 formData: { 129 formData: {
125 type: Object, 130 type: Object,
126 default: () => { }, 131 default: () => { }
127 }, 132 }
128 }, 133 },
129 data () { 134 data () {
130 return { 135 return {
...@@ -297,18 +302,24 @@ ...@@ -297,18 +302,24 @@
297 } 302 }
298 }, 303 },
299 watch: { 304 watch: {
300 "form.djSqcxDO.ycqrgx" (val) { 305 "form.djSqcxDO.ycqrgx": {
301 if (val == "1") { 306 handler: function (val) {
302 this.form.qlrList = _.cloneDeep(this.form.sqrList); 307 if (val == "1") {
303 } else { 308 this.form.qlrList = _.cloneDeep(this.form.sqrList);
304 this.form.qlrList = []; 309 } else {
305 this.add("qlr"); 310 this.form.qlrList = [];
306 } 311 this.add("qlr");
312 }
313 },
314 immediate: true
307 }, 315 },
308 "form.sqrList" (val) { 316 "form.sqrList": {
309 if (this.form.djSqcxDO.ycqrgx == '1') { 317 handler: function (val) {
310 this.form.qlrList = _.cloneDeep(val) 318 if (this.form.djSqcxDO.ycqrgx == '1') {
311 } 319 this.form.qlrList = _.cloneDeep(val)
320 }
321 },
322 deep: true
312 } 323 }
313 }, 324 },
314 methods: { 325 methods: {
...@@ -421,16 +432,15 @@ ...@@ -421,16 +432,15 @@
421 }, 432 },
422 //打开打印预览 433 //打开打印预览
423 openPrintPrew () { 434 openPrintPrew () {
424 //根据编号获取对应信息 435 let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
425 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { 436 // 获取页面的HTML内容
426 if (res.code == 200) { 437 const pageHtml = this.$refs.printContent.$el.innerHTML;
427 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 438 lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml);
428 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 439 lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应
429 LODOP.PREVIEW(); 440 lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例
430 } 441 lodop.PREVIEW();
431 })
432 } 442 }
433 }, 443 }
434 }; 444 };
435 </script> 445 </script>
436 <style scoped lang="scss"> 446 <style scoped lang="scss">
......
1 <!--
2 * @Description: 不动产查询证明打印模板
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-28 11:27:37
5 -->
6 <template>
7 <div class="printView" style="width:100%;padding:20px">
8 <h1 style="color: red;
9 text-align: center;
10 font-size: 38px;">城固县不动产登记交易服务中心</h1>
11 <hr style=" margin-top: 20px;
12 margin-bottom: 10px;
13 height: 1px;
14 width:100%;
15 border: none;
16 background-color: red;">
17 <h2 style="font-size: 36px;
18 text-align: center;">不动产登记信息查询证明</h2>
19 <h5 style=" text-align: center;
20 margin-top: 20px;
21 font-size: 18px;">查询证明编号: LS201803050045</h5>
22 <p style="text-indent: 2em;
23 margin-top: 15px;
24 line-height: 24px;
25 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
26 有关规定，经线上查询不动产登记信息系统，权利人： 杜林
27 ，证件号：612322197805120010，截止2022年10月17日 13时15分13秒
28 ，名下不动产登记信息查询结果如下：</p>
29 <table style=" border-collapse: collapse;
30 width: 100%;
31 margin-top: 20px;margin-left:20px">
32 <thead>
33 <tr>
34 <th style="background-color: #f2f2f2;
35 text-align: center;">权利人</th>
36 <th style="background-color: #f2f2f2;
37 text-align: center;">证号</th>
38 <th style="background-color: #f2f2f2;
39 text-align: center;">坐落</th>
40 <th style="background-color: #f2f2f2;
41 text-align: center;">面积</th>
42 <th style="background-color: #f2f2f2;
43 text-align: center;">共有人</th>
44 <th style="background-color: #f2f2f2;
45 text-align: center;">状态</th>
46 </tr>
47 </thead>
48 <tbody>
49 <tr v-for="item in tableData" :key="item.id">
50 <td style="border: 1px solid #ccc;
51 text-align: center;
52 padding: 8px;
53 text-align: left;">{{ item.id }}</td>
54 <td style="border: 1px solid #ccc;
55 text-align: center;
56 padding: 8px;
57 text-align: left;">{{ item.name }}</td>
58 </tr>
59 </tbody>
60 </table>
61 <h6 style="font-size: 28px;
62 margin-top: 20px;
63 font-weight: 100;">特此证明。</h6>
64 <div>
65 <img :src="qrcodeImage" alt="QR Code">
66 </div>
67 <ul style="text-align: right;
68 line-height: 26px;
69 font-size: 18px;">
70 <li style="list-style: none;">城固县不动产登记交易服务中心</li>
71 <li style="list-style: none;">2022年10月17日</li>
72 </ul>
73 <ol style="margin-left: 20px;
74 line-height: 26px;">
75 <p>说明：</p>
76 <li>该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；</li>
77 <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；</li>
78 <li>本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；</li>
79 <li>查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。</li>
80 </ol>
81 </div>
82 </template>
83 <script>
84 import QRCode from 'qrcode';
85 export default {
86 data () {
87 return {
88 qrcodeImage: '',
89 text: '22222222',
90 tableData: [
91
92 ]
93 }
94 },
95 mounted () {
96 this.generateQRCode()
97 },
98 methods: {
99 generateQRCode () {
100 QRCode.toDataURL(this.text)
101 .then(url => {
102 this.qrcodeImage = url
103 })
104 .catch(error => {
105 console.error(error);
106 })
107 }
108 }
109 }
110 </script>
...\ No newline at end of file ...\ No newline at end of file
...@@ -41,59 +41,60 @@ ...@@ -41,59 +41,60 @@
41 </div> 41 </div>
42 </template> 42 </template>
43 <script> 43 <script>
44 import table from "@/utils/mixin/table"; 44 import table from "@/utils/mixin/table";
45 import { datas, sendThis } from "./jtfcdata"; 45 import { datas, sendThis } from "./jtfcdata";
46 import { getSqcxPage } from "@/api/sqcx"; 46 import { getSqcxPage } from "@/api/sqcx";
47 export default { 47 export default {
48 name: "jtfc", 48 name: "jtfc",
49 mixins: [table], 49 mixins: [table],
50 mounted () { 50 mounted () {
51 sendThis(this); 51 sendThis(this);
52 this.queryClick(); 52 this.queryClick();
53 },
54 data () {
55 return {
56 sqcxBsm: "",
57 queryForm: {
58 cxbh: "",
59 sqr: "",
60 cxlx: '1'
61 },
62 tableData: {
63 columns: datas.columns(),
64 data: [],
65 },
66 };
67 },
68 methods: {
69 // 初始化数据
70 queryClick () {
71 this.$startLoading();
72 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
73 this.$endLoading();
74 if (res.code === 200) {
75 let { records, total } = res.result;
76 this.tableData.data = records;
77 this.tableData.total = total;
78 }
79 });
80 },
81 handleSort (name, sort) {
82 console.log(name, sort);
83 }, 53 },
84 handleAdd () { 54 data () {
85 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { 55 return {
86 sqcxBsm: '' 56 sqcxBsm: "",
87 }) 57 queryForm: {
58 cxbh: "",
59 sqr: "",
60 cxlx: '1'
61 },
62 tableData: {
63 columns: datas.columns(),
64 data: [],
65 },
66 };
88 }, 67 },
89 handleViewClick (row) { 68 methods: {
90 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { 69 // 初始化数据
91 sqcxBsm: row.bsmSqcx 70 queryClick () {
92 }) 71 this.$startLoading();
72 getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
73 this.$endLoading();
74 if (res.code === 200) {
75 let { records, total } = res.result;
76 this.tableData.data = records;
77 this.tableData.total = total;
78 }
79 });
80 },
81 handleSort (name, sort) {
82 console.log(name, sort);
83 },
84 handleAdd () {
85 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
86 sqcxBsm: ''
87 })
88 },
89 handleViewClick (row) {
90 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
91 sqcxBsm: row.bsmSqcx
92 })
93 // this.$popupDialog("模板", "sqcx/jtfc/components/printView", {})
94 }
93 } 95 }
94 } 96 }
95 }
96 </script> 97 </script>
97 <style scoped lang="scss"> 98 <style scoped lang="scss">
98 @import "~@/styles/public.scss"; 99 @import "~@/styles/public.scss";
99 </style> 100 </style>
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 </el-col> 25 </el-col>
26 </el-row> 26 </el-row>
27 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> 27 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
28 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> 28 <embed id="LODOP_EM" type="application/x-print-lodop" width=800 height=600 pluginspage="install_lodop32.exe" />
29 </object> 29 </object>
30 <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> 30 <textarea rows="0" id="S1" cols="0" v-show="false"></textarea>
31 31
...@@ -37,140 +37,140 @@ ...@@ -37,140 +37,140 @@
37 </template> 37 </template>
38 38
39 <script> 39 <script>
40 import { getLodop } from "@/utils/LodopFuncs" 40 import { getLodop } from "@/utils/LodopFuncs"
41 import { mapGetters } from 'vuex' 41 import { mapGetters } from 'vuex'
42 import store from '@/store/index.js' 42 import store from '@/store/index.js'
43 import { addPrintTemplate, editPrintTemplate } from "@/api/system.js" 43 import { addPrintTemplate, editPrintTemplate } from "@/api/system.js"
44 export default { 44 export default {
45 computed: { 45 computed: {
46 ...mapGetters(['dictData']), 46 ...mapGetters(['dictData']),
47 }, 47 },
48 props: { 48 props: {
49 formData: { 49 formData: {
50 type: Object, 50 type: Object,
51 default: () => { } 51 default: () => { }
52 } 52 }
53 }, 53 },
54 data () { 54 data () {
55 return { 55 return {
56 editFlag: false, 56 editFlag: false,
57 //打印模板设计保存状态 0：未操作 1：保存中 2：已保存 57 //打印模板设计保存状态 0：未操作 1：保存中 2：已保存
58 loadStatus: '0', 58 loadStatus: '0',
59 //表单提交数据 59 //表单提交数据
60 ruleForm: { 60 ruleForm: {
61 tmpno: '', 61 tmpno: '',
62 tmpname: '', 62 tmpname: '',
63 tmpfont: '', 63 tmpfont: '',
64 tmpfontsize: '', 64 tmpfontsize: '',
65 tmpcontent: '' 65 tmpcontent: ''
66 },
67 rules: {
68 tmpno: [
69 { required: true, message: '模板编号不能为空', trigger: 'blur' }
70 ],
71 tmpname: [
72 { required: true, message: '模板名称不能为空', trigger: 'blur' }
73 ],
74 },
75 }
76 },
77 mounted () {
78 if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData)
79 },
80 methods: {
81 //表单提交
82 submitForm () {
83 if (this.loadStatus == '1') {
84 return this.$message.error("模板设计保存中，请等待...")
85 }
86 this.$refs.ruleForm.validate(valid => {
87 if (valid) {
88 if (this.editFlag) {
89 this.editTemplate();
90 } else {
91 this.addTemplate();
92 }
93 } else {
94 return false;
95 }
96 });
66 }, 97 },
67 rules: { 98 //新增
68 tmpno: [ 99 addTemplate () {
69 { required: true, message: '模板编号不能为空', trigger: 'blur' } 100 addPrintTemplate(this.ruleForm).then(res => {
70 ], 101 if (res.code == 200) {
71 tmpname: [ 102 store.dispatch('user/refreshPage', true);
72 { required: true, message: '模板名称不能为空', trigger: 'blur' } 103 this.$message.success('保存成功');
73 ], 104 this.$popupCacel()
105 } else {
106 this.$message.error(res.message)
107 }
108 })
74 }, 109 },
75 } 110 //编辑
76 }, 111 editTemplate () {
77 mounted () { 112 editPrintTemplate(this.ruleForm).then(res => {
78 if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData) 113 if (res.code == 200) {
79 }, 114 store.dispatch('user/refreshPage', true);
80 methods: { 115 this.$message.success('保存成功');
81 //表单提交 116 this.$popupCacel()
82 submitForm () {
83 if (this.loadStatus == '1') {
84 return this.$message.error("模板设计保存中，请等待...")
85 }
86 this.$refs.ruleForm.validate(valid => {
87 if (valid) {
88 if (this.editFlag) {
89 this.editTemplate();
90 } else { 117 } else {
91 this.addTemplate(); 118 this.$message.error(res.message)
92 } 119 }
93 } else { 120 })
94 return false; 121 },
95 } 122 closeDialog () {
96 }); 123 this.$popupCacel()
97 }, 124 this.ruleForm = {
98 //新增 125 tmpno: '',
99 addTemplate () { 126 tmpname: '',
100 addPrintTemplate(this.ruleForm).then(res => { 127 tmpfont: '',
101 if (res.code == 200) { 128 tmpfontsize: '',
102 store.dispatch('user/refreshPage', true); 129 tmpcontent: ''
103 this.$message.success('保存成功');
104 this.$popupCacel()
105 } else {
106 this.$message.error(res.message)
107 }
108 })
109 },
110 //编辑
111 editTemplate () {
112 editPrintTemplate(this.ruleForm).then(res => {
113 if (res.code == 200) {
114 store.dispatch('user/refreshPage', true);
115 this.$message.success('保存成功');
116 this.$popupCacel()
117 } else {
118 this.$message.error(res.message)
119 } 130 }
120 }) 131 this.loadStatus = '0'
121 }, 132 this.editFlag = false;
122 closeDialog () { 133 },
123 this.$popupCacel() 134 getDetailInfo (item) {
124 this.ruleForm = { 135 this.ruleForm = item;
125 tmpno: '', 136 this.editFlag = true;
126 tmpname: '', 137 },
127 tmpfont: '', 138 //设计打印模板
128 tmpfontsize: '', 139 designByPRGData () {
129 tmpcontent: '' 140 let that = this;
141 that.loadStatus = '1';
142 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
143 LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板
144 //窗口关闭后，回调函数中保存的设计代码
145 if (LODOP.CVERSION)
146 CLODOP.On_Return = function (TaskID, printList) {
147 if (LODOP.CVERSION)
148 LODOP.On_Return = function (TaskID, Value) {
149 document.getElementById("S1").value = Value;
150 };
151 document.getElementById("S1").value = LODOP.GET_VALUE(
152 "ProgramData",
153 0
154 );
155 setTimeout(() => {
156 that.ruleForm.tmpcontent = document.getElementById("S1").value;
157 that.loadStatus = '2';
158 }, 1000);
159 };
160 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
130 } 161 }
131 this.loadStatus = '0'
132 this.editFlag = false;
133 },
134 getDetailInfo (item) {
135 this.ruleForm = item;
136 this.editFlag = true;
137 },
138 //设计打印模板
139 designByPRGData () {
140 let that = this;
141 that.loadStatus = '1';
142 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
143 LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板
144 //窗口关闭后，回调函数中保存的设计代码
145 if (LODOP.CVERSION)
146 CLODOP.On_Return = function (TaskID, printList) {
147 if (LODOP.CVERSION)
148 LODOP.On_Return = function (TaskID, Value) {
149 document.getElementById("S1").value = Value;
150 };
151 document.getElementById("S1").value = LODOP.GET_VALUE(
152 "ProgramData",
153 0
154 );
155 setTimeout(() => {
156 that.ruleForm.tmpcontent = document.getElementById("S1").value;
157 that.loadStatus = '2';
158 }, 1000);
159 };
160 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
161 } 162 }
162 } 163 }
163 }
164 </script> 164 </script>
165 <style scoped lang="scss"> 165 <style scoped lang="scss">
166 @import "~@/styles/mixin.scss"; 166 @import "~@/styles/mixin.scss";
167 @import "~@/styles/dialogBoxheader.scss"; 167 @import "~@/styles/dialogBoxheader.scss";
168 168
169 .font-red { 169 .font-red {
170 color: red 170 color: red;
171 } 171 }
172 172
173 .middle-margin-bottom { 173 .middle-margin-bottom {
174 margin-top: 20px 174 margin-top: 20px;
175 } 175 }
176 </style> 176 </style>
......
...@@ -57,8 +57,9 @@ ...@@ -57,8 +57,9 @@
57 watch: { 57 watch: {
58 isRefresh: { 58 isRefresh: {
59 handler (newVal, oldVal) { 59 handler (newVal, oldVal) {
60 if (newVal) this.fetchData 60 if (newVal) this.fetchData()
61 } 61 },
62 immediate: true
62 } 63 }
63 }, 64 },
64 methods: { 65 methods: {
...@@ -101,72 +102,9 @@ ...@@ -101,72 +102,9 @@
101 message: "已取消删除", 102 message: "已取消删除",
102 }); 103 });
103 }); 104 });
104 }, 105 }
105 //设计打印模板 106 }
106 DesignByPRGData (item) { 107 }
107 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
108 LODOP.ADD_PRINT_DATA("ProgramData", item.tmpcontent); //装载模板
109 //窗口关闭后，回调函数中保存的设计代码
110 if (LODOP.CVERSION)
111 CLODOP.On_Return = function (TaskID, printList) {
112 if (LODOP.CVERSION)
113 LODOP.On_Return = function (TaskID, Value) {
114 document.getElementById("S1").value = Value;
115 };
116 document.getElementById("S1").value = LODOP.GET_VALUE(
117 "ProgramData",
118 0
119 );
120 setTimeout(() => {
121 item.tmpcontent = document.getElementById("S1").value;
122 }, 1000);
123 };
124 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
125 },
126 editClick () {
127 let LODOP = getLodop();
128 LODOP.SET_PRINT_MODE("PRINT_SETUP_PROGRAM", true);
129 LODOP.PRINT_INITA(0, 0, 850, 560, "不动产证明");
130 LODOP.ADD_PRINT_SETUP_BKIMG("<img border='1' src=" + this.images + ">");
131 LODOP.ADD_PRINT_TEXT(403, 220, 39, 25, this.printList.year); //year
132 LODOP.ADD_PRINT_TEXT(403, 278, 25, 25, this.printList.month); //month
133 LODOP.ADD_PRINT_TEXT(403, 309, 25, 25, this.printList.day); //day
134 LODOP.ADD_PRINT_TEXT(493, 205, 160, 25, this.printList.bh); //编号
135 // 头部信息
136 LODOP.ADD_PRINT_TEXT(78, 419, 39, 25, this.printList.xzq); //陕
137 LODOP.ADD_PRINT_TEXT(78, 466, 39, 25, this.printList.xh); //
138 LODOP.ADD_PRINT_TEXT(78, 520, 60, 25, this.printList.d); //
139 LODOP.ADD_PRINT_TEXT(78, 670, 60, 25, this.printList.h); //
140
141 LODOP.ADD_PRINT_TEXT(119, 555, 190, 25, this.printList.zmsx); //然后多个ADD语句及SET语句
142 LODOP.ADD_PRINT_TEXT(152, 557, 190, 25, this.printList.qlr); //权利人
143 LODOP.ADD_PRINT_TEXT(186, 557, 190, 25, this.printList.ywr); //义务人
144 LODOP.ADD_PRINT_TEXT(219, 557, 190, 25, this.printList.zl); //坐落
145 LODOP.ADD_PRINT_TEXT(254, 557, 190, 25, this.printList.bdcdyh); //不动产单元号
146 LODOP.ADD_PRINT_TEXT(318, 557, 190, 67, this.printList.qt); //其他
147 LODOP.ADD_PRINT_TEXT(426, 557, 190, 67, this.printList.fj); //附记
148 LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);
149 LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", 1);
150 //窗口关闭后，回调函数中保存的设计代码
151 if (LODOP.CVERSION)
152 CLODOP.On_Return = function (TaskID, printList) {
153 if (LODOP.CVERSION)
154 LODOP.On_Return = function (TaskID, Value) {
155 document.getElementById("S1").value = Value;
156 };
157 document.getElementById("S1").value = LODOP.GET_VALUE(
158 "ProgramData",
159 0
160 );
161 setTimeout(() => {
162 let printValue = document.getElementById("S1").value;
163 console.log("value", printValue);
164 }, 1000);
165 };
166 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
167 },
168 },
169 };
170 </script> 108 </script>
171 <style scoped lang="scss"> 109 <style scoped lang="scss">
172 @import "~@/styles/public.scss"; 110 @import "~@/styles/public.scss";
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:47
5 -->
6 <template>
7 <dialogBox title="土地用途信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
8 @closeDialog="closeDialog" :isButton="showButton">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="138px">
10 <el-row>
11 <el-col :span="12">
12 <el-form-item label="土地用途" prop="tdyt">
13 <el-input v-model="ruleForm.tdyt"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="12">
17 <el-form-item label="土地使用权限" prop="syqx">
18 <el-input v-model="ruleForm.syqx"></el-input>
19 </el-form-item>
20 </el-col>
21 </el-row>
22 <el-row>
23 <el-col :span="12">
24 <el-form-item label="土地使用结束时间" prop="jssj">
25 <el-date-picker
26 v-model="ruleForm.jssj"
27 type="daterange"
28 range-separator="至"
29 start-placeholder="开始日期"
30 end-placeholder="结束日期"
31 value-format="yyyy-MM-dd">>
32 </el-date-picker>
33 </el-form-item>
34 </el-col>
35 <el-col :span="12">
36 <el-form-item label="土地使用起止时间" prop="qzsj">
37 <el-date-picker
38 v-model="ruleForm.qzsj"
39 type="daterange"
40 range-separator="至"
41 start-placeholder="开始日期"
42 end-placeholder="结束日期"
43 value-format="yyyy-MM-dd">>
44 </el-date-picker>
45 </el-form-item>
46 </el-col>
47 </el-row>
48 </el-form>
49 </dialogBox>
50 </template>z x addTdyt
51 <script>
52 import { mapGetters } from "vuex";
53 export default {
54 props: {
55 value: { type: Boolean, default: false },
56 details: { type: Object, default: {} },
57 showButton: { type: Boolean, default: false }
58 },
59 data () {
60 return {
61 myValue: this.value,
62 ruleForm: {
63 tdyt:"",
64 syqx:"",
65 jssj:"",
66 qzsj:""
67 },
68 rules: {
69 tdyt: [{ required: true, message: "土地用途", trigger: "blur" }],
70 syqx: [{ required: true, message: "土地使用权限", trigger: "blur" }],
71 jssj: [{ required: true, message: "土地使用结束时间", trigger: "blur" }],
72 qzsj: [{ required: true, message: "土地使用起止时间", trigger: "blur" }],
73 },
74 };
75 },
76 watch: {
77 value (val) {
78 console.log("val",val);
79 this.myValue = _.cloneDeep(val);
80 },
81 details: {
82 handler: function (val, oldVal) {
83 console.log("val2",val);
84 this.ruleForm = val;
85 },
86 deep: true,
87 },
88 },
89 methods: {
90 closeDialog () {
91 this.$emit("input", false);
92 this.$refs["ruleForm"].resetFields();
93 },
94 submitForm () {
95 console.log("this.ruleForm",this.ruleForm);
96 this.$refs.ruleForm.validate((valid) => {
97 if (valid) {
98 this.$emit("input", false);
99 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
100 } else {
101 return false;
102 }
103 });
104 },
105 },
106 };
107 </script>
108 <style scoped lang="scss">
109 @import "~@/styles/dialogBoxheader.scss";
110 .submit-button {
111 text-align: center;
112 height: 52px;
113 padding-top: 10px;
114 background-color: #fff;
115 }
116 </style>
...@@ -5,214 +5,206 @@ ...@@ -5,214 +5,206 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table :column="InformationTable" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" 8 <lb-table
9 :data="tableDataList"> 9 :column="InformationTable"
10 :pagination="false"
11 :key="key"
12 :heightNumSetting="true"
13 :minHeight="150"
14 :data="tableDataList"
15 >
10 </lb-table> 16 </lb-table>
11 <addTdyt v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
12 </div> 17 </div>
13 </template> 18 </template>
14 <script> 19 <script>
15 import { mapGetters } from 'vuex' 20 import { mapGetters } from "vuex";
16 import { getIdCardInfo } from '@/utils/operation.js' 21 export default {
17 import addTdyt from './dialog/addTdyt.vue' 22 computed: {
18 export default { 23 ...mapGetters(["dictData"]),
19 components: { 24 },
20 addTdyt 25 props: {
21 }, 26 tableData: {
22 computed: { 27 type: Array,
23 ...mapGetters(["dictData"]), 28 default: function () {
24 }, 29 return [];
25 props: {
26 tableData: {
27 type: Array,
28 default: function () {
29 return []
30 }
31 }, 30 },
32 }, 31 },
33 data () { 32 },
34 return { 33 data() {
35 key: 0, 34 return {
36 dataIndex: 0, 35 key: 0,
37 dialog: false, 36 newdata: {
38 isaddupdate: false, 37 yt: "",
39 showButton: this.$route.query.viewtype ? false : true, 38 qssj: "",
40 details: {}, 39 jssj: "",
41 tableDataList: [], 40 syqx: "",
42 InformationTable: [ 41 },
43 { 42 tableDataList: [],
44 width: '50', 43 InformationTable: [
45 renderHeader: (h, scope) => { 44 {
46 return <div> { 45 width: "50",
47 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> 46 renderHeader: (h, scope) => {
48 } 47 return (
48 <div>
49 {" "}
50 {this.$route.query.viewtype == 1 ? (
51 "序号"
52 ) : (
53 <i
54 class="el-icon-plus pointer"
55 onClick={() => {
56 this.addClick();
57 }}
58 ></i>
59 )}
60 </div>
61 );
62 },
63 render: (h, scope) => {
64 return (
65 <div>
66 {this.$route.query.viewtype == 1 ? (
67 <span>{scope.$index + 1}</span>
68 ) : (
69 <i
70 class="el-icon-minus pointer"
71 onClick={() => {
72 this.deleClick(scope.$index, scope.row);
73 }}
74 ></i>
75 )}
49 </div> 76 </div>
50 }, 77 );
51 render: (h, scope) => {
52 return (
53 <div>
54 {
55 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
56 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
57 }
58 </div>
59 )
60 }
61 }, 78 },
62 { 79 },
63 label: '土地用途', 80 {
64 align: 'center', 81 label: "土地用途",
65 render: (h, scope) => { 82 align: "center",
83 render: (h, scope) => {
66 return ( 84 return (
67 <el-select value={scope.row.yt} 85 <el-select
68 onChange={(val) => { scope.row.yt = val }} clearable> 86 value={scope.row.yt}
69 { 87 onChange={(val) => {
70 this.dictData['tdyt'].map(option => { 88 scope.row.yt = val;
71 return ( 89 }}
72 <el-option label={option.dname} value={option.dcode}></el-option> 90 clearable
73 ) 91 onblur={() => {
74 }) 92 this.addrow(scope);
75 } 93 }}
94 >
95 {this.dictData["tdyt"].map((option) => {
96 return (
97 <el-option
98 label={option.dname}
99 value={option.dcode}
100 ></el-option>
101 );
102 })}
76 </el-select> 103 </el-select>
77 ) 104 );
78 } 105 },
79 }, 106 },
80 { 107 {
81 prop: "sqrmc", 108 label: "土地使用起始时间",
82 label: "土地使用起始时间", 109 render: (h, scope) => {
83 render: (h, scope) => {
84 return ( 110 return (
85 <el-date-picker 111 <el-date-picker
86 v-model={scope.row.qssj} 112 v-model={scope.row.qssj}
87 type="date" 113 type="date"
88 placeholder="选择日期" 114 placeholder="选择日期"
115 value-format="yyyy/MM/dd HH:mm:ss"
116 format="yyyy/MM/dd HH:mm:ss"
117 onblur={() => {
118 this.addrow(scope.row);
119 }}
89 ></el-date-picker> 120 ></el-date-picker>
90 ); 121 );
91 }
92 }, 122 },
93 { 123 },
94 prop: "zjzl", 124 {
95 label: "土地使用结束时间", 125 label: "土地使用结束时间",
96 render: (h, scope) => { 126 render: (h, scope) => {
97 return ( 127 return (
98 <el-date-picker 128 <el-date-picker
99 v-model={scope.row.jssj} 129 v-model={scope.row.jssj}
100 type="date" 130 type="date"
101 placeholder="选择日期" 131 placeholder="选择日期"
132 value-format="yyyy/MM/dd HH:mm:ss"
133 format="yyyy/MM/dd HH:mm:ss"
134 onblur={() => {
135 this.addrow(scope.row);
136 }}
102 ></el-date-picker> 137 ></el-date-picker>
103 ); 138 );
104 }
105 }, 139 },
106 {
107 prop: "zjh",
108 label: "土地使用期限",
109 render: (h, scope) => {
110 return <el-input v-model={scope.row.syqx} ></el-input>
111 }
112 }
113 ],
114 }
115 },
116 watch: {
117 tableData: {
118 handler: function (val, oldVal) {
119 console.log("什么事件111",val);
120 let that = this
121 this.$nextTick(() => {
122 if (val.length == 0 || !val) {
123 that.tableDataList = _.cloneDeep([{
124 sqrmc: '',
125 dlrzjlx: '',
126 dlrzjh: '',
127 fr: ''
128 }])
129 } else {
130 that.tableDataList = _.cloneDeep(val)
131 }
132 })
133 }, 140 },
134 immediate: true, 141 {
135 deep: true 142 label: "土地使用期限",
143 render: (h, scope) => {
144 return (
145 <el-input
146 v-model={scope.row.syqx}
147 onblur={() => {
148 this.addrow(scope.row);
149 }}
150 ></el-input>
151 );
152 },
153 },
154 ],
155 };
156 },
157 watch: {
158 tableData: {
159 handler: function (val, oldVal) {
160 let that = this;
161 this.$nextTick(() => {
162 if (val.length == 0 || !val) {
163 that.tableDataList = _.cloneDeep([
164 {
165 yt: "",
166 qssj: "",
167 jssj: "",
168 syqx: "",
169 },
170 ]);
171 } else {
172 that.tableDataList = _.cloneDeep(val);
173 }
174 });
136 }, 175 },
137 // gyfs: { 176 immediate: true,
138 // handler (newVal, oldValue) { 177 deep: true,
139 // console.log("什么事件222",newVal); 178 },
140 // let dataList = _.cloneDeep(this.InformationTable) 179 },
141 // let dataList = _.cloneDeep(this.InformationTable) 180 methods: {
142 // if (newVal == 0) { 181 // 修改事件
143 // // this.column = _.cloneDeep(dataList).slice(1, dataList.length) 182 addrow() {
144 // this.column = _.cloneDeep(dataList) 183 console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx);
145 184
146 // } else if ((newVal == '1' || newVal == '3')) { 185 this.$emit("upDateTdytxxList", this.tableDataList);
147 // this.column = dataList 186 },
148 // } else { 187 // 新增
149 // this.column = _.cloneDeep(dataList) 188 addClick() {
150 // } 189 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
151 // }, 190 this.$emit("upDateTdytxxList", this.tableDataList);
152 // immediate: true
153 // }
154 }, 191 },
155 methods: {
156 // 新增提交事件
157 handleupdateDetail (value) {
158 console.log("什么事件33",this.tableData);
159 if (this.isaddupdate) {
160 if (!_.isEqual(value, this.tableData)) {
161 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
162 this.$emit('upDateQlrxxList', this.tableDataList)
163 }
164 } else {
165 if (!_.isEqual(value, this.tableData)) {
166 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
167 this.$emit('upDateQlrxxList', this.tableDataList)
168 }
169 }
170 this.key++
171 },
172 // 新增
173 addClick () {
174 if (this.gyfs == '0' && this.tableDataList.length > 0) {
175 this.$message.warning("1")
176 } else {
177 this.dialog = true
178 this.isaddupdate = true
179 }
180 },
181 192
182 // 删除 193 // 删除
183 deleClick (index, row) { 194 deleClick(index, row) {
184 this.$confirm('确定要删除吗, 是否继续?', '提示', { 195 console.log("删除");
185 confirmButtonText: '确定', 196 this.$confirm("确定要删除吗, 是否继续?", "提示", {
186 cancelButtonText: '取消', 197 confirmButtonText: "确定",
187 type: 'warning' 198 cancelButtonText: "取消",
188 }).then(() => { 199 type: "warning",
189 this.tableData.splice(index, 1) 200 })
190 }).catch(() => { 201 .then(() => {
191 }); 202 this.tableData.splice(index, 1);
192 }, 203 })
193 // 修改 204 .catch(() => {});
194 editClick (index, row) { 205 },
195 // popupDialog("申请人信息", "workflow/components/addQlr", { 206 },
196 // showButton: this.$route.query.viewtype ? false : true, 207 };
197 // dataIndex :index,
198 // details :row,/[^\d]/g
199 // isaddupdate :false
200 // });
201 this.dataIndex = index
202 this.dialog = true
203 this.details = row
204 this.isaddupdate = false
205 },
206 queryViewClick (index, row) {
207 // popupDialog("申请人信息", "workflow/components/addQlr", {
208 // showButton: this.$route.query.viewtype ? false : true,
209 // details: row,
210 // });
211 this.dialog = true
212 this.details = row
213 }
214 }
215 }
216 </script> 208 </script>
217 <style scoped lang="scss"> 209 <style scoped lang="scss">
218 .el-input { 210 .el-input {
......
...@@ -7,6 +7,9 @@ ...@@ -7,6 +7,9 @@
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 "tdsyqslxx":
11 form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue");
12 break;
10 case "jsydsyqslxx100": 13 case "jsydsyqslxx100":
11 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); 14 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
12 break; 15 break;
...@@ -66,7 +69,10 @@ export function getForm (tabName, djywbm) { ...@@ -66,7 +69,10 @@ export function getForm (tabName, djywbm) {
66 case "cfdjxx": 69 case "cfdjxx":
67 form = require("@/views/registerBook/cfdj.vue"); 70 form = require("@/views/registerBook/cfdj.vue");
68 break; 71 break;
69 case "jsydsyqQlxx": 72 case "tdsyqQlxx":
73 form = require("@/views/registerBook/tdsyq.vue");
74 break;
75 case "jsydsyqQlxx":
70 form = require("@/views/registerBook/jsydsyq.vue"); 76 form = require("@/views/registerBook/jsydsyq.vue");
71 break; 77 break;
72 case "nydsyqQlxx": 78 case "nydsyqQlxx":
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-20 11:28:09 4 * @LastEditTime: 2023-06-26 17:03:07
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";
...@@ -113,6 +113,7 @@ export default { ...@@ -113,6 +113,7 @@ export default {
113 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { 113 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => {
114 if (res.code == 200) { 114 if (res.code == 200) {
115 getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { 115 getPrintApplicationInfo(this.currentSelectProps).then(infoRes => {
116 console.log(infoRes, 'infoRes');
116 if (infoRes.code == 200) { 117 if (infoRes.code == 200) {
117 //打开模板设计 118 //打开模板设计
118 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 119 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 <el-row :gutter="10"> 15 <el-row :gutter="10">
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh"> 17 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh">
18 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 18 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 <el-row :gutter="10"> 32 <el-row :gutter="10">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx"> 34 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx">
35 <el-select disabled v-model="ruleForm.slsq.qllx" filterable clearable placeholder="请选择权利类型"> 35 <el-select disabled v-model="ruleForm.sldy.qllx" filterable clearable placeholder="请选择权利类型">
36 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 36 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 </el-col> 40 </el-col>
41 <el-col :span="8"> 41 <el-col :span="8">
42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx"> 42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx">
43 <el-select disabled v-model="ruleForm.slsq.djlx" filterable clearable placeholder="请选择登记类型"> 43 <el-select disabled v-model="ruleForm.sldy.djlx" filterable clearable placeholder="请选择登记类型">
44 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 44 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
45 </el-option> 45 </el-option>
46 </el-select> 46 </el-select>
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
21 <el-row :gutter="10"> 21 <el-row :gutter="10">
22 <el-col :span="8"> 22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh"> 23 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh">
24 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 24 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 <el-col :span="8"> 27 <el-col :span="8">
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx"> 40 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx">
41 <el-select 41 <el-select
42 disabled 42 disabled
43 v-model="ruleForm.slsq.qllx" 43 v-model="ruleForm.sldy.qllx"
44 filterable 44 filterable
45 clearable 45 clearable
46 placeholder="请选择权利类型" 46 placeholder="请选择权利类型"
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
58 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx"> 58 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx">
59 <el-select 59 <el-select
60 disabled 60 disabled
61 v-model="ruleForm.slsq.djlx" 61 v-model="ruleForm.sldy.djlx"
62 filterable 62 filterable
63 clearable 63 clearable
64 placeholder="请选择登记类型" 64 placeholder="请选择登记类型"
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 <el-row :gutter="10"> 16 <el-row :gutter="10">
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="业务号："> 18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
33 <el-row :gutter="10"> 33 <el-row :gutter="10">
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx"> 35 <el-form-item label="权利类型：" prop="qllx">
36 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item label="登记类型：" prop="djlx"> 40 <el-form-item label="登记类型：" prop="djlx">
41 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 41 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 <el-col :span="8"> 44 <el-col :span="8">
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 <el-row :gutter="10" v-if="ruleForm.slsq"> 15 <el-row :gutter="10" v-if="ruleForm.slsq">
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="业务号："> 17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 18 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
...@@ -32,12 +32,12 @@ ...@@ -32,12 +32,12 @@
32 <el-row :gutter="10" v-if="ruleForm.slsq"> 32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 35 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item label="登记类型："> 39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 40 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
43 <el-col :span="8"> 43 <el-col :span="8">
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
113 </el-form-item> 113 </el-form-item>
114 </el-col> 114 </el-col>
115 </el-row> 115 </el-row>
116 <el-row :gutter="10" v-if="ruleForm.qlxx"> 116 <el-row :gutter="10">
117 <el-col :span="8"> 117 <el-col :span="8">
118 <el-form-item label="建筑面积："> 118 <el-form-item label="建筑面积：">
119 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> 119 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
138 <el-col :span="14" v-if="ruleForm.qlxx"> 138 <el-col :span="14" v-if="ruleForm.qlxx">
139 <el-form-item label="共有方式："> 139 <el-form-item label="共有方式：">
140 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" 140 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
141 v-model="ruleForm.slsq.gyfs"> 141 v-model="ruleForm.sldy.gyfs">
142 <el-radio label="0">单独所有</el-radio> 142 <el-radio label="0">单独所有</el-radio>
143 <el-radio label="1">共同共有</el-radio> 143 <el-radio label="1">共同共有</el-radio>
144 <el-radio label="2">按份所有</el-radio> 144 <el-radio label="2">按份所有</el-radio>
...@@ -155,15 +155,15 @@ ...@@ -155,15 +155,15 @@
155 </el-form-item> 155 </el-form-item>
156 </el-col> 156 </el-col>
157 157
158 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 158 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
159 <el-form-item label="是否分别持证："> 159 <el-form-item label="是否分别持证：">
160 <el-radio-group v-model="ruleForm.slsq.sqfbcz"> 160 <el-radio-group v-model="ruleForm.sldy.sqfbcz">
161 <el-radio label="1">是</el-radio> 161 <el-radio label="1">是</el-radio>
162 <el-radio label="0">否</el-radio> 162 <el-radio label="0">否</el-radio>
163 </el-radio-group> 163 </el-radio-group>
164 </el-form-item> 164 </el-form-item>
165 </el-col> 165 </el-col>
166 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 166 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
167 <el-form-item label="持证人："> 167 <el-form-item label="持证人：">
168 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> 168 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
169 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 169 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
172 </el-form-item> 172 </el-form-item>
173 </el-col> 173 </el-col>
174 </el-row> 174 </el-row>
175 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 175 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
176 :gyfs="ruleForm.slsq.gyfs" /> 176 :gyfs="ruleForm.slsq.gyfs" />
177 177
178 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 178 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 <el-row :gutter="10" v-if="ruleForm.slsq"> 15 <el-row :gutter="10" v-if="ruleForm.slsq">
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="业务号："> 17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 18 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
...@@ -32,12 +32,12 @@ ...@@ -32,12 +32,12 @@
32 <el-row :gutter="10" v-if="ruleForm.slsq"> 32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 35 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item label="登记类型："> 39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 40 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
43 <el-col :span="8"> 43 <el-col :span="8">
...@@ -138,9 +138,9 @@ ...@@ -138,9 +138,9 @@
138 <div class="triangle"></div> 138 <div class="triangle"></div>
139 </div> 139 </div>
140 <el-row :gutter="10"> 140 <el-row :gutter="10">
141 <el-col :span="14" v-if="ruleForm.qlxx"> 141 <el-col :span="14">
142 <el-form-item label="共有方式："> 142 <el-form-item label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slsq.gyfs"> 143 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
144 <el-radio label="0">单独所有</el-radio> 144 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio> 145 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio> 146 <el-radio label="2">按份所有</el-radio>
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
148 </el-radio-group> 148 </el-radio-group>
149 </el-form-item> 149 </el-form-item>
150 </el-col> 150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 151 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
152 <el-form-item label="是否分别持证："> 152 <el-form-item label="是否分别持证：">
153 <el-radio-group v-model="ruleForm.sffbcz"> 153 <el-radio-group v-model="ruleForm.sffbcz">
154 <el-radio label="1">是</el-radio> 154 <el-radio label="1">是</el-radio>
...@@ -156,7 +156,7 @@ ...@@ -156,7 +156,7 @@
156 </el-radio-group> 156 </el-radio-group>
157 </el-form-item> 157 </el-form-item>
158 </el-col> 158 </el-col>
159 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 159 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
160 <el-form-item label="持证人："> 160 <el-form-item label="持证人：">
161 <el-select v-model="ruleForm.czr" placeholder="持证人"> 161 <el-select v-model="ruleForm.czr" placeholder="持证人">
162 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 162 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
165 </el-form-item> 165 </el-form-item>
166 </el-col> 166 </el-col>
167 </el-row> 167 </el-row>
168 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 168 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
169 :gyfs="ruleForm.slsq.gyfs" /> 169 :gyfs="ruleForm.slsq.gyfs" />
170 <div class="slxx_title title-block"> 170 <div class="slxx_title title-block">
171 登记原因 171 登记原因
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 <el-row :gutter="10" v-if="ruleForm.slsq"> 15 <el-row :gutter="10" v-if="ruleForm.slsq">
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="业务号："> 17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 18 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
...@@ -32,12 +32,12 @@ ...@@ -32,12 +32,12 @@
32 <el-row :gutter="10" v-if="ruleForm.slsq"> 32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 35 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item label="登记类型："> 39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 40 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
43 <el-col :span="8"> 43 <el-col :span="8">
...@@ -99,10 +99,10 @@ ...@@ -99,10 +99,10 @@
99 <div class="triangle"></div> 99 <div class="triangle"></div>
100 </div> 100 </div>
101 <el-row :gutter="10"> 101 <el-row :gutter="10">
102 <el-col :span="14" v-if="ruleForm.qlxxList[0]"> 102 <el-col :span="14">
103 <el-form-item label="共有方式："> 103 <el-form-item label="共有方式：">
104 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" 104 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
105 v-model="ruleForm.slsq.gyfs"> 105 v-model="ruleForm.sldy.gyfs">
106 <el-radio label="0">单独所有</el-radio> 106 <el-radio label="0">单独所有</el-radio>
107 <el-radio label="1">共同共有</el-radio> 107 <el-radio label="1">共同共有</el-radio>
108 <el-radio label="2">按份所有</el-radio> 108 <el-radio label="2">按份所有</el-radio>
...@@ -112,15 +112,15 @@ ...@@ -112,15 +112,15 @@
112 </el-col> 112 </el-col>
113 113
114 114
115 <el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'"> 115 <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
116 <el-form-item label="是否分别持证："> 116 <el-form-item label="是否分别持证：">
117 <el-radio-group v-model="ruleForm.slsq.sqfbcz"> 117 <el-radio-group v-model="ruleForm.sldy.sqfbcz">
118 <el-radio label="1">是</el-radio> 118 <el-radio label="1">是</el-radio>
119 <el-radio label="0">否</el-radio> 119 <el-radio label="0">否</el-radio>
120 </el-radio-group> 120 </el-radio-group>
121 </el-form-item> 121 </el-form-item>
122 </el-col> 122 </el-col>
123 <el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'"> 123 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
124 <el-form-item label="持证人："> 124 <el-form-item label="持证人：">
125 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> 125 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
126 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 126 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
129 </el-form-item> 129 </el-form-item>
130 </el-col> 130 </el-col>
131 </el-row> 131 </el-row>
132 <qlrCommonTable v-if="ruleForm.qlxxList[0]" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 132 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
133 :gyfs="ruleForm.slsq.gyfs" /> 133 :gyfs="ruleForm.slsq.gyfs" />
134 <div class="slxx_title title-block"> 134 <div class="slxx_title title-block">
135 登记原因 135 登记原因
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 <el-row :gutter="10"> 16 <el-row :gutter="10">
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="业务号："> 18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
33 <el-row :gutter="10"> 33 <el-row :gutter="10">
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="权利类型："> 35 <el-form-item label="权利类型：">
36 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item label="登记类型："> 40 <el-form-item label="登记类型：">
41 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 41 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 <el-col :span="8"> 44 <el-col :span="8">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 <el-row :gutter="10"> 16 <el-row :gutter="10">
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="业务号："> 18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
33 <el-row :gutter="10"> 33 <el-row :gutter="10">
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="权利类型："> 35 <el-form-item label="权利类型：">
36 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item label="登记类型："> 40 <el-form-item label="登记类型：">
41 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 41 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 <el-col :span="8"> 44 <el-col :span="8">
......
...@@ -11,34 +11,34 @@ ...@@ -11,34 +11,34 @@
11 <el-row :gutter="10"> 11 <el-row :gutter="10">
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="业务号："> 13 <el-form-item label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> 14 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="受理人员："> 18 <el-form-item label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> 19 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
23 <el-form-item label="受理时间："> 23 <el-form-item label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> 24 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 </el-row> 27 </el-row>
28 <el-row :gutter="10"> 28 <el-row :gutter="10">
29 <el-col :span="8"> 29 <el-col :span="8">
30 <el-form-item label="权利类型："> 30 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> 31 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="登记类型："> 35 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item label="登记情形："> 40 <el-form-item label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> 41 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
176 <el-row :gutter="10"> 176 <el-row :gutter="10">
177 <el-col :span="14"> 177 <el-col :span="14">
178 <el-form-item label="共有方式："> 178 <el-form-item label="共有方式：">
179 <el-radio-group v-model="ruleForm.slywxx.gyfs" :disabled="$route.query.viewtype"> 179 <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="$route.query.viewtype">
180 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 181 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 182 <el-radio label="2">按份所有</el-radio>
...@@ -184,15 +184,15 @@ ...@@ -184,15 +184,15 @@
184 </el-radio-group> 184 </el-radio-group>
185 </el-form-item> 185 </el-form-item>
186 </el-col> 186 </el-col>
187 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 187 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
188 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
189 <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> 189 <el-radio-group v-model="ruleForm.sldy.sqfbcz">
190 <el-radio label="1">是</el-radio> 190 <el-radio label="1">是</el-radio>
191 <el-radio label="0">否</el-radio> 191 <el-radio label="0">否</el-radio>
192 </el-radio-group> 192 </el-radio-group>
193 </el-form-item> 193 </el-form-item>
194 </el-col> 194 </el-col>
195 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 195 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
196 <el-form-item label="持证人："> 196 <el-form-item label="持证人：">
197 <el-select v-model="ruleForm.czr" placeholder="持证人"> 197 <el-select v-model="ruleForm.czr" placeholder="持证人">
198 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 198 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......
...@@ -11,34 +11,34 @@ ...@@ -11,34 +11,34 @@
11 <el-row :gutter="10"> 11 <el-row :gutter="10">
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="业务号："> 13 <el-form-item label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> 14 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="受理人员："> 18 <el-form-item label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> 19 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
23 <el-form-item label="受理时间："> 23 <el-form-item label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> 24 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 </el-row> 27 </el-row>
28 <el-row :gutter="10"> 28 <el-row :gutter="10">
29 <el-col :span="8"> 29 <el-col :span="8">
30 <el-form-item label="权利类型："> 30 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> 31 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="登记类型："> 35 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item label="登记情形："> 40 <el-form-item label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> 41 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
176 <el-row :gutter="10"> 176 <el-row :gutter="10">
177 <el-col :span="14"> 177 <el-col :span="14">
178 <el-form-item label="共有方式："> 178 <el-form-item label="共有方式：">
179 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> 179 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
180 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
181 <el-radio label="1">共同共有</el-radio> 181 <el-radio label="1">共同共有</el-radio>
182 <el-radio label="2">按份所有</el-radio> 182 <el-radio label="2">按份所有</el-radio>
...@@ -184,15 +184,15 @@ ...@@ -184,15 +184,15 @@
184 </el-radio-group> 184 </el-radio-group>
185 </el-form-item> 185 </el-form-item>
186 </el-col> 186 </el-col>
187 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 187 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
188 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
189 <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> 189 <el-radio-group v-model="ruleForm.sldy.sqfbcz">
190 <el-radio label="1">是</el-radio> 190 <el-radio label="1">是</el-radio>
191 <el-radio label="0">否</el-radio> 191 <el-radio label="0">否</el-radio>
192 </el-radio-group> 192 </el-radio-group>
193 </el-form-item> 193 </el-form-item>
194 </el-col> 194 </el-col>
195 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 195 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
196 <el-form-item label="持证人："> 196 <el-form-item label="持证人：">
197 <el-select v-model="ruleForm.czr" placeholder="持证人"> 197 <el-select v-model="ruleForm.czr" placeholder="持证人">
198 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 198 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -202,7 +202,7 @@ ...@@ -202,7 +202,7 @@
202 </el-col> 202 </el-col>
203 </el-row> 203 </el-row>
204 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 204 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 205 :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" />
206 <div class="slxx_title title-block"> 206 <div class="slxx_title title-block">
207 义务人信息 207 义务人信息
208 <div class="triangle"></div> 208 <div class="triangle"></div>
......
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 :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
10 :inline="flag" label-width="120px">
11 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block">
13 受理信息
14 <div class="triangle"></div>
15 </div>
16 <el-row :gutter="10">
17 <el-col :span="8">
18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item label="受理人员：">
24 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理时间：">
29 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <el-row :gutter="10">
34 <el-col :span="8">
35 <el-form-item label="权利类型：">
36 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记类型：">
41 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记情形：">
46 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 </el-row>
50 <div class="slxx_title title-block">
51 不动产单元情况
52 <div class="triangle"></div>
53 </div>
54 <el-row :gutter="10">
55 <el-col :span="8">
56 <el-form-item label="宗地代码：">
57 <el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input>
58 </el-form-item>
59 </el-col>
60 <el-col :span="8">
61 <el-form-item label="不动产单元号：">
62 <el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input>
63 </el-form-item>
64 </el-col>
65 <el-col :span="8">
66 <el-form-item label="权利性质：">
67 <el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
68 </el-form-item>
69 </el-col>
70 </el-row>
71 <el-row :gutter="10">
72 <el-col :span="8">
73 <el-form-item label="宗地面积：">
74 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="8">
78 <el-form-item label="土地用途：">
79 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
80 </el-form-item>
81 </el-col>
82 <el-col :span="8">
83 <el-form-item label="权利设定方式：">
84 <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
85 </el-form-item>
86 </el-col>
87 </el-row>
88 <el-row :gutter="10">
89 <el-col :span="8">
90 <el-form-item label="农用地面积：">
91 <el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="耕地面积：">
96 <el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="林地面积：">
101 <el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
102 </el-form-item>
103 </el-col>
104 </el-row>
105 <el-row :gutter="10">
106 <el-col :span="8">
107 <el-form-item label="草地面积：">
108 <el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
109 </el-form-item>
110 </el-col>
111 <el-col :span="8">
112 <el-form-item label="其他农用地面积：">
113 <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item label="建筑使用面积：">
118 <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <el-row :gutter="10">
123 <el-col :span="8">
124 <el-form-item label="未利用地面积：">
125 <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
126 </el-form-item>
127 </el-col>
128 <el-col :span="8">
129 <el-form-item label="面积单位：">
130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
131 </el-form-item>
132 </el-col>
133
134 </el-row>
135
136 <div class="slxx_title title-block">
137 权利人信息
138 <div class="triangle"></div>
139 </div>
140 <el-row :gutter="10">
141 <el-col :span="12">
142 <el-form-item label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype == 0" v-model="ruleForm.sldy.gyfs">
144 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio>
147 <el-radio label="3">其它共有</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'">
152 <el-form-item label="是否分别持证：">
153 <el-radio-group v-model="ruleForm.sldy.sqfbcz">
154 <el-radio :label=1>是</el-radio>
155 <el-radio :label=0>否</el-radio>
156 </el-radio-group>
157 </el-form-item>
158 </el-col>
159 <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0'&&ruleForm.sldy.gyfs == '1'">
160 <el-form-item label="持证人：">
161 <el-select v-model="ruleForm.czr" placeholder="持证人">
162 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
163 </el-option>
164 </el-select>
165 </el-form-item>
166 </el-col>
167 </el-row>
168 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :key="key"
169 :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" />
170
171 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
172 <div class="slxx_title title-block">
173 义务人信息
174 <div class="triangle"></div>
175 </div>
176 <qlrCommonTable v-if="ruleForm.ywrList" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList"
177 :viewtype="$route.query.viewtype" />
178 </div>
179
180 <div class="slxx_title title-block">
181 登记原因
182 <div class="triangle"></div>
183 </div>
184 <el-row :gutter="10">
185 <el-col>
186 <el-form-item label="登记原因：" prop="djyy">
187 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
188 v-model="ruleForm.tdsyq.djyy">
189 </el-input>
190 </el-form-item>
191 </el-col>
192 </el-row>
193 </div>
194 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
195 <el-form-item>
196 <el-button type="primary" @click="onSubmit">保存</el-button>
197 </el-form-item>
198 </el-row>
199 </el-form>
200 </div>
201 </template>
202 <script>
203 import { mapGetters } from "vuex"
204 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
205 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
206 export default {
207 mounted () {
208 this.ableOperation = this.$parent.currentSelectTab.ableOperation
209 this.propsParam = this.$attrs;
210 var formdata = new FormData();
211 let that = this
212 this.$startLoading();
213 formdata.append("bsmSldy", this.propsParam.bsmSldy);
214 formdata.append("djlx", this.propsParam.djlx);
215 formdata.append("isEdit", this.ableOperation);
216 Init(formdata).then((res) => {
217 this.$nextTick(() => {
218 that.ruleForm = res.result;
219 that.$endLoading();
220 that.isShow = true;
221 this.czrOptions = this.ruleForm.qlrList;
222 })
223 })
224 },
225 components: { qlrCommonTable },
226 computed: {
227 ...mapGetters(["dictData", "flag"])
228 },
229 data () {
230 return {
231 //表单是否可操作
232 ableOperation: true,
233 key: 0,
234 isShow: false,
235 disabled: true,
236 czrOptions: [],
237 ruleForm: {},
238 //传递参数
239 propsParam: {},
240 rules: {}
241 }
242 },
243 methods: {
244 // 更新权利人信息
245 upDateQlrxxList (val) {
246 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
247 this.czrOptions = this.ruleForm.qlrList;
248 this.key++
249 },
250 // 更新义务人信息
251 upDateYwrxxList (val) {
252 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val))
253 this.key++
254 },
255 onSubmit () {
256 if (this.ruleForm.qlrList.length == 0) {
257 this.$message({
258 showClose: true,
259 message: "请确认权利人信息",
260 type: "error",
261 });
262 return false;
263 }
264
265 if (this.ruleForm.sldy.gyfs == "0") {
266 if (this.ruleForm.qlrList.length > 1) {
267 this.$message({
268 showClose: true,
269 message: "共有方式：单独所有，权利人只能是一个人",
270 type: "error",
271 });
272 return false;
273 }
274 this.ruleForm.qlrList[0].sfczr = "1";
275 }
276 if (this.ruleForm.sldy.gyfs == "1") {
277 //是否分别持证
278 if (this.ruleForm.sldy.sqfbcz == '1') { //是
279 this.ruleForm.qlrList.forEach((item, index) => {
280 item.sfczr = "1"
281 });
282 } else {
283 this.ruleForm.qlrList.forEach((item, index) => {
284 if (item.zjh == this.ruleForm.czr) {
285 item.sfczr = "1"
286 } else {
287 item.sfczr = "0"
288 }
289 })
290 }
291 }
292 saveData(this.ruleForm).then((res) => {
293 if (res.code === 200) {
294 this.$message({
295 showClose: true,
296 message: "保存成功！",
297 type: "success"
298 })
299 this.$store.dispatch('user/refreshPage', true);
300 } else {
301 this.$message({
302 showClose: true,
303 message: res.message,
304 type: "error"
305 })
306 }
307 })
308 }
309 }
310 }
311 </script>
312 <style scoped lang='scss'>
313 @import "~@/styles/public.scss";
314 @import "~@/styles/slxx/slxx.scss";
315 </style>
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <el-row :gutter="10" v-if="ruleForm.slsq"> 11 <el-row :gutter="10" v-if="ruleForm.slsq">
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="业务号："> 13 <el-form-item label="业务号：">
14 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 14 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
...@@ -28,12 +28,12 @@ ...@@ -28,12 +28,12 @@
28 <el-row :gutter="10" v-if="ruleForm.slsq"> 28 <el-row :gutter="10" v-if="ruleForm.slsq">
29 <el-col :span="8"> 29 <el-col :span="8">
30 <el-form-item label="权利类型："> 30 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 31 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="登记类型："> 35 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
111 <el-row :gutter="10"> 111 <el-row :gutter="10">
112 <el-col :span="14" v-if="ruleForm.qlxx"> 112 <el-col :span="14" v-if="ruleForm.qlxx">
113 <el-form-item label="共有方式："> 113 <el-form-item label="共有方式：">
114 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs"> 114 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
115 <el-radio label="0">单独所有</el-radio> 115 <el-radio label="0">单独所有</el-radio>
116 <el-radio label="1">共同共有</el-radio> 116 <el-radio label="1">共同共有</el-radio>
117 <el-radio label="2">按份所有</el-radio> 117 <el-radio label="2">按份所有</el-radio>
...@@ -120,13 +120,13 @@ ...@@ -120,13 +120,13 @@
120 </el-form-item> 120 </el-form-item>
121 </el-col> 121 </el-col>
122 </el-row> 122 </el-row>
123 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 123 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
124 :gyfs="ruleForm.qlxx.gyfs" /> 124 :gyfs="ruleForm.qlxx.gyfs" />
125 <div class="slxx_title title-block"> 125 <div class="slxx_title title-block">
126 义务人信息 126 义务人信息
127 <div class="triangle"></div> 127 <div class="triangle"></div>
128 </div> 128 </div>
129 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 129 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
130 :gyfs="ruleForm.qlxx.gyfs" /> 130 :gyfs="ruleForm.qlxx.gyfs" />
131 <div class="slxx_title title-block"> 131 <div class="slxx_title title-block">
132 登记原因 132 登记原因
......
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
114 <el-row :gutter="10"> 114 <el-row :gutter="10">
115 <el-col :span="14" v-if="ruleForm.qlxx"> 115 <el-col :span="14" v-if="ruleForm.qlxx">
116 <el-form-item label="共有方式："> 116 <el-form-item label="共有方式：">
117 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs"> 117 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
118 <el-radio label="0">单独所有</el-radio> 118 <el-radio label="0">单独所有</el-radio>
119 <el-radio label="1">共同共有</el-radio> 119 <el-radio label="1">共同共有</el-radio>
120 <el-radio label="2">按份所有</el-radio> 120 <el-radio label="2">按份所有</el-radio>
...@@ -123,14 +123,14 @@ ...@@ -123,14 +123,14 @@
123 </el-form-item> 123 </el-form-item>
124 </el-col> 124 </el-col>
125 </el-row> 125 </el-row>
126 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 126 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
127 :gyfs="ruleForm.qlxx.gyfs" /> 127 :gyfs="ruleForm.sldy.gyfs" />
128 <div class="slxx_title title-block"> 128 <div class="slxx_title title-block">
129 义务人信息 129 义务人信息
130 <div class="triangle"></div> 130 <div class="triangle"></div>
131 </div> 131 </div>
132 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 132 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
133 :gyfs="ruleForm.qlxx.gyfs" /> 133 :gyfs="ruleForm.sldy.gyfs" />
134 <div class="slxx_title title-block"> 134 <div class="slxx_title title-block">
135 登记原因 135 登记原因
136 <div class="triangle"></div> 136 <div class="triangle"></div>
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <el-row :gutter="10" v-if="ruleForm.slsq"> 11 <el-row :gutter="10" v-if="ruleForm.slsq">
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="业务号："> 13 <el-form-item label="业务号：">
14 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input> 14 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
...@@ -28,12 +28,12 @@ ...@@ -28,12 +28,12 @@
28 <el-row :gutter="10" v-if="ruleForm.slsq"> 28 <el-row :gutter="10" v-if="ruleForm.slsq">
29 <el-col :span="8"> 29 <el-col :span="8">
30 <el-form-item label="权利类型："> 30 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> 31 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="登记类型："> 35 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
...@@ -136,13 +136,13 @@ ...@@ -136,13 +136,13 @@
136 <el-col :span="16"> 136 <el-col :span="16">
137 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定："> 137 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
138 <el-input v-model="ruleForm.ygdj.sfczjzhxz" 138 <el-input v-model="ruleForm.ygdj.sfczjzhxz"
139 :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input> 139 :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
140 </el-form-item> 140 </el-form-item>
141 </el-col> 141 </el-col>
142 <el-col :span="8"> 142 <el-col :span="8">
143 <el-form-item label="担保范围："> 143 <el-form-item label="担保范围：">
144 <el-input v-model="ruleForm.ygdj.dbfw" 144 <el-input v-model="ruleForm.ygdj.dbfw"
145 :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input> 145 :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
146 </el-form-item> 146 </el-form-item>
147 </el-col> 147 </el-col>
148 148
...@@ -159,9 +159,9 @@ ...@@ -159,9 +159,9 @@
159 <div class="triangle"></div> 159 <div class="triangle"></div>
160 </div> 160 </div>
161 <el-row :gutter="10"> 161 <el-row :gutter="10">
162 <el-col :span="14" v-if="ruleForm.qlxx"> 162 <el-col :span="14">
163 <el-form-item label="共有方式："> 163 <el-form-item label="共有方式：">
164 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs"> 164 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
165 <el-radio label="0">单独所有</el-radio> 165 <el-radio label="0">单独所有</el-radio>
166 <el-radio label="1">共同共有</el-radio> 166 <el-radio label="1">共同共有</el-radio>
167 <el-radio label="2">按份所有</el-radio> 167 <el-radio label="2">按份所有</el-radio>
...@@ -170,14 +170,14 @@ ...@@ -170,14 +170,14 @@
170 </el-form-item> 170 </el-form-item>
171 </el-col> 171 </el-col>
172 </el-row> 172 </el-row>
173 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 173 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
174 :gyfs="ruleForm.qlxx.gyfs" /> 174 :gyfs="ruleForm.sldy.gyfs" />
175 <div class="slxx_title title-block"> 175 <div class="slxx_title title-block">
176 义务人信息 176 义务人信息
177 <div class="triangle"></div> 177 <div class="triangle"></div>
178 </div> 178 </div>
179 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" 179 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
180 :gyfs="ruleForm.qlxx.gyfs" /> 180 :gyfs="ruleForm.sldy.gyfs" />
181 <div class="slxx_title title-block"> 181 <div class="slxx_title title-block">
182 登记原因 182 登记原因
183 <div class="triangle"></div> 183 <div class="triangle"></div>
......
...@@ -11,34 +11,34 @@ ...@@ -11,34 +11,34 @@
11 <el-row :gutter="10"> 11 <el-row :gutter="10">
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="业务号："> 13 <el-form-item label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> 14 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="受理人员："> 18 <el-form-item label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> 19 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="8">
23 <el-form-item label="受理时间："> 23 <el-form-item label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> 24 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 </el-row> 27 </el-row>
28 <el-row :gutter="10"> 28 <el-row :gutter="10">
29 <el-col :span="8"> 29 <el-col :span="8">
30 <el-form-item label="权利类型：" prop="qllx"> 30 <el-form-item label="权利类型：" prop="qllx">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> 31 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="登记类型：" prop="djlx"> 35 <el-form-item label="登记类型：" prop="djlx">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> 36 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item label="登记情形：" prop="djqx"> 40 <el-form-item label="登记情形：" prop="djqx">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> 41 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
155 <el-col :span="24"> 155 <el-col :span="24">
156 <el-form-item label="担保范围："> 156 <el-form-item label="担保范围：">
157 <el-input v-model="ruleForm.diyaq.dbfw" 157 <el-input v-model="ruleForm.diyaq.dbfw"
158 :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input> 158 :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
159 </el-form-item> 159 </el-form-item>
160 </el-col> 160 </el-col>
161 </el-row> 161 </el-row>
...@@ -181,7 +181,7 @@ ...@@ -181,7 +181,7 @@
181 <el-row :gutter="10"> 181 <el-row :gutter="10">
182 <el-col :span="14"> 182 <el-col :span="14">
183 <el-form-item label="共有方式："> 183 <el-form-item label="共有方式：">
184 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> 184 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
185 <el-radio label="0">单独所有</el-radio> 185 <el-radio label="0">单独所有</el-radio>
186 <el-radio label="1">共同共有</el-radio> 186 <el-radio label="1">共同共有</el-radio>
187 <el-radio label="2">按份所有</el-radio> 187 <el-radio label="2">按份所有</el-radio>
...@@ -189,15 +189,15 @@ ...@@ -189,15 +189,15 @@
189 </el-radio-group> 189 </el-radio-group>
190 </el-form-item> 190 </el-form-item>
191 </el-col> 191 </el-col>
192 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 192 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
193 <el-form-item label="是否分别持证："> 193 <el-form-item label="是否分别持证：">
194 <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> 194 <el-radio-group v-model="ruleForm.sldy.sqfbcz">
195 <el-radio label="1">是</el-radio> 195 <el-radio label="1">是</el-radio>
196 <el-radio label="0">否</el-radio> 196 <el-radio label="0">否</el-radio>
197 </el-radio-group> 197 </el-radio-group>
198 </el-form-item> 198 </el-form-item>
199 </el-col> 199 </el-col>
200 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 200 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
201 <el-form-item label="持证人："> 201 <el-form-item label="持证人：">
202 <el-select v-model="ruleForm.czr" placeholder="持证人"> 202 <el-select v-model="ruleForm.czr" placeholder="持证人">
203 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 203 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -207,7 +207,7 @@ ...@@ -207,7 +207,7 @@
207 </el-col> 207 </el-col>
208 </el-row> 208 </el-row>
209 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 209 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
210 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 210 :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" />
211 <div class="slxx_title title-block"> 211 <div class="slxx_title title-block">
212 抵押人信息 212 抵押人信息
213 <div class="triangle"></div> 213 <div class="triangle"></div>
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
221 </div> 221 </div>
222 <el-row :gutter="10"> 222 <el-row :gutter="10">
223 <el-col> 223 <el-col>
224 <el-form-item v-if="ruleForm.slywxx.djlx == '400'" label="注销抵押原因：" prop="djyy"> 224 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy">
225 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 225 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
226 v-model="ruleForm.diyaq.zxdyyy"> 226 v-model="ruleForm.diyaq.zxdyyy">
227 </el-input> 227 </el-input>
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
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" :calcHeight="300"
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>
......
...@@ -8,6 +8,8 @@ export function queueDjywmc(djywbm, djqxbm) { ...@@ -8,6 +8,8 @@ export function queueDjywmc(djywbm, djqxbm) {
8 } 8 }
9 let vm = null; 9 let vm = null;
10 switch (djywbm) { 10 switch (djywbm) {
11 case "A01100"://国有土地所有权（首次登记）
12 case "A02100"://集体土地所有权（首次登记）
11 case "A03100"://建设用地使用权（首次登记） 13 case "A03100"://建设用地使用权（首次登记）
12 case "A05100"://宅基地使用权（首次登记） 14 case "A05100"://宅基地使用权（首次登记）
13 case "A07100"://集体建设用地使用权（首次登记） 15 case "A07100"://集体建设用地使用权（首次登记）
......
...@@ -8,7 +8,7 @@ class data extends filter { ...@@ -8,7 +8,7 @@ class data extends filter {
8 constructor() { 8 constructor() {
9 super() 9 super()
10 } 10 }
11 columns() { 11 columns () {
12 return [ 12 return [
13 { 13 {
14 label: '序号', 14 label: '序号',
...@@ -52,17 +52,7 @@ class data extends filter { ...@@ -52,17 +52,7 @@ class data extends filter {
52 label: "业务号", 52 label: "业务号",
53 width: '100' 53 width: '100'
54 }, 54 },
55 { 55
56 label: "证书内容",
57 width: '80',
58 render: (h, scope) => {
59 return (
60 <div>
61 <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link>
62 </div>
63 )
64 }
65 },
66 { 56 {
67 prop: "ysxlh", 57 prop: "ysxlh",
68 label: "印刷序列号", 58 label: "印刷序列号",
...@@ -75,17 +65,18 @@ class data extends filter { ...@@ -75,17 +65,18 @@ class data extends filter {
75 { 65 {
76 prop: "bdcqzh", 66 prop: "bdcqzh",
77 label: "不动产权证号", 67 label: "不动产权证号",
78 minWidth: '110' 68 minWidth: '120'
79 }, 69 },
80 { 70 {
81 prop: "qlr", 71 prop: "qlr",
82 label: "权利人", 72 label: "权利人",
73 minWidth: '100'
83 }, 74 },
84 { 75 {
85 prop: "ywr", 76 prop: "ywr",
86 label: "义务人", 77 label: "义务人",
87 }, 78 },
88 79
89 { 80 {
90 prop: "bdcdyh", 81 prop: "bdcdyh",
91 label: "不动产单元号", 82 label: "不动产单元号",
...@@ -95,6 +86,17 @@ class data extends filter { ...@@ -95,6 +86,17 @@ class data extends filter {
95 prop: "zl", 86 prop: "zl",
96 label: "坐落" 87 label: "坐落"
97 }, 88 },
89 {
90 label: "证书内容",
91 width: '80',
92 render: (h, scope) => {
93 return (
94 <div>
95 <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link>
96 </div>
97 )
98 }
99 },
98 ] 100 ]
99 } 101 }
100 } 102 }
......