feat(moveH):调整样式
Showing
1 changed file
with
32 additions
and
20 deletions
... | @@ -8,13 +8,15 @@ | ... | @@ -8,13 +8,15 @@ |
8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
9 | center> | 9 | center> |
10 | <div> | 10 | <div> |
11 | <el-radio-group v-model="moveHdata.sxzylx"> | 11 | <div class="bottom-radio"> |
12 | <el-radio label="up">向上</el-radio> | 12 | <el-radio-group v-model="moveHdata.sxzylx"> |
13 | <el-radio label="down">向下</el-radio> | 13 | <el-radio label="up">向上</el-radio> |
14 | <el-radio label="left">向左</el-radio> | 14 | <el-radio label="down">向下</el-radio> |
15 | <el-radio label="right">向右</el-radio> | 15 | <el-radio label="left">向左</el-radio> |
16 | </el-radio-group> | 16 | <el-radio label="right">向右</el-radio> |
17 | <div class=""> | 17 | </el-radio-group> |
18 | </div> | ||
19 | <div class="bottom-buttom"> | ||
18 | <el-button type="primary" @click="save">确认</el-button> | 20 | <el-button type="primary" @click="save">确认</el-button> |
19 | <el-button type="primary" @click="cacel">取消</el-button> | 21 | <el-button type="primary" @click="cacel">取消</el-button> |
20 | </div> | 22 | </div> |
... | @@ -26,15 +28,16 @@ | ... | @@ -26,15 +28,16 @@ |
26 | <script> | 28 | <script> |
27 | import {moveH} from './../../api/lpb' | 29 | import {moveH} from './../../api/lpb' |
28 | import {Message} from 'element-ui' | 30 | import {Message} from 'element-ui' |
31 | |||
29 | export default { | 32 | export default { |
30 | name: "moveH", | 33 | name: "moveH", |
31 | data() { | 34 | data() { |
32 | return { | 35 | return { |
33 | isVisible:false, | 36 | isVisible: false, |
34 | moveHdata: { | 37 | moveHdata: { |
35 | hbsm: "", | 38 | hbsm: "", |
36 | sxzylx: "", | 39 | sxzylx: "", |
37 | type:"" | 40 | type: "" |
38 | } | 41 | } |
39 | } | 42 | } |
40 | }, | 43 | }, |
... | @@ -46,29 +49,29 @@ | ... | @@ -46,29 +49,29 @@ |
46 | hbsm: { | 49 | hbsm: { |
47 | type: String | 50 | type: String |
48 | }, | 51 | }, |
49 | type:{ | 52 | type: { |
50 | type:String | 53 | type: String |
51 | } | 54 | } |
52 | }, | 55 | }, |
53 | methods: { | 56 | methods: { |
54 | loading:function(){ | 57 | loading: function () { |
55 | this.$emit('loading') | 58 | this.$emit('loading') |
56 | }, | 59 | }, |
57 | save() { | 60 | save() { |
58 | this.moveHdata.hbsm=this.hbsm | 61 | this.moveHdata.hbsm = this.hbsm |
59 | this.moveHdata.type=this.type | 62 | this.moveHdata.type = this.type |
60 | moveH(this.moveHdata).then(res=>{ | 63 | moveH(this.moveHdata).then(res => { |
61 | console.log(res) | 64 | console.log(res) |
62 | if (res.success) { | 65 | if (res.success) { |
63 | this.loading(); | 66 | this.loading(); |
64 | this.close(); | 67 | this.close(); |
65 | Message.success("移动成功") | 68 | Message.success("移动成功") |
66 | }else{ | 69 | } else { |
67 | Message.error(res.message) | 70 | Message.error(res.message) |
68 | } | 71 | } |
69 | }) | 72 | }) |
70 | }, | 73 | }, |
71 | cacel(){ | 74 | cacel() { |
72 | this.close() | 75 | this.close() |
73 | }, | 76 | }, |
74 | close() { | 77 | close() { |
... | @@ -83,6 +86,15 @@ | ... | @@ -83,6 +86,15 @@ |
83 | } | 86 | } |
84 | </script> | 87 | </script> |
85 | 88 | ||
86 | <style scoped> | 89 | <style scoped lang="less"> |
87 | 90 | .bottom-radio{ | |
91 | text-align: center; | ||
92 | } | ||
93 | .el-radio{ | ||
94 | padding: 20px; | ||
95 | } | ||
96 | .bottom-buttom { | ||
97 | margin-top: 20px; | ||
98 | text-align: center; | ||
99 | } | ||
88 | </style> | 100 | </style> | ... | ... |
-
Please register or sign in to post a comment