Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9d93fbd3 by xiaomiao
Options

--no commit message

1 parent 274202c3
Inline Side-by-side
Showing 14 changed files with 688 additions and 1134 deletions
1 <!--
2 * @Description: 权利人列表
3 * @Autor: miaofang
4 * @LastEditTime: 2023-06-14 10:40:48
5 -->
6 <template>
7 <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
8 </lb-table>
9 </template>
10 <script>
11 import addQlr from './dialog/addQlr.vue'
12 import { mapGetters } from 'vuex'
13 export default {
14 components: {
15 addQlr
16 },
17 computed: {
18 ...mapGetters(["dictData"]),
19 },
20 props: {
21 tableData: {
22 type: Array,
23 default: function () {
24 return []
25 }
26 },
27 gyfs: {
28 type: String,
29 default: '1'
30 }
31 },
32 data () {
33 return {
34 key: 0,
35 dataIndex: 0,
36 dialog: false,
37 details: {},
38 tableDataList: [],
39 qlrCommonTable: [
40 {
41 label: '序号',
42 type: 'index',
43 width: '50',
44 render: (h, scope) => {
45 return (
46 <div>
47 {scope.$index + 1}
48 </div>
49 )
50 }
51 },
52 {
53 prop: "qllxmc",
54 label: "权利类型"
55 },
56 {
57 prop: "bdcqzh",
58 label: "不动产权证号"
59 },
60 {
61 prop: "qlrmc",
62 label: "权利人"
63 },
64 {
65 prop: "ytmc",
66 label: "用途"
67 },
68 {
69 prop: "mj",
70 label: "面积"
71 },
72 {
73 prop: "zl",
74 label: "坐落"
75 },
76 ],
77 column: this.qlrCommonTable
78 }
79 },
80 watch: {
81 tableData: {
82 handler: function (val, oldVal) {
83 let that = this
84 if (val.length == 0 || !val) {
85 that.tableDataList = _.cloneDeep([{
86 sqrmc: '',
87 dlrzjlx: '',
88 dlrzjh: '',
89 fr: ''
90 }])
91 } else {
92 that.tableDataList = _.cloneDeep(val)
93 }
94 },
95 immediate: true,
96 deep: true
97 },
98 gyfs: {
99 handler (newVal, oldValue) {
100 let dataList = _.cloneDeep(this.qlrCommonTable)
101 if (newVal == '1') {
102 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
103 } else if ((newVal == '2')) {
104 this.column = dataList
105 } else {
106 this.column = _.cloneDeep(dataList)
107 this.column.splice(
108 2, 0, {
109 prop: "fs",
110 label: "份数"
111 })
112 }
113 },
114 immediate: true
115 }
116 },
117 methods: {
118 }
119 }
120 </script>
121 <style scoped lang='scss'>
122 </style>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
10 <el-row> 10 <el-row>
11 <el-col :span="8"> 11 <el-col :span="8">
12 <el-form-item label="权利人类型" prop="sqrlx"> 12 <el-form-item label="权利人类型1" prop="sqrlx">
13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> 13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option> 15 </el-option>
......
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="120px">
10 <el-row>
11 <el-col :span="8">
12 <el-form-item label="义务人类型1" prop="sqrlx">
13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="姓名/名称" prop="sqrmc">
21 <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="证件种类" prop="zjzl">
26 <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
27 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
28 </el-option>
29 </el-select>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <el-row>
34 <el-col :span="8">
35 <el-form-item label="证件号" prop="zjh">
36 <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="联系电话" prop="dh">
41 <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="性别">
46 <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
47 <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
48 </el-option>
49 </el-select>
50 </el-form-item>
51 </el-col>
52 </el-row>
53 <el-row>
54 <el-col :span="8">
55 <el-form-item label="法人名称">
56 <el-input v-model="ruleForm.frmc"></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="国家/地区">
61 <el-input v-model="ruleForm.gjdq"></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="户籍所在省市">
66 <el-input v-model="ruleForm.szss"></el-input>
67 </el-form-item>
68 </el-col>
69 </el-row>
70
71 <el-row>
72 <el-col :span="16">
73 <el-form-item label="地址">
74 <el-input v-model="ruleForm.txdz"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="8">
78 <el-form-item label="邮编">
79 <el-input v-model="ruleForm.yb"></el-input>
80 </el-form-item>
81 </el-col>
82 </el-row>
83
84 <el-row>
85 <el-col :span="8">
86 <el-form-item label="发证机关">
87 <el-input v-model="ruleForm.fzjg"></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.dzyj"></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.qlbl"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101
102 <el-row>
103 <el-col :span="8">
104 <el-form-item label="工作单位">
105 <el-input v-model="ruleForm.gzdw"></el-input>
106 </el-form-item>
107 </el-col>
108 <el-col :span="16">
109 <el-form-item label="代理机构">
110 <el-input v-model="ruleForm.dljg"></el-input>
111 </el-form-item>
112 </el-col>
113 </el-row>
114
115 <el-row>
116 <el-col :span="8">
117 <el-form-item label="联系电话">
118 <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
119 </el-form-item>
120 </el-col>
121 <el-col :span="8">
122 <el-form-item label="代理人姓名">
123 <el-input v-model="ruleForm.dlrxm"></el-input>
124 </el-form-item>
125 </el-col>
126 <el-col :span="8">
127 <el-form-item label="代理人证件类型">
128 <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
129 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
130 </el-option>
131 </el-select>
132 </el-form-item>
133 </el-col>
134 </el-row>
135 <el-row>
136 <el-col :span="8">
137 <el-form-item label="代理人证件号">
138 <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input>
139 </el-form-item>
140 </el-col>
141 </el-row>
142 </el-form>
143 </dialogBox>
144 </template>
145 <script>
146 import { mapGetters } from "vuex";
147 export default {
148 props: {
149 value: { type: Boolean, default: false },
150 details: { type: Object, default: {} },
151 showButton: { type: Boolean, default: false }
152 },
153 computed: {
154 ...mapGetters(["dictData"]),
155 },
156 data () {
157 return {
158 myValue: this.value,
159 ruleForm: {
160 sqrlx: "",
161 sqrmc: "",
162 zjzl: "",
163 zjh: "",
164 dh: "",
165 xb: "",
166 frmc: "",
167 gjdq: "",
168 szss: "",
169 txdz: "",
170 yb: "",
171 fzjg: "",
172 dzyj: "",
173 qlbl: "",
174 gzdw: "",
175 dljg: "",
176 dlrxm: "",
177 dlrzjlx: "",
178 dlrzjh: "",
179 },
180 rules: {
181 sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
182 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
183 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
184 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
185 },
186 };
187 },
188 watch: {
189 value (val) {
190 this.myValue = _.cloneDeep(val);
191 },
192 details: {
193 handler: function (val, oldVal) {
194 this.ruleForm = val;
195 },
196 deep: true,
197 },
198 },
199 methods: {
200 closeDialog () {
201 this.$emit("input", false);
202 this.$refs["ruleForm"].resetFields();
203 },
204 submitForm () {
205 this.$refs.ruleForm.validate((valid) => {
206 if (valid) {
207 this.$emit("input", false);
208 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
209 } else {
210 return false;
211 }
212 });
213 },
214 },
215 };
216 </script>
217 <style scoped lang="scss">
218 @import "~@/styles/dialogBoxheader.scss";
219 .submit-button {
220 text-align: center;
221 height: 52px;
222 padding-top: 10px;
223 background-color: #fff;
224 }
225 </style>
...@@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; ...@@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation";
4 var qlxxPage = [ 4 var qlxxPage = [
5 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, 5 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
6 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, 6 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
7 { qllx: "A03", id: "fdcq2", form: "jsydsyq.vue", label: "国有建设用地使用权" }, 7 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
8 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, 8 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
9 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, 9 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
10 { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, 10 { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" },
...@@ -75,7 +75,9 @@ export function getNode(qllx, qlxx, bdcdylx) { ...@@ -75,7 +75,9 @@ export function getNode(qllx, qlxx, bdcdylx) {
75 if (bdcdylx == "4") { 75 if (bdcdylx == "4") {
76 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; 76 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label};
77 } else { 77 } else {
78
78 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; 79 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
80 console.log("node",node);
79 } 81 }
80 } else { 82 } else {
81 console.log("jin1111"); 83 console.log("jin1111");
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:35 4 * @LastEditTime: 2023-05-17 10:41:20
5 --> 5 -->
6 <template> 6 <template>
7 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> 7 <div>
8 </lb-table> 8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
9 :data="tableDataList">
10 </lb-table>
11 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
12 </div>
9 </template> 13 </template>
10 <script> 14 <script>
11 import addQlr from './dialog/addQlr.vue' 15 import addYwr from './dialog/addYwr.vue'
12 import { mapGetters } from 'vuex' 16 import { mapGetters } from 'vuex'
13 export default { 17 export default {
14 components: { 18 components: {
15 addQlr 19 addYwr
16 }, 20 },
17 computed: { 21 computed: {
18 ...mapGetters(["dictData"]), 22 ...mapGetters(["dictData"]),
...@@ -34,14 +38,16 @@ ...@@ -34,14 +38,16 @@
34 key: 0, 38 key: 0,
35 dataIndex: 0, 39 dataIndex: 0,
36 dialog: false, 40 dialog: false,
41 isaddupdate: false,
42 showButton: this.$route.query.viewtype ? false : true,
37 details: {}, 43 details: {},
38 tableDataList: [], 44 tableDataList: [],
39 qlrCommonTable: [ 45 InformationTable: [
40 { 46 {
41 width: '50', 47 width: '50',
42 renderHeader: (h, scope) => { 48 renderHeader: (h, scope) => {
43 return <div> { 49 return <div> {
44 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> 50 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
45 } 51 }
46 </div> 52 </div>
47 }, 53 },
...@@ -50,19 +56,33 @@ ...@@ -50,19 +56,33 @@
50 <div> 56 <div>
51 { 57 {
52 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : 58 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
53 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> 59 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
54 } 60 }
55 </div> 61 </div>
56 ) 62 )
57 } 63 }
58 }, 64 },
59 { 65 {
66 label: '身份证读卡器',
67 align: 'center',
68 render: (h, scope) => {
69 return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
70 }
71 },
72 {
60 prop: "sqrmc", 73 prop: "sqrmc",
61 label: "姓名/名称" 74 label: "姓名/名称"
62 }, 75 },
63 { 76 {
64 prop: "zjzl", 77 prop: "zjzl",
65 label: "证件种类" 78 label: "证件种类",
79 render: (h, scope) => {
80 return this.dictData['A30'] && this.dictData['A30'].map(option => {
81 if (option.dcode == scope.row.zjzl) {
82 return <span>{option.dname}</span>
83 }
84 })
85 }
66 }, 86 },
67 { 87 {
68 prop: "zjh", 88 prop: "zjh",
...@@ -73,49 +93,55 @@ ...@@ -73,49 +93,55 @@
73 label: "联系电话" 93 label: "联系电话"
74 }, 94 },
75 { 95 {
76 prop: "frmc",
77 label: "法人"
78 },
79 {
80 label: '操作', 96 label: '操作',
81 render: (h, scope) => { 97 render: (h, scope) => {
82 return ( 98 return (
83 <div> 99 <div>
84 { 100 {
85 <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button> 101 this.$route.query.viewtype ? <el-button
102 icon="el-icon-view"
103 type="text"
104 onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
105 icon="el-icon-edit-outline"
106 type="text"
107 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
86 } 108 }
87 </div> 109 </div>
88 ) 110 )
89 } 111 }
90 } 112 }
91 ], 113 ],
92 column: this.qlrCommonTable 114 column: []
93 } 115 }
94 }, 116 },
95 watch: { 117 watch: {
96 tableData: { 118 tableData: {
97 handler: function (val, oldVal) { 119 handler: function (val, oldVal) {
98 let that = this 120 let that = this
99 if (val.length == 0 || !val) { 121 this.$nextTick(() => {
100 that.tableDataList = _.cloneDeep([{ 122 if (val.length == 0 || !val) {
101 sqrmc: '', 123 that.tableDataList = _.cloneDeep([{
102 dlrzjlx: '', 124 sqrmc: '',
103 dlrzjh: '', 125 dlrzjlx: '',
104 fr: '' 126 dlrzjh: '',
105 }]) 127 fr: ''
106 } else { 128 }])
107 that.tableDataList = _.cloneDeep(val) 129 } else {
108 } 130 that.tableDataList = _.cloneDeep(val)
131 }
132 })
109 }, 133 },
110 immediate: true, 134 immediate: true,
111 deep: true 135 deep: true
112 }, 136 },
113 gyfs: { 137 gyfs: {
114 handler (newVal, oldValue) { 138 handler (newVal, oldValue) {
115 let dataList = _.cloneDeep(this.qlrCommonTable) 139 let dataList = _.cloneDeep(this.InformationTable)
116 if (newVal == '1') { 140 if (newVal == 0) {
117 this.column = _.cloneDeep(dataList).slice(1, dataList.length) 141 // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
118 } else if ((newVal == '2')) { 142 this.column = _.cloneDeep(dataList)
143
144 } else if ((newVal == '1' || newVal == '3')) {
119 this.column = dataList 145 this.column = dataList
120 } else { 146 } else {
121 this.column = _.cloneDeep(dataList) 147 this.column = _.cloneDeep(dataList)
...@@ -130,33 +156,66 @@ ...@@ -130,33 +156,66 @@
130 } 156 }
131 }, 157 },
132 methods: { 158 methods: {
133 updateDetail (value) { 159 handleupdateDetail (value) {
134 this.tableDataList[this.dataIndex] = value 160 if (this.isaddupdate) {
161 if (!_.isEqual(value, this.tableData)) {
162 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
163 this.$emit('upDateQlrxxList', this.tableDataList)
164 }
165 } else {
166 if (!_.isEqual(value, this.tableData)) {
167 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
168 this.$emit('upDateQlrxxList', this.tableDataList)
169 }
170 }
135 this.key++ 171 this.key++
136 this.$emit('upDateQlrxxList', this.tableDataList)
137 }, 172 },
138 // 添加 173 // 新增
139 handleAdd () { 174 addClick () {
140 this.dialog = true 175 if (this.gyfs == '0' && this.tableDataList.length > 0) {
176 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
177 } else {
178 this.dialog = true
179 this.isaddupdate = true
180 }
141 }, 181 },
142 // 减 182
143 handleMinus (index, row) { 183 // 删除
144 this.tableData.splice(index, 1) 184 deleClick (index, row) {
185 this.$confirm('确定要删除吗, 是否继续?', '提示', {
186 confirmButtonText: '确定',
187 cancelButtonText: '取消',
188 type: 'warning'
189 }).then(() => {
190 this.tableData.splice(index, 1)
191 }).catch(() => {
192 });
145 }, 193 },
194
146 // 身份证读取 195 // 身份证读取
147 readClick () { }, 196 readClick () { },
197
148 // 修改 198 // 修改
149 handleEdit (index, row) { 199 editClick (index, row) {
150 console.log(row, 'rowrowrowrowrow'); 200 // popupDialog("申请人信息", "workflow/components/addYwr", {
201 // showButton: this.$route.query.viewtype ? false : true,
202 // dataIndex :index,
203 // details :row,
204 // isaddupdate :false
205 // });
151 this.dataIndex = index 206 this.dataIndex = index
152 this.dialog = true 207 this.dialog = true
153 this.details = row 208 this.details = row
209 this.isaddupdate = false
154 }, 210 },
155 handleView () { 211 queryViewClick (index, row) {
212 // popupDialog("申请人信息", "workflow/components/addYwr", {
213 // showButton: this.$route.query.viewtype ? false : true,
214 // details: row,
215 // });
156 this.dialog = true 216 this.dialog = true
217 this.details = row
157 } 218 }
158 } 219 }
159 } 220 }
160 </script> 221 </script>
161 <style scoped lang='scss'>
162 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-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,126 +65,17 @@ ...@@ -66,126 +65,17 @@
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">
76 <el-form-item label="房地坐落："> 75 <el-form-item label="不动产坐落：">
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">
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"> 79 <el-col :span="8">
190 <el-form-item label="不动产权证号："> 80 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 81 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
...@@ -212,30 +102,6 @@ ...@@ -212,30 +102,6 @@
212 </el-form-item> 102 </el-form-item>
213 </el-col> 103 </el-col>
214 </el-row> 104 </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 <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"> 105 <div class="slxx_title title-block">
240 权利人信息 106 权利人信息
241 <div class="triangle"></div> 107 <div class="triangle"></div>
...@@ -244,9 +110,7 @@ ...@@ -244,9 +110,7 @@
244 <el-col :span="12"> 110 <el-col :span="12">
245 <el-form-item label="共有方式："> 111 <el-form-item label="共有方式：">
246 <el-radio-group 112 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 113 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 114 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 115 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 116 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +118,26 @@ ...@@ -254,46 +118,26 @@
254 </el-radio-group> 118 </el-radio-group>
255 </el-form-item> 119 </el-form-item>
256 </el-col> 120 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 121 </el-row>
274 <qlrCommonTable 122 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 123 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 124 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 125 :key="key"
278 :viewtype="$route.query.viewtype" 126 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 127
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 128 <div>
283 <div class="slxx_title title-block"> 129 <div class="slxx_title title-block">
284 义务人信息 130 义务人信息
285 <div class="triangle"></div> 131 <div class="triangle"></div>
286 </div> 132 </div>
287 <qlrCommonTable 133 <ywrCommonTable
288 v-if="ruleForm.ywrList" 134 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 135 :tableData="ruleForm.ywrData"
290 :key="key" 136 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 137 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 138 </div>
295 </div> 139 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 140 <el-row class="btn">
297 <el-form-item> 141 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 142 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 143 </el-form-item>
...@@ -303,12 +147,12 @@ ...@@ -303,12 +147,12 @@
303 </template> 147 </template>
304 <script> 148 <script>
305 import { mapGetters } from "vuex"; 149 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 150 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 151 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 152 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 153 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 154 export default {
311 components: { qlrCommonTable,tdytTable }, 155 components: { qlrCommonTable,ywrCommonTable,tdytTable },
312 computed: { 156 computed: {
313 ...mapGetters(["dictData", "flag"]), 157 ...mapGetters(["dictData", "flag"]),
314 }, 158 },
...@@ -316,7 +160,6 @@ export default { ...@@ -316,7 +160,6 @@ export default {
316 return { 160 return {
317 //表单是否可操作 161 //表单是否可操作
318 propsParam: this.$attrs, 162 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 163 key: 0,
321 isShow: false, 164 isShow: false,
322 disabled: true, 165 disabled: true,
...@@ -332,35 +175,37 @@ export default { ...@@ -332,35 +175,37 @@ export default {
332 mounted() {}, 175 mounted() {},
333 methods: { 176 methods: {
334 loadData() { 177 loadData() {
178 console.log("预告登记",this.propsParam);
335 init(this.propsParam.bsmRepair).then((res) => { 179 init(this.propsParam.bsmRepair).then((res) => {
336 if (res.code == 200) { 180 if (res.code == 200) {
337
338 this.ruleForm = res.result; 181 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 182 console.log("this.ruleForm",this.ruleForm);
340 this.isShow = true; 183 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 } 184 }
349 }); 185 });
350 }, 186 },
187 // 更新土地用途信息
188 upDateTdytxxList(val) {
189 console.log("VAL",val);
190 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
191 this.key++;
192 },
351 // 更新权利人信息 193 // 更新权利人信息
352 upDateQlrxxList(val) { 194 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 195 console.log("val",val);
354 this.czrOptions = this.ruleForm.qlrList; 196 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
197 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
198 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 199 this.key++;
356 }, 200 },
357 // 更新义务人信息 201 // 更新义务人信息
358 upDateYwrxxList(val) { 202 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 203 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 204 this.key++;
361 }, 205 },
362 onSubmit() { 206 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 207 console.log("this.ruleForm大信息",this.ruleForm);
208 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 209 this.$message({
365 showClose: true, 210 showClose: true,
366 message: "请确认权利人信息", 211 message: "请确认权利人信息",
...@@ -370,7 +215,7 @@ export default { ...@@ -370,7 +215,7 @@ export default {
370 } 215 }
371 216
372 if (this.ruleForm.qlxx.gyfs == "0") { 217 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 218 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 219 this.$message({
375 showClose: true, 220 showClose: true,
376 message: "共有方式：单独所有，权利人只能是一个人", 221 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -378,17 +223,17 @@ export default { ...@@ -378,17 +223,17 @@ export default {
378 }); 223 });
379 return false; 224 return false;
380 } 225 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 226 this.ruleForm.qlrData[0].sfczr = "1";
382 } 227 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 228 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 229 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 230 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 231 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 232 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 233 item.sfczr = "1";
389 }); 234 });
390 } else { 235 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 236 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 237 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 238 item.sfczr = "1";
394 } else { 239 } else {
...@@ -397,7 +242,7 @@ export default { ...@@ -397,7 +242,7 @@ export default {
397 }); 242 });
398 } 243 }
399 } 244 }
400 saveData(this.ruleForm).then((res) => { 245 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 246 if (res.code === 200) {
402 this.$message({ 247 this.$message({
403 showClose: true, 248 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="145px">
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,177 +65,247 @@ ...@@ -66,177 +65,247 @@
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>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="权属状态：">
76 <el-select v-model="ruleForm.qlxx.qszt">
77 <el-option
78 v-for="item in qsztlist"
79 :key="item.dcode"
80 :label="item.dname"
81 :value="item.dcode"
82 >
83 </el-option>
84 </el-select>
73 </el-form-item> 85 </el-form-item>
74 </el-col> 86 </el-col>
75 <el-col :span="8"> 87 <el-col :span="8">
76 <el-form-item label="房地坐落："> 88 <el-form-item label="不动产坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 89 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item> 90 </el-form-item>
79 </el-col> 91 </el-col>
92 <el-col :span="8">
93 <el-form-item label="不动产权证号：">
94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
95 </el-form-item>
96 </el-col>
97 <el-col :span="8">
98 <el-form-item label="区县代码：">
99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
100 </el-form-item>
101 </el-col>
102 <el-col :span="8">
103 <el-form-item label="登记机构：">
104 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="8">
108 <el-form-item label="登簿人：">
109 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item label="登记时间：">
114 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
115 </el-form-item>
116 </el-col>
117 <el-col :span="8">
118 <el-form-item label="登记原因：">
119 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
120 </el-form-item>
121 </el-col>
80 <el-col :span="8"> 122 <el-col :span="8">
81 <el-form-item label="土地使用权人："> 123 <!-- <el-form-item label="抵押不动产类型">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 124 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
125 </el-form-item> -->
126 <el-form-item label="抵押不动产类型：">
127 <el-select v-model="ruleForm.qlxx.djlx">
128 <el-option v-for="item in dictData['A27']" :key="item.dcode" :label="item.dname" :value="item.dcode">
129 </el-option>
130 </el-select>
83 </el-form-item> 131 </el-form-item>
84 </el-col> 132 </el-col>
85 <el-col :span="8"> 133 <el-col :span="8">
86 <el-form-item label="独用土地面积："> 134 <el-form-item label="抵押人：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> 135 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
88 </el-form-item> 136 </el-form-item>
89 </el-col> 137 </el-col>
90 <el-col :span="8"> 138 <el-col :span="8">
91 <el-form-item label="分摊土地面积："> 139 <el-form-item label="抵押人类型：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> 140 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
93 </el-form-item> 141 </el-form-item>
94 </el-col> 142 </el-col>
95 <el-col :span="8"> 143 <el-col :span="8">
96 <el-form-item label="土地用途："> 144 <el-form-item label="抵押方式：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 145 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
98 </el-form-item> 146 </el-form-item>
99 </el-col> 147 </el-col>
100 <el-col :span="8"> 148 <el-col :span="8">
101 <el-form-item label="土地使用起始时间："> 149 <el-form-item label="抵押权顺位：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 150 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
103 </el-form-item> 151 </el-form-item>
104 </el-col> 152 </el-col>
105 <el-col :span="8"> 153 <el-col :span="8">
106 <el-form-item label="土地使用结束时间："> 154 <el-form-item label="抵押金额类型：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 155 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
108 </el-form-item> 156 </el-form-item>
109 </el-col> 157 </el-col>
110 <el-col :span="8"> 158 <el-col :span="8">
111 <el-form-item label="土地使用期限："> 159 <el-form-item label="是否预告登记：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 160 <el-select v-model="ruleForm.qlxx.djlx">
161 <el-option v-for="item in dictData['A6']" :key="item.dcode" :label="item.dname" :value="item.dcode">
162 </el-option>
163 </el-select>
113 </el-form-item> 164 </el-form-item>
114 </el-col> 165 </el-col>
115 <el-col :span="8"> 166 <el-col :span="8">
116 <el-form-item label="房地产交易价格："> 167 <el-form-item label="在建建筑物坐落：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> 168 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw"> 169 </el-form-item>
170 </el-col>
171 <el-col :span="8">
172 <el-form-item label="在建建筑物抵押范围：">
173 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
174 </el-form-item>
175 </el-col>
176 <el-col :span="8">
177 <el-form-item label="抵押面积：">
178 <div style="display:flex">
179 <el-input v-model="ruleForm.diyaq.dymj" style="width:500%"
180 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
181 <el-select v-model="ruleForm.diyaq.mjdw">
182 <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode">
183 </el-option>
184 </el-select>
185 </div>
186 </el-form-item>
187 </el-col >
188 <el-col :span="8">
189 <el-form-item label="最高债权额">
190 <div style="display:flex">
191 <el-input v-model="ruleForm.diyaq.zgzqse" style="width:500%"
192 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
193 <el-select v-model="ruleForm.diyaq.jedw">
194 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
195 </el-option>
196 </el-select>
197 </div>
198 </el-form-item>
199 </el-col >
200 <el-col :span="8">
201 <el-form-item label="被担保主债权数额">
202 <div style="display:flex">
203 <el-input v-model="ruleForm.diyaq.bdbzzqse" style="width:500%"
204 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
205 <el-select v-model="ruleForm.diyaq.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 206 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option> 207 </el-option>
121 </el-select> 208 </el-select>
209 </div>
210 </el-form-item>
211 </el-col >
212 <el-col :span="8">
213 <el-form-item label="币种">
214 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
122 </el-form-item> 215 </el-form-item>
123 </el-col> 216 </el-col>
124 <el-col :span="8"> 217 <el-col :span="8">
125 <el-form-item label="规划用途："> 218 <el-form-item label="担保范围">
126 <el-select v-model="ruleForm.fdcq2.ghyt"> 219 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
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> 220 </el-form-item>
131 </el-col> 221 </el-col>
132 <el-col :span="8"> 222 <el-col :span="8">
133 <el-form-item label="批准用途："> 223 <el-form-item label="债务履行期限（债务确定期间）">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> 224 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
135 </el-form-item> 225 </el-form-item>
136 </el-col> 226 </el-col>
137 <el-col :span="8"> 227 <el-col :span="8">
138 <el-form-item label="实际用途："> 228 <el-form-item label="债务履行起始时间">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> 229 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
140 </el-form-item> 230 </el-form-item>
141 </el-col> 231 </el-col>
142 <el-col :span="8"> 232 <el-col :span="8">
143 <el-form-item label="房屋性质："> 233 <el-form-item label="债务履行结束时间">
144 <el-select v-model="ruleForm.fdcq2.fwxz"> 234 <el-input v-model="ruleForm.qlxx.djsj"></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> 235 </el-form-item>
149 </el-col> 236 </el-col>
150 <el-col :span="8"> 237 <el-col :span="8">
151 <el-form-item label="房屋结构："> 238 <el-form-item label="最高债权确定事实和数额">
152 <el-select v-model="ruleForm.fdcq2.fwjg"> 239 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
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> 240 </el-form-item>
157 </el-col> 241 </el-col>
158 <el-col :span="8"> 242 <el-col :span="8">
159 <el-form-item label="所在层："> 243 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input> 244 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
161 </el-form-item> 245 </el-form-item>
162 </el-col> 246 </el-col>
163 <el-col :span="8"> 247 <el-col :span="8">
164 <el-form-item label="总层数："> 248 <el-form-item label="不动产登记证明号">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input> 249 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
166 </el-form-item> 250 </el-form-item>
167 </el-col> 251 </el-col>
168 <el-col :span="8"> 252 <el-col :span="8">
169 <el-form-item label="建筑面积："> 253 <el-form-item label="注销抵押业务号">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> 254 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
171 </el-form-item> 255 </el-form-item>
172 </el-col> 256 </el-col>
173 <el-col :span="8"> 257 <el-col :span="8">
174 <el-form-item label="专有建筑面积："> 258 <el-form-item label="注销抵押原因">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 259 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
176 </el-form-item> 260 </el-form-item>
177 </el-col> 261 </el-col>
178 <el-col :span="8"> 262 <el-col :span="8">
179 <el-form-item label="分摊建筑面积："> 263 <el-form-item label="注销时间">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 264 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
181 </el-form-item> 265 </el-form-item>
182 </el-col> 266 </el-col>
183 <el-col :span="8"> 267 <el-col :span="8">
184 <el-form-item label="竣工时间："> 268 <el-form-item label="注销登簿人">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 269 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
186 </el-form-item> 270 </el-form-item>
187 </el-col> 271 </el-col>
188 272 <el-col :span="8">
189 <el-col :span="8"> 273 <el-form-item label="注销登簿人">
190 <el-form-item label="不动产权证号："> 274 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item> 275 </el-form-item>
193 </el-col> 276 </el-col>
194 <el-col :span="8"> 277 <el-col :span="8">
195 <el-form-item label="区县代码："> 278 <el-form-item label="注销登簿人">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 279 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
197 </el-form-item> 280 </el-form-item>
198 </el-col> 281 </el-col>
199 <el-col :span="8"> 282 <el-col :span="8">
200 <el-form-item label="登记机构："> 283 <el-form-item label="注销登簿人">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 284 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
202 </el-form-item> 285 </el-form-item>
203 </el-col> 286 </el-col>
204 <el-col :span="8"> 287 <el-col :span="8">
205 <el-form-item label="登簿人："> 288 <el-form-item label="注销登簿人">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 289 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
207 </el-form-item> 290 </el-form-item>
208 </el-col> 291 </el-col>
209 <el-col :span="8"> 292 <el-col :span="8">
210 <el-form-item label="登记时间："> 293 <el-form-item label="注销登簿人">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 294 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item> 295 </el-form-item>
213 </el-col> 296 </el-col>
214 </el-row> 297 <el-col :span="8">
215 <el-row> 298 <el-form-item label="注销登簿人">
216 <el-col :span="24"> 299 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item> 300 </el-form-item>
220 </el-col> 301 </el-col>
221 </el-row> 302 <el-col :span="24">
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记："> 303 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 304 <el-input v-model="ruleForm.diyaq.fj"></el-input>
226 </el-form-item> 305 </el-form-item>
227 </el-col> 306 </el-col>
228 </el-row> 307 </el-row>
229 <div class="slxx_title title-block"> 308 <div class="slxx_title title-block">
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">
240 权利人信息 309 权利人信息
241 <div class="triangle"></div> 310 <div class="triangle"></div>
242 </div> 311 </div>
...@@ -244,9 +313,7 @@ ...@@ -244,9 +313,7 @@
244 <el-col :span="12"> 313 <el-col :span="12">
245 <el-form-item label="共有方式："> 314 <el-form-item label="共有方式：">
246 <el-radio-group 315 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 316 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 317 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 318 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 319 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +321,26 @@ ...@@ -254,46 +321,26 @@
254 </el-radio-group> 321 </el-radio-group>
255 </el-form-item> 322 </el-form-item>
256 </el-col> 323 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 324 </el-row>
274 <qlrCommonTable 325 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 326 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 327 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 328 :key="key"
278 :viewtype="$route.query.viewtype" 329 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 330
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 331 <div>
283 <div class="slxx_title title-block"> 332 <div class="slxx_title title-block">
284 义务人信息 333 义务人信息
285 <div class="triangle"></div> 334 <div class="triangle"></div>
286 </div> 335 </div>
287 <qlrCommonTable 336 <ywrCommonTable
288 v-if="ruleForm.ywrList" 337 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 338 :tableData="ruleForm.ywrData"
290 :key="key" 339 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 340 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 341 </div>
295 </div> 342 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 343 <el-row class="btn">
297 <el-form-item> 344 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 345 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 346 </el-form-item>
...@@ -303,12 +350,13 @@ ...@@ -303,12 +350,13 @@
303 </template> 350 </template>
304 <script> 351 <script>
305 import { mapGetters } from "vuex"; 352 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 353 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 354 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 355 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
356
309 import tdytTable from "@/views/workflow/components/tdytTable"; 357 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 358 export default {
311 components: { qlrCommonTable,tdytTable }, 359 components: { qlrCommonTable,ywrCommonTable,tdytTable },
312 computed: { 360 computed: {
313 ...mapGetters(["dictData", "flag"]), 361 ...mapGetters(["dictData", "flag"]),
314 }, 362 },
...@@ -316,7 +364,6 @@ export default { ...@@ -316,7 +364,6 @@ export default {
316 return { 364 return {
317 //表单是否可操作 365 //表单是否可操作
318 propsParam: this.$attrs, 366 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 367 key: 0,
321 isShow: false, 368 isShow: false,
322 disabled: true, 369 disabled: true,
...@@ -324,6 +371,16 @@ export default { ...@@ -324,6 +371,16 @@ export default {
324 ruleForm: {}, 371 ruleForm: {},
325 //传递参数\ 372 //传递参数\
326 rules: {}, 373 rules: {},
374 qsztlist: [
375 {
376 dcode: "1",
377 dname: "现势",
378 },
379 {
380 dcode: "2",
381 dname: "历史",
382 },
383 ],
327 }; 384 };
328 }, 385 },
329 created() { 386 created() {
...@@ -332,36 +389,37 @@ export default { ...@@ -332,36 +389,37 @@ export default {
332 mounted() {}, 389 mounted() {},
333 methods: { 390 methods: {
334 loadData() { 391 loadData() {
335 console.log("抵押权"); 392 console.log("预告登记",this.propsParam);
336 init(this.propsParam.bsmRepair).then((res) => { 393 init(this.propsParam.bsmRepair).then((res) => {
337 if (res.code == 200) { 394 if (res.code == 200) {
338
339 this.ruleForm = res.result; 395 this.ruleForm = res.result;
340 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 396 console.log("this.ruleForm",this.ruleForm);
341 this.isShow = true; 397 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 } 398 }
350 }); 399 });
351 }, 400 },
401 // 更新土地用途信息
402 upDateTdytxxList(val) {
403 console.log("VAL",val);
404 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
405 this.key++;
406 },
352 // 更新权利人信息 407 // 更新权利人信息
353 upDateQlrxxList(val) { 408 upDateQlrxxList(val) {
354 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 409 console.log("val",val);
355 this.czrOptions = this.ruleForm.qlrList; 410 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
411 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
412 this.czrOptions = this.ruleForm.qlrData;
356 this.key++; 413 this.key++;
357 }, 414 },
358 // 更新义务人信息 415 // 更新义务人信息
359 upDateYwrxxList(val) { 416 upDateYwrxxList(val) {
360 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 417 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
361 this.key++; 418 this.key++;
362 }, 419 },
363 onSubmit() { 420 onSubmit() {
364 if (this.ruleForm.qlrList.length == 0) { 421 console.log("this.ruleForm大信息",this.ruleForm);
422 if (this.ruleForm.qlrData.length == 0) {
365 this.$message({ 423 this.$message({
366 showClose: true, 424 showClose: true,
367 message: "请确认权利人信息", 425 message: "请确认权利人信息",
...@@ -371,7 +429,7 @@ export default { ...@@ -371,7 +429,7 @@ export default {
371 } 429 }
372 430
373 if (this.ruleForm.qlxx.gyfs == "0") { 431 if (this.ruleForm.qlxx.gyfs == "0") {
374 if (this.ruleForm.qlrList.length > 1) { 432 if (this.ruleForm.qlrData.length > 1) {
375 this.$message({ 433 this.$message({
376 showClose: true, 434 showClose: true,
377 message: "共有方式：单独所有，权利人只能是一个人", 435 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -379,17 +437,17 @@ export default { ...@@ -379,17 +437,17 @@ export default {
379 }); 437 });
380 return false; 438 return false;
381 } 439 }
382 this.ruleForm.qlrList[0].sfczr = "1"; 440 this.ruleForm.qlrData[0].sfczr = "1";
383 } 441 }
384 if (this.ruleForm.qlxx.gyfs == "1") { 442 if (this.ruleForm.qlxx.gyfs == "1") {
385 //是否分别持证 443 //是否分别持证
386 if (this.ruleForm.qlxx.sqfbcz == "1") { 444 if (this.ruleForm.qlxx.sqfbcz == "1") {
387 //是 445 //是
388 this.ruleForm.qlrList.forEach((item, index) => { 446 this.ruleForm.qlrData.forEach((item, index) => {
389 item.sfczr = "1"; 447 item.sfczr = "1";
390 }); 448 });
391 } else { 449 } else {
392 this.ruleForm.qlrList.forEach((item, index) => { 450 this.ruleForm.qlrData.forEach((item, index) => {
393 if (item.zjh == this.ruleForm.czr) { 451 if (item.zjh == this.ruleForm.czr) {
394 item.sfczr = "1"; 452 item.sfczr = "1";
395 } else { 453 } else {
...@@ -398,7 +456,7 @@ export default { ...@@ -398,7 +456,7 @@ export default {
398 }); 456 });
399 } 457 }
400 } 458 }
401 saveData(this.ruleForm).then((res) => { 459 save(this.ruleForm).then((res) => {
402 if (res.code === 200) { 460 if (res.code === 200) {
403 this.$message({ 461 this.$message({
404 showClose: true, 462 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,126 +65,17 @@ ...@@ -66,126 +65,17 @@
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">
76 <el-form-item label="房地坐落："> 75 <el-form-item label="不动产坐落：">
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">
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"> 79 <el-col :span="8">
190 <el-form-item label="不动产权证号："> 80 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 81 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
...@@ -212,30 +102,6 @@ ...@@ -212,30 +102,6 @@
212 </el-form-item> 102 </el-form-item>
213 </el-col> 103 </el-col>
214 </el-row> 104 </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 <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"> 105 <div class="slxx_title title-block">
240 权利人信息 106 权利人信息
241 <div class="triangle"></div> 107 <div class="triangle"></div>
...@@ -244,9 +110,7 @@ ...@@ -244,9 +110,7 @@
244 <el-col :span="12"> 110 <el-col :span="12">
245 <el-form-item label="共有方式："> 111 <el-form-item label="共有方式：">
246 <el-radio-group 112 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 113 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 114 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 115 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 116 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +118,26 @@ ...@@ -254,46 +118,26 @@
254 </el-radio-group> 118 </el-radio-group>
255 </el-form-item> 119 </el-form-item>
256 </el-col> 120 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 121 </el-row>
274 <qlrCommonTable 122 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 123 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 124 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 125 :key="key"
278 :viewtype="$route.query.viewtype" 126 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 127
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 128 <div>
283 <div class="slxx_title title-block"> 129 <div class="slxx_title title-block">
284 义务人信息 130 义务人信息
285 <div class="triangle"></div> 131 <div class="triangle"></div>
286 </div> 132 </div>
287 <qlrCommonTable 133 <ywrCommonTable
288 v-if="ruleForm.ywrList" 134 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 135 :tableData="ruleForm.ywrData"
290 :key="key" 136 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 137 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 138 </div>
295 </div> 139 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 140 <el-row class="btn">
297 <el-form-item> 141 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 142 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 143 </el-form-item>
...@@ -303,12 +147,12 @@ ...@@ -303,12 +147,12 @@
303 </template> 147 </template>
304 <script> 148 <script>
305 import { mapGetters } from "vuex"; 149 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 150 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 151 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 152 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 153 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 154 export default {
311 components: { qlrCommonTable,tdytTable }, 155 components: { qlrCommonTable,ywrCommonTable,tdytTable },
312 computed: { 156 computed: {
313 ...mapGetters(["dictData", "flag"]), 157 ...mapGetters(["dictData", "flag"]),
314 }, 158 },
...@@ -316,7 +160,6 @@ export default { ...@@ -316,7 +160,6 @@ export default {
316 return { 160 return {
317 //表单是否可操作 161 //表单是否可操作
318 propsParam: this.$attrs, 162 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 163 key: 0,
321 isShow: false, 164 isShow: false,
322 disabled: true, 165 disabled: true,
...@@ -332,35 +175,37 @@ export default { ...@@ -332,35 +175,37 @@ export default {
332 mounted() {}, 175 mounted() {},
333 methods: { 176 methods: {
334 loadData() { 177 loadData() {
178 console.log("预告登记",this.propsParam);
335 init(this.propsParam.bsmRepair).then((res) => { 179 init(this.propsParam.bsmRepair).then((res) => {
336 if (res.code == 200) { 180 if (res.code == 200) {
337
338 this.ruleForm = res.result; 181 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 182 console.log("this.ruleForm",this.ruleForm);
340 this.isShow = true; 183 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 } 184 }
349 }); 185 });
350 }, 186 },
187 // 更新土地用途信息
188 upDateTdytxxList(val) {
189 console.log("VAL",val);
190 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
191 this.key++;
192 },
351 // 更新权利人信息 193 // 更新权利人信息
352 upDateQlrxxList(val) { 194 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 195 console.log("val",val);
354 this.czrOptions = this.ruleForm.qlrList; 196 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
197 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
198 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 199 this.key++;
356 }, 200 },
357 // 更新义务人信息 201 // 更新义务人信息
358 upDateYwrxxList(val) { 202 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 203 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 204 this.key++;
361 }, 205 },
362 onSubmit() { 206 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 207 console.log("this.ruleForm大信息",this.ruleForm);
208 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 209 this.$message({
365 showClose: true, 210 showClose: true,
366 message: "请确认权利人信息", 211 message: "请确认权利人信息",
...@@ -370,7 +215,7 @@ export default { ...@@ -370,7 +215,7 @@ export default {
370 } 215 }
371 216
372 if (this.ruleForm.qlxx.gyfs == "0") { 217 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 218 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 219 this.$message({
375 showClose: true, 220 showClose: true,
376 message: "共有方式：单独所有，权利人只能是一个人", 221 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -378,17 +223,17 @@ export default { ...@@ -378,17 +223,17 @@ export default {
378 }); 223 });
379 return false; 224 return false;
380 } 225 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 226 this.ruleForm.qlrData[0].sfczr = "1";
382 } 227 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 228 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 229 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 230 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 231 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 232 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 233 item.sfczr = "1";
389 }); 234 });
390 } else { 235 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 236 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 237 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 238 item.sfczr = "1";
394 } else { 239 } else {
...@@ -397,7 +242,7 @@ export default { ...@@ -397,7 +242,7 @@ export default {
397 }); 242 });
398 } 243 }
399 } 244 }
400 saveData(this.ruleForm).then((res) => { 245 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 246 if (res.code === 200) {
402 this.$message({ 247 this.$message({
403 showClose: true, 248 showClose: true,
......
...@@ -338,7 +338,7 @@ ...@@ -338,7 +338,7 @@
338 <script> 338 <script>
339 import { mapGetters } from "vuex"; 339 import { mapGetters } from "vuex";
340 import { init, save } from "@/api/djbbl.js"; 340 import { init, save } from "@/api/djbbl.js";
341 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 341 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
342 import tdytTable from "@/views/workflow/components/tdytTable"; 342 import tdytTable from "@/views/workflow/components/tdytTable";
343 // import the component 343 // import the component
344 // import Treeselect from '@riophae/vue-treeselect' 344 // import Treeselect from '@riophae/vue-treeselect'
......
...@@ -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">
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
238 import store from "@/store/index.js"; 238 import store from "@/store/index.js";
239 import { mapGetters } from "vuex"; 239 import { mapGetters } from "vuex";
240 import { init, save } from "@/api/djbbl.js"; 240 import { init, save } from "@/api/djbbl.js";
241 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 241 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
242 import tdytTable from "@/views/workflow/components/tdytTable"; 242 import tdytTable from "@/views/workflow/components/tdytTable";
243 export default { 243 export default {
244 components: { qlrCommonTable, tdytTable }, 244 components: { qlrCommonTable, tdytTable },
......
...@@ -72,108 +72,10 @@ ...@@ -72,108 +72,10 @@
72 </el-form-item> 72 </el-form-item>
73 </el-col> 73 </el-col>
74 <el-col :span="8"> 74 <el-col :span="8">
75 <el-form-item label="房地坐落："> 75 <el-form-item label="不动产坐落：">
76 <el-input v-model="ruleForm.qlxx.zl"></el-input> 76 <el-input v-model="ruleForm.qlxx.zl"></el-input>
77 </el-form-item> 77 </el-form-item>
78 </el-col> 78 </el-col>
79 <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
80 <el-form-item label="土地使用权人：">
81 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
85 <el-form-item label="独用土地面积：">
86 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
90 <el-form-item label="分摊土地面积：">
91 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
95 <el-form-item label="土地性质：" style="margin-bottom:3px">
96 <treeselect v-model="ruleForm.fdcq2.jedw" placeholder=""
97 :normalizer="normalizer"
98 :show-count="true" :options="dictData['A45']" />
99 </el-form-item>
100 </el-col>
101 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
102 <el-form-item label="房地产交易价格：">
103 <div style="display:flex">
104 <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input>
105 <el-select v-model="ruleForm.fdcq2.jedw">
106 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
107 </el-option>
108 </el-select>
109 </div>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item label="规划用途：">
114 <el-select v-model="ruleForm.fdcq2.ghyt">
115 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
116 </el-option>
117 </el-select>
118 </el-form-item>
119 </el-col>
120 <el-col :span="8">
121 <el-form-item label="批准用途：">
122 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="8">
126 <el-form-item label="实际用途：">
127 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item label="房屋性质：">
132 <el-select v-model="ruleForm.fdcq2.fwxz">
133 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
134 </el-option>
135 </el-select>
136 </el-form-item>
137 </el-col>
138 <el-col :span="8">
139 <el-form-item label="房屋结构：">
140 <el-select v-model="ruleForm.fdcq2.fwjg">
141 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
142 </el-option>
143 </el-select>
144 </el-form-item>
145 </el-col>
146 <el-col :span="8">
147 <el-form-item label="所在层：">
148 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
149 </el-form-item>
150 </el-col>
151 <el-col :span="8">
152 <el-form-item label="总层数：">
153 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
154 </el-form-item>
155 </el-col>
156 <el-col :span="8">
157 <el-form-item label="建筑面积：">
158 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
159 </el-form-item>
160 </el-col>
161 <el-col :span="8">
162 <el-form-item label="专有建筑面积：">
163 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
164 </el-form-item>
165 </el-col>
166 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
167 <el-form-item label="分摊建筑面积：">
168 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
169 </el-form-item>
170 </el-col>
171 <el-col :span="8">
172 <el-form-item label="竣工时间：">
173 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
174 </el-form-item>
175 </el-col> -->
176
177 <el-col :span="8"> 79 <el-col :span="8">
178 <el-form-item label="不动产权证号："> 80 <el-form-item label="不动产权证号：">
179 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 81 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
...@@ -199,15 +101,8 @@ ...@@ -199,15 +101,8 @@
199 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 101 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
200 </el-form-item> 102 </el-form-item>
201 </el-col> 103 </el-col>
202 </el-row>
203 <!-- <el-row>
204 <el-col :span="24">
205 <el-form-item label="附记：">
206 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
207 </el-form-item>
208 </el-col>
209 </el-row> -->
210 104
105 </el-row>
211 <div class="slxx_title title-block"> 106 <div class="slxx_title title-block">
212 权利人信息 107 权利人信息
213 <div class="triangle"></div> 108 <div class="triangle"></div>
...@@ -216,7 +111,6 @@ ...@@ -216,7 +111,6 @@
216 <el-col :span="12"> 111 <el-col :span="12">
217 <el-form-item label="共有方式："> 112 <el-form-item label="共有方式：">
218 <el-radio-group 113 <el-radio-group
219 :disabled="$route.query.viewtype == 0"
220 v-model="ruleForm.qlxx.gyqk"> 114 v-model="ruleForm.qlxx.gyqk">
221 <el-radio label="0">单独所有</el-radio> 115 <el-radio label="0">单独所有</el-radio>
222 <el-radio label="1">共同共有</el-radio> 116 <el-radio label="1">共同共有</el-radio>
...@@ -225,44 +119,26 @@ ...@@ -225,44 +119,26 @@
225 </el-radio-group> 119 </el-radio-group>
226 </el-form-item> 120 </el-form-item>
227 </el-col> 121 </el-col>
228 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
229 <el-form-item label="是否分别持证：">
230 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
231 <el-radio :label=1>是</el-radio>
232 <el-radio :label=0>否</el-radio>
233 </el-radio-group>
234 </el-form-item>
235 </el-col>
236 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
237 <el-form-item label="持证人：">
238 <el-select v-model="ruleForm.czr" placeholder="持证人">
239 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
240 </el-option>
241 </el-select>
242 </el-form-item>
243 </el-col>
244 </el-row> 122 </el-row>
245 <qlrCommonTable 123 <qlrCommonTable
246 :tableData="ruleForm.qlrData" 124 :tableData="ruleForm.qlrData"
247 @upDateQlrxxList="upDateQlrxxList" 125 @upDateQlrxxList="upDateQlrxxList"
248 :key="key" 126 :key="key"
249 :viewtype="$route.query.viewtype"
250 :gyfs="ruleForm.qlxx.gyfs" /> 127 :gyfs="ruleForm.qlxx.gyfs" />
251 128
252 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 129 <div>
253 <div class="slxx_title title-block"> 130 <div class="slxx_title title-block">
254 义务人信息 131 义务人信息
255 <div class="triangle"></div> 132 <div class="triangle"></div>
256 </div> 133 </div>
257 <qlrCommonTable 134 <ywrCommonTable
258 v-if="ruleForm.ywrList" 135 v-if="ruleForm.ywrData"
259 :tableData="ruleForm.ywrList" 136 :tableData="ruleForm.ywrData"
260 :key="key" 137 :key="key"
261 @upDateQlrxxList="upDateYwrxxList" 138 @upDateQlrxxList="upDateYwrxxList" />
262 :viewtype="$route.query.viewtype" />
263 </div> 139 </div>
264 </div> 140 </div>
265 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 141 <el-row class="btn">
266 <el-form-item> 142 <el-form-item>
267 <el-button type="primary" @click="onSubmit">保存</el-button> 143 <el-button type="primary" @click="onSubmit">保存</el-button>
268 </el-form-item> 144 </el-form-item>
...@@ -273,7 +149,9 @@ ...@@ -273,7 +149,9 @@
273 <script> 149 <script>
274 import { mapGetters } from "vuex"; 150 import { mapGetters } from "vuex";
275 import { init,save } from "@/api/djbbl.js"; 151 import { init,save } from "@/api/djbbl.js";
276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 152 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
153 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
154
277 import tdytTable from "@/views/workflow/components/tdytTable"; 155 import tdytTable from "@/views/workflow/components/tdytTable";
278 export default { 156 export default {
279 components: { qlrCommonTable,tdytTable }, 157 components: { qlrCommonTable,tdytTable },
...@@ -284,7 +162,6 @@ export default { ...@@ -284,7 +162,6 @@ export default {
284 return { 162 return {
285 //表单是否可操作 163 //表单是否可操作
286 propsParam: this.$attrs, 164 propsParam: this.$attrs,
287 ableOperation: true,
288 key: 0, 165 key: 0,
289 isShow: false, 166 isShow: false,
290 disabled: true, 167 disabled: true,
...@@ -325,7 +202,7 @@ export default { ...@@ -325,7 +202,7 @@ export default {
325 }, 202 },
326 // 更新义务人信息 203 // 更新义务人信息
327 upDateYwrxxList(val) { 204 upDateYwrxxList(val) {
328 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 205 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
329 this.key++; 206 this.key++;
330 }, 207 },
331 onSubmit() { 208 onSubmit() {
......
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,126 +65,17 @@ ...@@ -66,126 +65,17 @@
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">
76 <el-form-item label="房地坐落："> 75 <el-form-item label="不动产坐落：">
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">
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"> 79 <el-col :span="8">
190 <el-form-item label="不动产权证号："> 80 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 81 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
...@@ -212,30 +102,6 @@ ...@@ -212,30 +102,6 @@
212 </el-form-item> 102 </el-form-item>
213 </el-col> 103 </el-col>
214 </el-row> 104 </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 <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"> 105 <div class="slxx_title title-block">
240 权利人信息 106 权利人信息
241 <div class="triangle"></div> 107 <div class="triangle"></div>
...@@ -244,9 +110,7 @@ ...@@ -244,9 +110,7 @@
244 <el-col :span="12"> 110 <el-col :span="12">
245 <el-form-item label="共有方式："> 111 <el-form-item label="共有方式：">
246 <el-radio-group 112 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 113 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 114 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 115 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 116 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +118,26 @@ ...@@ -254,46 +118,26 @@
254 </el-radio-group> 118 </el-radio-group>
255 </el-form-item> 119 </el-form-item>
256 </el-col> 120 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 121 </el-row>
274 <qlrCommonTable 122 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 123 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 124 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 125 :key="key"
278 :viewtype="$route.query.viewtype" 126 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 127
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 128 <div>
283 <div class="slxx_title title-block"> 129 <div class="slxx_title title-block">
284 义务人信息 130 义务人信息
285 <div class="triangle"></div> 131 <div class="triangle"></div>
286 </div> 132 </div>
287 <qlrCommonTable 133 <ywrCommonTable
288 v-if="ruleForm.ywrList" 134 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 135 :tableData="ruleForm.ywrData"
290 :key="key" 136 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 137 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 138 </div>
295 </div> 139 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 140 <el-row class="btn">
297 <el-form-item> 141 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 142 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 143 </el-form-item>
...@@ -303,12 +147,12 @@ ...@@ -303,12 +147,12 @@
303 </template> 147 </template>
304 <script> 148 <script>
305 import { mapGetters } from "vuex"; 149 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 150 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 151 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 152 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 153 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 154 export default {
311 components: { qlrCommonTable,tdytTable }, 155 components: { qlrCommonTable,ywrCommonTable,tdytTable },
312 computed: { 156 computed: {
313 ...mapGetters(["dictData", "flag"]), 157 ...mapGetters(["dictData", "flag"]),
314 }, 158 },
...@@ -316,7 +160,6 @@ export default { ...@@ -316,7 +160,6 @@ export default {
316 return { 160 return {
317 //表单是否可操作 161 //表单是否可操作
318 propsParam: this.$attrs, 162 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 163 key: 0,
321 isShow: false, 164 isShow: false,
322 disabled: true, 165 disabled: true,
...@@ -332,35 +175,37 @@ export default { ...@@ -332,35 +175,37 @@ export default {
332 mounted() {}, 175 mounted() {},
333 methods: { 176 methods: {
334 loadData() { 177 loadData() {
178 console.log("预告登记",this.propsParam);
335 init(this.propsParam.bsmRepair).then((res) => { 179 init(this.propsParam.bsmRepair).then((res) => {
336 if (res.code == 200) { 180 if (res.code == 200) {
337
338 this.ruleForm = res.result; 181 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 182 console.log("this.ruleForm",this.ruleForm);
340 this.isShow = true; 183 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 } 184 }
349 }); 185 });
350 }, 186 },
187 // 更新土地用途信息
188 upDateTdytxxList(val) {
189 console.log("VAL",val);
190 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
191 this.key++;
192 },
351 // 更新权利人信息 193 // 更新权利人信息
352 upDateQlrxxList(val) { 194 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 195 console.log("val",val);
354 this.czrOptions = this.ruleForm.qlrList; 196 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
197 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
198 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 199 this.key++;
356 }, 200 },
357 // 更新义务人信息 201 // 更新义务人信息
358 upDateYwrxxList(val) { 202 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 203 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 204 this.key++;
361 }, 205 },
362 onSubmit() { 206 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 207 console.log("this.ruleForm大信息",this.ruleForm);
208 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 209 this.$message({
365 showClose: true, 210 showClose: true,
366 message: "请确认权利人信息", 211 message: "请确认权利人信息",
...@@ -370,7 +215,7 @@ export default { ...@@ -370,7 +215,7 @@ export default {
370 } 215 }
371 216
372 if (this.ruleForm.qlxx.gyfs == "0") { 217 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 218 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 219 this.$message({
375 showClose: true, 220 showClose: true,
376 message: "共有方式：单独所有，权利人只能是一个人", 221 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -378,17 +223,17 @@ export default { ...@@ -378,17 +223,17 @@ export default {
378 }); 223 });
379 return false; 224 return false;
380 } 225 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 226 this.ruleForm.qlrData[0].sfczr = "1";
382 } 227 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 228 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 229 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 230 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 231 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 232 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 233 item.sfczr = "1";
389 }); 234 });
390 } else { 235 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 236 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 237 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 238 item.sfczr = "1";
394 } else { 239 } else {
...@@ -397,7 +242,7 @@ export default { ...@@ -397,7 +242,7 @@ export default {
397 }); 242 });
398 } 243 }
399 } 244 }
400 saveData(this.ruleForm).then((res) => { 245 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 246 if (res.code === 200) {
402 this.$message({ 247 this.$message({
403 showClose: true, 248 showClose: true,
......
...@@ -214,7 +214,7 @@ export default { ...@@ -214,7 +214,7 @@ export default {
214 }, 214 },
215 //切换选项卡内容组件 215 //切换选项卡内容组件
216 getFromRouter(tabname) { 216 getFromRouter(tabname) {
217 console.log("tabname", tabname); 217 console.log("tabnameeeeeeeeeeeeeeeeee", tabname,this.tabList);
218 this.componentTag = getForm(tabname); 218 this.componentTag = getForm(tabname);
219 }, 219 },
220 closefp() { 220 closefp() {
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-04-26 16:05:28
5 -->
6 <template>
7 <div class='batchDel'>
8 <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false"
9 @selection-change="handleSelectionChange">
10 </lb-table>
11 <div class="text-center">
12 <el-button @click="$popupCacel">取消</el-button>
13 <el-button type="primary" @click="submitdelclick" plain>确定</el-button>
14 </div>
15 </div>
16 </template>
17 <script>
18 import { deleteFlow } from "@/api/ywbl.js"
19 import store from '@/store/index.js'
20 export default {
21 components: {},
22 props: {
23 formData: {
24 type: Object,
25 default: {}
26 }
27 },
28 data () {
29 return {
30 columns: [
31 {
32 type: 'selection',
33 label: '全选'
34 },
35 {
36 label: '序号',
37 type: 'index',
38 width: '50',
39 },
40 {
41 prop: "bdcdyh",
42 label: "不动产单元号",
43 },
44 {
45 prop: "zl",
46 label: "坐落",
47 },
48 ],
49 dataList: [],
50 selectBdcdy: [],
51 }
52 },
53 methods: {
54 // 批量删除确定按钮
55 submitdelclick () {
56 var formdata = new FormData();
57 formdata.append("bsmSldyList", this.selectBdcdy);
58 formdata.append("bsmSlsq", this.formData.bsmSlsq);
59 deleteFlow(formdata).then(res => {
60 if (res.code == 200) {
61 this.$popupCacel();
62 store.dispatch('user/refreshPage', true);
63 this.$message.success("删除成功");
64 } else {
65 this.$message.error(res.message)
66 }
67 })
68 },
69 // 批量删除勾选事件
70 handleSelectionChange (e) {
71 this.selectBdcdy = [];
72 e.forEach((item, index) => {
73 this.selectBdcdy.push(item.bsmSldy)
74 })
75 }
76 }
77 }
78 </script>
79 <style scoped lang='scss'>
80 </style>