样式优化

@@ -35,7 +35,7 @@ export default {
   },
   data() {
     return {
-      title: 'FedEx管理系统',
+      title: 'IMAC管理系统',
       logo: logoImg
     }
   }

 <template>
-  <div style="margin: 40px">
+  <div style="margin: 40px" v-loading="loading">
     <el-form
       ref="form"
       :model="form"
@@ -62,21 +62,25 @@
 
       <el-form-item label="件数">
         <el-col :span="3">
-          <el-input v-model="form.minNumOfPieces"></el-input>
+          <!-- <el-input v-model="form.minNumOfPieces"></el-input> -->
+          <el-input-number v-model="form.minNumOfPieces == 0 ? form.minNumOfPieces = undefined : form.minNumOfPieces" :precision="0" :controls="false" style="width:100%"></el-input-number>
         </el-col>
         <el-col style="text-align: center" :span="1">-</el-col>
         <el-col :span="3">
-          <el-input v-model="form.maxNumOfPieces"></el-input>
+          <!-- <el-input v-model="form.maxNumOfPieces"></el-input> -->
+          <el-input-number v-model="form.maxNumOfPieces == 0 ? form.maxNumOfPieces = undefined : form.maxNumOfPieces" :precision="0" :controls="false" style="width:100%"></el-input-number>
         </el-col>
       </el-form-item>
 
       <el-form-item label="重量">
         <el-col :span="3">
-          <el-input v-model="form.minWeight"></el-input>
+          <!-- <el-input v-model="form.minWeight"></el-input> -->
+          <el-input-number v-model="form.minWeight == 0 ? form.minWeight = undefined : form.minWeight" :precision="2" :controls="false" style="width:100%"></el-input-number>
         </el-col>
         <el-col style="text-align: center" :span="1">-</el-col>
         <el-col :span="3">
-          <el-input v-model="form.maxWeight"></el-input>
+          <!-- <el-input v-model="form.maxWeight"></el-input> -->
+          <el-input-number v-model="form.maxWeight == 0 ? form.maxWeight = undefined : form.maxWeight" :precision="2" :controls="false" style="width:100%"></el-input-number>
         </el-col>
       </el-form-item>
 
@@ -166,6 +170,7 @@ export default {
       subCategory: [],
       disable: false,
       btnLoading: false,
+      loading: true,
     };
   },
   methods: {
@@ -183,11 +188,11 @@ export default {
       this.formServiceCode = this.form.serviceCode;
       this.formSubCategory = this.form.subCategory;
       updateOrAddFlight(this.form).then((response) => {
-        if (response.code === 200){
+        if (response.code === 200) {
           this.$message({
-          message: '成功',
-          type: 'success'
-        });
+            message: "成功",
+            type: "success",
+          });
         }
         this.close();
       });
@@ -196,7 +201,6 @@ export default {
       this.form.serviceCode = this.formServiceCode;
       this.form.subCategory = this.formSubCategory;
       this.btnLoading = false;
-      
     },
     close() {
       this.$store.state.tagsView.visitedViews.splice(
@@ -239,7 +243,10 @@ export default {
         info.serviceCode = info.serviceCode ? info.serviceCode.split(";") : [];
         info.subCategory = info.subCategory ? info.subCategory.split(";") : [];
         this.form = info;
+        this.loading = false;
       });
+    } else {
+      this.loading = false;
     }
   },
 };

 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">FedEx后台管理系统</h3>
+      <h3 class="title">IMAC后台管理系统</h3>
       <el-form-item prop="username">
         <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />