Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
3 changed files
with
122 additions
and
197 deletions
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <lb-table :column="InformationTable" border :key="key" :heightNum="390" :pagination="false" heightNumSetting | 3 | <lb-table :column="InformationTable" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData"> |
4 | :data="tableData"> | ||
5 | </lb-table> | 4 | </lb-table> |
6 | </div> | 5 | </div> |
7 | </template> | 6 | </template> |
8 | <script> | 7 | <script> |
8 | import { mapGetters } from 'vuex' | ||
9 | export default { | 9 | export default { |
10 | /**注册组件*/ | 10 | computed: { |
11 | components: {}, | 11 | ...mapGetters(["dictData"]), |
12 | }, | ||
12 | data () { | 13 | data () { |
13 | return { | 14 | return { |
14 | key: 0, | 15 | tableData: [{ |
15 | tableData:[{ | ||
16 | xm: '12', | 16 | xm: '12', |
17 | zjzl: '32', | 17 | zjzl: '32', |
18 | zjh: '123', | 18 | zjh: '123', |
19 | fr: "213123", | 19 | fr: "213123", |
20 | }], | 20 | }], |
21 | InformationTable:[ | 21 | InformationTable: [ |
22 | { | 22 | { |
23 | width: '60', | 23 | width: '60', |
24 | renderHeader: (h, scope) => { | 24 | renderHeader: (h, scope) => { |
... | @@ -34,36 +34,58 @@ export default { | ... | @@ -34,36 +34,58 @@ export default { |
34 | label: '身份证读卡器', | 34 | label: '身份证读卡器', |
35 | align: 'center', | 35 | align: 'center', |
36 | render: (h, scope) => { | 36 | render: (h, scope) => { |
37 | return <el-button type="text" icon="el-icon-delete" onClick={() => { this.readClick(scope) }}>读取</el-button> | 37 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> |
38 | } | 38 | } |
39 | }, | 39 | }, |
40 | { | 40 | { |
41 | prop: "xm", | 41 | prop: "xm", |
42 | label: "姓名/名称", | 42 | label: "姓名/名称", |
43 | render: (h, scope) => { | ||
44 | return ( | ||
45 | <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]} | ||
46 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
47 | ) | ||
48 | } | ||
43 | }, | 49 | }, |
44 | { | 50 | { |
45 | prop: "zjzl", | 51 | prop: "zjzl", |
46 | label: "证件种类", | 52 | label: "证件种类", |
53 | render: (h, scope) => { | ||
54 | return ( | ||
55 | <el-select value={scope.row[scope.column.property]}> | ||
56 | { | ||
57 | this.dictData['A30'].map(option => { | ||
58 | return ( | ||
59 | <el-option label={option.label} value={option.value}></el-option> | ||
60 | ) | ||
61 | }) | ||
62 | } | ||
63 | </el-select> | ||
64 | ) | ||
65 | } | ||
47 | }, | 66 | }, |
48 | { | 67 | { |
49 | prop: "zjh", | 68 | prop: "zjh", |
50 | label: "证件号", | 69 | label: "证件号", |
70 | render: (h, scope) => { | ||
71 | return ( | ||
72 | <el-input placeholder="证件号" value={scope.row[scope.column.property]} | ||
73 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
74 | ) | ||
75 | } | ||
51 | }, | 76 | }, |
52 | { | 77 | { |
53 | prop: "fr", | 78 | prop: "fr", |
54 | label: "法人", | 79 | label: "法人", |
55 | }, | ||
56 | { | ||
57 | label: '操作', | ||
58 | width: '80', | ||
59 | align: 'center', | ||
60 | fixed: 'right', | ||
61 | render: (h, scope) => { | 80 | render: (h, scope) => { |
62 | return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.editClick(scope) }}>修改</el-button> | 81 | return ( |
82 | <el-input placeholder="法人" value={scope.row[scope.column.property]} | ||
83 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
84 | ) | ||
63 | } | 85 | } |
64 | } | 86 | } |
65 | ] | 87 | ] |
66 | }; | 88 | } |
67 | }, | 89 | }, |
68 | watch: { | 90 | watch: { |
69 | tableData: { | 91 | tableData: { |
... | @@ -73,16 +95,15 @@ export default { | ... | @@ -73,16 +95,15 @@ export default { |
73 | deep: true | 95 | deep: true |
74 | } | 96 | } |
75 | }, | 97 | }, |
76 | created(){}, | 98 | methods: { |
77 | methods:{ | ||
78 | // 添加 | 99 | // 添加 |
79 | handleAdd () { | 100 | handleAdd () { |
80 | this.tableData.push( | 101 | this.tableData.push( |
81 | { | 102 | { |
82 | xm: '22', | 103 | xm: '', |
83 | zjzl: '33', | 104 | zjzl: '', |
84 | zjh: '44', | 105 | zjh: '', |
85 | fr: "55", | 106 | fr: '' |
86 | } | 107 | } |
87 | ) | 108 | ) |
88 | this.key++ | 109 | this.key++ |
... | @@ -92,12 +113,13 @@ export default { | ... | @@ -92,12 +113,13 @@ export default { |
92 | this.tableData.splice(index, 1) | 113 | this.tableData.splice(index, 1) |
93 | }, | 114 | }, |
94 | // 身份证读取 | 115 | // 身份证读取 |
95 | readClick(){}, | 116 | readClick () { }, |
96 | 117 | ||
97 | // 修改 | 118 | // 修改 |
98 | editClick(){}, | 119 | editClick () { }, |
99 | } | 120 | } |
100 | } | 121 | } |
101 | </script> | 122 | </script> |
102 | <style scoped lang='scss'> | 123 | <style scoped lang='scss'> |
124 | |||
103 | </style> | 125 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="slxx"> | 2 | <div class="slxx"> |
3 | <el-form | 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" |
4 | :model="ruleForm" | 4 | label-width="140px"> |
5 | :rules="rules" | 5 | <div class="slxx_con"> |
6 | ref="ruleForm" | ||
7 | :label-position="flagTop" | ||
8 | :inline="flag" | ||
9 | label-width="140px" | ||
10 | > | ||
11 | <div class="slxx_title">受理信息</div> | 6 | <div class="slxx_title">受理信息</div> |
12 | <el-row :gutter="10"> | 7 | <el-row :gutter="10"> |
13 | <el-col :span="8"> | 8 | <el-col :span="8"> |
14 | <el-form-item label="业务号:" prop="ywh"> | 9 | <el-form-item label="业务号:" prop="ywh"> |
15 | <el-input | 10 | <el-input disabled v-model="ruleForm.ywh" class="width300px"></el-input> |
16 | disabled | ||
17 | v-model="ruleForm.ywh" | ||
18 | class="width300px" | ||
19 | ></el-input> | ||
20 | </el-form-item> | 11 | </el-form-item> |
21 | </el-col> | 12 | </el-col> |
22 | <el-col :span="8"> | 13 | <el-col :span="8"> |
23 | <el-form-item label="受理人员:" prop="slry"> | 14 | <el-form-item label="受理人员:" prop="slry"> |
24 | <el-input | 15 | <el-input disabled v-model="ruleForm.slry" class="width300px"></el-input> |
25 | disabled | ||
26 | v-model="ruleForm.slry" | ||
27 | class="width300px" | ||
28 | ></el-input> | ||
29 | </el-form-item> | 16 | </el-form-item> |
30 | </el-col> | 17 | </el-col> |
31 | <el-col :span="8"> | 18 | <el-col :span="8"> |
32 | <el-form-item label="受理时间:" prop="slsj"> | 19 | <el-form-item label="受理时间:" prop="slsj"> |
33 | <el-input | 20 | <el-input disabled v-model="ruleForm.slsj" class="width300px"></el-input> |
34 | disabled | ||
35 | v-model="ruleForm.slsj" | ||
36 | class="width300px" | ||
37 | ></el-input> | ||
38 | </el-form-item> | 21 | </el-form-item> |
39 | </el-col> | 22 | </el-col> |
40 | </el-row> | 23 | </el-row> |
41 | <el-row :gutter="10"> | 24 | <el-row :gutter="10"> |
42 | <el-col :span="8"> | 25 | <el-col :span="8"> |
43 | <el-form-item label="权利类型:" prop="qllx"> | 26 | <el-form-item label="权利类型:" prop="qllx"> |
44 | <el-select | 27 | <el-select disabled v-model="ruleForm.qllx" class="width300px" filterable clearable placeholder="请选择权利类型"> |
45 | disabled | 28 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
46 | v-model="ruleForm.qllx" | ||
47 | class="width300px" | ||
48 | filterable | ||
49 | clearable | ||
50 | placeholder="请选择权利类型" | ||
51 | > | ||
52 | <el-option | ||
53 | v-for="item in dictData['A8']" | ||
54 | :key="item.dcode" | ||
55 | :label="item.dname" | ||
56 | :value="item.dcode" | ||
57 | > | ||
58 | </el-option> | 29 | </el-option> |
59 | </el-select> | 30 | </el-select> |
60 | </el-form-item> | 31 | </el-form-item> |
61 | </el-col> | 32 | </el-col> |
62 | <el-col :span="8"> | 33 | <el-col :span="8"> |
63 | <el-form-item label="登记类型:" prop="djlx"> | 34 | <el-form-item label="登记类型:" prop="djlx"> |
64 | <el-select | 35 | <el-select disabled v-model="ruleForm.djlx" class="width300px" filterable clearable placeholder="请选择登记类型"> |
65 | disabled | 36 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
66 | v-model="ruleForm.djlx" | ||
67 | class="width300px" | ||
68 | filterable | ||
69 | clearable | ||
70 | placeholder="请选择登记类型" | ||
71 | > | ||
72 | <el-option | ||
73 | v-for="item in dictData['A21']" | ||
74 | :key="item.dcode" | ||
75 | :label="item.dname" | ||
76 | :value="item.dcode" | ||
77 | > | ||
78 | </el-option> | 37 | </el-option> |
79 | </el-select> | 38 | </el-select> |
80 | </el-form-item> | 39 | </el-form-item> |
81 | </el-col> | 40 | </el-col> |
82 | <el-col :span="8"> | 41 | <el-col :span="8"> |
83 | <el-form-item label="登记情形:" prop="djqx"> | 42 | <el-form-item label="登记情形:" prop="djqx"> |
84 | <el-input | 43 | <el-input disabled class="width300px" v-model="ruleForm.djqxmc"></el-input> |
85 | disabled | ||
86 | class="width300px" | ||
87 | v-model="ruleForm.djqxmc" | ||
88 | ></el-input> | ||
89 | </el-form-item> | 44 | </el-form-item> |
90 | </el-col> | 45 | </el-col> |
91 | </el-row> | 46 | </el-row> |
... | @@ -93,67 +48,36 @@ | ... | @@ -93,67 +48,36 @@ |
93 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
94 | <el-col :span="8"> | 49 | <el-col :span="8"> |
95 | <el-form-item label="宗地代码:" prop="zddm"> | 50 | <el-form-item label="宗地代码:" prop="zddm"> |
96 | <el-input | 51 | <el-input disabled v-model="ruleForm.zddm" class="width300px"></el-input> |
97 | disabled | ||
98 | v-model="ruleForm.zddm" | ||
99 | class="width300px" | ||
100 | ></el-input> | ||
101 | </el-form-item> | 52 | </el-form-item> |
102 | </el-col> | 53 | </el-col> |
103 | <el-col :span="8"> | 54 | <el-col :span="8"> |
104 | <el-form-item label="不动产单元号:" prop="bdcdyh"> | 55 | <el-form-item label="不动产单元号:" prop="bdcdyh"> |
105 | <el-input | 56 | <el-input disabled v-model="ruleForm.bdcdyh" class="width300px"></el-input> |
106 | disabled | ||
107 | v-model="ruleForm.bdcdyh" | ||
108 | class="width300px" | ||
109 | ></el-input> | ||
110 | </el-form-item> | 57 | </el-form-item> |
111 | </el-col> | 58 | </el-col> |
112 | <el-col :span="8"> | 59 | <el-col :span="8"> |
113 | <el-form-item label="权利性质:" prop="qlxzmc"> | 60 | <el-form-item label="权利性质:" prop="qlxzmc"> |
114 | <el-input | 61 | <el-input disabled v-model="ruleForm.qlxzmc" class="width300px"></el-input> |
115 | disabled | ||
116 | v-model="ruleForm.qlxzmc" | ||
117 | class="width300px" | ||
118 | ></el-input> | ||
119 | </el-form-item> | 62 | </el-form-item> |
120 | </el-col> | 63 | </el-col> |
121 | </el-row> | 64 | </el-row> |
122 | <el-row :gutter="10"> | 65 | <el-row :gutter="10"> |
123 | <el-col :span="8"> | 66 | <el-col :span="8"> |
124 | <el-form-item label="宗地面积:" prop="zdmj"> | 67 | <el-form-item label="宗地面积:" prop="zdmj"> |
125 | <el-input | 68 | <el-input disabled v-model="ruleForm.zdmj" class="width300px"></el-input> |
126 | disabled | ||
127 | v-model="ruleForm.zdmj" | ||
128 | class="width300px" | ||
129 | ></el-input> | ||
130 | </el-form-item> | 69 | </el-form-item> |
131 | </el-col> | 70 | </el-col> |
132 | <el-col :span="8"> | 71 | <el-col :span="8"> |
133 | <el-form-item label="土地用途:" prop="tdyt"> | 72 | <el-form-item label="土地用途:" prop="tdyt"> |
134 | <el-input | 73 | <el-input disabled v-model="ruleForm.tdyt" class="width300px"></el-input> |
135 | disabled | ||
136 | v-model="ruleForm.tdyt" | ||
137 | class="width300px" | ||
138 | ></el-input> | ||
139 | </el-form-item> | 74 | </el-form-item> |
140 | </el-col> | 75 | </el-col> |
141 | <el-col :span="8"> | 76 | <el-col :span="8"> |
142 | <el-form-item label="权利设定方式:" prop="qlsdfs"> | 77 | <el-form-item label="权利设定方式:" prop="qlsdfs"> |
143 | <el-select | 78 | <el-select disabled v-model="ruleForm.qlsdfs" filterable class="width300px" clearable |
144 | disabled | 79 | placeholder="请选择权利设定方式"> |
145 | v-model="ruleForm.qlsdfs" | 80 | <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> |
146 | filterable | ||
147 | class="width300px" | ||
148 | clearable | ||
149 | placeholder="请选择权利设定方式" | ||
150 | > | ||
151 | <el-option | ||
152 | v-for="item in qlsdfsOption" | ||
153 | :key="item.value" | ||
154 | :label="item.label" | ||
155 | :value="item.value" | ||
156 | > | ||
157 | </el-option> | 81 | </el-option> |
158 | </el-select> | 82 | </el-select> |
159 | </el-form-item> | 83 | </el-form-item> |
... | @@ -162,42 +86,26 @@ | ... | @@ -162,42 +86,26 @@ |
162 | <el-row :gutter="10"> | 86 | <el-row :gutter="10"> |
163 | <el-col :span="8"> | 87 | <el-col :span="8"> |
164 | <el-form-item label="取得价格:" prop="qdjg"> | 88 | <el-form-item label="取得价格:" prop="qdjg"> |
165 | <el-input | 89 | <el-input disabled v-model="ruleForm.qdjg" class="width300px"></el-input> |
166 | disabled | ||
167 | v-model="ruleForm.qdjg" | ||
168 | class="width300px" | ||
169 | ></el-input> | ||
170 | </el-form-item> | 90 | </el-form-item> |
171 | </el-col> | 91 | </el-col> |
172 | 92 | ||
173 | <el-col :span="16"> | 93 | <el-col :span="16"> |
174 | <el-form-item label="坐落:" prop="zl"> | 94 | <el-form-item label="坐落:" prop="zl"> |
175 | <el-input | 95 | <el-input disabled class="width300px" v-model="ruleForm.zl"></el-input> |
176 | disabled | ||
177 | class="width300px" | ||
178 | v-model="ruleForm.zl" | ||
179 | ></el-input> | ||
180 | </el-form-item> | 96 | </el-form-item> |
181 | </el-col> | 97 | </el-col> |
182 | </el-row> | 98 | </el-row> |
183 | <el-row :gutter="10"> | 99 | <el-row :gutter="10"> |
184 | <el-col :span="8"> | 100 | <el-col :span="8"> |
185 | <el-form-item label="使用期限:" prop="tdsyqx"> | 101 | <el-form-item label="使用期限:" prop="tdsyqx"> |
186 | <el-input | 102 | <el-input disabled v-model="ruleForm.tdsyqx" class="width300px"></el-input> |
187 | disabled | ||
188 | v-model="ruleForm.tdsyqx" | ||
189 | class="width300px" | ||
190 | ></el-input> | ||
191 | </el-form-item> | 103 | </el-form-item> |
192 | </el-col> | 104 | </el-col> |
193 | 105 | ||
194 | <el-col :span="16"> | 106 | <el-col :span="16"> |
195 | <el-form-item label="使用权起止时间:" prop="qssj"> | 107 | <el-form-item label="使用权起止时间:" prop="qssj"> |
196 | <el-input | 108 | <el-input disabled v-model="ruleForm.syqqzsj" class="width300px"></el-input> |
197 | disabled | ||
198 | v-model="ruleForm.syqqzsj" | ||
199 | class="width300px" | ||
200 | ></el-input> | ||
201 | </el-form-item> | 109 | </el-form-item> |
202 | </el-col> | 110 | </el-col> |
203 | </el-row> | 111 | </el-row> |
... | @@ -227,20 +135,15 @@ | ... | @@ -227,20 +135,15 @@ |
227 | <el-row :gutter="10"> | 135 | <el-row :gutter="10"> |
228 | <el-col> | 136 | <el-col> |
229 | <el-form-item label="登记原因:" prop="djyy"> | 137 | <el-form-item label="登记原因:" prop="djyy"> |
230 | <el-input | 138 | <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> |
231 | class="textArea" | ||
232 | type="textarea" | ||
233 | v-model="ruleForm.djyy" | ||
234 | ></el-input> | ||
235 | </el-form-item> | 139 | </el-form-item> |
236 | </el-col> | 140 | </el-col> |
237 | </el-row> | 141 | </el-row> |
142 | </div> | ||
238 | <el-row> | 143 | <el-row> |
239 | <el-col> | ||
240 | <el-form-item class="btn"> | 144 | <el-form-item class="btn"> |
241 | <el-button type="primary" @click="onSubmit">保存</el-button> | 145 | <el-button type="primary" @click="onSubmit">保存</el-button> |
242 | </el-form-item> | 146 | </el-form-item> |
243 | </el-col> | ||
244 | </el-row> | 147 | </el-row> |
245 | </el-form> | 148 | </el-form> |
246 | </div> | 149 | </div> |
... | @@ -250,7 +153,6 @@ import InformationTable from "./InformationTable"; | ... | @@ -250,7 +153,6 @@ import InformationTable from "./InformationTable"; |
250 | import { Init } from "@/api/fqsq.js"; | 153 | import { Init } from "@/api/fqsq.js"; |
251 | import { mapGetters } from "vuex"; | 154 | import { mapGetters } from "vuex"; |
252 | export default { | 155 | export default { |
253 | /**注册组件*/ | ||
254 | components: { InformationTable }, | 156 | components: { InformationTable }, |
255 | props: { | 157 | props: { |
256 | flag: { | 158 | flag: { |
... | @@ -261,7 +163,7 @@ export default { | ... | @@ -261,7 +163,7 @@ export default { |
261 | computed: { | 163 | computed: { |
262 | ...mapGetters(["dictData"]), | 164 | ...mapGetters(["dictData"]), |
263 | }, | 165 | }, |
264 | data() { | 166 | data () { |
265 | return { | 167 | return { |
266 | disabled: true, | 168 | disabled: true, |
267 | flagTop: this.flag ? "top" : "", | 169 | flagTop: this.flag ? "top" : "", |
... | @@ -296,7 +198,7 @@ export default { | ... | @@ -296,7 +198,7 @@ export default { |
296 | }; | 198 | }; |
297 | }, | 199 | }, |
298 | methods: { | 200 | methods: { |
299 | list(bsmSldy) { | 201 | list (bsmSldy) { |
300 | var formdata = new FormData(); | 202 | var formdata = new FormData(); |
301 | //可以通过append()方法来追加数据 | 203 | //可以通过append()方法来追加数据 |
302 | formdata.append("bsmSldy", bsmSldy); | 204 | formdata.append("bsmSldy", bsmSldy); |
... | @@ -317,7 +219,7 @@ export default { | ... | @@ -317,7 +219,7 @@ export default { |
317 | } | 219 | } |
318 | }); | 220 | }); |
319 | }, | 221 | }, |
320 | onSubmit() {}, | 222 | onSubmit () { }, |
321 | }, | 223 | }, |
322 | }; | 224 | }; |
323 | </script> | 225 | </script> |
... | @@ -325,23 +227,34 @@ export default { | ... | @@ -325,23 +227,34 @@ export default { |
325 | @import "~@/styles/public.scss"; | 227 | @import "~@/styles/public.scss"; |
326 | 228 | ||
327 | .slxx { | 229 | .slxx { |
328 | padding-left: 15px; | 230 | box-sizing: border-box; |
231 | padding-right: 15px; | ||
232 | } | ||
233 | |||
234 | .slxx_con { | ||
235 | height: calc(100vh - 190px); | ||
236 | overflow-y: auto; | ||
237 | overflow-x: hidden; | ||
238 | } | ||
239 | |||
240 | .submit_btn { | ||
241 | height: 50px; | ||
329 | } | 242 | } |
330 | 243 | ||
331 | .slxx_title { | 244 | .slxx_title { |
332 | border-bottom: 1px solid $borderColor; | 245 | border-bottom: 1px solid $borderColor; |
333 | padding-left: 10px; | 246 | padding-left: 10px; |
334 | padding-bottom: 20px; | 247 | padding-bottom: 15px; |
335 | margin-bottom: 15px; | 248 | margin-bottom: 15px; |
336 | margin-top: 30px; | 249 | margin-top: 5px; |
337 | font-size: 18px; | 250 | font-size: 18px; |
338 | font-family: PingFangSC-Medium, PingFang SC; | ||
339 | font-weight: 500; | 251 | font-weight: 500; |
340 | color: #4a4a4a; | 252 | color: #4a4a4a; |
341 | } | 253 | } |
342 | 254 | ||
343 | .btn { | 255 | .btn { |
344 | text-align: center; | 256 | text-align: center; |
257 | padding-top: 5px; | ||
345 | } | 258 | } |
346 | 259 | ||
347 | .textArea { | 260 | .textArea { |
... | @@ -350,15 +263,6 @@ export default { | ... | @@ -350,15 +263,6 @@ export default { |
350 | } | 263 | } |
351 | } | 264 | } |
352 | 265 | ||
353 | // .Inputclass { | ||
354 | // width: 100%; | ||
355 | // } | ||
356 | |||
357 | // /deep/.el-select, | ||
358 | // /deep/.el-date-editor { | ||
359 | // width: 100%; | ||
360 | // } | ||
361 | |||
362 | /deep/.el-form-item__label { | 266 | /deep/.el-form-item__label { |
363 | padding-bottom: 0px; | 267 | padding-bottom: 0px; |
364 | } | 268 | } | ... | ... |
... | @@ -28,7 +28,10 @@ | ... | @@ -28,7 +28,10 @@ |
28 | <ul v-if='this.isShowdrawer'> | 28 | <ul v-if='this.isShowdrawer'> |
29 | <p class="title">受理单元列表({{unitData.length}})</p> | 29 | <p class="title">受理单元列表({{unitData.length}})</p> |
30 | <div v-for='(item,index) in unitData' :key='index'> | 30 | <div v-for='(item,index) in unitData' :key='index'> |
31 | <li @click='unitClick(item)'><p>{{item.bdcdyh}}</p><p>{{item.zl}}</p></li> | 31 | <li @click='unitClick(item)'> |
32 | <p>{{item.bdcdyh}}</p> | ||
33 | <p>{{item.zl}}</p> | ||
34 | </li> | ||
32 | <div class="xian"></div> | 35 | <div class="xian"></div> |
33 | </div> | 36 | </div> |
34 | </ul> | 37 | </ul> |
... | @@ -39,12 +42,12 @@ | ... | @@ -39,12 +42,12 @@ |
39 | <div class="splitScreen"></div> | 42 | <div class="splitScreen"></div> |
40 | </div> | 43 | </div> |
41 | <el-tabs v-model="activeName" @tab-click='activeClick'> | 44 | <el-tabs v-model="activeName" @tab-click='activeClick'> |
42 | <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index"> | 45 | <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> |
43 | <div class="splitScreen-con" v-if='index == 0'> | 46 | <div class="splitScreen-con"> |
44 | <component ref='slxx' :is="editItem" :flag="flag" :key="key" /> | 47 | <component ref='slxx' v-if='index == 0' :is="editItem" :flag="flag" :key="key" /> |
45 | </div> | ||
46 | <component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" /> | 48 | <component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" /> |
47 | <component :is="editItem" v-else :key="key" /> | 49 | <component :is="editItem" v-else :key="key" /> |
50 | </div> | ||
48 | </el-tab-pane> | 51 | </el-tab-pane> |
49 | </el-tabs> | 52 | </el-tabs> |
50 | </div> | 53 | </div> |
... | @@ -64,12 +67,12 @@ export default { | ... | @@ -64,12 +67,12 @@ export default { |
64 | components: { zc, thDialog, zsylDialog }, | 67 | components: { zc, thDialog, zsylDialog }, |
65 | data () { | 68 | data () { |
66 | return { | 69 | return { |
67 | zsylFlag:false, | 70 | zsylFlag: false, |
68 | zcDialog:false, | 71 | zcDialog: false, |
69 | thflag:false, | 72 | thflag: false, |
70 | queryForm:{ | 73 | queryForm: { |
71 | bsmSlsq:"", | 74 | bsmSlsq: "", |
72 | bestepid:"", | 75 | bestepid: "", |
73 | }, | 76 | }, |
74 | isShowdrawer: true, | 77 | isShowdrawer: true, |
75 | key: 0, | 78 | key: 0, |
... | @@ -164,9 +167,9 @@ export default { | ... | @@ -164,9 +167,9 @@ export default { |
164 | editItem: '', | 167 | editItem: '', |
165 | issplitScreen: false, | 168 | issplitScreen: false, |
166 | unitData: [], | 169 | unitData: [], |
167 | taskId:"", | 170 | taskId: "", |
168 | bsmBusiness:"", | 171 | bsmBusiness: "", |
169 | id:"", | 172 | id: "", |
170 | }; | 173 | }; |
171 | }, | 174 | }, |
172 | watch: { | 175 | watch: { |
... | @@ -208,21 +211,8 @@ export default { | ... | @@ -208,21 +211,8 @@ export default { |
208 | } | 211 | } |
209 | }) | 212 | }) |
210 | }, | 213 | }, |
211 | //获取环节扩展信息 | 214 | activeClick (tab, event) { |
212 | expandInfo(bestepid){ | 215 | if (tab.name == '1') { |
213 | let that = this | ||
214 | var formdata = new FormData(); | ||
215 | formdata.append("bestepid", bestepid); | ||
216 | stepExpandInfo(formdata).then(res => { | ||
217 | if (res.code === 200) { | ||
218 | this.tabList1 = [...res.result.form] | ||
219 | this.tabList = res.result.form; | ||
220 | this.headerleftList = res.result.button | ||
221 | } | ||
222 | }) | ||
223 | }, | ||
224 | activeClick(tab,event){ | ||
225 | if(tab.name=='slxx'){ | ||
226 | this.list(this.id) | 216 | this.list(this.id) |
227 | } | 217 | } |
228 | }, | 218 | }, |
... | @@ -235,10 +225,10 @@ export default { | ... | @@ -235,10 +225,10 @@ export default { |
235 | }) | 225 | }) |
236 | }, | 226 | }, |
237 | operation (index, item) { | 227 | operation (index, item) { |
238 | if(item.value == 'zsyl'){ | 228 | if (item.icon == 'fqsq3') { |
239 | this.zsylFlag = true | 229 | this.zsylFlag = true |
240 | 230 | ||
241 | } else if (item.value == 'clfp') { | 231 | } else if (item.icon == 'fqsq5') { |
242 | this.key++ | 232 | this.key++ |
243 | this.issplitScreen = !this.issplitScreen | 233 | this.issplitScreen = !this.issplitScreen |
244 | this.flag = !this.flag | 234 | this.flag = !this.flag |
... | @@ -288,6 +278,16 @@ export default { | ... | @@ -288,6 +278,16 @@ export default { |
288 | font-size: 12px; | 278 | font-size: 12px; |
289 | } | 279 | } |
290 | 280 | ||
281 | /deep/.el-tabs__content { | ||
282 | height: calc(100vh - 135px) !important; | ||
283 | overflow-y: auto !important; | ||
284 | } | ||
285 | |||
286 | .splitScreen-con { | ||
287 | padding: 0 15px; | ||
288 | box-sizing: border-box; | ||
289 | } | ||
290 | |||
291 | .fqsq { | 291 | .fqsq { |
292 | width: 100%; | 292 | width: 100%; |
293 | height: 100%; | 293 | height: 100%; |
... | @@ -378,7 +378,8 @@ export default { | ... | @@ -378,7 +378,8 @@ export default { |
378 | .tabsList-left { | 378 | .tabsList-left { |
379 | border-right: 1px solid #EBEEF5; | 379 | border-right: 1px solid #EBEEF5; |
380 | position: relative; | 380 | position: relative; |
381 | 381 | width: 250px; | |
382 | box-sizing: border-box; | ||
382 | ul { | 383 | ul { |
383 | position: relative; | 384 | position: relative; |
384 | 385 | ||
... | @@ -427,8 +428,6 @@ export default { | ... | @@ -427,8 +428,6 @@ export default { |
427 | 428 | ||
428 | /deep/.el-tabs { | 429 | /deep/.el-tabs { |
429 | width: 100%; | 430 | width: 100%; |
430 | height: 90vh; | ||
431 | overflow-y: scroll; | ||
432 | } | 431 | } |
433 | } | 432 | } |
434 | </style> | 433 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment