Jelajahi Sumber

158分站更新

lxh 2 bulan lalu
induk
melakukan
7c71537015
1 mengubah file dengan 123 tambahan dan 125 penghapusan
  1. 123 125
      src/views/vent/safetyList/common/detail.vue

+ 123 - 125
src/views/vent/safetyList/common/detail.vue

@@ -29,18 +29,15 @@
             </div>
             <div class="left-content">
               <div class="card-box" v-for="(item, index) in cardList" :key="index">
-                <div
-                  :class="[
-                    'card-item',
-                    {
-                      selected: selectedIndex === index,
-                      'card-itemN': item.isNewAccess,
-                      'card-itemL': !item.isNewAccess && item.linkstatus,
-                      'card-itemD': !item.isNewAccess && !item.linkstatus,
-                    },
-                  ]"
-                  @click="cardClick(item, index)"
-                >
+                <div :class="[
+                  'card-item',
+                  {
+                    selected: selectedIndex === index,
+                    'card-itemN': item.isNewAccess,
+                    'card-itemL': !item.isNewAccess && item.linkstatus,
+                    'card-itemD': !item.isNewAccess && !item.linkstatus,
+                  },
+                ]" @click="cardClick(item, index)">
                   <div class="card-item-label">{{ item.strname }}</div>
                 </div>
                 <div :class="activeIndex % 4 == 3 ? 'card-modal1' : 'card-modal'" v-if="activeIndex == index && isShow">
@@ -49,45 +46,40 @@
                   <div class="modal-lj">连接状态:</div>
                   <a-radio-group v-model:value="stationStatus" size="small" :options="ljList" @change="changeStatus" />
                   <a-popconfirm title="删除内容无法恢复,是否删除" ok-text="确定" cancel-text="取消" @confirm="handleDelStation"
-                @cancel="handleCancelDelStation">
-                <a-button type="primary" preIcon="ant-design:delete-outlined" size="mini">删除</a-button>
-            </a-popconfirm>
+                    @cancel="handleCancelDelStation">
+                    <a-button type="primary" preIcon="ant-design:delete-outlined" size="mini">删除</a-button>
+                  </a-popconfirm>
                 </div>
               </div>
             </div>
           </div>
           <div class="right-box">
             <div class="right-title">详细信息:</div>
-            <a-table size="small" :scroll="{ y: 680 }" :columns="columns" :data-source="tableData" :pagination="pagination" @change="pageChange">
+            <a-table size="small" :scroll="{ y: 680 }" :columns="columns" :data-source="tableData"
+              :pagination="pagination" @change="pageChange">
               <template #action="{ record }">
-                <a-button
-                  v-if="!record.devInfoList"
-                  type="primary"
-                  :disabled="record.linkId != '0'"
-                  size="small"
-                  @click="handlerunDeviceMonitor(record, '启动')"
-                  >启动</a-button
-                >
-                <a-button type="success" size="small" style="margin: 0px 10px" @click="handlerunDeviceMonitor(record, '编辑')">编辑</a-button>
-                <a-button type="primary" v-if="!record.devInfoList" size="small" @click="debugClick(record)">{{ record.debugTitle }}</a-button>
+                <a-button v-if="!record.devInfoList" type="primary" :disabled="record.linkId != '0'" size="small"
+                  @click="handlerunDeviceMonitor(record, '启动')">启动</a-button>
+                <a-button type="success" size="small" style="margin: 0px 10px"
+                  @click="handlerunDeviceMonitor(record, '编辑')">编辑</a-button>
+                <a-button type="primary" v-if="!record.devInfoList" size="small" @click="debugClick(record)">{{
+                  record.debugTitle }}</a-button>
               </template>
               <template #bodyCell="{ column, text }">
                 <template v-if="column.dataIndex === 'valueJc' && text">
                   <div v-for="item in text.split(',')" :key="item">
                     <span
                       v-if="item.substring(item.indexOf(':') + 1) && !isNaN(parseFloat(item.substring(item.indexOf(':') + 1)))"
