d03189ce by xiaomiao

样式调整

1 parent 8a1d878a
...@@ -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;
......