样式调整
Showing
2 changed files
with
48 additions
and
8 deletions
... | @@ -277,9 +277,21 @@ export default { | ... | @@ -277,9 +277,21 @@ export default { |
277 | 277 | ||
278 | } | 278 | } |
279 | .blxx { | 279 | .blxx { |
280 | .el-menu-item{ | ||
281 | display: flex; | ||
282 | justify-content: space-between; | ||
283 | } | ||
280 | border: #b0d9f8 solid 1px; | 284 | border: #b0d9f8 solid 1px; |
281 | .tpcolor{ | 285 | .tpcolor{ |
282 | color: red; | 286 | color: red; |
287 | line-height: 22px; | ||
288 | } | ||
289 | .el-icon-delete{ | ||
290 | margin-right: 3px; | ||
291 | // background-color: saddlebrown; | ||
292 | height: 27px; | ||
293 | float: left; | ||
294 | |||
283 | } | 295 | } |
284 | } | 296 | } |
285 | </style> | 297 | </style> | ... | ... |
... | @@ -13,13 +13,17 @@ | ... | @@ -13,13 +13,17 @@ |
13 | append-to-body | 13 | append-to-body |
14 | width="60%" | 14 | width="60%" |
15 | > | 15 | > |
16 | <el-radio-group v-model="radio"> | 16 | <!-- <el-radio-group v-model="radio"> |
17 | <el-radio-button | 17 | <el-radio-button |
18 | v-for="(value, key) in qllxlistdata" | 18 | v-for="(value, key) in qllxlistdata" |
19 | :key="key" | 19 | :key="key" |
20 | :label="value" | 20 | :label="value" |
21 | ></el-radio-button> | 21 | ></el-radio-button> |
22 | </el-radio-group> | 22 | |
23 | </el-radio-group> --> | ||
24 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" | ||
25 | :key="key" | ||
26 | :label="value" @click="clicksss(key)" plain>确定{{value}}</el-button> | ||
23 | <div class="btn"> | 27 | <div class="btn"> |
24 | <el-button type="primary" @click="handleSubmit">确定</el-button> | 28 | <el-button type="primary" @click="handleSubmit">确定</el-button> |
25 | <el-button type="primary" @click="closeDialog">取消</el-button> | 29 | <el-button type="primary" @click="closeDialog">取消</el-button> |
... | @@ -42,12 +46,13 @@ export default { | ... | @@ -42,12 +46,13 @@ export default { |
42 | closeDialog() { | 46 | closeDialog() { |
43 | this.dialogVisible = false; | 47 | this.dialogVisible = false; |
44 | }, | 48 | }, |
49 | |||
50 | clicksss(el){ | ||
51 | console.log("el",el); | ||
52 | this.qllx=el | ||
53 | }, | ||
45 | handleSubmit() { | 54 | handleSubmit() { |
46 | for (const key in this.qllxlistdata) { | 55 | |
47 | if (this.qllxlistdata[key] === this.radio) { | ||
48 | this.qllx= key; | ||
49 | } | ||
50 | } | ||
51 | if(this.qllx){ | 56 | if(this.qllx){ |
52 | let qllxobj = { | 57 | let qllxobj = { |
53 | qllx:this.qllx, | 58 | qllx:this.qllx, |
... | @@ -61,7 +66,7 @@ export default { | ... | @@ -61,7 +66,7 @@ export default { |
61 | message: "请选择权利类型!", | 66 | message: "请选择权利类型!", |
62 | }); | 67 | }); |
63 | } | 68 | } |
64 | 69 | this.qllx="" | |
65 | }, | 70 | }, |
66 | }, | 71 | }, |
67 | }; | 72 | }; |
... | @@ -74,6 +79,29 @@ export default { | ... | @@ -74,6 +79,29 @@ export default { |
74 | // height: 100px; | 79 | // height: 100px; |
75 | padding: 30px; | 80 | padding: 30px; |
76 | } | 81 | } |
82 | .gettypebutton{ | ||
83 | cursor: pointer; | ||
84 | line-height: 20px; | ||
85 | background-color: #ebebeb; | ||
86 | margin-top: 10px; | ||
87 | padding-left: 10px; | ||
88 | border-radius: 2px; | ||
89 | -webkit-box-sizing: border-box; | ||
90 | box-sizing: border-box; | ||
91 | border: 1px solid #ebebeb; | ||
92 | -webkit-transition: all 0.3s; | ||
93 | transition: all 0.3s; | ||
94 | color: #000; | ||
95 | } | ||
96 | .gettypebutton:hover{ | ||
97 | border: 1px solid #0F93F6; | ||
98 | color: #0F93F6; | ||
99 | } | ||
100 | .gettypebutton:focus{ | ||
101 | background-color: #0F93F6; | ||
102 | border: 1px solid #0F93F6; | ||
103 | color: #ebebeb; | ||
104 | } | ||
77 | .btn{ | 105 | .btn{ |
78 | margin:30px; | 106 | margin:30px; |
79 | text-align: center; | 107 | text-align: center; | ... | ... |
-
Please register or sign in to post a comment