Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
a42ebf6f by tianhaohao@pashanhoo.com
Options

111

1 parent 3a932770
Inline Side-by-side
Showing 3 changed files with 193 additions and 205 deletions
...@@ -20,8 +20,8 @@ ...@@ -20,8 +20,8 @@
20 <el-menu :default-active="activeIndex" @select="unitClick"> 20 <el-menu :default-active="activeIndex" @select="unitClick">
21 <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index"> 21 <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index">
22 <div> 22 <div>
23 <p>{{ item.bdcdyh }}</p> 23 <p>{{ item.qllxmc }} ||{{ item.operate }} </p>
24 <p class="title-detail">{{ item.zl }}</p> 24 <!-- <p class="title-detail">{{ item.zl }}</p> -->
25 </div> 25 </div>
26 <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i> 26 <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i>
27 </el-menu-item> 27 </el-menu-item>
...@@ -106,46 +106,27 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -106,46 +106,27 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
106 if (res.code === 200 && res.result) { 106 if (res.code === 200 && res.result) {
107 this.currentSelectProps = res.result[0]; 107 this.currentSelectProps = res.result[0];
108 this.$emit('getCurrentSelectProps', this.currentSelectProps); 108 this.$emit('getCurrentSelectProps', this.currentSelectProps);
109 // this.getdjblist()
110
111
112 } 109 }
113 }) 110 })
114 this.loadData ()
115 this.getleftMenubl() 111 this.getleftMenubl()
116 }, 112 },
117 getleftMenubl(){ 113 getleftMenubl(){
118 var formdata = new FormData(); 114 var formdata = new FormData();
119 formdata.append("bsmSlsq", this.bsmSlsq); 115 formdata.append("bsmSlsq", this.bsmSlsq);
120 leftMenubl(formdata).then((res) => { 116 leftMenubl(formdata).then((res) => {
121 console.log("左侧菜单集合",res); 117 this.supplementarylist=res.result;
122 // if (res.code === 200 && res.result) {
123 // this.currentSelectProps = res.result[0];
124 // this.$emit('getCurrentSelectProps', this.currentSelectProps);
125 // // this.getdjblist()
126
127
128 // }
129 } 118 }
130 ) 119 )
131 }, 120 },
132 // 获取登记簿菜单
133 loadData () {
134 this.supplementarylist=[{
135 "zl": "抵押权",
136 },{
137 "zl": "抵押权",
138 }]
139
140 },
141 handleNodeClick (data, node, elem) { 121 handleNodeClick (data, node, elem) {
142 this.$parent.loadComponent(this.currentSelectProps,data); 122 this.$parent.loadComponent(this.currentSelectProps,data);
143 this.$parent.tabset(); 123 this.$parent.tabset();
144 }, 124 },
145 //申请单元点击事件 125 //申请单元点击事件
146 unitClick (index) { 126 unitClick (index) {
147 this.$parent.tabset() 127 this.$parent.currentSelectProps=this.supplementarylist[index];
148 // this.currentSelectProps = this.unitData[index]; 128 this.$parent.tabset();
129 // console.log("this.currentSelectProps", this.supplementarylist[index]);
149 // this.currentSelectProps.batchOperation = false; 130 // this.currentSelectProps.batchOperation = false;
150 // this.activeIndex = index.toString(); 131 // this.activeIndex = index.toString();
151 // //选中表单传递数据 132 // //选中表单传递数据
......
1 <template> 1 <template>
2 <div class="from-clues-header"> 2 <div class="from-clues-header">
3 <div>受理信息</div> 3 <div>收件信息</div>
4 <el-form ref="form" :model="form" label-width="160px"> 4 <!-- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 <el-row> 5 label-width="120px">
6 <el-col :span="12"> 6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <el-form-item label="权属状态" label-width="140px"> 7 <div class="slxx_title title-block">
8 <el-select v-model="form.qszt"> 8 受理信息
9 <el-option 9 <div class="triangle"></div>
10 v-for="item in qsztList" 10 </div>
11 :key="item.value" 11 <el-row :gutter="10" v-if="ruleForm.slsq">
12 :label="item.label" 12 <el-col :span="8">
13 :value="item.value" 13 <el-form-item label="业务号：">
14 > 14 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
15 </el-option> 15 </el-form-item>
16 </el-select> 16 </el-col>
17 </el-form-item> 17 <el-col :span="8">
18 </el-col> 18 <el-form-item label="受理人员：">
19 <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh"> 19 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
20 <el-form-item 20 </el-form-item>
21 :prop="item.prop" 21 </el-col>
22 :label="item.label" 22 <el-col :span="8">
23 label-width="140px" 23 <el-form-item label="受理时间：">
24 > 24 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
25 <el-input v-model="form[item.prop]"></el-input> 25 </el-form-item>
26 </el-form-item> 26 </el-col>
27 </el-col> 27 </el-row>
28 </el-row> 28 <el-row :gutter="10" v-if="ruleForm.slsq">
29 </el-form> 29 <el-col :span="8">
30 <div class="btn"> 30 <el-form-item label="权利类型：">
31 <el-button type="primary" @click="slxxsubmitForm">保存</el-button> 31 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
32 <el-button @click="closeDialog">取消</el-button> 32 </el-form-item>
33 </div> 33 </el-col>
34 </div> 34 <el-col :span="8">
35 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记情形：">
41 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 </div>
46 </el-form>-->
47 <div class="btn">
48 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
49 <el-button @click="closeDialog">取消</el-button>
50 </div>
51 </div>
35 </template> 52 </template>
36 <script> 53 <script>
37 import { mapGetters } from "vuex"; 54 import { mapGetters } from "vuex";
55 import { init } from "@/api/djbbl.js";
38 export default { 56 export default {
39
40 props: { 57 props: {
41 formData: { 58 currentSelectProps: {
42 type: Object, 59 type: Object,
43 default: () => {}, 60 default: () => {},
44 }, 61 },
...@@ -64,37 +81,38 @@ export default { ...@@ -64,37 +81,38 @@ export default {
64 isshow: true, 81 isshow: true,
65 }; 82 };
66 }, 83 },
67 computed: { 84 computed: {
68 85 ...mapGetters(["dictData"]),
69 ...mapGetters(["dictData"]) 86 },
70 }, 87 created() {
71 created () { 88 this.init2();
72 console.log("this.propsParam",this.propsParam); 89 //console.log("this.propsParam", this.propsParam);
73 // this.clmlInitList(1) 90 // this.clmlInitList(1)
74 }, 91 },
75 mounted() { 92 mounted() {
76 93 // if (this.formData.data) {
77 if (this.formData.data) { 94 // this.$nextTick(() => {
78 this.$nextTick(() => { 95 // this.form = Object.assign({}, this.formData.data);
79 this.form = Object.assign({}, this.formData.data); 96 // // this.datalist = Object.assign([], this.formData.datalist)
80 // this.datalist = Object.assign([], this.formData.datalist) 97 // this.form.qszt =
81 this.form.qszt = 98 // this.form.qszt == "0"
82 this.form.qszt == "0" 99 // ? "临时"
83 ? "临时" 100 // : this.form.qszt == "1"
84 : this.form.qszt == "1" 101 // ? "现势"
85 ? "现势" 102 // : "历史";
86 : "历史"; 103 // });
87 }); 104 // }
88 }
89
90 // this.datalist = this.formData.datalist 105 // this.datalist = this.formData.datalist
91 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist)); 106 // this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
92 this.datalist.shift(); 107 // this.datalist.shift();
93 this.datalist.shift(); 108 // this.datalist.shift();
94 console.log("this.datalist", this.datalist); 109 // console.log("this.datalist", this.datalist);
95 }, 110 },
96 111
97 methods: { 112 methods: {
113 init2() {
114 console.log("this.currentSelectProps", this.currentSelectProps);
115 },
98 // 受理信息保存 116 // 受理信息保存
99 slxxsubmitForm() { 117 slxxsubmitForm() {
100 this.$refs.form.validate((valid) => { 118 this.$refs.form.validate((valid) => {
...@@ -114,10 +132,7 @@ export default { ...@@ -114,10 +132,7 @@ export default {
114 }); 132 });
115 this.isshow = false; 133 this.isshow = false;
116 }, 134 },
117 closeDialog(){ 135 closeDialog() {},
118
119 }
120
121 }, 136 },
122 }; 137 };
123 </script> 138 </script>
...@@ -154,7 +169,7 @@ export default { ...@@ -154,7 +169,7 @@ export default {
154 padding: 20px 40px; 169 padding: 20px 40px;
155 /deep/.el-input__inner { 170 /deep/.el-input__inner {
156 width: 200px; 171 width: 200px;
157 border:none; 172 border: none;
158 } 173 }
159 } 174 }
160 .spyj_title { 175 .spyj_title {
...@@ -236,126 +251,126 @@ export default { ...@@ -236,126 +251,126 @@ export default {
236 } 251 }
237 252
238 // 材料信息样式 253 // 材料信息样式
239 .active { 254 .active {
240 background: $light-blue !important; 255 background: $light-blue !important;
241 color: #fff; 256 color: #fff;
242 } 257 }
243 258
244 .required { 259 .required {
245 font-size: 12px; 260 font-size: 12px;
246 color: $pink; 261 color: $pink;
247 float: left; 262 float: left;
248 } 263 }
249 264
250 .cl_number { 265 .cl_number {
251 float: right; 266 float: right;
252 } 267 }
253 268
254 .clxx { 269 .clxx {
255 width: 100%; 270 width: 100%;
271 display: flex;
272 padding-left: 5px;
273 height: calc(100vh - 125px);
274
275 .left {
256 display: flex; 276 display: flex;
257 padding-left: 5px; 277 flex-direction: column;
258 height: calc(100vh - 125px); 278 justify-content: space-between;
279
280 .item {
281 width: 28px;
282 height: 49%;
283 @include flex-center;
284 background-color: #e4e7ed;
285 border-bottom-right-radius: 10px;
286 padding: 5px;
287 cursor: pointer;
288 transition: all 0.3s;
289
290 &:hover {
291 @extend .active;
292 }
293 }
294 }
259 295
260 .left { 296 .right {
261 display: flex; 297 width: 100%;
262 flex-direction: column; 298 height: 100%;
263 justify-content: space-between; 299
264 300 .clmlmx-box {
265 .item { 301 margin: 0 auto;
266 width: 28px; 302
267 height: 49%; 303 .title {
268 @include flex-center; 304 text-align: center;
269 background-color: #e4e7ed; 305 height: 60px;
270 border-bottom-right-radius: 10px; 306 line-height: 60px;
271 padding: 5px; 307 border: 1px solid #dfe6ec;
272 cursor: pointer; 308 font-size: 20px;
273 transition: all 0.3s; 309 background: #81d3f81a;
274 310 margin-bottom: -1px;
275 &:hover {
276 @extend .active;
277 }
278 } 311 }
279 } 312 }
280 313
281 .right { 314 .clyl-box {
282 width: 100%; 315 width: 100%;
283 height: 100%; 316 height: 100%;
317 display: flex;
284 318
285 .clmlmx-box { 319 .menu-tree {
286 margin: 0 auto; 320 width: 20%;
287 321 min-width: 160px;
288 .title { 322 height: 100%;
323 margin-right: 10px;
324 border-right: 1px dotted #d9d9d9;
325 padding: 0 15px;
326
327 .item {
328 line-height: 30px;
329 padding-top: 5px;
330 border-bottom: 1px solid #e8e8e8;
331 font-size: 16px;
289 text-align: center; 332 text-align: center;
290 height: 60px; 333 color: $light-blue;
291 line-height: 60px;
292 border: 1px solid #dfe6ec;
293 font-size: 20px;
294 background: #81d3f81a;
295 margin-bottom: -1px;
296 }
297 }
298 334
299 .clyl-box { 335 .itemIcon {
300 width: 100%; 336 float: right;
301 height: 100%; 337 line-height: 60px;
302 display: flex; 338 cursor: pointer;
303 339 }
304 .menu-tree { 340
305 width: 20%; 341 .child {
306 min-width: 160px; 342 line-height: 32px;
307 height: 100%;
308 margin-right: 10px;
309 border-right: 1px dotted #d9d9d9;
310 padding: 0 15px;
311
312 .item {
313 line-height: 30px;
314 padding-top: 5px;
315 border-bottom: 1px solid #e8e8e8; 343 border-bottom: 1px solid #e8e8e8;
316 font-size: 16px; 344 padding-left: 10px;
317 text-align: center; 345 color: #6b6b6b;
346 cursor: pointer;
347 box-sizing: border-box;
348 border-radius: 6px;
349 line-height: 20px;
350 transition: all 0.3s;
351 padding: 8px 0;
352 }
353
354 .child:hover {
318 color: $light-blue; 355 color: $light-blue;
356 transform: scale(1.1);
357 }
319 358
320 .itemIcon { 359 .checked {
321 float: right; 360 border: 1px solid $light-blue;
322 line-height: 60px; 361 color: $light-blue;
323 cursor: pointer;
324 }
325
326 .child {
327 line-height: 32px;
328 border-bottom: 1px solid #e8e8e8;
329 padding-left: 10px;
330 color: #6b6b6b;
331 cursor: pointer;
332 box-sizing: border-box;
333 border-radius: 6px;
334 line-height: 20px;
335 transition: all 0.3s;
336 padding: 8px 0;
337 }
338
339 .child:hover {
340 color: $light-blue;
341 transform: scale(1.1);
342 }
343
344 .checked {
345 border: 1px solid $light-blue;
346 color: $light-blue;
347 }
348 } 362 }
349 } 363 }
364 }
350 365
351 .clyl-img { 366 .clyl-img {
352 width: 75%; 367 width: 75%;
353 height: 100%; 368 height: 100%;
354 background: #f3f4f7; 369 background: #f3f4f7;
355 margin: 0 auto; 370 margin: 0 auto;
356 position: relative; 371 position: relative;
357 }
358 } 372 }
359 } 373 }
360 } 374 }
375 }
361 </style> 376 </style>
......
...@@ -70,8 +70,6 @@ ...@@ -70,8 +70,6 @@
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";
74 // import { getStepFormInfo } from "@/api/fqsq.js"
75 import { getForm } from "./flowform" 73 import { getForm } from "./flowform"
76 import NoticeBar from "@/components/NoticeBar/index"; 74 import NoticeBar from "@/components/NoticeBar/index";
77 import { unClaimTask } from "@/api/ywbl.js"; 75 import { unClaimTask } from "@/api/ywbl.js";
...@@ -152,7 +150,7 @@ export default { ...@@ -152,7 +150,7 @@ export default {
152 arr[index].value=item.id 150 arr[index].value=item.id
153 }) 151 })
154 this.tabList=this.tabdata 152 this.tabList=this.tabdata
155 console.log("登记簿列表",this.tabList); 153 //console.log("登记簿列表",this.tabList);
156 }, 200) 154 }, 200)
157 155
158 }, 156 },
...@@ -201,13 +199,7 @@ export default { ...@@ -201,13 +199,7 @@ export default {
201 if (activeName && activeName != 0) this.getFromRouter(activeName) 199 if (activeName && activeName != 0) this.getFromRouter(activeName)
202 }, 200 },
203 //切换选项卡内容组件 201 //切换选项卡内容组件
204 getFromRouter (tabname) { 202 getFromRouter (tabname) {
205 // for (let item of this.tabList) {
206 // if (item.value === tabname) {
207 // this.currentSelectTab = item
208 // break;
209 // }
210 // }
211 this.componentTag = getForm(tabname, this.$route.query.sqywbm); 203 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
212 } 204 }
213 }, 205 },
......