From 9b6707a857d91aac00ca840661eb4998eabd7e4f Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期三, 21 十月 2020 17:40:36 +0800 Subject: [PATCH] 调整增加底库form的样式, 国标刷新按钮增加loading --- src/pages/library/components/addBase.vue | 31 +++++++++++++++++-------------- 1 files changed, 17 insertions(+), 14 deletions(-) diff --git a/src/pages/library/components/addBase.vue b/src/pages/library/components/addBase.vue index 1902648..0cff106 100644 --- a/src/pages/library/components/addBase.vue +++ b/src/pages/library/components/addBase.vue @@ -5,7 +5,7 @@ :model="form" :rules="rules" label-width="150px" - class="mt50" + class="add-base-form" label-position="left" > <el-row> @@ -75,7 +75,7 @@ required prop="startTime" > - <el-col :span="11" class=""> + <el-col :span="11" class> <el-date-picker size="small" type="datetime" @@ -121,7 +121,7 @@ </el-radio-group> </el-form-item> </el-col> - </el-row> --> + </el-row>--> <el-row> <el-col :span="6" :offset="15"> <el-form-item style="margin-top:50px;text-align:right;" label-width="0px"> @@ -193,7 +193,7 @@ baseObject: function (newVal, oldVal) { this.foreverChecked = false this.form = newVal - console.log(this.form,'baseObject') + console.log(this.form, 'baseObject') if (!newVal.endTime || newVal.endTime === undefined || newVal.endTime === null) { this.form.isForever = '1' this.foreverChecked = true @@ -249,7 +249,7 @@ tableName: this.form.tableName, startTime: this.$moment(this.form.startTime).format('YYYY-MM-DD HH:mm:ss'), tableType: this.form.tableType, - isForever: this.foreverChecked ? '1':'0', + isForever: this.foreverChecked ? '1' : '0', id: this.form.id, endTime: this.form.endTime ? this.$moment(this.form.endTime).format('YYYY-MM-DD HH:mm:ss') : '', bwType: this.form.bwType, @@ -283,7 +283,7 @@ tableName: this.form.tableName, startTime: this.$moment(this.form.startTime).format('YYYY-MM-DD 00:00:00'), tableType: this.form.tableType, - isForever: this.foreverChecked ? '1':'0', + isForever: this.foreverChecked ? '1' : '0', id: this.form.id, endTime: this.form.endTime ? this.$moment(this.form.endTime).format('YYYY-MM-DD 23:59:59') : '', bwType: this.form.bwType, @@ -309,7 +309,7 @@ }) } }, - onCancle(){ + onCancle() { this.$emit('closeAdd') }, forever(value) { @@ -319,14 +319,14 @@ }, init() { console.log('娣诲姞搴曞簱琛ㄥ崟鏀跺埌鐨勬暟鎹�', this.baseObject, this.type) - if(Object.keys(this.baseObject).length > 3){ + if (Object.keys(this.baseObject).length > 3) { this.form = this.baseObject if (!this.form.endTime) { this.foreverChecked = true } else { this.foreverChecked = false } - }else{ + } else { this.$refs.baseForm.resetFields() } }, @@ -386,6 +386,9 @@ } </script> <style lang="scss"> +.add-base-form { + margin-top: 50px; +} .el-radio__inner { border: 1px solid #dcdfe6; border-radius: 100%; @@ -447,15 +450,15 @@ line-height: 40px; outline: none; padding: 0 0 0 15px; - -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); - transition: border-color .2s cubic-bezier(.645,.045,.355,1); + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input--prefix .el-input__inner { padding-left: 22px; } .el-input--suffix .el-input__inner { - padding-right: 0; + padding-right: 0; } .el-input__prefix { position: absolute; @@ -463,7 +466,7 @@ left: 0px; top: 0; text-align: center; - color: #C0C4CC; + color: #c0c4cc; -webkit-transition: all 0.3s; transition: all 0.3s; } @@ -473,7 +476,7 @@ right: -2px; top: 0; text-align: center; - color: #C0C4CC; + color: #c0c4cc; -webkit-transition: all 0.3s; transition: all 0.3s; pointer-events: none; -- Gitblit v1.8.0