全局添加输入框空格校验

src/views/govern/device/control/tabs/components/realtrend.vue

@@ -3,11 +3,11 @@
     <div class="realtrend" v-loading="loading">
         <div class="select" v-if="!loading">
             <div class="mr10">谐波次数 </div>
-            <el-select v-model="selectValue" style="width: 100px" @change="selectChange">
+            <el-select v-model.trim="selectValue" style="width: 100px" @change="selectChange">
                 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
         </div>
-        <el-tabs type="border-card" v-if="tabsList.length != 0" v-model="activeName" @tab-click="handleClick">
+        <el-tabs type="border-card" v-if="tabsList.length != 0" v-model.trim="activeName" @tab-click="handleClick">
             <el-tab-pane v-for="(item, index) in tabsList" :label="item.groupName" :name="index" :key="index">
                 <div>
                     <div class="realtrend_top">
@@ -31,7 +31,7 @@
                             <div class="thead_left">
                                 <p style="  font-weight: 700; background-color: #F3F6F9;">次数(次)</p>
                                 <p>{{ item.groupName }}{{ item.unit ? '(' + item.unit + ')' : '' }}</p>
-                                <p>国标限值{{ item.unit ? '(' + item.unit + ')' : '' }}</p>
+                                <!-- <p>国标限值{{ item.unit ? '(' + item.unit + ')' : '' }}</p> -->
                             </div>
                             <div class="thead_right">
                                 <div class="right_cell" v-for="(value, key, index) in tableData" :key="index">
@@ -50,7 +50,7 @@
                                             {{ value }}
                                         </span>
                                     </p>
-                                    <p>
+                                    <!-- <p>
                                         <span v-if="
                                             String(key).includes('data') &&
                                             String(key) != 'dataLevel' &&
@@ -58,7 +58,7 @@
                                         ">
                                             {{ gbData[index]?.value || '/' }}
                                         </span>
-                                    </p>
+                                    </p> -->
                                 </div>
 
                             </div>
@@ -223,12 +223,13 @@ const init = () => {
         trendData.map((item: any) => {
             return item.value
         }),
-        gbData.value.map((item: any) => {
-            return item.value
-        }),
+        // gbData.value.map((item: any) => {
+        //     return item.value
+        // }),
 
     ]
-    let legendList = [tabsList.value[activeName.value]?.groupName, '国标限值',]
+    let legendList = [tabsList.value[activeName.value]?.groupName, ]
+    // let legendList = [tabsList.value[activeName.value]?.groupName, '国标限值',]
     // echartsData.value.legend.data = legendList
     list.map((item: any, index: any) => {
         echartsData.value.series.push({
@@ -312,8 +313,8 @@ const setRealTrendData = (val: any) => {
         emit('changeTrendType', activeName.value)
     }
 }
-const selectChange=(val:any)=>{
-    loading.value=true
+const selectChange = (val: any) => {
+    loading.value = true
     // setTimeout(() => {
     //     loading.value=false
     // },3000)
@@ -417,7 +418,8 @@ defineExpose({ open, setRealTrendData, setOverLimitData })
             display: flex;
             border: 2px solid #eee;
             cursor: pointer;
-font-size: 13px;
+            font-size: 13px;
+
             .thead_left {
                 width: 150px;
                 height: 100%;
@@ -426,7 +428,7 @@ font-size: 13px;
                 justify-content: space-between;
                 align-items: center;
                 line-height: 50px;
-              
+
                 padding-bottom: 5px;
 
                 p {
@@ -497,7 +499,7 @@ font-size: 13px;
     .charts {
         width: 100%;
         margin-top: 10px;
-        height: calc(100vh - 560px);
+        height: calc(100vh - 535px);
     }
 }