feat(moveH):调整样式
Showing
1 changed file
with
25 additions
and
13 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 | <div class="bottom-radio"> | ||
| 11 | <el-radio-group v-model="moveHdata.sxzylx"> | 12 | <el-radio-group v-model="moveHdata.sxzylx"> |
| 12 | <el-radio label="up">向上</el-radio> | 13 | <el-radio label="up">向上</el-radio> |
| 13 | <el-radio label="down">向下</el-radio> | 14 | <el-radio label="down">向下</el-radio> |
| 14 | <el-radio label="left">向左</el-radio> | 15 | <el-radio label="left">向左</el-radio> |
| 15 | <el-radio label="right">向右</el-radio> | 16 | <el-radio label="right">向右</el-radio> |
| 16 | </el-radio-group> | 17 | </el-radio-group> |
| 17 | <div class=""> | 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