Merge pull request 'fix : 修复时间频率单位' (#296) from dengjie into dev

Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/296

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;
+        }
       }
     }
   }

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){
+    if (res.code === 1000) {
-      siteImage.value=res.data.drawingData
+      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;
+    }
   }
 }