隐患排查统计卡片

.env.local

@@ -4,7 +4,7 @@ NODE_ENV=development
 VITE_DEV=true
 
 # 请求路径  http://192.168.188.79:48080  https://iot.deepoil.cc  http://172.26.0.56:48080
-VITE_BASE_URL='http://172.26.0.56:48080'
+VITE_BASE_URL='https://iot.deepoil.cc'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持 S3 服务
 VITE_UPLOAD_TYPE=server

src/views/pms/qhse/factor/index.vue

@@ -11,8 +11,7 @@
               placeholder="请输入工序"
               clearable
               @keyup.enter="handleQuery"
-              class="!w-150px"
-            />
+              class="!w-150px" />
           </el-form-item>
           <el-form-item label="步骤分解" prop="stepBreak">
             <el-input
@@ -20,8 +19,7 @@
               placeholder="请输入步骤分解"
               clearable
               @keyup.enter="handleQuery"
-              class="!w-150px"
-            />
+              class="!w-150px" />
           </el-form-item>
           <el-form-item label="环境因素" prop="environmentElement">
             <el-input
@@ -29,8 +27,7 @@
               placeholder="请输入环境因素"
               clearable
               @keyup.enter="handleQuery"
-              class="!w-150px"
-            />
+              class="!w-150px" />
           </el-form-item>
           <el-form-item>
             <el-button @click="handleQuery">
@@ -57,8 +54,13 @@
               {{ scope.$index + 1 }}
             </template>
           </zm-table-column>
-          <zm-table-column label="工序" prop="process" align="center" fixed="left" />
-          <zm-table-column label="步骤分解" prop="stepBreak" align="center" />
+          <zm-table-column
+            label="工序"
+            prop="process"
+            align="center"
+            fixed="left"
+            min-width="150" />
+          <zm-table-column label="步骤分解" min-width="150" prop="stepBreak" align="center" />
           <zm-table-column label="环境因素" prop="environmentElement" align="center" />
 
           <zm-table-column label="时态" align="center">
@@ -112,8 +114,7 @@
                   type="success"
                   style="border: none"
                   plain
-                  v-if="row.statusException"
-                >
+                  v-if="row.statusException">
                   <span class="text-[#259644]">
                     {{ '✔' }}
                   </span>
@@ -242,8 +243,7 @@
             layout="total, sizes, prev, pager, next"
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
-            background
-          />
+            background />
         </div>
       </ContentWrap>
     </el-col>
@@ -255,8 +255,7 @@
         :model="formData"
         :rules="formRules"
         label-width="120px"
-        v-loading="formLoading"
-      >
+        v-loading="formLoading">
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="工序" prop="process">
@@ -330,8 +329,7 @@
               <el-input
                 type="textarea"
                 v-model="formData.controlMethod"
-                placeholder="请输入控制措施"
-              />
+                placeholder="请输入控制措施" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -347,8 +345,7 @@
                 check-strictly
                 node-key="id"
                 filterable
-                placeholder="请选择所在部门"
-              />
+                placeholder="请选择所在部门" />
             </el-form-item>
           </el-col>
           <el-col :span="12">

src/views/pms/qhse/safety/index.vue

@@ -66,12 +66,12 @@
 
               <div class="stats-card__title">隐患总数</div>
             </div>
-            <div class="stats-card__body py-8">
+            <div class="stats-card__body py-10">
               <CountTo
                 :duration="2600"
                 :end-val="hiddenCount"
                 :start-val="0"
-                class="stats-card__count text-2xl text-center! text-[#2563eb]!" />
+                class="stats-card__count text-3xl text-center! text-[#2563eb]!" />
             </div>
           </div>
 
@@ -82,12 +82,12 @@
               <Icon icon="ep:info-filled" color="#de3b3b" />
               <div class="stats-card__title">未整改数</div>
             </div>
-            <div class="stats-card__body py-8">
+            <div class="stats-card__body py-10">
               <CountTo
                 :duration="2600"
                 :end-val="todo"
                 :start-val="0"
-                class="stats-card__count text-2xl text-center! text-[#ff5b61]!" />
+                class="stats-card__count text-3xl text-center! text-[#ff5b61]!" />
             </div>
           </div>
 
@@ -99,12 +99,12 @@
 
               <div class="stats-card__title">整改率</div>
             </div>
-            <div class="stats-card__body py-8">
+            <div class="stats-card__body py-10">
               <CountTo
                 :duration="2600"
                 :end-val="((hiddenCount - todo) / hiddenCount) * 100 || 0"
                 :start-val="0"
-                class="stats-card__count text-2xl text-center! text-[#2563eb]!" />
+                class="stats-card__count text-3xl text-center! text-[#2563eb]!" />
               <span class="text-[#2563eb]!">%</span>
             </div>
           </div>
@@ -121,7 +121,7 @@
           :loading="loading"
           :data="list"
           :stripe="true"
-          height="calc(85vh - 135px)"
+          height="calc(44.6vh)"
           :show-overflow-tooltip="true">
           <zm-table-column :label="t('monitor.serial')" width="70" align="center">
             <template #default="scope">
@@ -746,10 +746,10 @@ const initPieChart = () => {
       left: 'left',
       top: 'middle',
       textStyle: {
-        fontSize: 11
+        fontSize: 14
       },
-      itemWidth: 10,
-      itemHeight: 10
+      itemWidth: 20,
+      itemHeight: 20
     },
     series: [
       {
@@ -849,7 +849,7 @@ watch(
 
 .stats-cards {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: repeat(3, minmax(180px, 1fr)) minmax(280px, 2fr);
   gap: 12px;
   margin-bottom: 16px;
 }