Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8f1d7dda by xiaomiao
Options

登记簿补录

1 parent 86f1e19d
Inline Side-by-side
Showing 18 changed files with 1128 additions and 272 deletions
...@@ -40,7 +40,7 @@ export const constantRoutes = [ ...@@ -40,7 +40,7 @@ export const constantRoutes = [
40 component: () => import('@/views/djbworkflow/workFrame.vue'), 40 component: () => import('@/views/djbworkflow/workFrame.vue'),
41 name: 'djbworkFrame', 41 name: 'djbworkFrame',
42 hidden: true, 42 hidden: true,
43 meta: { title: '登记簿编辑' } 43 meta: { title: '登记簿补录' }
44 }, 44 },
45 //登记簿详情 45 //登记簿详情
46 { 46 {
......
1 <!--
2 * @Description :查封登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:22
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -102,6 +112,50 @@ export default { ...@@ -102,6 +112,50 @@ export default {
102 } 112 }
103 return name; 113 return name;
104 }, 114 },
115 AddDialog(row){
116 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
117 datalist:this.columns,
118 data: ''
119 })
120 },
121 editDialog(row){
122 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
123 datalist:this.columns,
124 data: row,
125
126 })
127 },
128 // 删除
129 deleteDialog(row){
130 let that = this
131 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
132 confirmButtonText: '确定',
133 cancelButtonText: '取消',
134 type: 'warning'
135 }).then(async () => {
136
137 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
138 // deleteClmx(bsmClmx).then(res => {
139 // if (res.code == 200) {
140 // that.$emit('updateList', res.result)
141 // that.$message({
142 // message: '删除成功!',
143 // type: 'success'
144 // })
145 // }
146 // })
147 that.$message({
148 message: '删除成功!',
149 type: 'success'
150 })
151 }).catch(() => {
152 this.$message({
153 type: 'info',
154 message: '已取消删除'
155 })
156 })
157
158 }
105 }, 159 },
106 }; 160 };
107 </script> 161 </script>
......
1 <template>
2 <div class="jtfccx-edit">
3 <div class="jtfccx-edit-con">
4 <el-form ref="form" :model="form" label-width="160px">
5 <el-row>
6 <el-col :span="8">
7 <el-form-item label="权属状态" label-width="140px">
8 <el-select v-model="form.qszt">
9 <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value">
10 </el-option>
11 </el-select>
12 </el-form-item>
13 </el-col>
14 <el-col :span="8">
15 <el-form-item label="权利类型" label-width="140px">
16 <el-input v-model="form.qllxmc" ></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="登记类型" label-width="140px">
21 <el-input v-model="form.djlxmc" ></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="上手业务号" label-width="140px">
26 <el-input v-model="form.ssywh" ></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="档案号" label-width="140px">
31 <el-input v-model="form.dah" ></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="业务号" label-width="140px">
36 <el-input v-model="form.ywh" ></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="不动产单元号" label-width="140px">
41 <el-input v-model="form.bdcdyh" ></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="坐落" label-width="140px">
46 <el-input v-model="form.zl" ></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="共有情况" label-width="140px">
51 <el-input v-model="form.gyqk" ></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="权利人类型" label-width="140px">
56 <el-input v-model="form.qlrlx" ></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="权利人" label-width="140px">
61 <el-input v-model="form.qlrmc" ></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="证件种类" label-width="140px">
66 <el-input v-model="form.qlrzjzl" ></el-input>
67 </el-form-item>
68 </el-col>
69 <el-col :span="8">
70 <el-form-item label="证件号" label-width="140px">
71 <el-input v-model="form.qlrzjhm" ></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="土地使用权人" label-width="140px">
76 <el-input v-model="form.tdsyqr" ></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item label="独用土地面积(m²)" label-width="140px">
81 <el-input v-model="form.dytdmj" ></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="分摊土地面积(m²)" label-width="140px">
86 <el-input v-model="form.fttdmj" ></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="使用权起止时间" label-width="140px">
91 <el-input v-model="form.syqqzsj" ></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="土地使用期限" label-width="140px">
96 <el-input v-model="form.tdsyqx" ></el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="房地产交易价格(万元)" label-width="140px">
101 <el-input v-model="form.fdcjyjg" ></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="8">
105 <el-form-item label="规划用途" label-width="140px">
106 <el-input v-model="form.ytmc" ></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="房屋性质" label-width="140px">
111 <el-input v-model="form.fwxzmc" ></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="房屋结构" label-width="140px">
116 <el-input v-model="form.fwjgmc" ></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="所在层" label-width="140px">
121 <el-input v-model="form.szc" ></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="总层数" label-width="140px">
126 <el-input v-model="form.fj" ></el-input>
127 </el-form-item>
128 </el-col>
129 <el-col :span="8">
130 <el-form-item label="建筑面积（m2）" label-width="140px">
131 <el-input v-model="form.mj" ></el-input>
132 </el-form-item>
133 </el-col>
134 <el-col :span="8">
135 <el-form-item label="专有建筑面积（m2）" label-width="140px">
136 <el-input v-model="form.zyjzmj" ></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item label="分摊建筑面积（m2）" label-width="140px">
141 <el-input v-model="form.jgsj" ></el-input>
142 </el-form-item>
143 </el-col>
144 <el-col :span="8">
145 <el-form-item label="登记原因" label-width="140px">
146 <el-input v-model="form.djyy" ></el-input>
147 </el-form-item>
148 </el-col>
149 <el-col :span="8">
150 <el-form-item label="不动产权证号" label-width="140px">
151 <el-input v-model="form.bdcqzh" ></el-input>
152 </el-form-item>
153 </el-col>
154 <el-col :span="8">
155 <el-form-item label="登记时间" label-width="140px">
156 <el-input v-model="form.djsj" ></el-input>
157 </el-form-item>
158 </el-col>
159 <el-col :span="8">
160 <el-form-item label="登簿人" label-width="140px">
161 <el-input v-model="form.dbr" ></el-input>
162 </el-form-item>
163 </el-col>
164 <el-col :span="8">
165 <el-form-item label="附记" label-width="140px">
166 <el-input v-model="form.fj" ></el-input>
167 </el-form-item>
168 </el-col>
169 <el-col :span="8">
170 <el-form-item label="总层数" label-width="140px">
171 <el-input v-model="form.fj" ></el-input>
172 </el-form-item>
173 </el-col>
174 </el-row>
175 <el-form-item class="btn">
176 <el-button type="primary" @click="submitForm">保存</el-button>
177 <el-button @click="closeDialog">取消</el-button>
178 </el-form-item>
179 </el-form>
180
181 </div>
182
183 </div>
184 </template>
185 <script>
186 export default {
187 props: {
188 formData: {
189 type: Object,
190 default: () => { },
191 },
192 },
193 data () {
194 return {
195 form:{},
196 qsztList: [
197 {
198 value: "0",
199 label: "临时",
200 },
201 {
202 value: "1",
203 label: "现势",
204 },
205 {
206 value: "2",
207 label: "历史",
208 },
209
210 ],
211 label:"",
212 };
213 },
214 mounted () {
215 if (this.formData.data) {
216 this.$nextTick(() => {
217 this.form = Object.assign({}, this.formData.data)
218 this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史"
219 })
220 }
221 },
222
223 methods: {
224 //新增常用意见
225 submitForm () {
226
227 this.$refs.form.validate(valid => {
228 if (valid) {
229 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
230 // if (res.code == 200) {
231 // this.$message.success("新增成功")
232 // this.closeaddDiglog();
233 // this.getList()
234 // } else {
235 // this.$message.error(res.message)
236 // }
237 // })
238 } else {
239 return false;
240 }
241 });
242 },
243 closeDialog () {
244 this.$popupCacel()
245 this.$refs['form'].resetFields();
246 // this.resetTableFields();
247 }
248 },
249 };
250 </script>
251 <style scoped lang="scss">
252 @import "~@/styles/mixin.scss";
253 @import "~@/styles/public.scss";
254
255
256 .jtfccx-edit {
257 @include flex;
258 flex-direction: column;
259 overflow-y: hidden;
260 max-height: 85vh;
261 padding: 0 2px;
262
263
264 .btn{
265 text-align: center;
266
267 }
268 }
269 </style>
...@@ -11,119 +11,9 @@ ...@@ -11,119 +11,9 @@
11 </el-select> 11 </el-select>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 <el-col :span="8"> 14 <el-col :span="8" v-for="item in datalist" :key="item.bdcdyh">
15 <el-form-item label="权利类型" label-width="140px"> 15 <el-form-item :prop="item.prop" :label="item.label" label-width="140px">
16 <el-input v-model="form.qllxmc" ></el-input> 16 <el-input v-model="form[item.prop]" ></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="登记类型" label-width="140px">
21 <el-input v-model="form.djlxmc" ></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="上手业务号" label-width="140px">
26 <el-input v-model="form.ssywh" ></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="档案号" label-width="140px">
31 <el-input v-model="form.dah" ></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="业务号" label-width="140px">
36 <el-input v-model="form.ywh" ></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="不动产单元号" label-width="140px">
41 <el-input v-model="form.bdcdyh" ></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="坐落" label-width="140px">
46 <el-input v-model="form.zl" ></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="共有情况" label-width="140px">
51 <el-input v-model="form.gyqk" ></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="权利人类型" label-width="140px">
56 <el-input v-model="form.qlrlx" ></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="权利人" label-width="140px">
61 <el-input v-model="form.qlrmc" ></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="证件种类" label-width="140px">
66 <el-input v-model="form.qlrzjzl" ></el-input>
67 </el-form-item>
68 </el-col>
69 <el-col :span="8">
70 <el-form-item label="证件号" label-width="140px">
71 <el-input v-model="form.qlrzjhm" ></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="使用权面积" label-width="140px">
76 <el-input v-model="form.mj" ></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item label="权利性质" label-width="140px">
81 <el-input v-model="form.qlxzmc" ></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="土地用途" label-width="140px">
86 <el-input v-model="form.ytmc" ></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="使用权起止时间" label-width="140px">
91 <el-input v-model="form.syqqzsj" ></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="土地使用期限" label-width="140px">
96 <el-input v-model="form.tdsyqx" ></el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="取得价格(万元)" label-width="140px">
101 <el-input v-model="form.qdjg" ></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="8">
105 <el-form-item label="登记原因" label-width="140px">
106 <el-input v-model="form.djyy" ></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="不动产权证号" label-width="140px">
111 <el-input v-model="form.bdcqzh" ></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="登记时间" label-width="140px">
116 <el-input v-model="form.djsj" ></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="登簿人" label-width="140px">
121 <el-input v-model="form.dbr" ></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="附记" label-width="140px">
126 <el-input v-model="form.fj" ></el-input>
127 </el-form-item> 17 </el-form-item>
128 </el-col> 18 </el-col>
129 </el-row> 19 </el-row>
...@@ -148,6 +38,7 @@ export default { ...@@ -148,6 +38,7 @@ export default {
148 data () { 38 data () {
149 return { 39 return {
150 form:{}, 40 form:{},
41 datalist:[],
151 qsztList: [ 42 qsztList: [
152 { 43 {
153 value: "0", 44 value: "0",
...@@ -167,23 +58,25 @@ export default { ...@@ -167,23 +58,25 @@ export default {
167 }; 58 };
168 }, 59 },
169 mounted () { 60 mounted () {
170 console.log("this.formData.data",this.formData.data);
171 if (this.formData.data) { 61 if (this.formData.data) {
172 this.$nextTick(() => { 62 this.$nextTick(() => {
173 this.form = Object.assign({}, this.formData.data) 63 this.form = Object.assign({}, this.formData.data)
64 // this.datalist = Object.assign([], this.formData.datalist)
174 this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史" 65 this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史"
175 }) 66 })
176 console.log("this.form",this.form);
177 } 67 }
68 // this.datalist = this.formData.datalist
69 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
70 this.datalist.shift()
71 this.datalist.shift()
72
178 }, 73 },
179 74
180 methods: { 75 methods: {
181 //新增常用意见 76 //新增常用意见
182 submitForm () { 77 submitForm () {
183
184 this.$refs.form.validate(valid => { 78 this.$refs.form.validate(valid => {
185 if (valid) { 79 if (valid) {
186 console.log("from",this.form);
187 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { 80 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
188 // if (res.code == 200) { 81 // if (res.code == 200) {
189 // this.$message.success("新增成功") 82 // this.$message.success("新增成功")
...@@ -193,13 +86,13 @@ export default { ...@@ -193,13 +86,13 @@ export default {
193 // this.$message.error(res.message) 86 // this.$message.error(res.message)
194 // } 87 // }
195 // }) 88 // })
89 this.$popupCacel()
196 } else { 90 } else {
197 return false; 91 return false;
198 } 92 }
199 }); 93 });
200 }, 94 },
201 closeDialog () { 95 closeDialog () {
202 console.log("this.$refs['form']",this.$refs['form']);
203 this.$popupCacel() 96 this.$popupCacel()
204 this.$refs['form'].resetFields(); 97 this.$refs['form'].resetFields();
205 // this.resetTableFields(); 98 // this.resetTableFields();
......
1 <template>
2 <div class="jtfccx-edit">
3 <div class="jtfccx-edit-con">
4 <el-form ref="form" :model="form" label-width="160px">
5 <el-row>
6 <el-col :span="8">
7 <el-form-item label="权属状态" label-width="140px">
8 <el-select v-model="form.qszt">
9 <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value">
10 </el-option>
11 </el-select>
12 </el-form-item>
13 </el-col>
14 <el-col :span="8">
15 <el-form-item label="权利类型" label-width="140px">
16 <el-input v-model="form.qllxmc" ></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="登记类型" label-width="140px">
21 <el-input v-model="form.djlxmc" ></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="上手业务号" label-width="140px">
26 <el-input v-model="form.ssywh" ></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="档案号" label-width="140px">
31 <el-input v-model="form.dah" ></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="业务号" label-width="140px">
36 <el-input v-model="form.ywh" ></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="不动产单元号" label-width="140px">
41 <el-input v-model="form.bdcdyh" ></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="坐落" label-width="140px">
46 <el-input v-model="form.zl" ></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="共有情况" label-width="140px">
51 <el-input v-model="form.gyqk" ></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="权利人类型" label-width="140px">
56 <el-input v-model="form.qlrlx" ></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="权利人" label-width="140px">
61 <el-input v-model="form.qlrmc" ></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="证件种类" label-width="140px">
66 <el-input v-model="form.qlrzjzl" ></el-input>
67 </el-form-item>
68 </el-col>
69 <el-col :span="8">
70 <el-form-item label="证件号" label-width="140px">
71 <el-input v-model="form.qlrzjhm" ></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="使用权面积" label-width="140px">
76 <el-input v-model="form.mj" ></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item label="权利性质" label-width="140px">
81 <el-input v-model="form.qlxzmc" ></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="土地用途" label-width="140px">
86 <el-input v-model="form.ytmc" ></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="使用权起止时间" label-width="140px">
91 <el-input v-model="form.syqqzsj" ></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="土地使用期限" label-width="140px">
96 <el-input v-model="form.tdsyqx" ></el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="取得价格(万元)" label-width="140px">
101 <el-input v-model="form.qdjg" ></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="8">
105 <el-form-item label="登记原因" label-width="140px">
106 <el-input v-model="form.djyy" ></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="不动产权证号" label-width="140px">
111 <el-input v-model="form.bdcqzh" ></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="登记时间" label-width="140px">
116 <el-input v-model="form.djsj" ></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="登簿人" label-width="140px">
121 <el-input v-model="form.dbr" ></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="附记" label-width="140px">
126 <el-input v-model="form.fj" ></el-input>
127 </el-form-item>
128 </el-col>
129 </el-row>
130 <el-form-item class="btn">
131 <el-button type="primary" @click="submitForm">保存</el-button>
132 <el-button @click="closeDialog">取消</el-button>
133 </el-form-item>
134 </el-form>
135
136 </div>
137
138 </div>
139 </template>
140 <script>
141 export default {
142 props: {
143 formData: {
144 type: Object,
145 default: () => { },
146 },
147 },
148 data () {
149 return {
150 form:{},
151 qsztList: [
152 {
153 value: "0",
154 label: "临时",
155 },
156 {
157 value: "1",
158 label: "现势",
159 },
160 {
161 value: "2",
162 label: "历史",
163 },
164
165 ],
166 label:"",
167 };
168 },
169 mounted () {
170 if (this.formData.data) {
171 this.$nextTick(() => {
172 this.form = Object.assign({}, this.formData.data)
173 this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史"
174 })
175 }
176 },
177
178 methods: {
179 //新增常用意见
180 submitForm () {
181
182 this.$refs.form.validate(valid => {
183 if (valid) {
184 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
185 // if (res.code == 200) {
186 // this.$message.success("新增成功")
187 // this.closeaddDiglog();
188 // this.getList()
189 // } else {
190 // this.$message.error(res.message)
191 // }
192 // })
193 } else {
194 return false;
195 }
196 });
197 },
198 closeDialog () {
199 this.$popupCacel()
200 this.$refs['form'].resetFields();
201 // this.resetTableFields();
202 }
203 },
204 };
205 </script>
206 <style scoped lang="scss">
207 @import "~@/styles/mixin.scss";
208 @import "~@/styles/public.scss";
209
210
211 .jtfccx-edit {
212 @include flex;
213 flex-direction: column;
214 overflow-y: hidden;
215 max-height: 85vh;
216 padding: 0 2px;
217
218
219 .btn{
220 text-align: center;
221
222 }
223 }
224 </style>
1 <!--
2 * @Description :抵押权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:50
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,48 @@ export default { ...@@ -95,6 +105,48 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
129 // deleteClmx(bsmClmx).then(res => {
130 // if (res.code == 200) {
131 // that.$emit('updateList', res.result)
132 // that.$message({
133 // message: '删除成功!',
134 // type: 'success'
135 // })
136 // }
137 // })
138 that.$message({
139 message: '删除成功!',
140 type: 'success'
141 })
142 }).catch(() => {
143 this.$message({
144 type: 'info',
145 message: '已取消删除'
146 })
147 })
148
149 }
98 }, 150 },
99 }; 151 };
100 </script> 152 </script>
......
1 <!--
2 * @Description : 地役权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:17
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
1 <!--
2 * @Description : 房地产权1
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:00
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -22,6 +27,11 @@ ...@@ -22,6 +27,11 @@
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]"> 29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
33 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
34 </div>
25 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
26 正在办理 36 正在办理
27 </div> 37 </div>
...@@ -100,6 +110,49 @@ ...@@ -100,6 +110,49 @@
100 } 110 }
101 return name; 111 return name;
102 }, 112 },
113 AddDialog(row){
114 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
115 data: ''
116 })
117 },
118 editDialog(row){
119 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
120 datalist:this.columns,
121 data: row,
122
123 })
124 },
125 // 删除
126 deleteDialog(row){
127 let that = this
128 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
129 confirmButtonText: '确定',
130 cancelButtonText: '取消',
131 type: 'warning'
132 }).then(async () => {
133
134 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
135 // deleteClmx(bsmClmx).then(res => {
136 // if (res.code == 200) {
137 // that.$emit('updateList', res.result)
138 // that.$message({
139 // message: '删除成功!',
140 // type: 'success'
141 // })
142 // }
143 // })
144 that.$message({
145 message: '删除成功!',
146 type: 'success'
147 })
148 }).catch(() => {
149 this.$message({
150 type: 'info',
151 message: '已取消删除'
152 })
153 })
154
155 }
103 }, 156 },
104 }; 157 };
105 </script> 158 </script>
......
1 <!--
2 * @Description : 房地产权2
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:42:33
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
1 <!--
2 * @Description :国有建设用地使用权
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 17:11:35
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -80,7 +85,6 @@ ...@@ -80,7 +85,6 @@
80 }).then((res) => { 85 }).then((res) => {
81 if (res.code === 200) { 86 if (res.code === 200) {
82 this.tableData = res.result; 87 this.tableData = res.result;
83 console.log("this.tableData",this.tableData);
84 if (this.tableData.length < datas.columns().emptycolNum) { 88 if (this.tableData.length < datas.columns().emptycolNum) {
85 this.emptycolNum = 89 this.emptycolNum =
86 datas.columns().emptycolNum - this.tableData.length; 90 datas.columns().emptycolNum - this.tableData.length;
...@@ -110,17 +114,20 @@ ...@@ -110,17 +114,20 @@
110 }, 114 },
111 AddDialog(row){ 115 AddDialog(row){
112 this.$popupDialog("新增", "djbBook/components/djbeditDialog", { 116 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
117 datalist:this.columns,
113 data: '' 118 data: ''
119
114 }) 120 })
115 }, 121 },
116 editDialog(row){ 122 editDialog(row){
117 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { 123 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
118 data: row 124 datalist:this.columns,
125 data: row,
126
119 }) 127 })
120 }, 128 },
121 // 删除 129 // 删除
122 deleteDialog(row){ 130 deleteDialog(row){
123 console.log("row",row);
124 let that = this 131 let that = this
125 this.$confirm('此操作将永久删除, 是否继续?', '提示', { 132 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
126 confirmButtonText: '确定', 133 confirmButtonText: '确定',
......
1 <!--
2 * @Description :用地
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:43:11
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -22,6 +27,11 @@ ...@@ -22,6 +27,11 @@
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]"> 29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
33 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
34 </div>
25 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
26 正在办理 36 正在办理
27 </div> 37 </div>
...@@ -129,6 +139,49 @@ ...@@ -129,6 +139,49 @@
129 } 139 }
130 return name; 140 return name;
131 }, 141 },
142 AddDialog(row){
143 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
144 data: ''
145 })
146 },
147 editDialog(row){
148 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
149 datalist:this.columns,
150 data: row,
151
152 })
153 },
154 // 删除
155 deleteDialog(row){
156 let that = this
157 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
158 confirmButtonText: '确定',
159 cancelButtonText: '取消',
160 type: 'warning'
161 }).then(async () => {
162
163 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
164 // deleteClmx(bsmClmx).then(res => {
165 // if (res.code == 200) {
166 // that.$emit('updateList', res.result)
167 // that.$message({
168 // message: '删除成功!',
169 // type: 'success'
170 // })
171 // }
172 // })
173 that.$message({
174 message: '删除成功!',
175 type: 'success'
176 })
177 }).catch(() => {
178 this.$message({
179 type: 'info',
180 message: '已取消删除'
181 })
182 })
183
184 }
132 }, 185 },
133 }; 186 };
134 </script> 187 </script>
......
1 <!--
2 * @Description :预告登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:44:18
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
1 <!--
2 * @Description :异议登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:03
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
...@@ -92,9 +92,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -92,9 +92,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
92 bdcdyh: this.bdcdyh, 92 bdcdyh: this.bdcdyh,
93 }).then((res) => { 93 }).then((res) => {
94 if (res.code === 200) { 94 if (res.code === 200) {
95 console.log("res.result","res.result",res.result);
96 this.treedata = loadTreeData(res.result, this.bdcdyh); 95 this.treedata = loadTreeData(res.result, this.bdcdyh);
97 console.log("this.treedata","this.treedata",this.treedata);
98 this.$nextTick(function () { 96 this.$nextTick(function () {
99 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); 97 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
100 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 98 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
...@@ -112,6 +110,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -112,6 +110,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
112 }, 110 },
113 handleNodeClick (data, node, elem) { 111 handleNodeClick (data, node, elem) {
114 this.$parent.loadComponent(this.currentSelectProps,data); 112 this.$parent.loadComponent(this.currentSelectProps,data);
113 this.$parent.tabset();
115 }, 114 },
116 115
117 } 116 }
......
...@@ -41,21 +41,19 @@ export default { ...@@ -41,21 +41,19 @@ export default {
41 methods: { 41 methods: {
42 //加载流程初始参数 42 //加载流程初始参数
43 flowInitParam () { 43 flowInitParam () {
44 this.bsmSlsq='dd7176d47d79abc17739a1ca06172e96'
45 this.bestepid='cs'
46 var formdata = new FormData();
47 formdata.append("bsmSlsq", this.bsmSlsq);
48 formdata.append("bestepid", this.bestepid);
49 stepExpandInfo(formdata).then((res) => {
50 if (res.code === 200) {
51 this.leftButtonList = res.result.button;
52 this.rightButtonList = res.result.operation;
53 this.slsq = res.result.slsq
54 }
55 })
44 56
45 // var formdata = new FormData();
46 // formdata.append("bsmSlsq", this.bsmSlsq);
47 // formdata.append("bestepid", this.bestepid);
48 // console.log("加载流程初始参数",formdata)
49 // stepExpandInfo(formdata).then((res) => {
50 // if (res.code === 200) {
51 // this.leftButtonList = res.result.button;
52 // this.rightButtonList = res.result.operation;
53 // this.slsq = res.result.slsq
54 // }
55 // })
56 this.leftButtonList = ["1111","222222"]
57 this.rightButtonList = ["333333","444444"]
58 // this.slsq = res.result.slsq
59 }, 57 },
60 //流程环节操作按钮 58 //流程环节操作按钮
61 operation (item) { 59 operation (item) {
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 */ 5 */
6 import { getForm } from "../flowform"; 6 import { getForm } from "../flowform";
7 import { getHomeNoticeList } from "@/api/user.js" 7 import { getHomeNoticeList } from "@/api/user.js"
8 import { log } from "bpmn-js-token-simulation";
8 export default { 9 export default {
9 data () { 10 data () {
10 return { 11 return {
...@@ -42,7 +43,6 @@ export default { ...@@ -42,7 +43,6 @@ export default {
42 } 43 }
43 } 44 }
44 this.componentTag = getForm(tabname, this.$route.query.sqywbm); 45 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
45 console.log(tabname);
46 } 46 }
47 } 47 }
48 } 48 }
......
...@@ -8,19 +8,31 @@ ...@@ -8,19 +8,31 @@
8 <!-- 顶部内容框 --> 8 <!-- 顶部内容框 -->
9 <div class="topButton"> 9 <div class="topButton">
10 <!-- 左侧业务功能按钮 --> 10 <!-- 左侧业务功能按钮 -->
11 <!-- <ul> 11 <ul>
12 <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> 12 <li
13 @click="operation(item)"
14 v-for="(item, index) in leftButtonList"
15 :key="index"
16 >
13 <svg-icon class="icon" :icon-class="item.icon" /> 17 <svg-icon class="icon" :icon-class="item.icon" />
14 <span class="iconName">{{ item.name }}</span> 18 <span class="iconName">{{ item.name }}</span>
15 </li> 19 </li>
16 </ul> 20 </ul>
17 <ul> 21 <ul>
18 <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> 22 <li
23 @click="operation(item)"
24 v-for="(item, index) in rightButtonList"
25 :key="index"
26 >
19 <svg-icon class="icon" :icon-class="item.icon" /> 27 <svg-icon class="icon" :icon-class="item.icon" />
20 <span class="iconName">{{ item.name }}</span> 28 <span class="iconName">{{ item.name }}</span>
21 </li> 29 </li>
22 </ul> 30 </ul>
23 <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" /> --> 31 <NoticeBar
32 class="NoticeBar"
33 :noticeList="noticeList"
34 v-if="noticeList.length > 0"
35 />
24 </div> 36 </div>
25 <!-- 内容框架 --> 37 <!-- 内容框架 -->
26 <div class="containerFrame"> 38 <div class="containerFrame">
...@@ -34,153 +46,182 @@ ...@@ -34,153 +46,182 @@
34 <!-- 表单内容区域 --> 46 <!-- 表单内容区域 -->
35 <div class="rightContainer"> 47 <div class="rightContainer">
36 <el-tabs v-model="tabName" :before-leave="beforeLeave"> 48 <el-tabs v-model="tabName" :before-leave="beforeLeave">
37 <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> 49 <el-tab-pane
50 :label="item.name"
51 :name="item.value"
52 v-for="item in tabList"
53 :key="item.value"
54 >
38 </el-tab-pane> 55 </el-tab-pane>
39 </el-tabs> 56 </el-tabs>
40 <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> 57 <component
58 :key="fresh"
59 :is="componentTag"
60 v-bind="currentSelectProps"
61 />
41 </div> 62 </div>
42 </div> 63 </div>
43 </div> 64 </div>
44 <!-- 打印模板需要此模块 -->
45 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
46 <embed id="LODOP_EM" type="application/x-print-lodop" width="820" height="450" pluginspage="install_lodop32.exe" />
47 </object>
48 <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
49 :on-change="handleChange" :before-upload="beforeUpload">
50 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
51 </el-upload>
52 </div> 65 </div>
53 </template> 66 </template>
54 <style scoped lang="scss"> 67 <style scoped lang="scss">
55 @import "~@/styles/mixin.scss"; 68 @import "~@/styles/mixin.scss";
56 @import "./workFrame.scss"; 69 @import "./workFrame.scss";
57 </style> 70 </style>
58 <script> 71 <script>
59 import WorkFlow from "./mixin/index" 72 import WorkFlow from "./mixin/index";
60 import publicFlow from "./mixin/public.js" 73 import publicFlow from "./mixin/public.js";
61 // import { getStepFormInfo } from "@/api/fqsq.js" 74 // import { getStepFormInfo } from "@/api/fqsq.js"
62 // import { getForm } from "./flowform" 75 // import { getForm } from "./flowform"
63 import NoticeBar from "@/components/NoticeBar/index" 76 import NoticeBar from "@/components/NoticeBar/index";
64 import { unClaimTask } from "@/api/ywbl.js" 77 import { unClaimTask } from "@/api/ywbl.js";
65 import ProcessViewer from "./components/processViewer.vue" 78 import ProcessViewer from "./components/processViewer.vue";
66 // 引入左侧菜单 79 // 引入左侧菜单
67 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" 80 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
68 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue" 81 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
69 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData"; 82 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData";
70 // 登记簿数据信息 83 // 登记簿数据信息
71 84
72 import { getBdcqljqtsx } from "@/api/registerBook.js"; 85 import { getBdcqljqtsx } from "@/api/registerBook.js";
73 export default { 86 export default {
74 components: { 87 components: {
75 selectBdc, 88 selectBdc,
76 NoticeBar, 89 NoticeBar,
77 ProcessViewer, 90 ProcessViewer,
78 ordinaryMenu, 91 ordinaryMenu,
92 },
93 mixins: [WorkFlow, publicFlow],
94 data() {
95 return {
96 isDialog: false,
97 bsmSlsq: this.$route.query.bsmSlsq,
98 //当前流程所在环节
99 bestepid: this.$route.query.bestepid,
100 //受理申请标识码
101 bdcdyid: this.$route.query.bdcdyid,
102 //当前流程所在环节
103 bdcdyh: this.$route.query.bdcdyh,
104 qllx: this.$route.query.qllx,
105 //设置那个表单选中
106 tabName: "",
107 //设置那个表单选择
108 currentSelectTab: {},
109 //表单集合
110 tabList: [],
111 //选择加载哪一个组件
112 componentTag: "",
113 //设置表单传递数据
114 currentSelectProps: {},
115 //材料分屏表单
116 clxxForm: "",
117 //材料信息选择卡索引
118 clxxIndex: "",
119 //材料信息选项卡对象
120 clxxTab: {},
121 //页面监听时间
122 _beforeUnload_time: "",
123 };
124 },
125 mounted() {
126 this.$store.dispatch("user/refreshPage", false);
127 //添加页面监听事件
128 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
129 window.addEventListener("unload", (e) => this.unloadHandler(e));
130 this.tabset()
131 },
132 destroyed() {
133
134 window.removeEventListener("beforeunload", (e) =>
135 this.beforeunloadHandler(e)
136 );
137 window.removeEventListener("unload", (e) => this.unloadHandler(e));
138 },
139 methods: {
140 getCurrentSelectProps(val) {
141 // this.loadData();
79 }, 142 },
80 mixins: [WorkFlow, publicFlow], 143
81 data () { 144 beforeunloadHandler() {
82 return { 145 this._beforeUnload_time = new Date().getTime();
83 isDialog: false,
84 bsmSlsq: this.$route.query.bsmSlsq,
85 //当前流程所在环节
86 bestepid: this.$route.query.bestepid,
87 //受理申请标识码
88 bdcdyid: this.$route.query.bdcdyid,
89 //当前流程所在环节
90 bdcdyh: this.$route.query.bdcdyh,
91 qllx:this.$route.query.qllx,
92 //设置那个表单选中
93 tabName: "",
94 //设置那个表单选择
95 currentSelectTab: {},
96 //表单集合
97 tabList: [],
98 //选择加载哪一个组件
99 componentTag: "",
100 //设置表单传递数据
101 currentSelectProps: {},
102 //材料分屏表单
103 clxxForm: "",
104 //材料信息选择卡索引
105 clxxIndex: "",
106 //材料信息选项卡对象
107 clxxTab: {},
108 //页面监听时间
109 _beforeUnload_time: ""
110 }
111 }, 146 },
112 mounted () { 147 unloadHandler(e) {
113 this.$store.dispatch('user/refreshPage', false); 148 this._gap_time = new Date().getTime() - this._beforeUnload_time;
114 //添加页面监听事件 149 //判断是窗口关闭还是刷新
115 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); 150 if (this._gap_time <= 10) {
116 window.addEventListener("unload", (e) => this.unloadHandler(e)); 151 //取消认领
152 unClaimTask(this.bsmSlsq, this.bestepid);
153 }
117 }, 154 },
118 destroyed () { 155 tabset(){
119 window.removeEventListener("beforeunload", (e) => 156 this.tabList = [
120 this.beforeunloadHandler(e) 157 {
121 ); 158 name: "受理情况",
122 window.removeEventListener("unload", (e) => this.unloadHandler(e)); 159 value: "plfdcq2",
160 sort: 1,
161 },
162 {
163 name: "材料信息",
164 value: "clxx",
165 sort: 2,
166 },
167 ];
168 this.tabName = 'plfdcq2';
123 }, 169 },
124 methods: {
125 getCurrentSelectProps (val) {
126 this.loadData()
127 },
128 170
129 beforeunloadHandler () { 171 // 获取登记簿菜单
130 this._beforeUnload_time = new Date().getTime(); 172 // loadData() {
131 }, 173 // getBdcqljqtsx({
132 unloadHandler (e) { 174 // bdcdyid: this.bdcdyid,
133 this._gap_time = new Date().getTime() - this._beforeUnload_time; 175 // bdcdyh: this.bdcdyh,
134 //判断是窗口关闭还是刷新 176 // }).then((res) => {
135 if (this._gap_time <= 10) { 177 // if (res.code === 200) {
136 //取消认领 178 // this.treedata = loadTreeData(res.result, this.bdcdyh);
137 unClaimTask(this.bsmSlsq, this.bestepid); 179 // this.$nextTick(function () {
138 } 180 // this.defaultNode = getNode(
139 }, 181 // this.qllx,
140 // 获取登记簿菜单 182 // { linShi: 0, xianShi: 0, liShi: 0 },
141 loadData () { 183 // ""
142 getBdcqljqtsx({ 184 // );
143 bdcdyid: this.bdcdyid, 185 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
144 bdcdyh: this.bdcdyh, 186 // // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode);
145 }).then((res) => { 187 // });
146 if (res.code === 200) { 188 // }
147 console.log("res.result","res.result",res.result); 189
148 this.treedata = loadTreeData(res.result, this.bdcdyh); 190 // });
149 console.log("this.treedata","this.treedata",this.treedata); 191 // this.currentSelectProps = {
150 this.$nextTick(function () { 192 // bdcdyid: this.bdcdyid,
151 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); 193 // bdcdyh: this.bdcdyh,
152 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 194 // qllx: this.qllx,
153 // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode); 195 // bsmQlxx: this.bsmQlxx,
154 }); 196 // };
155 } 197 // // this.$parent.stepForm();
156 }); 198 // },
157 this.currentSelectProps = {
158 bdcdyid: this.bdcdyid,
159 bdcdyh: this.bdcdyh,
160 qllx: this.qllx,
161 bsmQlxx: this.bsmQlxx,
162 };
163 // this.$parent.stepForm();
164 },
165 199
166 loadComponent (currentSelectProps,data) { 200 loadComponent(currentSelectProps, data) {
167 this.currentSelectProps=currentSelectProps 201 this.tabset()
168 this.componentTag = (r) => 202 this.currentSelectProps = currentSelectProps;
203 this.componentTag = (r) =>
169 require.ensure([], () => r(require("@/views/djbBook/" + data.form))); 204 require.ensure([], () => r(require("@/views/djbBook/" + data.form)));
205
170 }, 206 },
171 openDialog () { 207 // openDialog() {
172 this.$store.dispatch('user/refreshPage', false) 208 // this.$store.dispatch("user/refreshPage", false);
173 let data = JSON.parse(localStorage.getItem('ywbl')) 209 // let data = JSON.parse(localStorage.getItem("ywbl"));
174 let title 210 // let title;
175 if (data?.sqywmc) { 211 // if (data?.sqywmc) {
176 title = "申请业务：" + data?.sqywmc 212 // title = "申请业务：" + data?.sqywmc;
177 } else { 213 // } else {
178 title = "申请业务：" + data?.djywmc 214 // title = "申请业务：" + data?.djywmc;
179 } 215 // }
180 216
181 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) 217 // this.$popupDialog(
182 } 218 // title,
183 } 219 // "ywbl/ywsq/selectBdc",
184 } 220 // { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
221 // "80%",
222 // true
223 // );
224 // },
225 },
226 };
185 </script> 227 </script>
186
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-18 15:01:31 4 * @LastEditTime: 2023-05-18 15:01:31
5 */ 5 */
...@@ -16,6 +16,7 @@ import { ...@@ -16,6 +16,7 @@ import {
16 getNextLinkInfo, 16 getNextLinkInfo,
17 } from "@/api/fqsq.js"; 17 } from "@/api/fqsq.js";
18 import { mapGetters } from 'vuex' 18 import { mapGetters } from 'vuex'
19 import { log } from "bpmn-js-token-simulation";
19 export default { 20 export default {
20 data () { 21 data () {
21 return { 22 return {
......