From 4fd53e8875e159ebad0e8a3002a368c6e34e7ed5 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Mon, 4 Mar 2024 11:22:05 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E9=A2=91=E7=8E=87=E5=8D=95=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/edit/edit.vue           | 24 +++++++++++++++++++-----
 src/views/tunnel-manage/index.vue | 31 +++++++++++++++++++++++--------
 2 files changed, 42 insertions(+), 13 deletions(-)

diff --git a/src/views/edit/edit.vue b/src/views/edit/edit.vue
index c88c916..eea6164 100644
--- a/src/views/edit/edit.vue
+++ b/src/views/edit/edit.vue
@@ -32,19 +32,27 @@
           <el-input type="number" v-model="form.referenceFrequency" placeholder="请输入基准频率"/>
         </el-form-item>
         <div style="display: flex">
-          <el-form-item label="升频时间" prop="upTime">
+          <el-form-item label="升频时间(分钟)" prop="upTime" label-width="280px">
             <el-input-number v-model="form.upTime" :min="0" :max="60"/>
           </el-form-item>
           <el-form-item label="升频率" prop="upFrequency">
-            <el-input type="number" v-model="form.upFrequency" placeholder="请输入升频率"/>
+            <el-input type="number" v-model="form.upFrequency" placeholder="请输入升频率">
+              <template #suffix>
+                <span>Hz</span>
+              </template>
+            </el-input>
           </el-form-item>
         </div>
         <div style="display: flex">
-          <el-form-item label="降频时间" prop="dropTime">
+          <el-form-item label="降频时间(分钟)" prop="dropTime" label-width="280px">
             <el-input-number v-model="form.dropTime" :min="0" :max="60"/>
           </el-form-item>
           <el-form-item label="降频率" prop="dropFrequency">
-            <el-input type="number" v-model="form.dropFrequency" placeholder="请输入降频率"/>
+            <el-input type="number" v-model="form.dropFrequency" placeholder="请输入降频率">
+              <template #suffix>
+                <span>Hz</span>
+              </template>
+            </el-input>
           </el-form-item>
         </div>
         <el-form-item label="是否默认">
@@ -224,7 +232,7 @@ const handleSave = () => {
     position: absolute;
     top: 250px;
     left: 80px;
-    width: 950px;
+    width: 1000px;
     //height: 500px;
     background-image: url(@/assets/images/transducer/bg.png);
     padding: 20px 30px;
@@ -285,6 +293,12 @@ const handleSave = () => {
           color: #fff;
           font-size: 38px;
         }
+        .el-input__suffix-inner {
+          font-size: 30px;
+          color: #08B7B8;
+          line-height: 40px;
+          font-weight: bold;
+        }
       }
     }
   }
diff --git a/src/views/tunnel-manage/index.vue b/src/views/tunnel-manage/index.vue
index c298b4b..fd41d51 100644
--- a/src/views/tunnel-manage/index.vue
+++ b/src/views/tunnel-manage/index.vue
@@ -74,7 +74,7 @@
     </div>
     <div v-else>
       <div class="img-box">
-<!--        @/assets/images/tunnel/img.png-->
+        <!--        @/assets/images/tunnel/img.png-->
         <img :src="'data:image/png;base64,'+siteImage" style="width:3500px;height:1789px" id="imgModel" usemap="#image"
              alt="" @click="clickHandler">
         <map name="image" id="image">
@@ -107,19 +107,27 @@
           <el-input type="number" v-model="form.referenceFrequency" placeholder="请输入基准频率"/>
         </el-form-item>
         <div style="display: flex">
-          <el-form-item label="升频时间" prop="upTime">
+          <el-form-item label="升频时间(分钟)" prop="upTime" label-width="300px">
             <el-input-number v-model="form.upTime" :min="0" :max="60"/>
           </el-form-item>
           <el-form-item label="升频率" prop="upFrequency">
-            <el-input type="number" v-model="form.upFrequency" placeholder="请输入升频率"/>
+            <el-input type="number" v-model="form.upFrequency" placeholder="请输入升频率">
+              <template #suffix>
+                <span>Hz</span>
+              </template>
+            </el-input>
           </el-form-item>
         </div>
         <div style="display: flex">
-          <el-form-item label="降频时间" prop="dropTime">
+          <el-form-item label="降频时间(分钟)" prop="dropTime" label-width="300px">
             <el-input-number v-model="form.dropTime" :min="0" :max="60"/>
           </el-form-item>
           <el-form-item label="降频率" prop="dropFrequency">
-            <el-input type="number" v-model="form.dropFrequency" placeholder="请输入降频率"/>
+            <el-input type="number" v-model="form.dropFrequency" placeholder="请输入降频率">
+              <template #suffix>
+                <span>Hz</span>
+              </template>
+            </el-input>
           </el-form-item>
         </div>
         <el-form-item label="是否默认">
@@ -154,9 +162,10 @@
 <script setup>
 import {ElMessage, ElMessageBox} from "element-plus";
 import {getTunnelList, addTunnel, deleteTunnel} from "@/api/tunnelManage";
-import {getSiteDrawing,getSiteDetail } from "@/api/site";
+import {getSiteDrawing, getSiteDetail} from "@/api/site";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 import {getTunnelBySiteId} from "@/api/largeScreen";
+
 const validateNumber = (rule, value) => {
   const reg = /^[A-Za-z0-9]+$/;
   return reg.test(value);
@@ -279,8 +288,8 @@ onMounted(() => {
 })
 const getSiteImg = () => {
   getSiteDrawing(siteId).then((res) => {
-    if(res.code === 1000){
-      siteImage.value=res.data.drawingData
+    if (res.code === 1000) {
+      siteImage.value = res.data.drawingData
     }
   });
 }
@@ -618,6 +627,12 @@ const handleMoreDelete = () => {
       color: #fff;
       font-size: 38px;
     }
+    .el-input__suffix-inner {
+      font-size: 30px;
+      color: #08B7B8;
+      line-height: 40px;
+      font-weight: bold;
+    }
   }
 }