111
Showing
3 changed files
with
82 additions
and
94 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-col :span="8"> | ||
18 | <el-form-item label="受理人员:"> | ||
19 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
20 | </el-form-item> | ||
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item label="受理时间:"> | ||
24 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | </el-row> | ||
28 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="权利类型:"> | ||
31 | <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input> | ||
17 | </el-form-item> | 32 | </el-form-item> |
18 | </el-col> | 33 | </el-col> |
19 | <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh"> | 34 | <el-col :span="8"> |
20 | <el-form-item | 35 | <el-form-item label="登记类型:"> |
21 | :prop="item.prop" | 36 | <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input> |
22 | :label="item.label" | 37 | </el-form-item> |
23 | label-width="140px" | 38 | </el-col> |
24 | > | 39 | <el-col :span="8"> |
25 | <el-input v-model="form[item.prop]"></el-input> | 40 | <el-form-item label="登记情形:"> |
41 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
26 | </el-form-item> | 42 | </el-form-item> |
27 | </el-col> | 43 | </el-col> |
28 | </el-row> | 44 | </el-row> |
29 | </el-form> | 45 | </div> |
46 | </el-form>--> | ||
30 | <div class="btn"> | 47 | <div class="btn"> |
31 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> | 48 | <el-button type="primary" @click="slxxsubmitForm">保存</el-button> |
32 | <el-button @click="closeDialog">取消</el-button> | 49 | <el-button @click="closeDialog">取消</el-button> |
... | @@ -34,11 +51,11 @@ | ... | @@ -34,11 +51,11 @@ |
34 | </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 | }, |
... | @@ -65,36 +82,37 @@ export default { | ... | @@ -65,36 +82,37 @@ export default { |
65 | }; | 82 | }; |
66 | }, | 83 | }, |
67 | computed: { | 84 | computed: { |
68 | 85 | ...mapGetters(["dictData"]), | |
69 | ...mapGetters(["dictData"]) | ||
70 | }, | 86 | }, |
71 | created () { | 87 | created() { |
72 | console.log("this.propsParam",this.propsParam); | 88 | this.init2(); |
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,22 +251,22 @@ export default { | ... | @@ -236,22 +251,22 @@ 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%; |
256 | display: flex; | 271 | display: flex; |
257 | padding-left: 5px; | 272 | padding-left: 5px; |
... | @@ -357,5 +372,5 @@ export default { | ... | @@ -357,5 +372,5 @@ export default { |
357 | } | 372 | } |
358 | } | 373 | } |
359 | } | 374 | } |
360 | } | 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 | }, |
... | @@ -202,12 +200,6 @@ export default { | ... | @@ -202,12 +200,6 @@ export default { |
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 | }, | ... | ... |
-
Please register or sign in to post a comment