Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
99ecccec by 任超
Options

style:受理申请

1 parent e9a215c6
Inline Side-by-side
Showing 3 changed files with 270 additions and 332 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"> 4 </lb-table>
5 </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) => {
25 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> 25 return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
...@@ -30,40 +30,62 @@ export default { ...@@ -30,40 +30,62 @@ export default {
30 ) 30 )
31 } 31 }
32 }, 32 },
33 { 33 {
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 }, 43 render: (h, scope) => {
44 { 44 return (
45 prop: "zjzl", 45 <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
46 label: "证件种类", 46 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
47 }, 47 )
48 { 48 }
49 prop: "zjh", 49 },
50 label: "证件号", 50 {
51 }, 51 prop: "zjzl",
52 { 52 label: "证件种类",
53 prop: "fr", 53 render: (h, scope) => {
54 label: "法人", 54 return (
55 }, 55 <el-select value={scope.row[scope.column.property]}>
56 { 56 {
57 label: '操作', 57 this.dictData['A30'].map(option => {
58 width: '80', 58 return (
59 align: 'center', 59 <el-option label={option.label} value={option.value}></el-option>
60 fixed: 'right', 60 )
61 render: (h, scope) => { 61 })
62 return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.editClick(scope) }}>修改</el-button> 62 }
63 </el-select>
64 )
65 }
66 },
67 {
68 prop: "zjh",
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 }
76 },
77 {
78 prop: "fr",
79 label: "法人",
80 render: (h, scope) => {
81 return (
82 <el-input placeholder="法人" value={scope.row[scope.column.property]}
83 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
84 )
85 }
63 } 86 }
64 } 87 ]
65 ] 88 }
66 };
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" 6 <div class="slxx_title">受理信息</div>
7 :label-position="flagTop" 7 <el-row :gutter="10">
8 :inline="flag" 8 <el-col :span="8">
9 label-width="140px" 9 <el-form-item label="业务号：" prop="ywh">
10 > 10 <el-input disabled v-model="ruleForm.ywh" class="width300px"></el-input>
11 <div class="slxx_title">受理信息</div> 11 </el-form-item>
12 <el-row :gutter="10"> 12 </el-col>
13 <el-col :span="8"> 13 <el-col :span="8">
14 <el-form-item label="业务号：" prop="ywh"> 14 <el-form-item label="受理人员：" prop="slry">
15 <el-input 15 <el-input disabled v-model="ruleForm.slry" class="width300px"></el-input>
16 disabled 16 </el-form-item>
17 v-model="ruleForm.ywh" 17 </el-col>
18 class="width300px" 18 <el-col :span="8">
19 ></el-input> 19 <el-form-item label="受理时间：" prop="slsj">
20 </el-form-item> 20 <el-input disabled v-model="ruleForm.slsj" class="width300px"></el-input>
21 </el-col> 21 </el-form-item>
22 <el-col :span="8"> 22 </el-col>
23 <el-form-item label="受理人员：" prop="slry"> 23 </el-row>
24 <el-input 24 <el-row :gutter="10">
25 disabled 25 <el-col :span="8">
26 v-model="ruleForm.slry" 26 <el-form-item label="权利类型：" prop="qllx">
27 class="width300px" 27 <el-select disabled v-model="ruleForm.qllx" class="width300px" filterable clearable placeholder="请选择权利类型">
28 ></el-input> 28 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
29 </el-form-item> 29 </el-option>
30 </el-col> 30 </el-select>
31 <el-col :span="8"> 31 </el-form-item>
32 <el-form-item label="受理时间：" prop="slsj"> 32 </el-col>
33 <el-input 33 <el-col :span="8">
34 disabled 34 <el-form-item label="登记类型：" prop="djlx">
35 v-model="ruleForm.slsj" 35 <el-select disabled v-model="ruleForm.djlx" class="width300px" filterable clearable placeholder="请选择登记类型">
36 class="width300px" 36 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 ></el-input> 37 </el-option>
38 </el-form-item> 38 </el-select>
39 </el-col> 39 </el-form-item>
40 </el-row> 40 </el-col>
41 <el-row :gutter="10"> 41 <el-col :span="8">
42 <el-col :span="8"> 42 <el-form-item label="登记情形：" prop="djqx">
43 <el-form-item label="权利类型：" prop="qllx"> 43 <el-input disabled class="width300px" v-model="ruleForm.djqxmc"></el-input>
44 <el-select 44 </el-form-item>
45 disabled 45 </el-col>
46 v-model="ruleForm.qllx" 46 </el-row>
47 class="width300px" 47 <div class="slxx_title">不动产单元情况</div>
48 filterable 48 <el-row :gutter="10">
49 clearable 49 <el-col :span="8">
50 placeholder="请选择权利类型" 50 <el-form-item label="宗地代码：" prop="zddm">
51 > 51 <el-input disabled v-model="ruleForm.zddm" class="width300px"></el-input>
52 <el-option 52 </el-form-item>
53 v-for="item in dictData['A8']" 53 </el-col>
54 :key="item.dcode" 54 <el-col :span="8">
55 :label="item.dname" 55 <el-form-item label="不动产单元号：" prop="bdcdyh">
56 :value="item.dcode" 56 <el-input disabled v-model="ruleForm.bdcdyh" class="width300px"></el-input>
57 > 57 </el-form-item>
58 </el-option> 58 </el-col>
59 </el-select> 59 <el-col :span="8">
60 </el-form-item> 60 <el-form-item label="权利性质：" prop="qlxzmc">
61 </el-col> 61 <el-input disabled v-model="ruleForm.qlxzmc" class="width300px"></el-input>
62 <el-col :span="8"> 62 </el-form-item>
63 <el-form-item label="登记类型：" prop="djlx"> 63 </el-col>
64 <el-select 64 </el-row>
65 disabled 65 <el-row :gutter="10">
66 v-model="ruleForm.djlx" 66 <el-col :span="8">
67 class="width300px" 67 <el-form-item label="宗地面积：" prop="zdmj">
68 filterable 68 <el-input disabled v-model="ruleForm.zdmj" class="width300px"></el-input>
69 clearable 69 </el-form-item>
70 placeholder="请选择登记类型" 70 </el-col>
71 > 71 <el-col :span="8">
72 <el-option 72 <el-form-item label="土地用途：" prop="tdyt">
73 v-for="item in dictData['A21']" 73 <el-input disabled v-model="ruleForm.tdyt" class="width300px"></el-input>
74 :key="item.dcode" 74 </el-form-item>
75 :label="item.dname" 75 </el-col>
76 :value="item.dcode" 76 <el-col :span="8">
77 > 77 <el-form-item label="权利设定方式：" prop="qlsdfs">
78 </el-option> 78 <el-select disabled v-model="ruleForm.qlsdfs" filterable class="width300px" clearable
79 </el-select> 79 placeholder="请选择权利设定方式">
80 </el-form-item> 80 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
81 </el-col> 81 </el-option>
82 <el-col :span="8"> 82 </el-select>
83 <el-form-item label="登记情形：" prop="djqx"> 83 </el-form-item>
84 <el-input 84 </el-col>
85 disabled 85 </el-row>
86 class="width300px" 86 <el-row :gutter="10">
87 v-model="ruleForm.djqxmc" 87 <el-col :span="8">
88 ></el-input> 88 <el-form-item label="取得价格：" prop="qdjg">
89 </el-form-item> 89 <el-input disabled v-model="ruleForm.qdjg" class="width300px"></el-input>
90 </el-col> 90 </el-form-item>
91 </el-row> 91 </el-col>
92 <div class="slxx_title">不动产单元情况</div>
93 <el-row :gutter="10">
94 <el-col :span="8">
95 <el-form-item label="宗地代码：" prop="zddm">
96 <el-input
97 disabled
98 v-model="ruleForm.zddm"
99 class="width300px"
100 ></el-input>
101 </el-form-item>
102 </el-col>
103 <el-col :span="8">
104 <el-form-item label="不动产单元号：" prop="bdcdyh">
105 <el-input
106 disabled
107 v-model="ruleForm.bdcdyh"
108 class="width300px"
109 ></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item label="权利性质：" prop="qlxzmc">
114 <el-input
115 disabled
116 v-model="ruleForm.qlxzmc"
117 class="width300px"
118 ></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <el-row :gutter="10">
123 <el-col :span="8">
124 <el-form-item label="宗地面积：" prop="zdmj">
125 <el-input
126 disabled
127 v-model="ruleForm.zdmj"
128 class="width300px"
129 ></el-input>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="土地用途：" prop="tdyt">
134 <el-input
135 disabled
136 v-model="ruleForm.tdyt"
137 class="width300px"
138 ></el-input>
139 </el-form-item>
140 </el-col>
141 <el-col :span="8">
142 <el-form-item label="权利设定方式：" prop="qlsdfs">
143 <el-select
144 disabled
145 v-model="ruleForm.qlsdfs"
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>
158 </el-select>
159 </el-form-item>
160 </el-col>
161 </el-row>
162 <el-row :gutter="10">
163 <el-col :span="8">
164 <el-form-item label="取得价格：" prop="qdjg">
165 <el-input
166 disabled
167 v-model="ruleForm.qdjg"
168 class="width300px"
169 ></el-input>
170 </el-form-item>
171 </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 96 </el-form-item>
177 class="width300px" 97 </el-col>
178 v-model="ruleForm.zl" 98 </el-row>
179 ></el-input> 99 <el-row :gutter="10">
180 </el-form-item> 100 <el-col :span="8">
181 </el-col> 101 <el-form-item label="使用期限：" prop="tdsyqx">
182 </el-row> 102 <el-input disabled v-model="ruleForm.tdsyqx" class="width300px"></el-input>
183 <el-row :gutter="10"> 103 </el-form-item>
184 <el-col :span="8"> 104 </el-col>
185 <el-form-item label="使用期限：" prop="tdsyqx">
186 <el-input
187 disabled
188 v-model="ruleForm.tdsyqx"
189 class="width300px"
190 ></el-input>
191 </el-form-item>
192 </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 109 </el-form-item>
198 v-model="ruleForm.syqqzsj" 110 </el-col>
199 class="width300px" 111 </el-row>
200 ></el-input> 112 <el-row :gutter="10">
201 </el-form-item> 113 <el-col>
202 </el-col> 114 <el-form-item label="附记：" prop="fj">
203 </el-row> 115 <el-input type="textarea" v-model="ruleForm.fj"></el-input>
204 <el-row :gutter="10"> 116 </el-form-item>
205 <el-col> 117 </el-col>
206 <el-form-item label="附记：" prop="fj"> 118 </el-row>
207 <el-input type="textarea" v-model="ruleForm.fj"></el-input> 119 <div class="slxx_title">权利人信息</div>
208 </el-form-item> 120 <el-row :gutter="10">
209 </el-col> 121 <el-col>
210 </el-row> 122 <el-form-item label="共有方式：">
211 <div class="slxx_title">权利人信息</div> 123 <el-radio-group disabled v-model="ruleForm.gyfs">
212 <el-row :gutter="10"> 124 <el-radio label="单独所有"></el-radio>
213 <el-col> 125 <el-radio label="共同共有"></el-radio>
214 <el-form-item label="共有方式："> 126 <el-radio label="按份所有"></el-radio>
215 <el-radio-group disabled v-model="ruleForm.gyfs"> 127 </el-radio-group>
216 <el-radio label="单独所有"></el-radio> 128 </el-form-item>
217 <el-radio label="共同共有"></el-radio> 129 </el-col>
218 <el-radio label="按份所有"></el-radio> 130 <el-col>
219 </el-radio-group> 131 <InformationTable />
220 </el-form-item> 132 </el-col>
221 </el-col> 133 </el-row>
222 <el-col> 134 <div class="slxx_title">登记原因</div>
223 <InformationTable /> 135 <el-row :gutter="10">
224 </el-col> 136 <el-col>
225 </el-row> 137 <el-form-item label="登记原因：" prop="djyy">
226 <div class="slxx_title">登记原因</div> 138 <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input>
227 <el-row :gutter="10"> 139 </el-form-item>
228 <el-col> 140 </el-col>
229 <el-form-item label="登记原因：" prop="djyy"> 141 </el-row>
230 <el-input 142 </div>
231 class="textArea"
232 type="textarea"
233 v-model="ruleForm.djyy"
234 ></el-input>
235 </el-form-item>
236 </el-col>
237 </el-row>
238 <el-row> 143 <el-row>
239 <el-col> 144 <el-form-item class="btn">
240 <el-form-item class="btn"> 145 <el-button type="primary" @click="onSubmit">保存</el-button>
241 <el-button type="primary" @click="onSubmit">保存</el-button> 146 </el-form-item>
242 </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>
...@@ -40,11 +43,11 @@ ...@@ -40,11 +43,11 @@
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="index + 1 + ''" 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" />
48 <component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" />
49 <component :is="editItem" v-else :key="key" />
45 </div> 50 </div>
46 <component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" />
47 <component :is="editItem" v-else :key="key" />
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,
...@@ -142,9 +145,9 @@ export default { ...@@ -142,9 +145,9 @@ export default {
142 editItem: '', 145 editItem: '',
143 issplitScreen: false, 146 issplitScreen: false,
144 unitData: [], 147 unitData: [],
145 taskId:"", 148 taskId: "",
146 bsmBusiness:"", 149 bsmBusiness: "",
147 id:"", 150 id: "",
148 }; 151 };
149 }, 152 },
150 watch: { 153 watch: {
...@@ -187,8 +190,8 @@ export default { ...@@ -187,8 +190,8 @@ export default {
187 } 190 }
188 }) 191 })
189 }, 192 },
190 activeClick(tab,event){ 193 activeClick (tab, event) {
191 if(tab.name=='1'){ 194 if (tab.name == '1') {
192 this.list(this.id) 195 this.list(this.id)
193 } 196 }
194 }, 197 },
...@@ -201,10 +204,10 @@ export default { ...@@ -201,10 +204,10 @@ export default {
201 }) 204 })
202 }, 205 },
203 operation (index, item) { 206 operation (index, item) {
204 if(item.icon == 'fqsq3'){ 207 if (item.icon == 'fqsq3') {
205 this.zsylFlag = true 208 this.zsylFlag = true
206 209
207 } else if (item.icon == 'fqsq5') { 210 } else if (item.icon == 'fqsq5') {
208 this.key++ 211 this.key++
209 this.issplitScreen = !this.issplitScreen 212 this.issplitScreen = !this.issplitScreen
210 this.flag = !this.flag 213 this.flag = !this.flag
...@@ -253,6 +256,16 @@ export default { ...@@ -253,6 +256,16 @@ export default {
253 font-size: 12px; 256 font-size: 12px;
254 } 257 }
255 258
259 /deep/.el-tabs__content {
260 height: calc(100vh - 135px) !important;
261 overflow-y: auto !important;
262 }
263
264 .splitScreen-con {
265 padding: 0 15px;
266 box-sizing: border-box;
267 }
268
256 .fqsq { 269 .fqsq {
257 width: 100%; 270 width: 100%;
258 height: 100%; 271 height: 100%;
...@@ -343,7 +356,8 @@ export default { ...@@ -343,7 +356,8 @@ export default {
343 .tabsList-left { 356 .tabsList-left {
344 border-right: 1px solid #EBEEF5; 357 border-right: 1px solid #EBEEF5;
345 position: relative; 358 position: relative;
346 359 width: 250px;
360 box-sizing: border-box;
347 ul { 361 ul {
348 position: relative; 362 position: relative;
349 363
...@@ -392,8 +406,6 @@ export default { ...@@ -392,8 +406,6 @@ export default {
392 406
393 /deep/.el-tabs { 407 /deep/.el-tabs {
394 width: 100%; 408 width: 100%;
395 height: 90vh;
396 overflow-y: scroll;
397 } 409 }
398 } 410 }
399 </style> 411 </style>
...\ No newline at end of file ...\ No newline at end of file
......