样式调整
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