-                      style="display: inline-block; width: 42%; text-align: right; color: rgb(0, 242, 255); margin-right: 5px"
-                      >{{ item.substring(0, item.indexOf(':') + 1) }}</span
-                    >
+                      style="display: inline-block; width: 42%; text-align: right; color: rgb(0, 242, 255); margin-right: 5px">{{
+                        item.substring(0, item.indexOf(':') + 1) }}</span>
                     <span
                       v-if="item.substring(item.indexOf(':') + 1) && !isNaN(parseFloat(item.substring(item.indexOf(':') + 1)))"
-                      style="display: inline-block; width: 52%; text-align: left; color: #fff"
-                      >{{
+                      style="display: inline-block; width: 52%; text-align: left; color: #fff">{{
                         item.substring(item.indexOf(':') + 1) === '1'
                           ? '正风'
                           : item.substring(item.indexOf(':') + 1) === '2'
-                          ? '反风'
-                          : item.substring(item.indexOf(':') + 1)
+                            ? '反风'
+                            : item.substring(item.indexOf(':') + 1)
                       }}
                     </span>
                   </div>
@@ -95,14 +87,8 @@
               </template>
             </a-table>
             <!-- 一键启动弹窗 -->
-            <a-modal
-              style="top: 300px; left: 360px"
-              v-model:visible="visibleModal"
-              :width="450"
-              title="一键启动"
-              @ok="handleOk"
-              @cancel="handleCancel"
-            >
+            <a-modal style="top: 300px; left: 360px" v-model:visible="visibleModal" :width="450" title="一键启动"
+              @ok="handleOk" @cancel="handleCancel">
               <a-form :model="startupData" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
                 <a-form-item label="安装位置">
                   <a-input v-model:value="startupData.address" placeholder="请输入" style="width: 260px" />
@@ -110,14 +96,8 @@
               </a-form>
             </a-modal>
             <!-- 编辑弹窗 -->
-            <a-modal
-              style="top: 300px; left: 360px"
-              v-model:visible="visibleModalEdit"
-              :width="450"
-              title="编辑信息"
-              @ok="handleOkEdit"
-              @cancel="handleCancelEdit"
-            >
+            <a-modal style="top: 300px; left: 360px" v-model:visible="visibleModalEdit" :width="450" title="编辑信息"
+              @ok="handleOkEdit" @cancel="handleCancelEdit">
               <a-form :model="startupDataEdit" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
                 <a-form-item label="安装位置">
                   <a-input v-model:value="startupDataEdit.address" placeholder="请输入" style="width: 260px" />
@@ -125,21 +105,16 @@
               </a-form>
             </a-modal>
             <!-- 调试弹窗 -->
-            <a-modal
-              style="top: 300px; left: 360px"
-              v-model:visible="visibleModalDebug"
-              :width="450"
-              title="调试信息"
-              @ok="handleOkDebug"
-              @cancel="handleCancelDebug"
-            >
+            <a-modal style="top: 300px; left: 360px" v-model:visible="visibleModalDebug" :width="450" title="调试信息"
+              @ok="handleOkDebug" @cancel="handleCancelDebug">
               <a-form :model="startupDataDebug" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
                 <a-form-item label="风速">
                   <a-input v-model:value="startupDataDebug.speed" placeholder="请输入" style="width: 260px" />
                 </a-form-item>
                 <a-form-item label="风向">
                   <a-select v-model:value="startupDataDebug.direction" style="width: 260px">
-                    <a-select-option v-for="file in derictList" :key="file.label" :value="file.value">{{ file.label }}</a-select-option>
+                    <a-select-option v-for="file in derictList" :key="file.label" :value="file.value">{{ file.label
+                      }}</a-select-option>
                   </a-select>
                 </a-form-item>
               </a-form>
@@ -164,18 +139,15 @@
             </div>
             <div class="left-content">
               <div class="card-box" v-for="(item, index) in cardList" :key="index">
-                <div
-                  :class="[
-                    'card-item',
-                    {
-                      selected: selectedIndex === index,
-                      'card-itemN': item.isNewAccess,
-                      'card-itemL': !item.isNewAccess && item.linkstatus,
-                      'card-itemD': !item.isNewAccess && !item.linkstatus,
-                    },
-                  ]"
-                  @click="cardClick(item, index)"
-                >
+                <div :class="[
+                  'card-item',
+                  {
+                    selected: selectedIndex === index,
+                    'card-itemN': item.isNewAccess,
+                    'card-itemL': !item.isNewAccess && item.linkstatus,
+                    'card-itemD': !item.isNewAccess && !item.linkstatus,
+                  },
+                ]" @click="cardClick(item, index)">
                   <div class="card-item-label">{{ item.strname }}</div>
                 </div>
                 <div :class="activeIndex % 4 == 3 ? 'card-modal1' : 'card-modal'" v-if="activeIndex == index && isShow">
