全局添加输入框空格校验

2024-12-25 10:53:07 +08:00
parent 90efcc4ad2
commit aed771578a
98 changed files with 703 additions and 904 deletions
--- a/src/views/pms/Event-boot/Region/components/Compatibility.vue
+++ b/src/views/pms/Event-boot/Region/components/Compatibility.vue
@@ -1,43 +1,29 @@
 <template>
    <div class="flex" style="margin: 15px 0">
        <span style="width: 100px; margin-top: 3px">电压等级:</span>
-        <el-checkbox
-            :indeterminate="isIndeterminate"
-            v-model="checkAll"
-            @change="handleCheckAllChange"
-            style="margin-right: 28px"
-        >
+        <el-checkbox :indeterminate="isIndeterminate" v-model.trim="checkAll" @change="handleCheckAllChange"
+            style="margin-right: 28px">
            全选
        </el-checkbox>
-        <el-checkbox-group
-            v-model="checkedVoltage"
-            @change="handleCheckedVoltageChange"
-            style="height: 72px; overflow-y: auto"
-        >
+        <el-checkbox-group v-model.trim="checkedVoltage" @change="handleCheckedVoltageChange"
+            style="height: 72px; overflow-y: auto">
            <el-checkbox v-for="(item, index) in grade" :label="item" :key="index">{{ item.name }}</el-checkbox>
        </el-checkbox-group>
    </div>
    <div class="flex" style="margin: 15px 0">
        <span style="width: 100px; margin-top: 3px">干扰源类型:</span>
-        <el-checkbox
-            :indeterminate="isIndeterminate1"
-            v-model="checkAll1"
-            @change="handleCheckAllChange1"
-            style="margin-right: 28px"
-        >
+        <el-checkbox :indeterminate="isIndeterminate1" v-model.trim="checkAll1" @change="handleCheckAllChange1"
+            style="margin-right: 28px">
            全选
        </el-checkbox>
-        <el-checkbox-group
-            v-model="checkedSource"
-            @change="handleCheckedSourceChange"
-            style="height: 72px; overflow-y: auto"
-        >
+        <el-checkbox-group v-model.trim="checkedSource" @change="handleCheckedSourceChange"
+            style="height: 72px; overflow-y: auto">
            <el-checkbox v-for="(item, index) in type" :label="item" :key="index">{{ item.name }}</el-checkbox>
        </el-checkbox-group>
    </div>
    <div class="flex" style="margin: 15px 0">
        <span style="width: 100px; line-height: 32px">兼容曲线:</span>
-        <el-radio-group v-model="radio" @change="radioChange">
+        <el-radio-group v-model.trim="radio" @change="radioChange">
            <el-radio label="ITIC">ITIC</el-radio>
            <el-radio label="F47">F47</el-radio>
        </el-radio-group>
@@ -470,9 +456,11 @@ const layout = mainHeight(390) as any
 .flex {
    display: flex;
 }
+
 .bars_w {
    height: calc(v-bind('layout.height'));
 }
