邓洁: 接口及细节优化

src/views/tunnel-manage/index.vue

@@ -45,8 +45,8 @@
           </div>
           <div class="tunnel-right">
             <div>
-              <div class="fan-icon"></div>
-              <span>风机异常</span>
+<!--              <div class="fan-icon"></div>-->
+<!--              <span>风机异常</span>-->
             </div>
             <div class="icons-block">
               <div v-for="equItem in iconsList" :key="item.icon" class="icon-text">
@@ -70,6 +70,9 @@
         <el-form-item label="隧道名称" prop="tunnelName">
           <el-input v-model="form.tunnelName" placeholder="请输入隧道名称"/>
         </el-form-item>
+        <el-form-item label="隧道简称" prop="tunnelAlias">
+          <el-input v-model="form.tunnelAlias" placeholder="请输入隧道简称"/>
+        </el-form-item>
         <el-form-item label="序列号" prop="serialNumber">
           <el-input v-model="form.serialNumber" placeholder="请输入序列号"/>
         </el-form-item>
@@ -123,6 +126,7 @@ const validateNumber = (rule, value) => {
 }
 const formRules = ref({
   tunnelName: [{required: true, message: '请输入隧道名称', trigger: ['blur', 'change']}],
+  tunnelAlias: [{required: true, message: '请输入隧道简称', trigger: ['blur', 'change']}],
   serialNumber: [
     {required: true, message: '请输入序列号', trigger: ['blur', 'change']},
     {validator: validateNumber, message: '请输入英文、数字、英文数字组合的用户名', trigger: ['blur', 'change']}
@@ -190,6 +194,7 @@ const tunnelNameList = ref([])
 const siteName = ref(localStorage.getItem('site'))
 const form = ref({
   tunnelName: '',
+  tunnelAlias: '',
   serialNumber: '',
   totalLength: '',
   remarks: '',
@@ -297,6 +302,7 @@ const handleEditDevice = (tunnelId) => {
 const restFrom = () => {
   form.value = {
     tunnelName: '',
+    tunnelAlias: '',
     serialNumber: '',
     totalLength: '',
     remarks: '',
@@ -650,7 +656,7 @@ const handleMoreDelete = () => {
           }
 
           .icons-block {
-            margin-top: 30px;
+            margin-top: 50px;
             display: flex;
             flex-wrap: wrap;