@@ -184,15 +156,16 @@
                   <div class="modal-lj">连接状态:</div>
                   <a-radio-group v-model:value="stationStatus" size="small" :options="ljList" @change="changeStatus" />
                   <a-popconfirm title="删除内容无法恢复,是否删除" ok-text="确定" cancel-text="取消" @confirm="handleDelStation"
-                @cancel="handleCancelDelStation">
-                <a-button type="primary" preIcon="ant-design:delete-outlined" size="mini">删除</a-button>
-            </a-popconfirm>
+                    @cancel="handleCancelDelStation">
+                    <a-button type="primary" preIcon="ant-design:delete-outlined" size="mini">删除</a-button>
+                  </a-popconfirm>
                 </div>
               </div>
             </div>
           </div>
           <div class="right-box">
-            <HistoryTable class="historytable" :scroll="scroll" :historyColumns="historyColumns" :stationId="stationId" />
+            <HistoryTable class="historytable" :scroll="scroll" :historyColumns="historyColumns"
+              :stationId="stationId" />
           </div>
         </div>
         <!-- 监测详情 -->
@@ -205,53 +178,59 @@
             <template #bodyCell="{ column, text }"></template>
           </a-table>
           <!-- 编辑弹窗 -->
-          <a-modal
-            v-model:visible="visibleModalEdit1"
-            :width="1100"
-            @cancel="cancenModal"
+          <a-modal v-model:visible="visibleModalEdit1" :width="1100" @cancel="cancenModal"
             :bodyStyle="{ display: 'flex', height: '680px', 'overflow-y': 'auto', 'margin-bottom': '15px' }"
-            title="编辑信息"
-            :footer="null"
-          >
+            title="编辑信息" :footer="null">
             <a-form :model="formView" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
               <a-form-item label="第一路风速风向:">
-                <a-input v-model:value="formView.dylfsfx" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.dylfsfx" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="第一路报警状态:">
-                <a-input v-model:value="formView.dylbjzt" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.dylbjzt" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="第一路1发2收AD值:">
-                <a-input v-model:value="formView.dyl1f2sADz" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.dyl1f2sADz" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="第一路2发1收AD值:">
-                <a-input v-model:value="formView.dyl2f1sADz" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.dyl2f1sADz" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="通风量:">
-                <a-input v-model:value="formView.tfl" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.tfl" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="硬件版本:">
-                <a-input v-model:value="formView.yjbb" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.yjbb" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="软件版本:">
-                <a-input v-model:value="formView.rjbb" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.rjbb" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="在线离线标志:">
-                <a-input v-model:value="formView.zxlxbz" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.zxlxbz" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
               <a-form-item label="日期和时间:">
-                <a-input v-model:value="formView.rqsj" placeholder="请输入" disabled style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formView.rqsj" placeholder="请输入" disabled
+                  style="width: 260px; margin-right: 10px" />
               </a-form-item>
             </a-form>
 
             <a-form :model="formEdit" labelAlign="right" :label-col="{ span: 7 }" :wrapper-col="{ span: 17 }">
               <a-form-item label="传感器设备:">
                 <a-select v-model:value="formEdit.cgq" @change="changeCgq" style="width: 260px; margin-right: 10px">
-                  <a-select-option v-for="file in cgqList" :key="file.label" :value="file.value">{{ file.label }}</a-select-option>
+                  <a-select-option v-for="file in cgqList" :key="file.label" :value="file.value">{{ file.label
+                    }}</a-select-option>
                 </a-select>
                 <a-button type="success" @click="getDeviceList">读取</a-button>
               </a-form-item>
               <a-form-item label="RS485_MODBUS地址:">
-                <a-input v-model:value="formEdit.rs485modbusdz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.rs485modbusdz" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('RS485_MODBUS地址')">下发</a-button>
               </a-form-item>
               <a-form-item label="探头安装距离:">
@@ -275,11 +254,13 @@
                 <a-button type="primary" @click="handleClick('数据平均周期')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路一发二收PG值:">