+
 .dw {
    position: absolute;
    top: 210px;
--- a/src/views/pms/Event-boot/Region/distribution.vue
+++ b/src/views/pms/Event-boot/Region/distribution.vue
@@ -3,15 +3,11 @@
        <TableHeader area ref="header">
            <template v-slot:select>
                <!-- <el-form-item label="区域">
-                    <Area ref="area" v-model="tableStore.table.params.deptIndex" />
+                    <Area ref="area" v-model.trim="tableStore.table.params.deptIndex" />
                </el-form-item> -->
                <el-form-item label="统计类型">
-                    <el-select
-                        v-model="tableStore.table.params.statisticalType"
-                        value-key="id"
-                        placeholder="请选择统计类型"
-                        size="large"
-                    >
+                    <el-select v-model.trim="tableStore.table.params.statisticalType" value-key="id"
+                        placeholder="请选择统计类型" size="large">
                        <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item" />
                    </el-select>
                </el-form-item>
@@ -20,34 +16,24 @@
        <div v-loading="tableStore.table.loading" class="pr10">
            <el-row>
                <el-col :span="12">
-                    <MyEchartMap
-                        ref="EchartMap"
-                        :options="echartMapList"
-                        class="map"
-                        @eliminate="eliminate"
-                        @getRegionByRegion="getRegionByRegion"
-                    />
+                    <MyEchartMap ref="EchartMap" :options="echartMapList" class="map" @eliminate="eliminate"
+                        @getRegionByRegion="getRegionByRegion" />
                </el-col>
                <el-col :span="12">
                    <my-echart class="tall" :options="echartList" />
                    <div class="tall">
                        <vxe-table height="auto" auto-resize :data="distributionData" v-bind="defaultAttribute">
                            >
-                            <vxe-column
-                                field="qy"
-                                :title="
-                                    titleA == '电压等级'
-                                        ? '电压等级'
-                                        : titleA == '终端厂家'
+                            <vxe-column field="qy" :title="titleA == '电压等级'
+                                    ? '电压等级'
+                                    : titleA == '终端厂家'
                                        ? '终端厂家'
                                        : titleA == '干扰源类型'
-                                        ? '干扰源类型'
-                                        : titleA == '电网拓扑'
-                                        ? '区域'
-                                        : ''
-                                "
-                                show-overflow-tooltip
-                            ></vxe-column>
+                                            ? '干扰源类型'
+                                            : titleA == '电网拓扑'
+                                                ? '区域'
+                                                : ''
+                                " show-overflow-tooltip></vxe-column>
                            <vxe-column field="jcd" title="监测点数(个数)"></vxe-column>
                            <vxe-column field="zc" title="通讯正常(个数)" sortable></vxe-column>
                            <vxe-column field="zd" title="通讯中断(个数)" sortable></vxe-column>
@@ -74,7 +60,7 @@ defineOptions({
 const EchartMap = ref()
 const dictData = useDictData()
 const options = dictData.getBasicData('Statistical_Type', ['Report_Type'])
-const echartMapList:any = ref({})
+const echartMapList: any = ref({})
 const echartList = ref({})
 const titleA = ref('')
 const header = ref()
@@ -153,7 +139,7 @@ const map = (res: any) => {
            series: []
        }
    }
-    let mapList:any = [[], [], []]
+    let mapList: any = [[], [], []]
    if (res.substationDetailVOList != null) {
        res.substationDetailVOList.forEach((item: any) => {
            if (item.color == 'green') {
@@ -163,7 +149,7 @@ const map = (res: any) => {
            }
        })
    }
-    mapList.forEach((item:any, ind:number) => {
+    mapList.forEach((item: any, ind: number) => {
        echartMapList.value.options.series.push({
            type: 'scatter',
            mapName: 'china',
@@ -238,12 +224,12 @@ const histogram = (res: any) => {
                titleA.value == '电压等级'
                    ? '电压等级'
                    : titleA.value == '终端厂家'
-                    ? '终端厂家'
-                    : titleA.value == '干扰源类型'
-                    ? '干扰源类型'
-                    : titleA.value == '电网拓扑'
-                    ? header.value.areaRef.areaName
-                    : '' // 给X轴加单位
+                        ? '终端厂家'
+                        : titleA.value == '干扰源类型'
+                            ? '干扰源类型'
+                            : titleA.value == '电网拓扑'
+                                ? header.value.areaRef.areaName
+                                : '' // 给X轴加单位
        },
        tooltip: {
            formatter: function (params: any) {
@@ -262,12 +248,12 @@ const histogram = (res: any) => {
                titleA.value == '电压等级'
                    ? '(电压\n等级)'
                    : titleA.value == '终端厂家'
-                    ? '(终端\n厂家)'
-                    : titleA.value == '干扰源类型'
-                    ? '(干扰\n源类型)'
-                    : titleA.value == '电网拓扑'
-                    ? '(区域)'
-                    : '', // 给X轴加单位
+                        ? '(终端\n厂家)'
+                        : titleA.value == '干扰源类型'
+                            ? '(干扰\n源类型)'
+                            : titleA.value == '电网拓扑'
+                                ? '(区域)'
+                                : '', // 给X轴加单位
            data: distributionData.value.map((item: any) => item.qy)
        },
        yAxis: {
@@ -310,6 +296,7 @@ const layout1 = mainHeight(93) as any
 .map {
    height: v-bind('layout.height');
 }
+
 .tall {
    height: calc(v-bind('layout1.height') / 2);
 }
--- a/src/views/pms/Event-boot/Region/overview.vue
+++ b/src/views/pms/Event-boot/Region/overview.vue
@@ -1,13 +1,15 @@
 <template>
    <div class="default-main">
        <TableHeader date-picker area>
-           
+
        </TableHeader>
-        <el-tabs v-model="activeName" type="border-card" v-loading="tableStore.table.loading">
+        <el-tabs v-model.trim="activeName" type="border-card" v-loading="tableStore.table.loading">
            <el-tab-pane label="图形" name="1">
                <Echart :list="list" ref="echarts" />
            </el-tab-pane>
-            <el-tab-pane label="表格" name="2"><Tableabove ref="table" /></el-tab-pane>
+            <el-tab-pane label="表格" name="2">
+                <Tableabove ref="table" />
+            </el-tab-pane>
        </el-tabs>
    </div>
 </template>
@@ -61,6 +63,7 @@ const layout = mainHeight(123) as any
    width: 100%;
    height: 500px;
 }
+
 ::v-deep(.el-tabs__content) {
    height: v-bind('layout.height');
    overflow-y: auto;
--- a/src/views/pms/Event-boot/Region/statistics.vue
+++ b/src/views/pms/Event-boot/Region/statistics.vue
@@ -3,7 +3,8 @@
        <TableHeader date-picker area>
            <template v-slot:select></template>
        </TableHeader>
-        <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick" v-loading="tableStore.table.loading">
+        <el-tabs v-model.trim="activeName" type="border-card" @tab-click="handleClick"
+            v-loading="tableStore.table.loading">
            <el-tab-pane label="暂降原因及类型统计" name="1">
                <TypeStatistics ref="Statistics" />
            </el-tab-pane>
@@ -72,6 +73,7 @@ const layout = mainHeight(123) as any
    width: 100%;
    height: 500px;
 }
+
 ::v-deep(.el-tabs__content) {
    height: v-bind('layout.height');
    overflow-y: auto;