fix: 细节调整

src/components/device-select-and-status.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, ref, watch, defineProps } from 'vue';
 import { useStore } from 'vuex';
+import { PEND_TYPE } from '@/config/config';
 
 const props = defineProps({ status: String });
 
@@ -9,24 +10,7 @@ const devices = computed(() => store.state.device.devices); // 设备/站点列
 const deviceId = ref(''); // 选中的设备id
 const currentDeviceId = computed(() => store.state.device.currentDeviceId); // 正在操作的设备的id
 
-const statusType = computed(() => {
+const statusType = computed(() => PEND_TYPE[props.status].type);
-  let type = 'success';
-  switch (props.status) {
-    case 'PENDING':
-      type = 'primary';
-      break;
-    case 'FAIL':
-      type = 'danger';
-      break;
-    case 'SUCCESS':
-      type = 'success';
-      break;
-    default:
-      type = 'primary';
-      break;
-  }
-  return type;
-});
 
 // 监听currentDeviceId
 watch(

src/components/function-config-pending.vue

@@ -36,34 +36,34 @@
       </el-col>
 
       <el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24">
-        <el-form-item label="设置电池电压低阈值" prop="batteryLow">
+        <el-form-item label="设置电池电压低阈值(V)" prop="batteryLow">
           <el-input-number v-model="data.batteryLow" :min="0" />
         </el-form-item>
       </el-col>
       <el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24">
-        <el-form-item label="设置电池电压高阈值" prop="batteryHigh">
+        <el-form-item label="设置电池电压高阈值(V)" prop="batteryHigh">
           <el-input-number v-model="data.batteryHigh" :min="0" />
         </el-form-item>
       </el-col>
 
       <el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24">
-        <el-form-item label="设置太阳能电压高阈值" prop="sunHigh">
+        <el-form-item label="设置太阳能电压高阈值(V)" prop="sunHigh">
           <el-input-number v-model="data.sunHigh" :min="0" />
         </el-form-item>
       </el-col>
       <el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24">
-        <el-form-item label="设置湿度高阈值" prop="humidityHigh">
+        <el-form-item label="设置湿度高阈值(V)" prop="humidityHigh">
           <el-input-number v-model="data.humidityHigh" :min="0" />
         </el-form-item>
       </el-col>
 
       <el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24">
-        <el-form-item label="设置温度低阈值" prop="temperatureLow">
+        <el-form-item label="设置温度低阈值(℃)" prop="temperatureLow">
           <el-input-number v-model="data.temperatureLow" :min="0" />
         </el-form-item>
       </el-col>
       <el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24">
-        <el-form-item label="设置温度高阈值" prop="temperatureHigh">
+        <el-form-item label="设置温度高阈值(℃)" prop="temperatureHigh">
           <el-input-number v-model="data.temperatureHigh" :min="0" />
         </el-form-item>
       </el-col>

src/config/config.js

@@ -73,3 +73,19 @@ export const deviceData = {
   joint: '', // 主站后台联调情况
   remark: '', // 备注
 };
+
+// 下发类型
+export const PEND_TYPE = {
+  PENDING: {
+    type: 'primary',
+    text: '未下发',
+  },
+  FAIL: {
+    type: 'danger',
+    text: '下发失败',
+  },
+  SUCCESS: {
+    type: 'success',
+    text: '下发成功',
+  },
+};

src/store/index.js

@@ -5,7 +5,7 @@ import user from './user';
 
 export default createStore({
   modules: { user, device, statistics },
-  state: { menu: { show: true, collapse: false } },
+  state: { menu: { show: true, collapse: true } },
   getters: {},
   mutations: {
     toggleCollapse(state) {

src/views/data-report.vue

@@ -35,7 +35,7 @@ const getData = async () => {
       const params = {
         deviceId: currentDeviceId.value,
         date,
-        page: page.value.age,
+        page: page.value.page,
         size: page.value.size,
         type: 1,
       };