-                <a-input v-model:value="formEdit.dylyfesPGz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dylyfesPGz" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路一发二收PG值')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路二发一收PG值:">
-                <a-input v-model:value="formEdit.dylefysPGz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dylefysPGz" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路二发一收PG值')">下发</a-button>
               </a-form-item>
               <a-form-item label="风道截面积:">
@@ -291,27 +272,33 @@
                 <a-button type="primary" @click="handleClick('第一路整体系数k')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路第一段系数:">
-                <a-input v-model:value="formEdit.dyldydxs1" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dyldydxs1" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路第一段系数')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路第二段系数:">
-                <a-input v-model:value="formEdit.dyldedxs2" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dyldedxs2" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路第二段系数')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路第三段系数:">
-                <a-input v-model:value="formEdit.dyldsdxs3" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dyldsdxs3" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路第三段系数')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路第四段系数:">
-                <a-input v-model:value="formEdit.dyldsdxs4" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dyldsdxs4" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路第四段系数')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路第五段系数:">
-                <a-input v-model:value="formEdit.dyldwdxs5" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dyldwdxs5" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路第五段系数')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路第六段系数:">
-                <a-input v-model:value="formEdit.dyldldxs6" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dyldldxs6" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路第六段系数')">下发</a-button>
               </a-form-item>
               <a-form-item label="系数KB:">
@@ -335,7 +322,8 @@
                 <a-button type="primary" @click="handleClick('报警使能')">下发</a-button>
               </a-form-item>
               <a-form-item label="第一路485波特率:">
-                <a-input v-model:value="formEdit.dyl485btl" placeholder="请输入" style="width: 260px; margin-right: 10px" />
+                <a-input v-model:value="formEdit.dyl485btl" placeholder="请输入"
+                  style="width: 260px; margin-right: 10px" />
                 <a-button type="primary" @click="handleClick('第一路485波特率')">下发</a-button>
               </a-form-item>
               <a-form-item label="四个字节保存密码:">
@@ -520,15 +508,18 @@ async function getDeviceList() {
 //tab选项切换
 async function onChangeTab(tab) {
   activeKey.value = tab;
-  stationId.value=''
+  stationId.value = ''
   if (activeKey.value == 'device') {
     // clearTimeout(timer1);
-   await  getSubStationList();
-   await  getStationList1();
-  } else {
+    await getSubStationList();
+    await getStationList1();
+  } else if (activeKey.value == 'history') {
     await getSubStationList();
     await getStationList();
     await getMonitor1();
+  } else {
+    getStationList();
+    getMonitor1();
   }
 }
 
@@ -717,7 +708,7 @@ async function getSubStationList() {
   let res = await subStationList({ strtype: 'modbus' });
   if (res.length != 0) {
     cardList.value = res;
-    stationId.value=stationId.value ? stationId.value : cardList[0].id
+    stationId.value = stationId.value ? stationId.value : cardList[0].id
     openNum.value = cardList.value?.filter((v) => v.linkstatus == 1)['length'];
     clsoeNum.value = cardList.value?.filter((v) => v.linkstatus == 0)['length'];
   } else {
@@ -766,9 +757,8 @@ async function getStationList1() {
       v.linkIdC = v.linkId == '0' ? '未启用' : v.linkId == '1' ? '启用' : v.linkId == '2' ? '设备异常' : '';
       v.updateTime = v.time;
       v.gdmsC = v.gdms == '1' ? '直流供电' : v.gdms == '0' ? '交流供电' : '';
-      v.valueJc = `风向:${v.forward || ''},风量:${v.m3 || ''}m³/min,风速:${v.windSpeed || ''}m/s,气压:${v.pa || ''}Pa,压差:${
-        v.difPress || ''
-      }Pa,温度:${v.temperature || ''}℃,湿度:${v.humidity || ''}%,断面积:${v.area || ''}㎡`;
+      v.valueJc = `风向:${v.forward || ''},风量:${v.m3 || ''}m³/min,风速:${v.windSpeed || ''}m/s,气压:${v.pa || ''}Pa,压差:${v.difPress || ''
+        }Pa,温度:${v.temperature || ''}℃,湿度:${v.humidity || ''}%,断面积:${v.area || ''}㎡`;
     });
   });
   tableData.value = res;
