Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
160c29c0 by xiaomiao
Options

登记簿补录

1 parent 9865aa2c
Expand all
Inline Side-by-side
Showing 24 changed files with 884 additions and 300 deletions
1 <!-- 1 <!--
2 * @Description :查封登记信息 2 * @Description :查封登记信息
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:22 4 * @LastEditTime : 2023-06-08 17:04:19
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
......
...@@ -249,7 +249,7 @@ ...@@ -249,7 +249,7 @@
249 import imagePreview from '@/views/components/imagePreview.vue' 249 import imagePreview from '@/views/components/imagePreview.vue'
250 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 250 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
251 export default { 251 export default {
252 components: { clxxAddDialog}, 252 components: { clxxAddDialog, imagePreview },
253 props: { 253 props: {
254 formData: { 254 formData: {
255 type: Object, 255 type: Object,
...@@ -326,7 +326,6 @@ export default { ...@@ -326,7 +326,6 @@ export default {
326 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); 326 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
327 this.datalist.shift(); 327 this.datalist.shift();
328 this.datalist.shift(); 328 this.datalist.shift();
329 console.log("this.datalist", this.datalist);
330 }, 329 },
331 330
332 methods: { 331 methods: {
......
...@@ -48,6 +48,7 @@ ...@@ -48,6 +48,7 @@
48 }, 48 },
49 watch: { 49 watch: {
50 value (val) { 50 value (val) {
51 console.log("进去新增材料弹框");
51 this.myValue = val; 52 this.myValue = val;
52 }, 53 },
53 }, 54 },
......
1 <!-- 1 <!--
2 * @Description : 地役权登记信息 2 * @Description : 地役权登记信息
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:17 4 * @LastEditTime : 2023-06-08 08:46:10
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
......
1
2
3 var qlxxPage = [
4 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
5 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
9 { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" },
10 { qllx: "A07", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权" },
11 { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" },
12 { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" },
13 { qllx: "A11", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权" },
14 { qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" },
15 { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" },
16 { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" },
17 { qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" },
18 { qllx: "A16", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权/建（构）筑物所有权" },
19 { qllx: "A17", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权（无居民海岛）" },
20 { qllx: "A18", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权（无居民海岛）/建筑物（设施）使用权" },
21 { qllx: "A19", id: "diyiq", form: "diyiq.vue", label: "地役权" },
22 { qllx: "A23", id: "jsydsyq", form: "jsydsyq.vue", label: "国有农用地的使用权" },
23 { qllx: "A24", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权/构筑物所有权" },
24 { qllx: "A25", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权/构筑物所有权" },
25 { qllx: "A26", id: "jsydsyq", form: "jsydsyq.vue", label: "集体建设用地使用权/构筑物所有权" },
26 { qllx: "A29", id: "jsydsyq", form: "jsydsyq.vue", label: "国有未利用地的使用权" },
27 { qllx: "A30", id: "jsydsyq", form: "jsydsyq.vue", label: "集体农用地使用权" },
28 { qllx: "A31", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权/森林、林木使用权" },
29 { qllx: "A33", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木所有权" },
30 { qllx: "A34", id: "jsydsyq", form: "jsydsyq.vue", label: "林地经营权/林木使用权" },
31 { qllx: "A35", id: "jsydsyq", form: "jsydsyq.vue", label: "林地承包经营权/林木所有权" },
32 { qllx: "A36", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/林木所有权" },
33 { qllx: "A37", id: "diyaq", form: "diyaq.vue", label: "抵押权" },
34 { qllx: "B37", id: "diyaq", form: "diyaq.vue", label: "抵押权" },
35 { qllx: "B38", id: "yydj", form: "yydj.vue", label: "异议登记" },
36 { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" },
37 { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
38 { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
39 ];
40
41 //组装登记簿树形结构
42 export function loadTreeData(qlxxData, bdcdyh) {
43 let treedata = [];
44 //加载封面
45 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
46 treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] });
47 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
48 treedata[1].children[0].children.push({
49 id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
50 });
51 //主体权利
52 treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx));
53 //抵押权
54 treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, ''));
55 //地役权
56 treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, ''));
57 //预告登记
58 treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, ''));
59 //异议登记
60 treedata[1].children[0].children[0].children.push(getNode("B38", qlxxData.yydj, ''));
61 //查封登记
62 treedata[1].children[0].children[0].children.push(getNode("B39", qlxxData.cfdj, ''));
63
64 return treedata;
65 }
66
67 //获取权利类型、不动产单元类型对应的树形节点信息
68 export function getNode(qllx, qlxx, bdcdylx) {
69 let node;
70 for (var i = 0; i < qlxxPage.length; i++) {
71 if (qlxxPage[i].qllx == qllx) {
72 if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
73 if (bdcdylx == "4") {
74 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
75 } else {
76 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
77 }
78 } else {
79 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
80 }
81 break;
82 }
83 };
84 return node;
85 }
86
1 <!-- 1 <!--
2 * @Description :国有建设用地使用权 2 * @Description :国有建设用地使用权
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-05 15:40:51 4 * @LastEditTime : 2023-06-09 13:33:38
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -86,6 +86,7 @@ ...@@ -86,6 +86,7 @@
86 }).then((res) => { 86 }).then((res) => {
87 if (res.code === 200) { 87 if (res.code === 200) {
88 this.tableData = res.result; 88 this.tableData = res.result;
89 console.log("111111111111this.tableDat1",this.tableData);
89 if (this.tableData.length < datas.columns().emptycolNum) { 90 if (this.tableData.length < datas.columns().emptycolNum) {
90 this.emptycolNum = 91 this.emptycolNum =
91 datas.columns().emptycolNum - this.tableData.length; 92 datas.columns().emptycolNum - this.tableData.length;
...@@ -94,6 +95,7 @@ ...@@ -94,6 +95,7 @@
94 } 95 }
95 } 96 }
96 }); 97 });
98
97 }, 99 },
98 checkChange () { 100 checkChange () {
99 if (this.checkList.length === 0) { 101 if (this.checkList.length === 0) {
......
1 <template>
2 <div class="from-clues-header">
3 <div>受理信息</div>
4 <el-form ref="form" :model="form" label-width="160px">
5 <el-row>
6 <el-col :span="12">
7 <el-form-item label="权属状态" label-width="140px">
8 <el-select v-model="form.qszt">
9 <el-option
10 v-for="item in qsztList"
11 :key="item.value"
12 :label="item.label"
13 :value="item.value"
14 >
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh">
20 <el-form-item
21 :prop="item.prop"
22 :label="item.label"
23 label-width="140px"
24 >
25 <el-input v-model="form[item.prop]"></el-input>
26 </el-form-item>
27 </el-col>
28 </el-row>
29 </el-form>
30 <div class="btn">
31 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
32 <el-button @click="closeDialog">取消</el-button>
33 </div>
34 </div>
35 </template>
36 <script>
37 import { mapGetters } from "vuex";
38 export default {
39
40 props: {
41 formData: {
42 type: Object,
43 default: () => {},
44 },
45 },
46 data() {
47 return {
48 //传递参数
49 propsParam: this.$attrs,
50 activeName: "slxx",
51 form: {},
52 datalist: [],
53 qsztList: [
54 {
55 value: "1",
56 label: "现势",
57 },
58 {
59 value: "2",
60 label: "历史",
61 },
62 ],
63 label: "",
64 isshow: true,
65 };
66 },
67 computed: {
68
69 ...mapGetters(["dictData"])
70 },
71 created () {
72 console.log("this.propsParam",this.propsParam);
73 // this.clmlInitList(1)
74 },
75 mounted() {
76
77 if (this.formData.data) {
78 this.$nextTick(() => {
79 this.form = Object.assign({}, this.formData.data);
80 // this.datalist = Object.assign([], this.formData.datalist)
81 this.form.qszt =
82 this.form.qszt == "0"
83 ? "临时"
84 : this.form.qszt == "1"
85 ? "现势"
86 : "历史";
87 });
88 }
89
90 // this.datalist = this.formData.datalist
91 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
92 this.datalist.shift();
93 this.datalist.shift();
94 console.log("this.datalist", this.datalist);
95 },
96
97 methods: {
98 // 受理信息保存
99 slxxsubmitForm() {
100 this.$refs.form.validate((valid) => {
101 if (valid) {
102 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
103 // if (res.code == 200) {
104 // this.$message.success("新增成功")
105 // this.closeaddDiglog();
106 // this.getList()
107 // } else {
108 // this.$message.error(res.message)
109 // }
110 // })
111 } else {
112 return false;
113 }
114 });
115 this.isshow = false;
116 },
117
118 },
119 };
120 </script>
121 <style scoped lang="scss">
122 @import "~@/styles/mixin.scss";
123 @import "~@/styles/public.scss";
124
125 .from-clues-header {
126 @include flex;
127 flex-direction: column;
128 overflow-y: hidden;
129 height: 620px;
130 padding: 0 2px;
131
132 .btn {
133 margin-top: 40px;
134 margin-bottom: 20px;
135 text-align: center;
136 }
137 }
138
139 // 审批意见样式
140
141 .spyj {
142 .box {
143 overflow-x: auto;
144 width: 100%;
145 height: 95%;
146 background: #fff;
147 text-align: center;
148 padding: 4px;
149 overflow-y: scroll;
150 padding-top: 20px;
151 padding: 20px 40px;
152 /deep/.el-input__inner {
153 width: 200px;
154 border:none;
155 }
156 }
157 .spyj_title {
158 line-height: 68px;
159 border: 1px solid $borderColor;
160 text-align: center;
161 font-size: 22px;
162 font-weight: 400;
163 background-color: #eceef2;
164 display: block;
165 border-bottom: none;
166 }
167
168 /deep/.el-form-item {
169 margin-bottom: 0;
170 }
171
172 .bottom10 {
173 margin-bottom: 15px;
174 }
175
176 .spyj_form {
177 display: flex;
178 border: 1px solid $borderColor;
179
180 .item_left {
181 width: 150px;
182 background-color: #f8f8fa;
183 color: #606266;
184 display: flex;
185 font-size: 14px;
186 text-indent: 80px;
187 align-items: center;
188 border-right: 1px solid $borderColor;
189 }
190
191 .item_right {
192 flex: 1;
193 width: 100%;
194
195 /deep/.el-form-item__label {
196 background-color: #f8f8fa;
197 }
198 /deep/.el-form-item__content {
199 display: block;
200 text-align: left;
201 text-indent: 10px;
202 }
203 .opinion_item {
204 /deep/.el-form-item__error {
205 margin-top: -16px !important;
206 left: 3px;
207 }
208
209 border-bottom: 1px solid $borderColor;
210 }
211
212 .opinion {
213 position: relative;
214 font-size: 14px;
215
216 /deep/.el-textarea__inner {
217 border: none;
218 }
219 }
220
221 .opinion_btn {
222 position: absolute;
223 right: 15px;
224 bottom: 10px;
225 }
226 }
227 }
228
229 .submit_button {
230 text-align: center;
231 margin: 15px 0;
232 }
233 }
234
235 // 材料信息样式
236 .active {
237 background: $light-blue !important;
238 color: #fff;
239 }
240
241 .required {
242 font-size: 12px;
243 color: $pink;
244 float: left;
245 }
246
247 .cl_number {
248 float: right;
249 }
250
251 .clxx {
252 width: 100%;
253 display: flex;
254 padding-left: 5px;
255 height: calc(100vh - 125px);
256
257 .left {
258 display: flex;
259 flex-direction: column;
260 justify-content: space-between;
261
262 .item {
263 width: 28px;
264 height: 49%;
265 @include flex-center;
266 background-color: #e4e7ed;
267 border-bottom-right-radius: 10px;
268 padding: 5px;
269 cursor: pointer;
270 transition: all 0.3s;
271
272 &:hover {
273 @extend .active;
274 }
275 }
276 }
277
278 .right {
279 width: 100%;
280 height: 100%;
281
282 .clmlmx-box {
283 margin: 0 auto;
284
285 .title {
286 text-align: center;
287 height: 60px;
288 line-height: 60px;
289 border: 1px solid #dfe6ec;
290 font-size: 20px;
291 background: #81d3f81a;
292 margin-bottom: -1px;
293 }
294 }
295
296 .clyl-box {
297 width: 100%;
298 height: 100%;
299 display: flex;
300
301 .menu-tree {
302 width: 20%;
303 min-width: 160px;
304 height: 100%;
305 margin-right: 10px;
306 border-right: 1px dotted #d9d9d9;
307 padding: 0 15px;
308
309 .item {
310 line-height: 30px;
311 padding-top: 5px;
312 border-bottom: 1px solid #e8e8e8;
313 font-size: 16px;
314 text-align: center;
315 color: $light-blue;
316
317 .itemIcon {
318 float: right;
319 line-height: 60px;
320 cursor: pointer;
321 }
322
323 .child {
324 line-height: 32px;
325 border-bottom: 1px solid #e8e8e8;
326 padding-left: 10px;
327 color: #6b6b6b;
328 cursor: pointer;
329 box-sizing: border-box;
330 border-radius: 6px;
331 line-height: 20px;
332 transition: all 0.3s;
333 padding: 8px 0;
334 }
335
336 .child:hover {
337 color: $light-blue;
338 transform: scale(1.1);
339 }
340
341 .checked {
342 border: 1px solid $light-blue;
343 color: $light-blue;
344 }
345 }
346 }
347
348 .clyl-img {
349 width: 75%;
350 height: 100%;
351 background: #f3f4f7;
352 margin: 0 auto;
353 position: relative;
354 }
355 }
356 }
357 }
358 </style>
1 <!--
2 * @Description: 审批意见
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:24
5 -->
6 <template>
7 <div class='spyj loadingtext'>
8 <div class="box">
9 <b class="spyj_title">审批表11111111111111111111</b>
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
12 <div class="item_left">
13 {{ item.jdmc }}意见
14 </div>
15 <div class="item_right">
16 <el-row>
17 <el-col :span="24">
18 <el-form-item label-width="0" class="opinion_item" prop="shyj">
19 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见"
20 v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input>
21 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
22 </el-input>
23 <el-button class="opinion_btn" @click="commonOpinion"
24 v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="16">
30 <el-form-item label="审查人" prop="shryxm">
31 {{ item.shryxm }}
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="审核时间" prop="shjssj" :key="refresh">
36 {{ item.shjssj }}
37 </el-form-item>
38 </el-col>
39 </el-row>
40 </div>
41 </div>
42 <div class="submit_button" v-if="ableOperation">
43 <el-button type="primary" @click="onSubmit">保存</el-button>
44 </div>
45 </el-form>
46 </div>
47 <el-empty v-if="isNoData" description="暂无数据"></el-empty>
48 </div>
49 </template>
50 <script>
51 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
52 import { mapGetters } from 'vuex'
53 export default {
54 computed: {
55 ...mapGetters(['userData', 'yjsqOptions'])
56 },
57 data () {
58 return {
59 isNoData: false,
60 bsmSlsq: '',
61 //刷新值
62 refresh: 10,
63 ableOperation: true,
64 bsmSlsq: this.$route.query.bsmSlsq,
65 bestepid: this.$route.query.bestepid,
66 ruleForm: {},
67 rules: {
68 shyj: [
69 { required: true, message: '请输入审批意见', trigger: 'blur' }
70 ],
71 },
72 tableData: [],
73 propsParam: {}
74 }
75 },
76 watch: {
77 yjsqOptions: {
78 handler (val) {
79 this.ruleForm.shyj = val
80 },
81 deep: true,
82 immediate: true
83 },
84 },
85 mounted () {
86 this.propsParam = this.$attrs;
87 if (this.$route.query.viewtype) {
88 this.ableOperation = false
89 }
90 this.list();
91 },
92 methods: {
93 //审批意见数据初始化
94 list () {
95 let that = this
96 this.$startLoading()
97 var formdata = new FormData();
98 formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
99 formdata.append("bestepid", this.$route.query.bestepid);
100 formdata.append("ableOperation", this.ableOperation)
101 getSpyjList(formdata).then((res) => {
102 this.$endLoading()
103 if (res.code === 200 && res.result) {
104 this.tableData = res.result ? res.result : []
105 if (res.result.length == 0) {
106 that.isNoData = true
107 }
108 this.ruleForm = res.result[res.result.length - 1]
109 }
110 })
111 },
112 onSubmit () {
113 this.ruleForm.bsmSlsq = this.bsmSlsq
114 this.ruleForm.bestepid = this.bestepid
115 saveSpyjBySlsq(this.ruleForm).then(res => {
116 if (res.code === 200) {
117 this.$message.success("保存成功")
118 this.refresh += 1
119 } else {
120 this.$message.error(res.message)
121 }
122 })
123 },
124 //打开常用意见列表弹窗
125 commonOpinion () {
126 this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true)
127 },
128 //使用常用意见
129 useOpinion (opinion) {
130 this.ruleForm.shyj = opinion
131 }
132 }
133 }
134 </script>
135 <style scoped lang='scss'>
136 @import "~@/styles/mixin.scss";
137
138 .spyj {
139 width: 100%;
140 height: 100%;
141 background-color: #f5f5f5;
142 padding: 5px;
143 .box {
144 overflow-x: auto;
145 width: 100%;
146 height: 95%;
147 background: #fff;
148 text-align: center;
149 padding: 4px;
150 overflow-y: scroll;
151 padding-top: 20px;
152 padding: 20px 40px;
153 }
154 .spyj_title {
155 line-height: 68px;
156 border: 1px solid $borderColor;
157 text-align: center;
158 font-size: 22px;
159 font-weight: 400;
160 background-color: #eceef2;
161 display: block;
162 border-bottom: none;
163 }
164
165 /deep/.el-form-item {
166 margin-bottom: 0;
167 }
168
169 .bottom10 {
170 margin-bottom: 15px;
171 }
172
173 .spyj_form {
174 display: flex;
175 border: 1px solid $borderColor;
176
177 .item_left {
178 width: 150px;
179 background-color: #f8f8fa;
180 color: #606266;
181 display: flex;
182 font-size: 14px;
183 text-indent: 80px;
184 align-items: center;
185 border-right: 1px solid $borderColor;
186 }
187
188 .item_right {
189 flex: 1;
190 width: 100%;
191
192 /deep/.el-form-item__label {
193 background-color: #f8f8fa;
194 }
195 /deep/.el-form-item__content {
196 display: block;
197 text-align: left;
198 text-indent: 10px;
199 }
200 .opinion_item {
201 /deep/.el-form-item__error {
202 margin-top: -16px !important;
203 left: 3px;
204 }
205
206 border-bottom: 1px solid $borderColor;
207 }
208
209 .opinion {
210 position: relative;
211 font-size: 14px;
212
213 /deep/.el-textarea__inner {
214 border: none;
215 }
216 }
217
218 .opinion_btn {
219 position: absolute;
220 right: 15px;
221 bottom: 10px;
222 }
223 }
224 }
225
226 .submit_button {
227 text-align: center;
228 margin: 15px 0;
229 }
230 }
231 </style>
1 <!-- 1 <!--
2 * @Description :预告登记信息 2 * @Description :预告登记
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:44:18 4 * @LastEditTime : 2023-06-02 14:44:18
5 --> 5 -->
......
1 <!-- 1 <!--
2 * @Description :异议登记信息 2 * @Description :异议登记
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:03 4 * @LastEditTime : 2023-06-09 13:55:42
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -67,6 +67,7 @@ export default { ...@@ -67,6 +67,7 @@ export default {
67 }; 67 };
68 }, 68 },
69 created () { 69 created () {
70 console.log("异议登记");
70 this.loadData(); 71 this.loadData();
71 }, 72 },
72 methods: { 73 methods: {
......
...@@ -43,7 +43,7 @@ export function loadTreeData(qlxxData, bdcdyh) { ...@@ -43,7 +43,7 @@ export function loadTreeData(qlxxData, bdcdyh) {
43 let treedata = []; 43 let treedata = [];
44 //加载封面 44 //加载封面
45 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); 45 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
46 treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] }); 46 treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息", children: [] });
47 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); 47 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
48 treedata[1].children[0].children.push({ 48 treedata[1].children[0].children.push({
49 id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], 49 id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
...@@ -71,12 +71,12 @@ export function getNode(qllx, qlxx, bdcdylx) { ...@@ -71,12 +71,12 @@ export function getNode(qllx, qlxx, bdcdylx) {
71 if (qlxxPage[i].qllx == qllx) { 71 if (qlxxPage[i].qllx == qllx) {
72 if (qllx == "A04" || qllx == "A06" || qllx == "A08") { 72 if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
73 if (bdcdylx == "4") { 73 if (bdcdylx == "4") {
74 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 74 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label};
75 } else { 75 } else {
76 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 76 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
77 } 77 }
78 } else { 78 } else {
79 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 79 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label};
80 } 80 }
81 break; 81 break;
82 } 82 }
......
...@@ -6,12 +6,28 @@ ...@@ -6,12 +6,28 @@
6 <template> 6 <template>
7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
8 <div v-if="this.isShowdrawer"> 8 <div v-if="this.isShowdrawer">
9 <div class="title"> 9 <el-menu :default-active="activeIndex" @select="djbClick" class="title-batch">
10 登记簿补录业务列表 10 <el-menu-item index="-1" key="-1" class="menus">
11 <div>登记簿</div>
12 </el-menu-item>
13 </el-menu>
14 <div class="blxx">
15 <el-menu :default-active="activeIndex" @select="blxxClick" class="title-batch">
16 <el-menu-item index="-1" key="-1" class="menus">
17 <div>补录信息</div>
18 </el-menu-item>
19 </el-menu>
20 <el-menu :default-active="activeIndex" @select="unitClick">
21 <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index">
22 <div>
23 <p>{{ item.bdcdyh }}</p>
24 <p class="title-detail">{{ item.zl }}</p>
11 </div> 25 </div>
12 <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" 26 <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i>
13 :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> 27 </el-menu-item>
14 </el-tree> 28 </el-menu>
29 </div>
30
15 </div> 31 </div>
16 <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" 32 <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
17 () => { 33 () => {
...@@ -34,6 +50,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -34,6 +50,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
34 export default { 50 export default {
35 data () { 51 data () {
36 return { 52 return {
53 supplementarylist:[],
37 //受理申请标识码 54 //受理申请标识码
38 bsmSlsq: this.$route.query.bsmSlsq, 55 bsmSlsq: this.$route.query.bsmSlsq,
39 //当前流程所在环节 56 //当前流程所在环节
...@@ -47,8 +64,6 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -47,8 +64,6 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
47 activeIndex: '0', 64 activeIndex: '0',
48 // 折叠 65 // 折叠
49 isShowdrawer: true, 66 isShowdrawer: true,
50 // 批量操作
51 showBatch: false,
52 //批量操作按钮名称 67 //批量操作按钮名称
53 batchButtonName: '', 68 batchButtonName: '',
54 //左侧菜单数据集合 69 //左侧菜单数据集合
...@@ -87,26 +102,97 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -87,26 +102,97 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
87 }, 102 },
88 // 获取登记簿菜单 103 // 获取登记簿菜单
89 loadData () { 104 loadData () {
90 getBdcqljqtsx({ 105 this.supplementarylist=[{
91 bdcdyid: this.bdcdyid, 106 "zl": "抵押权",
92 bdcdyh: this.bdcdyh, 107 },{
93 }).then((res) => { 108 "zl": "抵押权",
94 if (res.code === 200) { 109 },{
95 this.treedata = loadTreeData(res.result, this.bdcdyh); 110 "zl": "抵押权",
96 this.$nextTick(function () { 111 },{
97 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); 112 "zl": "抵押权",
98 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 113 },{
99 this.$parent.loadComponent(this.currentSelectProps,this.defaultNode); 114 "zl": "抵押权",
100 }); 115 },{
101 } 116 "zl": "抵押权",
102 }); 117 },{
103 this.currentSelectProps = { 118 "zl": "抵押权",
104 bdcdyid: this.bdcdyid, 119 },{
105 bdcdyh: this.bdcdyh, 120 "zl": "抵押权",
106 qllx: this.qllx, 121 },{
107 bsmQlxx: this.bsmQlxx, 122 "zl": "抵押权",
108 bestepid:this.bestepid 123 },{
109 }; 124 "zl": "抵押权",
125 },{
126 "zl": "抵押权",
127 },{
128 "zl": "抵押权",
129 },{
130 "zl": "抵押权",
131 },{
132 "zl": "抵押权",
133 },{
134 "zl": "抵押权",
135 },{
136 "zl": "抵押权",
137 },{
138 "zl": "抵押权",
139 },{
140 "zl": "抵押权",
141 },{
142 "zl": "抵押权",
143 },{
144 "zl": "抵押权",
145 },{
146 "zl": "抵押权",
147 },{
148 "zl": "抵押权",
149 },{
150 "zl": "抵押权",
151 },{
152 "zl": "抵押权",
153 },{
154 "zl": "抵押权",
155 },{
156 "zl": "抵押权",
157 },{
158 "zl": "抵押权",
159 },{
160 "zl": "抵押权",
161 },{
162 "zl": "抵押权",
163 },{
164 "zl": "抵押权",
165 },{
166 "zl": "抵押权",
167 },{
168 "zl": "抵押权",
169 },{
170 "zl": "抵押权",
171 },{
172 "zl": "抵押权",
173 },{
174 "zl": "抵押权",
175 }]
176 // getBdcqljqtsx({
177 // bdcdyid: this.bdcdyid,
178 // bdcdyh: this.bdcdyh,
179 // }).then((res) => {
180 // if (res.code === 200) {
181 // this.treedata = loadTreeData(res.result, this.bdcdyh);
182 // this.$nextTick(function () {
183 // this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
184 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
185 // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode);
186 // });
187 // }
188 // });
189 // this.currentSelectProps = {
190 // bdcdyid: this.bdcdyid,
191 // bdcdyh: this.bdcdyh,
192 // qllx: this.qllx,
193 // bsmQlxx: this.bsmQlxx,
194 // bestepid:this.bestepid
195 // };
110 // this.$parent.stepForm(); 196 // this.$parent.stepForm();
111 }, 197 },
112 handleNodeClick (data, node, elem) { 198 handleNodeClick (data, node, elem) {
...@@ -115,7 +201,29 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -115,7 +201,29 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
115 this.$parent.loadComponent(this.currentSelectProps,data); 201 this.$parent.loadComponent(this.currentSelectProps,data);
116 this.$parent.tabset(); 202 this.$parent.tabset();
117 }, 203 },
204 //申请单元点击事件
205 unitClick (index) {
206 this.$parent.tabset()
207 // this.currentSelectProps = this.unitData[index];
208 // this.currentSelectProps.batchOperation = false;
209 // this.activeIndex = index.toString();
210 // //选中表单传递数据
211 // this.$emit('getCurrentSelectProps', this.currentSelectProps);
212 // this.$parent.stepForm(index);
213 // this.$store.dispatch('user/refreshPage', false);
214 },
215 //登记簿点击事件
216 djbClick () {
217 this.currentSelectProps.batchOperation = true;
218 this.activeIndex = "-1";
219 this.$parent.getdjblist()
118 220
221 },
222 //补录信息点击事件
223 blxxClick () {
224 this.$parent.tabset()
225
226 },
119 } 227 }
120 } 228 }
121 </script> 229 </script>
...@@ -177,8 +285,10 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -177,8 +285,10 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
177 color: #0079fe; 285 color: #0079fe;
178 border-right: 4px solid #0079fe; 286 border-right: 4px solid #0079fe;
179 } 287 }
180 .title-batch{ 288 .menus{
181 background-color: salmon; 289 background-color: #e7f4fe;
182 290 }
291 .blxx{
292 border:#b0d9f8 solid 1px;
183 } 293 }
184 </style> 294 </style>
......
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 <div v-else>已完结</div> 63 <div v-else>已完结</div>
64 </template> 64 </template>
65 </el-table-column> 65 </el-table-column>
66 <el-table-column label="环节名称" prop="taskName" minWidth="100" align="center" /> 66 <el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> 67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
68 <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> 68 <el-table-column label="处理时间" prop="createTime" width="160" align="center" />
69 <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> 69 <el-table-column label="办结时间" prop="finishTime" width="160" align="center" />
...@@ -76,7 +76,6 @@ ...@@ -76,7 +76,6 @@
76 <script> 76 <script>
77 import '@/styles/package/theme/index.scss' 77 import '@/styles/package/theme/index.scss'
78 import BpmnViewer from 'bpmn-js/lib/Viewer' 78 import BpmnViewer from 'bpmn-js/lib/Viewer'
79 import { getusername } from "@/api/getusername.js";
80 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' 79 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'
81 export default { 80 export default {
82 props: { 81 props: {
...@@ -107,7 +106,6 @@ ...@@ -107,7 +106,6 @@
107 } 106 }
108 }, 107 },
109 created () { 108 created () {
110
111 this.$nextTick(() => { 109 this.$nextTick(() => {
112 // 获取流程记录 110 // 获取流程记录
113 this.getCommentList() 111 this.getCommentList()
...@@ -177,18 +175,18 @@ ...@@ -177,18 +175,18 @@
177 this.dlgTitle = element.businessObject ? element.businessObject.name : undefined 175 this.dlgTitle = element.businessObject ? element.businessObject.name : undefined
178 // 计算当前悬浮任务审批记录，如果记录为空不显示弹窗 176 // 计算当前悬浮任务审批记录，如果记录为空不显示弹窗
179 this.taskCommentList = (this.taskList || []).filter(item => { 177 this.taskCommentList = (this.taskList || []).filter(item => {
180 return item.taskDefKey === this.selectTaskId 178 return item.taskDefinitionKey === this.selectTaskId
181 }) 179 })
182 if (this.selectTaskId.length > 3) { 180 if (this.taskCommentList.length==0) {
183 this.taskCommentList = this.taskList; 181 this.taskCommentList = this.taskList;
184 } 182 }
185 }, 183 },
186 // 下拉列表切换 184 // 下拉列表切换
187 handleSelect (val) { 185 handleSelect (val) {
188 this.taskCommentList = (this.taskList || []).filter(item => { 186 this.taskCommentList = (this.taskList || []).filter(item => {
189 return item.taskDefKey === val 187 return item.taskDefinitionKey === val
190 }) 188 })
191 if (val.length > 3) { 189 if (this.taskCommentList.length==0) {
192 this.taskCommentList = this.taskList; 190 this.taskCommentList = this.taskList;
193 } 191 }
194 }, 192 },
...@@ -239,32 +237,13 @@ ...@@ -239,32 +237,13 @@
239 // 获取流程记录 237 // 获取流程记录
240 getCommentList() { 238 getCommentList() {
241 this.formData.allCommentList.forEach(async (item,index) => { 239 this.formData.allCommentList.forEach(async (item,index) => {
242 var arr=item.assigneeName.split(","); 240 this.formData.allCommentList[index].agent=item.assignee.name
243 // 获取用户名
244 let res = await getusername(arr)
245 if(res){
246 let str=""
247 res.data.content.forEach((el,i) => {
248 if(str==""){
249 str=el.name;
250 }else{
251 str += ","+el.name;
252
253 }
254 this.formData.allCommentList[index].agent=str
255 })
256 }
257
258 }) 241 })
259 setTimeout(() => { 242 setTimeout(() => {
260 this.taskList =this.formData.allCommentList; 243 this.taskList =this.formData.allCommentList;
261 // 处理数据之后赋值 244 // 处理数据之后赋值
262 this.taskCommentList=this.taskList 245 this.taskCommentList=this.taskList
263 }, 100) 246 }, 100)
264 // this.$nextTick(() => {
265 // this.taskList =this.formData.allCommentList;
266 // this.taskCommentList=this.taskList
267 // })
268 }, 247 },
269 248
270 // 设置流程图元素状态 249 // 设置流程图元素状态
......
...@@ -56,24 +56,33 @@ export function getForm (tabName, djywbm) { ...@@ -56,24 +56,33 @@ export function getForm (tabName, djywbm) {
56 case "zjgcdyqSlxx": 56 case "zjgcdyqSlxx":
57 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); 57 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
58 break; 58 break;
59 case "cfdjxx": 59 case "cfdj":
60 form = require("@/views/djbBook/cfdj.vue"); 60 form = require("@/views/djbBook/cfdj.vue");
61 break; 61 break;
62 case "jsydsyqQlxx": 62 case "jsydsyq":
63 form = require("@/views/djbBook/jsydsyq.vue"); 63 form = require("@/views/djbBook/jsydsyq.vue");
64 break; 64 break;
65 case "nydsyqQlxx": 65 case "nydsyq":
66 form = require("@/views/djbBook/nydsyq.vue"); 66 form = require("@/views/djbBook/nydsyq.vue");
67 break; 67 break;
68 case "fdcq2Qlxx": 68 case "fdcq2":
69 form = require("@/views/djbBook/fdcq2.vue"); 69 form = require("@/views/djbBook/fdcq2.vue");
70 break; 70 break;
71 case "diyaqQlxx": 71 case "diyaq":
72 form = require("@/views/djbBook/diyaq.vue"); 72 form = require("@/views/djbBook/diyaq.vue");
73 break; 73 break;
74 case "ygdjQlxx": 74 case "ygdj":
75 form = require("@/views/djbBook/ygdj.vue"); 75 form = require("@/views/djbBook/ygdj.vue");
76 break; 76 break;
77 case "diyiq":
78 form = require("@/views/djbBook/diyiq.vue");
79 break;
80 case "djbfm":
81 form = require("@/views/djbBook/djbfm.vue");
82 break;
83 case "yydj":
84 form = require("@/views/djbBook/yydj.vue");
85 break;
77 case "szxx": 86 case "szxx":
78 form = require("@/views/djbworkflow/components/szxx.vue"); 87 form = require("@/views/djbworkflow/components/szxx.vue");
79 break; 88 break;
...@@ -83,6 +92,15 @@ export function getForm (tabName, djywbm) { ...@@ -83,6 +92,15 @@ export function getForm (tabName, djywbm) {
83 case "zdt": 92 case "zdt":
84 form = require("@/views/djbworkflow/components/zdt.vue"); 93 form = require("@/views/djbworkflow/components/zdt.vue");
85 break; 94 break;
95 case "slxx":
96 form = require("@/views/djbBook/slxx.vue");
97 break;
98 // case "spyj":
99 // form = require("@/views/djbBook/spyj.vue");
100 // break;
101 // case "clxx":
102 // form = require("@/views/djbBook/clxx.vue");
103 // break;
86 default: 104 default:
87 form = require("@/views/error-page/404.vue"); 105 form = require("@/views/error-page/404.vue");
88 break; 106 break;
......
1 /* 1 /*
2 * @Description: 2 * @Description:workFramezu.vue组件的方法
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 {
...@@ -48,9 +49,12 @@ export default { ...@@ -48,9 +49,12 @@ export default {
48 formdata.append("bestepid", this.bestepid); 49 formdata.append("bestepid", this.bestepid);
49 stepExpandInfo(formdata).then((res) => { 50 stepExpandInfo(formdata).then((res) => {
50 if (res.code === 200) { 51 if (res.code === 200) {
51 this.leftButtonList = res.result.button; 52 this.leftButtonList =[];
52 this.rightButtonList = res.result.operation; 53 this.rightButtonList = res.result.operation;
53 this.slsq = res.result.slsq 54 this.slsq = res.result.slsq
55 console.log("this.slsq",this.slsq);
56 console.log("this.rightButtonList",this.rightButtonList);
57 this.rightButtonList.splice(0,2)
54 } 58 }
55 }) 59 })
56 60
...@@ -70,10 +74,10 @@ export default { ...@@ -70,10 +74,10 @@ export default {
70 this.$popupDialog("流程图", "workflow/components/processViewer", { 74 this.$popupDialog("流程图", "workflow/components/processViewer", {
71 xml: result.xml, 75 xml: result.xml,
72 finishedInfo: { 76 finishedInfo: {
73 finishedTaskSet: result.finishedTaskSet, 77 finishedTaskSet: result.finishedActivityIds,
74 unfinishedTaskSet: result.unfinishedTaskSet, 78 unfinishedTaskSet: result.runningActivityIds,
75 rejectedTaskSet: result.rejectedTaskSet, 79 rejectedTaskSet: result.rejectedTaskSet,
76 finishedSequenceFlowSet: result.finishedSequenceFlowSet 80 finishedSequenceFlowSet: result.finishedSequenceFlowIds
77 }, 81 },
78 allCommentList: result.historyTaskList 82 allCommentList: result.historyTaskList
79 }, '80%', true) 83 }, '80%', true)
......
...@@ -26,23 +26,11 @@ export default { ...@@ -26,23 +26,11 @@ export default {
26 getHomeNoticeList().then(res => { 26 getHomeNoticeList().then(res => {
27 if (res.result) { 27 if (res.result) {
28 this.noticeList = res.result.noticeList 28 this.noticeList = res.result.noticeList
29 console.log("this.noticeList11111111111111111111111111111111111",this.noticeList);
29 } 30 }
30 }) 31 })
31 }, 32 },
32 //右侧表单选项卡事件 33
33 beforeLeave (activeName, oldActiveName) { 34
34 if (activeName && activeName != 0) this.getFromRouter(activeName)
35 },
36 //切换选项卡内容组件
37 getFromRouter (tabname) {
38 //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性
39 for (let item of this.tabList) {
40 if (item.value === tabname) {
41 this.currentSelectTab = item
42 break;
43 }
44 }
45 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
46 }
47 } 35 }
48 } 36 }
......
...@@ -28,11 +28,11 @@ ...@@ -28,11 +28,11 @@
28 <span class="iconName">{{ item.name }}</span> 28 <span class="iconName">{{ item.name }}</span>
29 </li> 29 </li>
30 </ul> 30 </ul>
31 <NoticeBar 31 <!-- <NoticeBar
32 class="NoticeBar" 32 class="NoticeBar"
33 :noticeList="noticeList" 33 :noticeList="noticeList"
34 v-if="noticeList.length > 0" 34 v-if="noticeList.length > 0"
35 /> 35 /> -->
36 </div> 36 </div>
37 <!-- 内容框架 --> 37 <!-- 内容框架 -->
38 <div class="containerFrame"> 38 <div class="containerFrame">
...@@ -70,16 +70,16 @@ ...@@ -70,16 +70,16 @@
70 </style> 70 </style>
71 <script> 71 <script>
72 import WorkFlow from "./mixin/index"; 72 import WorkFlow from "./mixin/index";
73 import publicFlow from "./mixin/public.js"; 73 // import publicFlow from "./mixin/public.js";
74 // import { getStepFormInfo } from "@/api/fqsq.js" 74 // import { getStepFormInfo } from "@/api/fqsq.js"
75 // import { getForm } from "./flowform" 75 import { getForm } from "./flowform"
76 import NoticeBar from "@/components/NoticeBar/index"; 76 import NoticeBar from "@/components/NoticeBar/index";
77 import { unClaimTask } from "@/api/ywbl.js"; 77 import { unClaimTask } from "@/api/ywbl.js";
78 import ProcessViewer from "./components/processViewer.vue"; 78 import ProcessViewer from "./components/processViewer.vue";
79 // 引入左侧菜单 79 // 引入左侧菜单
80 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; 80 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
81 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; 81 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
82 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData"; 82 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
83 // 登记簿数据信息 83 // 登记簿数据信息
84 84
85 import { getBdcqljqtsx } from "@/api/registerBook.js"; 85 import { getBdcqljqtsx } from "@/api/registerBook.js";
...@@ -90,10 +90,9 @@ export default { ...@@ -90,10 +90,9 @@ export default {
90 ProcessViewer, 90 ProcessViewer,
91 ordinaryMenu, 91 ordinaryMenu,
92 }, 92 },
93 mixins: [WorkFlow, publicFlow], 93 mixins: [WorkFlow],
94 data() { 94 data() {
95 return { 95 return {
96 isDialog: false,
97 bsmSlsq: this.$route.query.bsmSlsq, 96 bsmSlsq: this.$route.query.bsmSlsq,
98 //当前流程所在环节 97 //当前流程所在环节
99 bestepid: this.$route.query.bestepid, 98 bestepid: this.$route.query.bestepid,
...@@ -104,124 +103,124 @@ export default { ...@@ -104,124 +103,124 @@ export default {
104 qllx: this.$route.query.qllx, 103 qllx: this.$route.query.qllx,
105 //设置那个表单选中 104 //设置那个表单选中
106 tabName: "", 105 tabName: "",
107 //设置那个表单选择
108 currentSelectTab: {},
109 //表单集合 106 //表单集合
110 tabList: [], 107 tabList: [],
111 //选择加载哪一个组件 108 //选择加载哪一个组件
112 componentTag: "", 109 componentTag: "",
113 //设置表单传递数据 110 //设置表单传递数据
114 currentSelectProps: {}, 111 currentSelectProps: {},
115 //材料分屏表单
116 clxxForm: "",
117 //材料信息选择卡索引 112 //材料信息选择卡索引
118 clxxIndex: "", 113 clxxIndex: "",
119 //材料信息选项卡对象 114 //材料信息选项卡对象
120 clxxTab: {}, 115 clxxTab: {},
121 //页面监听时间 116 //页面监听时间
122 _beforeUnload_time: "", 117 _beforeUnload_time: "",
118 treedata:{},
119 tabdata:[],
120 defaultNode:{}
123 }; 121 };
124 }, 122 },
125 mounted() { 123 mounted() {
126 this.$store.dispatch("user/refreshPage", false); 124 this.getdjblist()
127 //添加页面监听事件
128 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
129 window.addEventListener("unload", (e) => this.unloadHandler(e));
130 this.tabset() 125 this.tabset()
131 }, 126 },
132 destroyed() {
133 127
134 window.removeEventListener("beforeunload", (e) =>
135 this.beforeunloadHandler(e)
136 );
137 window.removeEventListener("unload", (e) => this.unloadHandler(e));
138 },
139 methods: { 128 methods: {
140 getCurrentSelectProps(val) { 129 getCurrentSelectProps (val) {
141 // this.loadData(); 130 this.currentSelectProps = val
142 },
143
144 beforeunloadHandler() {
145 this._beforeUnload_time = new Date().getTime();
146 }, 131 },
147 unloadHandler(e) { 132 getdjblist(){
148 this._gap_time = new Date().getTime() - this._beforeUnload_time; 133 getBdcqljqtsx({
149 //判断是窗口关闭还是刷新 134 bdcdyid: this.bdcdyid,
150 if (this._gap_time <= 10) { 135 bdcdyh: this.bdcdyh,
151 //取消认领 136 }).then((res) => {
152 unClaimTask(this.bsmSlsq, this.bestepid); 137 if (res.code === 200) {
138 this.treedata = loadTreeData(res.result, this.bdcdyh);
139 this.$nextTick(function () {
140 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
141 console.log("this.defaultNode.id",this.defaultNode.id);
142 this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
143 });
153 } 144 }
145 });
146 this.currentSelectProps = {
147 bdcdyid: this.bdcdyid,
148 bdcdyh: this.bdcdyh,
149 qllx: this.qllx,
150 bsmQlxx: this.bsmQlxx,
151 bestepid:this.bestepid
152 };
153 setTimeout(() => {
154 let settree=JSON.parse(JSON.stringify(this.treedata))
155 console.log("settreesettreesettree",settree);
156 this.tabdata=
157 this.tabdata=[...settree,...settree[1].children[0].children[0].children]
158 console.log("this.tabdata",this.tabdata);
159 this.tabdata.forEach((item,index,arr) => {
160 arr[index].name=item.label;
161 arr[index].value=item.id
162 })
163 this.tabList=this.tabdata
164 console.log( " this.tabdataaaaaaaaaaaaaaaa",this.tabdata);
165
166 }, 200)
167
168
169 // this.tabdatalet
154 }, 170 },
155 tabset(){ 171 tabset(){
172 console.log("补录信息");
156 this.tabList = [ 173 this.tabList = [
157 { 174 {
158 name: "受理情况", 175 name: "受理信息",
159 value: "plfdcq2", 176 value: "slxx",
160 sort: 1, 177 sort: 1,
161 }, 178 },
162 { 179 {
180 name: "审批意见",
181 value: "spyj",
182 sort: 2,
183 },
184 {
163 name: "材料信息", 185 name: "材料信息",
164 value: "clxx", 186 value: "clxx",
165 sort: 2, 187 sort: 2,
166 }, 188 },
167 ]; 189 ];
168 this.tabName = 'plfdcq2'; 190 this.tabName = 'slxx';
169 }, 191 },
170 192
171 // 获取登记簿菜单 193 stepForm(index){
172 // loadData() { 194 console.log("stepForm()",11111111111111111,index);
173 // getBdcqljqtsx({
174 // bdcdyid: this.bdcdyid,
175 // bdcdyh: this.bdcdyh,
176 // }).then((res) => {
177 // if (res.code === 200) {
178 // this.treedata = loadTreeData(res.result, this.bdcdyh);
179 // this.$nextTick(function () {
180 // this.defaultNode = getNode(
181 // this.qllx,
182 // { linShi: 0, xianShi: 0, liShi: 0 },
183 // ""
184 // );
185 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
186 // // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode);
187 // });
188 // }
189
190 // });
191 // this.currentSelectProps = {
192 // bdcdyid: this.bdcdyid,
193 // bdcdyh: this.bdcdyh,
194 // qllx: this.qllx,
195 // bsmQlxx: this.bsmQlxx,
196 // };
197 // // this.$parent.stepForm();
198 // },
199
200 loadComponent(currentSelectProps, data) {
201 this.tabset()
202 this.currentSelectProps = currentSelectProps;
203 this.componentTag = (r) =>
204 require.ensure([], () => r(require("@/views/djbBook/" + data.form)));
205
206 }, 195 },
207 // openDialog() {
208 // this.$store.dispatch("user/refreshPage", false);
209 // let data = JSON.parse(localStorage.getItem("ywbl"));
210 // let title;
211 // if (data?.sqywmc) {
212 // title = "申请业务：" + data?.sqywmc;
213 // } else {
214 // title = "申请业务：" + data?.djywmc;
215 // }
216 196
217 // this.$popupDialog( 197 // 展示事件
218 // title, 198 // loadComponent(currentSelectProps, data) {
219 // "ywbl/ywsq/selectBdc", 199 // this.tabset()
220 // { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data }, 200 // this.currentSelectProps = currentSelectProps;
221 // "80%", 201 // this.componentTag = (r) =>
222 // true 202 // require.ensure([], () => r(require("@/views/djbBook/" + data.form)));
223 // ); 203
224 // }, 204 // },
205 //右侧表单选项卡事件
206 beforeLeave (activeName, oldActiveName) {
207 console.log("执行",activeName);
208 if (activeName && activeName != 0) this.getFromRouter(activeName)
209 },
210 //切换选项卡内容组件
211 getFromRouter (tabname) {
212 console.log("2执行");
213 //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性
214 for (let item of this.tabList) {
215 if (item.value === tabname) {
216 this.currentSelectTab = item
217 break;
218 }
219 }
220 console.log("this.$route.query.sqywbm",this.$route.query.sqywbm);
221 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
222 console.log(" this.componentTag", this.componentTag);
223 }
225 }, 224 },
226 }; 225 };
227 </script> 226 </script>
......
...@@ -86,6 +86,7 @@ export default { ...@@ -86,6 +86,7 @@ export default {
86 leftMenu(formdata).then((res) => { 86 leftMenu(formdata).then((res) => {
87 if (res.code === 200 && res.result) { 87 if (res.code === 200 && res.result) {
88 this.unitData = res.result; 88 this.unitData = res.result;
89 console.log("this.unitData",this.unitData);
89 this.currentSelectProps = res.result[0]; 90 this.currentSelectProps = res.result[0];
90 this.$emit('getCurrentSelectProps', this.currentSelectProps); 91 this.$emit('getCurrentSelectProps', this.currentSelectProps);
91 this.judgeBatchShow(); 92 this.judgeBatchShow();
......
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 <div v-else>已完结</div> 63 <div v-else>已完结</div>
64 </template> 64 </template>
65 </el-table-column> 65 </el-table-column>
66 <el-table-column label="环节名称" prop="taskName" minWidth="100" align="center" /> 66 <el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> 67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
68 <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> 68 <el-table-column label="处理时间" prop="createTime" width="160" align="center" />
69 <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> 69 <el-table-column label="办结时间" prop="finishTime" width="160" align="center" />
...@@ -76,7 +76,6 @@ ...@@ -76,7 +76,6 @@
76 <script> 76 <script>
77 import '@/styles/package/theme/index.scss' 77 import '@/styles/package/theme/index.scss'
78 import BpmnViewer from 'bpmn-js/lib/Viewer' 78 import BpmnViewer from 'bpmn-js/lib/Viewer'
79 import { getusername } from "@/api/getusername.js";
80 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' 79 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas'
81 export default { 80 export default {
82 props: { 81 props: {
...@@ -107,7 +106,6 @@ ...@@ -107,7 +106,6 @@
107 } 106 }
108 }, 107 },
109 created () { 108 created () {
110
111 this.$nextTick(() => { 109 this.$nextTick(() => {
112 // 获取流程记录 110 // 获取流程记录
113 this.getCommentList() 111 this.getCommentList()
...@@ -177,18 +175,18 @@ ...@@ -177,18 +175,18 @@
177 this.dlgTitle = element.businessObject ? element.businessObject.name : undefined 175 this.dlgTitle = element.businessObject ? element.businessObject.name : undefined
178 // 计算当前悬浮任务审批记录，如果记录为空不显示弹窗 176 // 计算当前悬浮任务审批记录，如果记录为空不显示弹窗
179 this.taskCommentList = (this.taskList || []).filter(item => { 177 this.taskCommentList = (this.taskList || []).filter(item => {
180 return item.taskDefKey === this.selectTaskId 178 return item.taskDefinitionKey === this.selectTaskId
181 }) 179 })
182 if (this.selectTaskId.length > 3) { 180 if (this.taskCommentList.length==0) {
183 this.taskCommentList = this.taskList; 181 this.taskCommentList = this.taskList;
184 } 182 }
185 }, 183 },
186 // 下拉列表切换 184 // 下拉列表切换
187 handleSelect (val) { 185 handleSelect (val) {
188 this.taskCommentList = (this.taskList || []).filter(item => { 186 this.taskCommentList = (this.taskList || []).filter(item => {
189 return item.taskDefKey === val 187 return item.taskDefinitionKey === val
190 }) 188 })
191 if (val.length > 3) { 189 if (this.taskCommentList.length==0) {
192 this.taskCommentList = this.taskList; 190 this.taskCommentList = this.taskList;
193 } 191 }
194 }, 192 },
...@@ -239,32 +237,13 @@ ...@@ -239,32 +237,13 @@
239 // 获取流程记录 237 // 获取流程记录
240 getCommentList() { 238 getCommentList() {
241 this.formData.allCommentList.forEach(async (item,index) => { 239 this.formData.allCommentList.forEach(async (item,index) => {
242 var arr=item.assigneeName.split(","); 240 this.formData.allCommentList[index].agent=item.assignee.name
243 // 获取用户名
244 let res = await getusername(arr)
245 if(res){
246 let str=""
247 res.data.content.forEach((el,i) => {
248 if(str==""){
249 str=el.name;
250 }else{
251 str += ","+el.name;
252
253 }
254 this.formData.allCommentList[index].agent=str
255 })
256 }
257
258 }) 241 })
259 setTimeout(() => { 242 setTimeout(() => {
260 this.taskList =this.formData.allCommentList; 243 this.taskList =this.formData.allCommentList;
261 // 处理数据之后赋值 244 // 处理数据之后赋值
262 this.taskCommentList=this.taskList 245 this.taskCommentList=this.taskList
263 }, 100) 246 }, 100)
264 // this.$nextTick(() => {
265 // this.taskList =this.formData.allCommentList;
266 // this.taskCommentList=this.taskList
267 // })
268 }, 247 },
269 248
270 // 设置流程图元素状态 249 // 设置流程图元素状态
......
...@@ -68,12 +68,12 @@ export default { ...@@ -68,12 +68,12 @@ export default {
68 this.$popupDialog("流程图", "workflow/components/processViewer", { 68 this.$popupDialog("流程图", "workflow/components/processViewer", {
69 xml: result.xml, 69 xml: result.xml,
70 finishedInfo: { 70 finishedInfo: {
71 finishedTaskSet: result.finishedTaskSet, 71 finishedTaskSet: result.finishedActivityIds,
72 unfinishedTaskSet: result.unfinishedTaskSet, 72 unfinishedTaskSet: result.runningActivityIds,
73 rejectedTaskSet: result.rejectedTaskSet, 73 rejectedTaskSet: {},
74 finishedSequenceFlowSet: result.finishedSequenceFlowSet 74 finishedSequenceFlowSet: result.finishedSequenceFlowIds
75 }, 75 },
76 allCommentList: result.historyTaskList 76 allCommentList: result.finishedTasks
77 }, '80%', true) 77 }, '80%', true)
78 }) 78 })
79 break; 79 break;
......