@@ -792,9 +782,8 @@ async function getStationListAll() {
       v.linkIdC = v.linkId == '0' ? '未启用' : v.linkId == '1' ? '启用' : v.linkId == '2' ? '设备异常' : '';
       v.updateTime = v.time;
       v.gdmsC = v.gdms == '1' ? '直流供电' : v.gdms == '0' ? '交流供电' : '';
-      v.valueJc = `风向:${v.forward || ''},风量:${v.m3 || ''}m³/min,风速:${v.windSpeed || ''}m/s,气压:${v.pa || ''}Pa,压差:${
-        v.difPress || ''
-      }Pa,温度:${v.temperature || ''}℃,湿度:${v.humidity || ''}%,断面积:${v.area || ''}㎡`;
+      v.valueJc = `风向:${v.forward || ''},风量:${v.m3 || ''}m³/min,风速:${v.windSpeed || ''}m/s,气压:${v.pa || ''}Pa,压差:${v.difPress || ''
+        }Pa,温度:${v.temperature || ''}℃,湿度:${v.humidity || ''}%,断面积:${v.area || ''}㎡`;
     });
   });
   tableData.value = res;
@@ -982,17 +971,17 @@ function pageChange(val) {
 }
 
 //删除左侧分站
-async function handleDelStation(){
-  let res=await remove158Substation({stationId:stationId.value})
-  console.log(res,'删除左侧分站')
-  if(res){
+async function handleDelStation() {
+  let res = await remove158Substation({ stationId: stationId.value })
+  console.log(res, '删除左侧分站')
+  if (res) {
     getSubStationList();
     getStationList1();
   }
 }
 //取消删除左侧分站
-function handleCancelDelStation(){}
-onMounted(async() => {
+function handleCancelDelStation() { }
+onMounted(async () => {
   await getSubStationList();
   await getStationList1();
 });
@@ -1054,7 +1043,7 @@ onUnmounted(() => {
           width: 0 !important;
         }
 
-        .zxm-tabs-tab + .zxm-tabs-tab {
+        .zxm-tabs-tab+.zxm-tabs-tab {
           margin: 0 !important;
         }
       }
@@ -1223,6 +1212,7 @@ onUnmounted(() => {
         width: 100%;
         height: 100%;
       }
+
       .history-content {
         position: relative;
         width: 100%;
@@ -1233,6 +1223,7 @@ onUnmounted(() => {
         background: url('/@/assets/images/fire/bj1.png') no-repeat center;
         background-size: 100% 100%;
         color: #fff;
+
         .left-box {
           width: 40%;
           height: 100%;
@@ -1367,9 +1358,11 @@ onUnmounted(() => {
           box-sizing: border-box;
           background: url('/@/assets/images/fire/bj1.png') no-repeat center;
           background-size: 100% 100%;
+
           .historytable {
             height: 100%;
           }
+
           .right-title {
             display: flex;
             height: 30px;
@@ -1390,12 +1383,14 @@ onUnmounted(() => {
   padding-top: 20px !important;
   box-sizing: border-box;
 }
+
 .zxm-picker,
 .zxm-input {
   border: 1px solid #3ad8ff77 !important;
   background-color: #ffffff !important;
   color: #fff !important;
 }
+
 ::v-deep(.zxm-radio-wrapper) {
   font-size: 12px;
 }
@@ -1411,15 +1406,16 @@ onUnmounted(() => {
 ::v-deep(.zxm-select-selection-item) {
   color: #fff !important;
 }
+
 ::v-deep(.zxm-form-item-label > label) {
   color: #fff !important;
 }
 
-::v-deep .zxm-btn{
-line-height:15px;
-height:20px;
-padding:0px 17px;
-font-size:12px;
+::v-deep .zxm-btn {
+  line-height: 15px;
+  height: 20px;
+  padding: 0px 17px;
+  font-size: 12px;
 }
 </style>
 <style>
@@ -1434,7 +1430,9 @@ div[aria-hidden='true'] {
   margin: 10px;
   box-sizing: border-box;
 }
+
 .card-item.selected {
-  border: 2px solid #3ad8ff77; /* 选中时的边框颜色 */
+  border: 2px solid #3ad8ff77;
+  /* 选中时的边框颜色 */
 }
 </style>