9/20

.env.development

@@ -35,7 +35,7 @@ VITE_LOGIN_BACK_URL_WORKBENCH_TRUE=false
 VITE_APP_SHOW_WORK_PLATFORM=true
 
 # 地图类型  天地图 WGS84 高德地图 GCJ02, 高德地图 需要在高德地图官网申请key
-VITE_APP_MAP_TYPE='GCJ02'
+VITE_APP_MAP_TYPE='WGS84'
 
 # 高德地图key 建议放入环境变量中，避免泄露
 VITE_GCJ02_KEY_GD='8e302fe1be5f4db62bc734db23dca149'

src/api/system/InspectionRecord/type.ts

@@ -82,8 +82,8 @@ export interface RecordQuery extends PageQuery {
    */
   taskName?: string;
 
-  taskTimeBegin?: '';
+  taskTimeBegin?: string;
-  taskTimeEnd?: '';
+  taskTimeEnd?: string;
 }
 
 export interface DetailsVo {

src/api/system/SdbCashier/index.ts

@@ -23,7 +23,7 @@ export const cashQuery = (data: { residentName?: string; queryType: number }): A
 
 export type billlistType = {
   /**
-   * 类型 0物业费 1车位管理费 2垃圾处理费 3租金 4押金
+   * 类型 0 物业费 1 车位管理费 2 垃圾处理费 3 租金 4 押金
    */
   detailsType: string;
   unitNoId: string;
@@ -57,7 +57,7 @@ export type billlistType = {
  * @returns {*}
  * @param data
  */
-export const billQuery = (data: { residentId?: string; payStatus: '0' | '1' }): AxiosPromise<billlistType[]> => {
+export const billQuery = (data: { residentId?: string; payStatus?: '0' | '1' }): AxiosPromise<billlistType[]> => {
   return request({
     url: '/cash/billList',
     method: 'post',
@@ -84,9 +84,11 @@ export const billPrint = (data: { 'detailsIds': string[]; 'residentId': string }
 export const getAllAccount = (
   data = {}
 ): AxiosPromise<{
-  /** 总金额 */
+  /** 原始金额之和（应收+优惠） */
+  originalAmount: string;
+  /** 总 应收金额 */
   'receivableAmount': string;
-  /** 总实收金额 */
+  /** 总已收金额 */
   'receivedAmount': string;
   /** 总优惠金额 */
   'discountAmount': string;
@@ -111,7 +113,7 @@ export const billDelete = (ids: string | string[]) => {
 export type BillPrintType = {
   'totalAccount': string;
   'residentName': string;
-  'payTypeSummary': {
+  'payTypeSummary'?: {
     'payType': string;
     'payAmount': string;
   }[];
@@ -128,8 +130,8 @@ export type BillPrintType = {
     'remark': string;
   }[];
   'printDate': string;
-  totalDiscountAmount: string;
+  totalDiscountAmount?: string;
-  totalActualAccount: string;
+  totalActualAccount?: string;
   'HouseName': string;
   'title': string;
 };

src/api/system/SdbElectricityDevice/index.ts

@@ -96,3 +96,63 @@ export const ElectricityDeviceUnbind = (deviceCode: string) => {
     method: 'PUT'
   });
 };
+/**
+ * 充值
+ */
+export const ElectricityDeviceRecharge = (data: { 'deviceCode': string; 'amount': number }) => {
+  return request({
+    url: '/electricityDevice/recharge',
+    method: 'POST',
+    data
+  });
+};
+/**
+ * 设置电表价格
+ */
+export const setElectricityDevicePrice = (data: { 'deviceCode': string; 'price': number }) => {
+  return request({
+    url: '/electricityDevice/setPrice',
+    method: 'POST',
+    data
+  });
+};
+/**
+ * 设置电表开关状态
+ */
+export const setElectricityDeviceSwitchStatus = (data: { 'deviceCode': string; 'status': number }) => {
+  return request({
+    url: '/electricityDevice/controlSwitch',
+    method: 'POST',
+    data
+  });
+};
+/**
+ * 电表数据上传
+ */
+export const updateElectricityDeviceData = (data: { 'deviceCode': string }) => {
+  return request({
+    url: '/electricityDevice/triggerReport',
+    method: 'POST',
+    data
+  });
+};
+
+/**
+ * 上传电表设备
+ */
+export const uploadElectricityDevices = (data: FormData) => {
+  return request({
+    url: '/electricityDevice/importData',
+    method: 'POST',
+    data
+  });
+};
+/**
+ * 获取模板设备
+ */
+export const getElectricityDeviceFormartValue = () => {
+  return request({
+    url: '/electricityDevice/importTemplate',
+    method: 'POST'
+  });
+};

src/api/system/SdbElectricityDevice/type.ts

@@ -25,11 +25,30 @@ export interface ElectricityDeviceVO {
    *
    */
   url: string;
+  /**
+   * 电价
+   */
+  price: number | null;
 
   /**
    *
    */
   openid: string;
+
+  electricityRecord?: {
+    'id': string;
+    'deviceCode': string;
+    'totalEnergy': string;
+    'readTime': string;
+    'balance': string;
+    'status': string;
+    'event': string;
+    'rangeTime': string;
+    'rangeFee': number;
+    'price': number | null;
+    'type': number | null;
+    'updateTime': string | null;
+  };
 }
 
 export interface ElectricityDeviceForm extends BaseEntity {

src/api/system/Tmaterial/type.ts

@@ -18,6 +18,7 @@ export interface MaterialVO {
    * 规格型号*
    */
   model: string;
+  villageId: string;
 
   /**
    * 计量单位

src/api/system/Tsupplier/type.ts

@@ -33,6 +33,7 @@ export interface SupplierVO {
    * 备注
    */
   remark: string;
+  villageId: string;
 }
 
 export interface SupplierForm extends BaseEntity {

src/api/system/house/index.ts

@@ -134,16 +134,20 @@ export interface BillResidentList {
 }
 
 export interface House {
-  buildingName: string;
+  'buildingName': string;
-  floorNo: number;
+  'unitNoName': string;
-  houseArea: string;
+  'houseId': string;
-  houseId: number;
+  'houseType': string;
-  houseNo: string;
+  'houseNo': string;
-  houseType: string;
+  'houseArea': string;
-  internalArea: string;
+  'floorNo': number;
-  shareArea: string;
+  'unitNoId': string;
-  unitNoName: string;
+  'villageName': string;
-  villageName: string;
+  'villageId': string;
+  'buildingId': string;
+
+  internalArea?: string;
+  shareArea?: string;
 }
 
 export interface ResidentList {

src/api/system/report/dailyFeeReport/type.ts

@@ -17,7 +17,7 @@ export type Datum = {
   houseName: string;
   payTime: string;
   propertyOffsetAmount: string;
-  remark: null;
+  remark: string;
   residentName: string;
   transferAmount: string;
   unionPayAmount: string;

src/api/workflow/index.ts

@@ -1,4 +1,5 @@
 import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
 
 /**
  * 查询小区概况
@@ -335,7 +336,16 @@ type LifeIndices = {
  *  查询 快捷入口
  * @returns {*}
  */
-export const getQuicklyshortcut = (query?: {}) => {
+export const getQuicklyshortcut = (query?: {}): AxiosPromise<
+  {
+    id: string;
+    menuId: string;
+    menuName: string;
+    menuPath: string;
+    menuIcon: string;
+    sortOrder: number;
+  }[]
+> => {
   return request({
     url: '/workSpace/shortcut/list',
     method: 'GET',

src/components/Holder/CarUser.vue

@@ -273,7 +273,6 @@ defineExpose({
             parkingId: id
           }) as BillUserlist
       );
-      console.log(multipleSelection.value);
     } else {
       multipleSelection.value = [];
     }

src/components/Holder/complainUser.vue

@@ -100,7 +100,7 @@ const props = defineProps({
   },
   userType: {
     type: String,
-    default: 'complainUser'
+    default: ''
   },
   isMultiple: {
     type: Boolean,
@@ -222,7 +222,6 @@ function handleSelectionChange(selection: tableType[]) {
     const uniqueMap = new Map();
     finalSelection.forEach((item) => uniqueMap.set(item.id, item));
     multipleSelection.value = Array.from(uniqueMap.values());
-    console.log(multipleSelection.value.map((item) => item.id));
   } else {
     // --- 单选逻辑 ---
     if (selection.length > 0) {

src/components/Holder/index.vue

@@ -301,7 +301,6 @@ defineExpose({
       ...queryParams.value,
       ...params
     };
-    console.log(queryParams.value);
     getList();
     dialog.value.dialogVisible = true;
   }

src/components/Holder/material.vue

@@ -19,19 +19,21 @@
         <el-button @click="resetQuery">重置</el-button>
       </div>
     </nav>
-    <el-table
+    <el-table ref="multipleTableRef" :data="tableData" border>
-      ref="multipleTableRef"
+      <el-table-column align="center" width="55">
-      :data="tableData"
+        <template #header>
-      border
+          <el-checkbox v-model="isSelectAll" :disabled="!isMultiple" :indeterminate="isIndeterminate" @change="handleSelectAllChange" />
-      @select-all="handleSelectionChange"
+        </template>
-      @row-click="handleRowClick"
+        <template #default="scope">
-      @selection-change="handleSelectionChange"
+          <el-checkbox :model-value="isRowSelected(scope.row)" @change="(val: boolean) => handleRowCheckChange(scope.row, val)" />
-    >
+        </template>
-      <el-table-column align="center" type="selection" width="55" />
+      </el-table-column>
       <el-table-column align="center" label="物料名称" prop="materialName" />
       <el-table-column align="center" label="品牌" prop="brand" />
       <el-table-column align="center" label="规格型号" prop="model" />
       <el-table-column align="center" label="单位" prop="unit" />
+      <el-table-column v-if="!isHidden" align="center" label="数量" prop="stockNum" />
+      <el-table-column align="center" label="所属小区" prop="villageName" />
       <el-table-column align="center" label="备注" prop="remark" />
     </el-table>
 
@@ -47,7 +49,7 @@
         />
         <div>
           <el-button @click="conback">退出</el-button>
-          <el-button type="primary" @click="confirm"> 确定 </el-button>
+          <el-button :loading="loading" type="primary" @click="confirm"> 确定 </el-button>
         </div>
       </div>
     </template>
@@ -57,7 +59,7 @@
 <script lang="ts" setup>
 import { listMaterial } from '@/api/system/Tmaterial';
 import { MaterialVO } from '@/api/system/Tmaterial/type';
-import { ref, nextTick, getCurrentInstance, ComponentInternalInstance, toRefs } from 'vue';
+import { ComponentInternalInstance, getCurrentInstance, ref, toRefs } from 'vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
@@ -77,6 +79,10 @@ const props = defineProps({
   isMultiple: {
     type: Boolean,
     default: false
+  },
+  isHidden: {
+    type: Boolean,
+    default: true
   }
 });
 
@@ -104,41 +110,87 @@ const tableData = ref<MaterialVO[]>([]);
 const total = ref(0);
 const loading = ref(false);
 
-// 存储选中项
+/** 存储所有选中项（跨页累计，非全选模式使用） */
 const multipleSelection = ref<MaterialVO[]>([]);
-// 多选
+/** 是否已跨页全选（标记模式，不实际持有全部数据） */
+const isSelectAll = ref(false);
+/** 表头复选框半选状态（部分选中时为 true） */
+const isIndeterminate = ref(false);
+/** 全选模式下被手动取消勾选的 id 列表 */
+const deselectedIds = ref<string[]>([]);
+
 const isMultiple = computed(() => props.isMultiple ?? false);
 
-// 优化 handleUserSelection，避免重复查找
+/** 判断某行是否已选中 */
-const handleUserSelection = () => {
+function isRowSelected(row: MaterialVO): boolean {
-  if (!userid.value || !tableData.value.length) return;
+  if (isSelectAll.value) {
-
+    // 全选模式：只要不在取消列表中就算选中
-  multipleSelection.value = [];
+    return !deselectedIds.value.includes(row.id);
-  if (userid.value.trim() !== '') {
-    const arr = userid.value.split(',');
-    arr.forEach((item) => {
-      const target = tableData.value.find((row) => row.id == item);
-      target && multipleSelection.value.push(target);
-    });
-    nextTick(() => {
-      if (multipleTableRef.value) {
-        multipleTableRef.value.clearSelection();
-        multipleSelection.value.forEach((item) => {
-          multipleTableRef.value.toggleRowSelection(item, true);
-        });
-      }
-    });
   }
-};
+  return multipleSelection.value.some((item) => item.id === row.id);
+}
 
-// 监听
+/** 更新表头复选框状态：全选 / 半选 / 空 */
-// 监听优化：只在 userid 变化时触发
+function updateIndeterminate() {
-// watch(userid, handleUserSelection, { immediate: true });
+  if (isSelectAll.value) {
-// watch(tableData, () => {
+    // 全选模式下：有取消勾选的行 → 半选，否则 → 全选
-//   if (userid.value) handleUserSelection(); // 仅在有 userid 时重新处理
+    isIndeterminate.value = deselectedIds.value.length > 0;
-// });
+    return;
+  }
+
+  // 非全选模式：只要有已勾选的行即为半选。
+  // 注意：不能用 selectedCount >= total 去做“自动升级为全选”，
+  // 否则搜索/筛选后 total 变小，会把之前积累的 multipleSelection 误判并清空，覆盖已选数据。
+  isIndeterminate.value = multipleSelection.value.length > 0;
+}
+
+/** 跨页全选 / 取消全选（仅设标记，不拉取数据） */
+function handleSelectAllChange(val: boolean) {
+  isSelectAll.value = val;
+  deselectedIds.value = [];
+  multipleSelection.value = [];
+  updateIndeterminate();
+}
+
+/** 单行勾选 / 取消勾选 */
+function handleRowCheckChange(row: MaterialVO, checked: boolean) {
+  if (!isMultiple.value) {
+    // 单选模式：仅保留当前行
+    if (checked) {
+      multipleSelection.value = [row];
+    } else {
+      multipleSelection.value = [];
+    }
+    isSelectAll.value = false;
+    deselectedIds.value = [];
+    updateIndeterminate();
+    return;
+  }
+
+  if (isSelectAll.value) {
+    // 全选模式：维护取消列表
+    if (checked) {
+      deselectedIds.value = deselectedIds.value.filter((id) => id !== row.id);
+    } else {
+      if (!deselectedIds.value.includes(row.id)) {
+        deselectedIds.value.push(row.id);
+      }
+    }
+  } else {
+    // 非全选模式：维护选中列表
+    if (checked) {
+      if (!isRowSelected(row)) {
+        multipleSelection.value.push(row);
+      }
+    } else {
+      multipleSelection.value = multipleSelection.value.filter((item) => item.id !== row.id);
+    }
+  }
+  updateIndeterminate();
+}
 
 // ====================== 方法 ======================
+
 // 获取列表
 function getlist() {
   loading.value = true;
@@ -146,46 +198,16 @@ function getlist() {
     .then((res) => {
       tableData.value = res.rows;
       total.value = res.total;
+      updateIndeterminate();
+    })
+    .catch((error) => {
+      console.error('获取物料列表失败:', error);
     })
     .finally(() => {
       loading.value = false;
     });
 }
 
-// ==============================================
-// ✅ 新增：处理 selection-change（多选专用）
-// ==============================================
-function handleSelectionChange(selection: MaterialVO[]) {
-  if (isMultiple.value) {
-    multipleSelection.value = selection;
-  }
-}
-// ==============================================
-// 最佳单选方案：点击行选中，无报错、无循环、最稳定
-// ==============================================
-// 优化 handleRowClick，避免重复
-function handleRowClick(row: MaterialVO) {
-  if (!multipleTableRef.value) return;
-
-  if (isMultiple.value) {
-    const index = multipleSelection.value.findIndex((item) => item.id === row.id);
-    if (index > -1) {
-      // 取消选中
-      multipleSelection.value.splice(index, 1);
-      multipleTableRef.value?.toggleRowSelection(row, false);
-    } else {
-      // 选中
-      multipleSelection.value.push(row);
-      multipleTableRef.value?.toggleRowSelection(row, true);
-    }
-  } else {
-    // 【单选模式】先清空，再选中当前行
-    multipleSelection.value = [];
-    multipleTableRef.value.clearSelection();
-    multipleSelection.value = [row];
-    multipleTableRef.value.toggleRowSelection(row, true);
-  }
-}
 // 重置查询
 function resetQuery() {
   queryParams.value = {
@@ -194,6 +216,7 @@ function resetQuery() {
     brand: '',
     materialName: ''
   };
+  resetSelection();
   getlist();
 }
 
@@ -203,44 +226,90 @@ function conback() {
   resetQuery();
 }
 
-// ==============================================
+/** 重置所有选中状态 */
-// ✅ 核心修改：根据 returnvalue 返回对应的值
+function resetSelection() {
-// ==============================================
+  multipleSelection.value = [];
-function confirm() {
+  isSelectAll.value = false;
-  dialog.value.dialogVisible = false;
+  isIndeterminate.value = false;
+  deselectedIds.value = [];
+}
+
+/** 根据 returnvalue 发射选中结果 */
+function emitResult(data: MaterialVO[]) {
   if (isMultiple.value) {
-    // 多选
     if (returnvalue.value === '*') {
-      // ✅ 返回整个对象数组
+      emit('change', data);
-      emit('change', multipleSelection.value);
     } else {
-      // 返回指定字段数组
       emit(
         'change',
-        multipleSelection.value.map((item) => item[returnvalue.value as keyof MaterialVO])
+        data.map((item) => item[returnvalue.value as keyof MaterialVO])
       );
     }
   } else {
-    // 单选
     if (returnvalue.value === '*') {
-      // ✅ 返回整个对象
+      emit('change', data[0]);
-      emit('change', multipleSelection.value[0]);
     } else {
-      // 返回指定字段
+      emit('change', data[0]?.[returnvalue.value as keyof MaterialVO]);
-      emit('change', multipleSelection.value[0][returnvalue.value as keyof MaterialVO]);
     }
   }
-
-  multipleSelection.value = [];
-  multipleTableRef.value.clearSelection();
 }
-// 初始化
+
-getlist();
+/** 确定：全选模式下按需拉取全部数据，非全选模式直接使用已选列表 */
+async function confirm() {
+  if (isMultiple.value && isSelectAll.value && total.value > 0) {
+    // 全选模式：此时才真正拉取全部数据，排除已取消勾选的行
+    loading.value = true;
+    try {
+      const res = await listMaterial({
+        ...queryParams.value,
+        pageNum: 1,
+        pageSize: total.value
+      });
+      const allData: MaterialVO[] = res.rows || [];
+      const filteredData = allData.filter((item) => !deselectedIds.value.includes(item.id));
+      dialog.value.dialogVisible = false;
+      emitResult(filteredData);
+    } catch (error) {
+      console.error('获取全部物料数据失败:', error);
+    } finally {
+      loading.value = false;
+    }
+  } else {
+    // 非全选模式：直接使用已收集的选中列表
+    dialog.value.dialogVisible = false;
+    emitResult(multipleSelection.value);
+  }
+
+  resetSelection();
+}
 
 defineExpose({
   open: () => {
+    // 重置查询条件，避免残留上次的筛选条件
+    queryParams.value = {
+      pageNum: 1,
+      pageSize: 10,
+      brand: '',
+      materialName: ''
+    };
+    // 立即清空旧列表数据，避免闪烁
+    tableData.value = [];
+    total.value = 0;
+    // 重置全选标记
+    isSelectAll.value = false;
+    deselectedIds.value = [];
+    // 根据 userid（逗号分隔）初始化选中状态
+    const arr = userid.value ? userid.value.split(',').filter((id) => id) : [];
+    if (arr.length > 0) {
+      multipleSelection.value = arr.map((id) => ({ id }) as MaterialVO);
+      isIndeterminate.value = true;
+    } else {
+      multipleSelection.value = [];
+      isIndeterminate.value = false;
+    }
+
+    getlist();
     dialog.value.dialogVisible = true;
-    handleUserSelection();
   }
 });
 </script>

src/components/Holder/repairUser.vue

@@ -1,71 +1,71 @@
 <template>
-  <slot v-if="$slots.default" />
+  <div>
-
+    <slot v-if="$slots.default" />
-  <div v-else class="residentBox" @click="choiceResidentFun">
+    <div v-else class="residentBox" @click="choiceResidentFun">
-    <div v-if="multipleSelection.length === 0 && props.username === null" class="defaultBox">
+      <div v-if="multipleSelection.length === 0 && props.username === null" class="defaultBox">
-      <span>请选择</span>
+        <span>请选择</span>
-      <el-icon><Search /></el-icon>
+        <el-icon><Search /></el-icon>
+      </div>
+      <div v-else class="overflow-auto overflow-hidden w-full text-ellipsis text-nowrap">
+        <span>姓名：{{ multipleSelection[0]?.nickName ?? props.username }}</span>
+      </div>
     </div>
-    <div v-else class="overflow-auto overflow-hidden w-full text-ellipsis text-nowrap">
+    <el-dialog v-model="dialog.dialogVisible" :title="dialog.dialogTitle" append-to-body width="1050">
-      <span>姓名：{{ multipleSelection[0]?.nickName ?? props.username }}</span>
+      <nav class="flex flex-items-center mb-8">
-    </div>
+        <div class="flex flex-items-center">
-  </div>
+          <div style="width: 70px; text-align: right; padding-right: 10px">员工姓名</div>
-
+          <div class="mr-5 flex-1">
-  <el-dialog v-model="dialog.dialogVisible" :title="dialog.dialogTitle" append-to-body width="1050">
+            <el-input v-model="queryParams.nickName" clearable placeholder="请输入员工姓名" style="width: 170px" />
-    <nav class="flex flex-items-center mb-8">
+          </div>
-      <div class="flex flex-items-center">
-        <div style="width: 70px; text-align: right; padding-right: 10px">员工姓名</div>
-        <div class="mr-5 flex-1">
-          <el-input v-model="queryParams.nickName" clearable placeholder="请输入员工姓名" style="width: 170px" />
         </div>
-      </div>
+        <div class="flex flex-items-center">
-      <div class="flex flex-items-center">
+          <div style="width: 70px; text-align: right; padding-right: 10px">手机号</div>
-        <div style="width: 70px; text-align: right; padding-right: 10px">手机号</div>
+          <div class="mr-5 flex-1">
-        <div class="mr-5 flex-1">
+            <el-input v-model="queryParams.phonenumber" clearable placeholder="请输入手机号" style="width: 170px" />
-          <el-input v-model="queryParams.phonenumber" clearable placeholder="请输入手机号" style="width: 170px" />
+          </div>
         </div>
-      </div>
-      <div>
-        <el-button type="primary" @click="getList">查询</el-button>
-        <el-button @click="resetQuery">重置</el-button>
-      </div>
-    </nav>
-    <el-table ref="multipleTableRef" :data="tableData" border @selection-change="handleSelectionChange">
-      <el-table-column align="center" type="selection" width="55" />
-      <el-table-column align="center" label="序号" type="index" width="55" />
-      <el-table-column align="center" label="姓名" prop="nickName" />
-      <el-table-column align="center" label="性别" prop="sex" width="85">
-        <template #default="{ row }">
-          <dict-tag :options="sys_user_sex" :value="row.sex" />
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="角色" prop="roleName" />
-      <el-table-column v-if="props.userType == 'repair'" align="center" label="当前任务数量" prop="taskCount" />
-      <el-table-column align="center" label="手机号码" prop="phonenumber" />
-      <el-table-column align="center" label="状态" prop="status">
-        <template #default="{ row }">
-          <el-tag :type="row.status === '0' ? 'success' : 'danger'">{{ row.status === '0' ? '正常' : '停用' }}</el-tag>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <template #footer>
-      <div class="dialog-footer flex flex-items-center flex-justify-between">
-        <pagination
-          v-show="total > 0"
-          v-model:limit="queryParams.pageSize"
-          v-model:page="queryParams.pageNum"
-          :total="total"
-          style="margin-top: 0"
-          @pagination="getList"
-        />
         <div>
-          <el-button @click="conBack">退出</el-button>
+          <el-button type="primary" @click="getList">查询</el-button>
-          <el-button type="primary" @click="confirm"> 确定 </el-button>
+          <el-button @click="resetQuery">重置</el-button>
         </div>
-      </div>
+      </nav>
-    </template>
+      <el-table ref="multipleTableRef" :data="tableData" border @selection-change="handleSelectionChange">
-  </el-dialog>
+        <el-table-column align="center" type="selection" width="55" />
+        <el-table-column align="center" label="序号" type="index" width="55" />
+        <el-table-column align="center" label="姓名" prop="nickName" />
+        <el-table-column align="center" label="性别" prop="sex" width="85">
+          <template #default="{ row }">
+            <dict-tag :options="sys_user_sex" :value="row.sex" />
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="角色" prop="roleName" />
+        <el-table-column v-if="props.userType == 'repair'" align="center" label="当前任务数量" prop="taskCount" />
+        <el-table-column align="center" label="手机号码" prop="phonenumber" />
+        <el-table-column align="center" label="状态" prop="status">
+          <template #default="{ row }">
+            <el-tag :type="row.status === '0' ? 'success' : 'danger'">{{ row.status === '0' ? '正常' : '停用' }}</el-tag>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <template #footer>
+        <div class="dialog-footer flex flex-items-center flex-justify-between">
+          <pagination
+            v-show="total > 0"
+            v-model:limit="queryParams.pageSize"
+            v-model:page="queryParams.pageNum"
+            :total="total"
+            style="margin-top: 0"
+            @pagination="getList"
+          />
+          <div>
+            <el-button @click="conBack">退出</el-button>
+            <el-button type="primary" @click="confirm"> 确定 </el-button>
+          </div>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -236,8 +236,6 @@ function handleSelectionChange(selection: tableType[]) {
       multipleSelection.value = [];
     }
   }
-
-  console.log('handleSelectionChange', selection);
 }
 // 重置查询
 function resetQuery() {

src/components/Holder/user.vue

@@ -143,6 +143,7 @@ const multipleTableRef = ref();
 const tableData = ref<BillUserlist[]>([]);
 const total = ref(0);
 const loading = ref(false);
+
 /** 存储所有选中项（跨页累计，非全选模式使用） */
 const multipleSelection = ref<BillUserlist[]>([]);
 /** 是否已跨页全选（标记模式，不实际持有全部数据） */

src/components/QuarterSelect/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="quarter-select">
     <!-- 输入框，点击弹出popover -->
-    <el-popover v-model:visible="popoverVisible" placement="bottom-start" trigger="manual" width="240">
+    <el-popover v-model:visible="popoverVisible" placement="bottom-start" trigger="click" width="240">
       <div class="quarter-panel">
         <!-- 年份切换 -->
         <div class="year-header">
@@ -14,7 +14,7 @@
           <el-button
             v-for="q in 4"
             :key="q"
-            :disabled="isDisabledQuarter(currentYear, q)"
+            :disabled="isDisabledQuarter()"
             :type="isSelected(currentYear, q) ? 'primary' : ''"
             style="margin: 0"
             @click="handleSelect(currentYear, q)"
@@ -55,7 +55,7 @@ const emit = defineEmits(['update:modelValue', 'change']);
 const popoverVisible = ref(false);
 
 // 解析回显的季度值 2026‑1
-const parseQuarter = (str) => {
+const parseQuarter = (str: any) => {
   if (!str) return { year: new Date().getFullYear(), quarter: null };
   const [y, q] = str.split('-').map(Number);
   return { year: y, quarter: q };
@@ -67,13 +67,12 @@ const currentYear = ref(initYear);
 // 输入框展示文本
 const displayText = computed(() => {
   if (!props.modelValue) return '';
-  console.log(props.modelValue, props.modelValue.trim().split('-'));
   const [y, q] = props.modelValue.split('-').map(Number);
   return `${y}年${q}季度`;
 });
 
 // 是否选中该季度
-const isSelected = (y, q) => {
+const isSelected = (y: any, q: any) => {
   return props.modelValue === `${y}-${q}`;
 };
 
@@ -90,7 +89,7 @@ const prevYear = () => currentYear.value--;
 const nextYear = () => currentYear.value++;
 
 // 选中季度
-const handleSelect = (y, q) => {
+const handleSelect = (y: any, q: any) => {
   const val = `${y}-${q}`;
   emit('update:modelValue', val);
   emit('change', val);

src/layout/components/Navbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="navbar" :class="'nav' + navType">
+  <div :class="'nav' + navType" class="navbar">
     <hamburger
       v-show="Showhamburger"
       id="hamburger-container"
@@ -13,9 +13,9 @@
       <template v-if="appStore.device !== 'mobile'">
         <el-tooltip :content="proxy.$t('navbar.message')" effect="dark" placement="bottom">
           <div>
-            <el-popover placement="bottom-end" trigger="click" transition="el-zoom-in-top" :width="400" :persistent="false">
+            <el-popover :persistent="false" :width="400" placement="bottom-end" transition="el-zoom-in-top" trigger="click">
               <template #reference>
-                <el-badge :value="newNotice > 0 ? newNotice : ''" :max="99">
+                <el-badge :max="99" :value="newNotice > 0 ? newNotice : ''">
                   <div class="right-menu-item hover-effect" style="display: block"><svg-icon icon-class="message" /></div>
                 </el-badge>
               </template>
@@ -29,15 +29,15 @@
       <div class="avatar-container">
         <el-dropdown class="right-menu-item hover-effect" trigger="click" @command="handleCommand">
           <div class="avatar-wrapper">
-            <img alt="头像" :src="userStore.avatar" class="user-avatar" />
+            <img :src="userStore.avatar" alt="头像" class="user-avatar" />
             <el-icon><caret-bottom /></el-icon>
           </div>
           <template #dropdown>
             <el-dropdown-menu>
-              <el-dropdown-item divided command="changecommunity" v-if="isShow">
+              <el-dropdown-item v-if="isShow" command="changecommunity" divided>
                 <span>{{ proxy.$t('navbar.community') }}</span>
               </el-dropdown-item>
-              <router-link to="/system/user/profile" v-if="isShow" v-has-permi="['system:user:profile']">
+              <router-link v-if="isShow" v-has-permi="['system:user:profile']" to="/system/user/profile">
                 <el-dropdown-item>{{ proxy.$t('navbar.personalCenter') }}</el-dropdown-item>
               </router-link>
               <el-dropdown-item :divided="isShow" command="logout">
@@ -51,7 +51,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import hamburger from '@/components/Hamburger/index.vue';
 import { useAppStore } from '@/store/modules/app';
 import { useUserStore } from '@/store/modules/user';
@@ -61,7 +61,8 @@ import notice from './notice/index.vue';
 import router from '@/router';
 import { ElMessageBoxOptions } from 'element-plus/es/components/message-box/src/message-box.type';
 import { CaretBottom } from '@element-plus/icons-vue';
-
+import { closeWebSocket } from '@/utils/websocket';
+import { closeSSE } from '@/utils/sse';
 const props = defineProps({
   Showhamburger: {
     type: Boolean,
@@ -93,6 +94,9 @@ const logout = async () => {
     type: 'warning'
   } as ElMessageBoxOptions);
   userStore.logout().then(() => {
+    // 关闭长连接
+    closeWebSocket();
+    closeSSE();
     router.replace({
       path: '/login',
       query: {

src/layout/components/Sidebar/SidebarItem.vue

@@ -2,10 +2,11 @@
   <div v-if="!item.hidden">
     <template v-if="hasOneShowingChild(item, item.children) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow">
       <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">
-        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }">
+        <el-menu-item :class="{ 'submenu-title-noDropdown': !isNest }" :index="resolvePath(onlyOneChild.path)">
-          <svg-icon :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" />
+          <svg-icon v-if="onlyOneChild.path === '/index'" :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" />
+          <div v-else style="margin-right: 14px; width: 14px"></div>
           <template #title>
-            <span class="menu-title" :title="hasTitle(onlyOneChild.meta.title)">{{ onlyOneChild.meta.title }}</span>
+            <span :title="hasTitle(onlyOneChild.meta.title)" class="menu-title">{{ onlyOneChild.meta.title }}</span>
           </template>
         </el-menu-item>
       </app-link>
@@ -14,22 +15,22 @@
     <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" teleported>
       <template v-if="item.meta" #title>
         <svg-icon :icon-class="item.meta ? item.meta.icon : ''" />
-        <span class="menu-title" :title="hasTitle(item.meta?.title)">{{ item.meta?.title }}</span>
+        <span :title="hasTitle(item.meta?.title)" class="menu-title">{{ item.meta?.title }}</span>
       </template>
 
       <sidebar-item
         v-for="(child, index) in item.children"
         :key="child.path + index"
+        :base-path="resolvePath(child.path)"
         :is-nest="true"
         :item="child"
-        :base-path="resolvePath(child.path)"
         class="nest-menu"
       />
     </el-sub-menu>
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { isExternal } from '@/utils/validate';
 import AppLink from './Link.vue';
 import { getNormalPath } from '@/utils/ruoyi';
@@ -49,9 +50,7 @@ const props = defineProps({
     default: ''
   }
 });
-
 const onlyOneChild = ref<any>({});
-
 const hasOneShowingChild = (parent: RouteRecordRaw, children?: RouteRecordRaw[]) => {
   if (!children) {
     children = [];

src/layout/components/Sidebar/index.vue

@@ -4,24 +4,25 @@
     <el-scrollbar :class="sideTheme" wrap-class="scrollbar-wrapper">
       <transition :enter-active-class="proxy?.animate.menuSearchAnimate.enter" mode="out-in">
         <el-menu
-          :default-active="activeMenu"
+          :active-text-color="theme"
-          :collapse="isCollapse"
           :background-color="bgColor"
+          :collapse="isCollapse"
+          :collapse-transition="false"
+          :default-active="activeMenu"
+          :popper-offset="12"
           :text-color="textColor"
           :unique-opened="true"
-          :active-text-color="theme"
-          :collapse-transition="false"
-          :popper-offset="12"
           mode="vertical"
+          @select="handleMenuSelect"
         >
-          <sidebar-item v-for="(r, index) in sidebarRouters" :key="r.path + index" :item="r" :base-path="r.path" />
+          <sidebar-item v-for="(r, index) in sidebarRouters" :key="r.path + index" :base-path="r.path" :item="r" />
         </el-menu>
       </transition>
     </el-scrollbar>
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import Logo from './Logo.vue';
 import SidebarItem from './SidebarItem.vue';
 import variables from '@/assets/styles/variables.module.scss';
@@ -54,4 +55,22 @@ const activeMenu = computed(() => {
 const bgColor = '#dfedff';
 // const bgColor = computed(() => (sideTheme.value === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground));
 const textColor = computed(() => (sideTheme.value === 'theme-dark' ? variables.menuColor : variables.menuLightColor));
+
+const router = useRouter();
+// UI层菜单点击锁
+const menuLoading = ref(false);
+
+const handleMenuSelect = async (path: string) => {
+  if (menuLoading.value) return;
+  if (router.currentRoute.value.path === path) return;
+
+  try {
+    menuLoading.value = true;
+    await router.push(path);
+  } catch (e) {
+    // 捕获导航取消异常
+  } finally {
+    menuLoading.value = false;
+  }
+};
 </script>

src/layout/index.vue

@@ -1,38 +1,31 @@
 <template>
   <!-- 👇 加这一层全局缩放容器 -->
-  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
+  <div :class="classObj" :style="{ '--current-color': theme }" class="app-wrapper">
     <side-bar class="sidebar-container" />
-    <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container" id="main-container">
+    <div id="main-container" :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
       <div class="navbarContant">
         <navbar ref="navbarRef" @set-layout="setLayout" />
       </div>
       <app-main />
-      <i class="bgColor" v-if="bgColorStore.isShow"></i>
+      <i v-if="bgColorStore.isShow" class="bgColor"></i>
       <settings ref="settingRef" />
     </div>
   </div>
 </template>
-
+<script lang="ts" setup>
-<script setup lang="ts">
-// ==========================================
-// ✅ 第1步：统一 import
-// ==========================================
 import { ref, computed, watchEffect, onMounted, onUnmounted } from 'vue';
 import { useWindowSize } from '@vueuse/core';
 import SideBar from './components/Sidebar/index.vue';
 import { AppMain, Navbar, Settings } from './components';
 import { useAppStore } from '@/store/modules/app';
 import { useSettingsStore } from '@/store/modules/settings';
-// import { NavTypeEnum } from '@/enums/NavTypeEnum';
 import { useBgColor } from '@/store/modules/bgColor';
-import { initWebSocket } from '@/utils/websocket';
+import { initWebSocket, closeWebSocket } from '@/utils/websocket'; // 新增 closeWebSocket
-import { initSSE } from '@/utils/sse';
+import { initSSE, closeSSE } from '@/utils/sse'; // 引入 closeSSE
 
 const bgColorStore = useBgColor();
 
-// ==========================================
+// ======================缩放逻辑======================
-// ✅ 第2步：缩放逻辑（从旧 script 移过来）
-// ==========================================
 const scale = ref(1);
 const DESIGN_WIDTH = 1920;
 
@@ -44,17 +37,14 @@ const calcScale = () => {
   scale.value = ratio;
 };
 
-let timer: any = null;
+let timer: number | null = null;
 const resize = () => {
   clearTimeout(timer);
-  timer = setTimeout(calcScale, 100);
+  timer = window.setTimeout(calcScale, 100);
 };
 
-// ==========================================
+// ======================生命周期======================
-// ✅ 第3步：生命周期钩子（统一写在这里）
-// ==========================================
 onMounted(() => {
-  // 缩放初始化
   calcScale();
   window.addEventListener('resize', resize);
 
@@ -68,24 +58,18 @@ onMounted(() => {
 
 onUnmounted(() => {
   window.removeEventListener('resize', resize);
-  clearTimeout(timer);
+  if (timer) clearTimeout(timer);
+
+  closeWebSocket();
+  closeSSE();
 });
 
-// ==========================================
+// ======================原有业务逻辑======================
-// ✅ 第4步：原有业务逻辑
-// ==========================================
 const settingsStore = useSettingsStore();
 const theme = computed(() => settingsStore.theme);
 const sidebar = computed(() => useAppStore().sidebar);
 const device = computed(() => useAppStore().device);
 const needTagsView = computed(() => settingsStore.tagsView);
-// const fixedHeader = computed(() => settingsStore.fixedHeader);
-// const layout = computed(() => settingsStore.navType);
-
-// const showSidebar = computed(() => {
-//   if (sidebar.value.hide) return false;
-//   return layout.value === NavTypeEnum.LEFT || layout.value === NavTypeEnum.MIX;
-// });
 
 const classObj = computed(() => ({
   hideSidebar: !sidebar.value.opened,
@@ -112,10 +96,6 @@ watchEffect(() => {
 const navbarRef = ref<InstanceType<typeof Navbar>>();
 const settingRef = ref<InstanceType<typeof Settings>>();
 
-// const handleClickOutside = () => {
-//   useAppStore().closeSideBar({ withoutAnimation: false });
-// };
-
 const setLayout = () => {
   settingRef.value?.openSetting();
 };

src/permission.ts

@@ -17,13 +17,12 @@ const whiteList = ['/login', '/register', '/social-callback', '/register*', '/re
 
 // 全局标记：动态路由是否已经添加过（只加载一次！）
 let isDynamicRoutesAdded = false;
+// ✅ 新增：导航锁，防止多个路由导航并发执行
+let isNavigating = false;
 
-// 判断是否在白名单
-const isWhiteList = (path: string) => {
-  return whiteList.some((pattern) => isPathMatch(pattern, path));
-};
 // ✅ 关键修改：记录当前已添加的动态路由名称列表
 let currentDynamicRouteNames: string[] = [];
+
 // ✅ 关键修改：清除所有已记录的动态路由
 const removeDynamicRoutes = () => {
   currentDynamicRouteNames.forEach((name) => {
@@ -31,85 +30,111 @@ const removeDynamicRoutes = () => {
       router.removeRoute(name);
     }
   });
-  // 清空记录数组
   currentDynamicRouteNames = [];
 };
-router.beforeEach(async (to, from) => {
-  NProgress.start();
 
+// 判断是否在白名单
+const isWhiteList = (path: string) => {
+  return whiteList.some((pattern) => isPathMatch(pattern, path));
+};
+
+router.beforeEach(async (to, from) => {
+  // ========== 导航锁核心 ==========
+  // 如果正在导航，直接终止本次跳转，防止并发多个守卫
+  if (isNavigating) {
+    NProgress.done();
+    return false;
+  }
+  isNavigating = true;
+
+  NProgress.start();
   const hasToken = getToken();
   const userStore = useUserStore();
   const permissionStore = usePermissionStore();
 
-  if (hasToken) {
+  try {
-    // 设置标题
+    if (hasToken) {
-    to.meta.title && useSettingsStore().setTitle(to.meta.title as string);
+      // 设置标题
+      to.meta.title && useSettingsStore().setTitle(to.meta.title as string);
 
-    // 已登录 且 去登录页 → 跳首页
+      // 已登录 且 去登录页 → 跳首页
-    if (to.path === '/login') {
+      if (to.path === '/login') {
-      NProgress.done();
-      return '/';
-    }
-
-    // 白名单页面直接放行
-    if (isWhiteList(to.path)) {
-      return;
-    }
-    if (userStore.roles.length === 0) {
-      isRelogin.show = true;
-      removeDynamicRoutes();
-
-      // 获取用户信息
-      const [err] = await tos(userStore.getInfo());
-      if (err) {
-        await userStore.logout();
-        ElMessage.error(err);
-        isDynamicRoutesAdded = false;
         return '/';
       }
 
-      isRelogin.show = false;
+      // 白名单页面直接放行
-      permissionStore.resetRoutes();
+      if (isWhiteList(to.path)) {
-      // 生成动态路由
+        return;
-      const accessRoutes = await permissionStore.generateRoutes();
-      // 添加路由（避免重复添加）
-      accessRoutes.forEach((route) => {
-        if (route.name && router.hasRoute(route.name)) {
-          router.removeRoute(route.name);
-        }
-        if (!isHttp(route.path) && !router.hasRoute(route.name)) {
-          router.addRoute(route);
-          // 记录顶层路由名称
-          if (route.name) {
-            currentDynamicRouteNames.push(route.name as string);
-          }
-        }
-      });
-      // ✅ 标记：路由已添加
-      isDynamicRoutesAdded = true;
-
-      // 管理员登录强制跳转
-      if (from.path === '/login') {
-        return { path: '/community/communitylist', replace: true };
-      } else {
-        // 重新进入当前路由（让新添加的路由生效）
-        return { ...to, replace: true };
       }
-    }
-    return;
-  } else {
-    // 未登录
-    isDynamicRoutesAdded = false;
 
-    if (isWhiteList(to.path)) {
+      // roles为空，需要拉取用户信息+构建动态路由（只执行一次）
+      if (userStore.roles.length === 0) {
+        isRelogin.show = true;
+        removeDynamicRoutes();
+
+        // 获取用户信息
+        const [err] = await tos(userStore.getInfo());
+        if (err) {
+          await userStore.logout();
+          ElMessage.error(err);
+          isDynamicRoutesAdded = false;
+          return '/';
+        }
+        isRelogin.show = false;
+        permissionStore.resetRoutes();
+
+        // 生成动态路由
+        const accessRoutes = await permissionStore.generateRoutes();
+        // 添加路由（避免重复添加）
+        accessRoutes.forEach((route) => {
+          if (route.name && router.hasRoute(route.name)) {
+            router.removeRoute(route.name);
+          }
+          if (!isHttp(route.path) && !router.hasRoute(route.name)) {
+            router.addRoute(route);
+            // 记录顶层路由名称
+            if (route.name) {
+              currentDynamicRouteNames.push(route.name as string);
+            }
+          }
+        });
+        isDynamicRoutesAdded = true;
+
+        // 登录页跳转进来，直接跳首页；其他情况重新触发导航加载动态路由
+        if (from.path === '/login') {
+          return '/community/communitylist';
+        } else {
+          // 这里replace仅在首次加载路由时执行；后续菜单切换不会走到这里
+          return { ...to, replace: true };
+        }
+      }
+
+      // ✅ 已经有角色、动态路由已经构建完成：直接放行菜单切换，不会再走上面的动态路由构建逻辑
       return;
     } else {
-      NProgress.done();
+      // 未登录
-      return `/login`;
+      isDynamicRoutesAdded = false;
+      if (isWhiteList(to.path)) {
+        return;
+      } else {
+        return `/login`;
+      }
     }
+  } catch (err) {
+    console.error('路由守卫异常：', err);
+    return false;
+  } finally {
+    // ✅ 无论成功失败，必须释放导航锁
+    isNavigating = false;
   }
 });
 
 router.afterEach(() => {
   NProgress.done();
 });
+
+// ✅ 导航发生错误的时候，也要释放锁（路由跳转报错时afterEach不一定执行）
+router.onError(() => {
+  isNavigating = false;
+  NProgress.done();
+});

src/store/modules/house.ts

@@ -205,7 +205,6 @@ export const useHouseStore = defineStore(
             floorslist.value.add(floor.floorNo);
           });
         });
-        console.log(units);
         return;
       });
     };

src/utils/html.ts

@@ -0,0 +1,66 @@
+/**
+ * 剥离 HTML 标签，提取纯文本
+ * - 自动将 <img>/<video>/<audio> 替换为 [图片]/[视频]/[音频] 占位
+ * - 自动解码 &nbsp; &amp; 等 HTML entity
+ * - 自动合并多余空白
+ * - 可按需截断
+ */
+export function stripHtml(html: string | null | undefined, maxLen?: number): string {
+  if (!html) return '';
+
+  let text: string = html;
+
+  // 1. 媒体标签替换为占位符（保留语义提示）
+  text = text
+    .replace(/<img[^>]*>/gi, '[图片]')
+    .replace(/<video[^>]*>.*?<\/video>/gi, '[视频]')
+    .replace(/<audio[^>]*>.*?<\/audio>/gi, '[音频]')
+    .replace(/<iframe[^>]*>.*?<\/iframe>/gi, '[嵌入内容]');
+
+  // 2. 剥离所有剩余 HTML 标签（<p> <br> <div> ...）
+  text = text.replace(/<[^>]+>/g, '');
+
+  // 3. HTML entity 解码
+  text = decodeHtmlEntity(text);
+
+  // 4. 合并多余空白（多个空格/换行 → 单个空格）
+  text = text.replace(/\s+/g, ' ').trim();
+
+  // 5. 截断
+  if (maxLen && text.length > maxLen) {
+    text = text.slice(0, maxLen) + '...';
+  }
+
+  return text;
+}
+
+/**
+ * 解码 HTML 实体
+ * 浏览器环境用 DOMParser，非浏览器环境用正则 fallback
+ */
+function decodeHtmlEntity(str: string): string {
+  if (typeof DOMParser === 'undefined') {
+    const entityMap: Record<string, string> = {
+      '&nbsp;': ' ',
+      '&amp;': '&',
+      '&lt;': '<',
+      '&gt;': '>',
+      '&quot;': '"',
+      '&#39;': "'",
+      '&#x27;': "'",
+      '&#x2F;': '/',
+      '&copy;': '©',
+      '&reg;': '®'
+    };
+    return str.replace(/&[a-z]+;|&#\d+;|&#x[0-9a-f]+;/gi, (match) => {
+      if (entityMap[match]) return entityMap[match];
+      const num = match.match(/&#(\d+);/)?.[1];
+      if (num) return String.fromCharCode(Number(num));
+      const hex = match.match(/&#x([0-9a-f]+);/i)?.[1];
+      if (hex) return String.fromCharCode(parseInt(hex, 16));
+      return match;
+    });
+  }
+  const doc = new DOMParser().parseFromString(str, 'text/html');
+  return doc.documentElement.textContent ?? '';
+}

src/utils/print.ts

@@ -59,14 +59,14 @@ export function printVueDiv(elementId: string, title: string = '打印') {
     table {
       border-collapse: collapse;
       width: 100% !important;
-      table-layout: fixed; /* 固定表格布局，防止列变形 */
+      /*table-layout: fixed; !* 固定表格布局，防止列变形 *!*/
     }
     table td, table th {
       border: 1px solid #333;
       font-size: 9px; /* 表格字体最小化 */
       text-align: center;
-      white-space: nowrap; /* ✅ 禁止文字自动换行（核心） */
+      /*white-space: nowrap; !* ✅ 禁止文字自动换行（核心） *!*/
-      overflow: hidden;
+      /*overflow: hidden;*/
     }
     /* 适配合并列 */
     td[colspan], th[colspan] {
@@ -85,7 +85,7 @@ export function printVueDiv(elementId: string, title: string = '打印') {
       line-height: 14px;
       color: rgba(48, 49, 51, 1);
       font-size: 20px;
-      margin-bottom: 50px;
+      margin-bottom: 20px;
     }
     p {
       line-height: 14px;
@@ -99,29 +99,33 @@ export function printVueDiv(elementId: string, title: string = '打印') {
       border-collapse: collapse;
       color: rgba(48, 49, 51, 1);
     }
-       tr {
+    tr {
-        border: 1px solid #dddddd;
+      border: 1px solid #dddddd;
-      }
+    }
-         td {
+    td {
-          border: 1px solid #dddddd;
+      border: 1px solid #dddddd;
-          height: 50px;
+      height: 50px;
-          line-height: 45px;
+      line-height: normal;
-          background-color: rgba(255, 255, 255, 1);
+      background-color: rgba(255, 255, 255, 1);
-          text-align: center;
+      text-align: center;
-          font-weight: 450;
+      font-size: 16px;
-        }
+      font-weight: 450;
+    }
 
-        .footertr td {
+    .footertr td {
-          height: 90px;
+      height: 60px;
-        }
+    }
 
     .foorter {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
-      width: 85%;
+      width: 100%;
-      margin: 0 auto;
       gap: 30px;
-      margin-top: 30px;
+      margin: 20px auto 0;
+    }
+     .formark {
+      font-size: smaller;
+      margin-top: 10px;
     }
   </style>
 `;

src/utils/request.ts

@@ -52,7 +52,10 @@ const whiteVillageId = [
   '/paidInExpenses/*',
   // 租赁管理明细
   '/leaseManagementDetail/*',
-  '/warehouse/*'
+  '/warehouse/*',
+
+  // 电表启停
+  '/electricityDevice/controlSwitch'
   // '/building/list'
 ];
 

src/utils/sse.ts

@@ -1,15 +1,40 @@
 import { getToken } from '@/utils/auth';
 import { ElNotification } from 'element-plus';
 import { useNoticeStore } from '@/store/modules/notice';
+import { useEventSource } from '@vueuse/core';
+import { watch } from 'vue';
 
-// 初始化
+// 全局单例保存SSE实例，防止多次创建
-export const initSSE = (url: any) => {
+let eventSourceInstance: ReturnType<typeof useEventSource> | null = null;
+let stopWatchError: (() => void) | null = null;
+let stopWatchData: (() => void) | null = null;
+
+// 关闭SSE、清理监听
+export const closeSSE = () => {
+  if (eventSourceInstance) {
+    eventSourceInstance.close();
+    eventSourceInstance = null;
+  }
+  // 销毁watch
+  stopWatchError?.();
+  stopWatchData?.();
+  stopWatchError = null;
+  stopWatchData = null;
+};
+
+// 初始化SSE
+export const initSSE = (url: string) => {
   if (import.meta.env.VITE_APP_SSE === 'false') {
     return;
   }
+  // 关键：新建之前先关闭旧连接！
+  closeSSE();
 
-  url = url + '?Authorization=Bearer ' + getToken() + '&clientid=' + import.meta.env.VITE_APP_CLIENT_ID;
+  const token = getToken();
-  const { data, error } = useEventSource(url, [], {
+  const clientId = import.meta.env.VITE_APP_CLIENT_ID;
+  const sseUrl = url + '?Authorization=Bearer ' + token + '&clientid=' + clientId;
+
+  eventSourceInstance = useEventSource(sseUrl, [], {
     autoReconnect: {
       retries: 5,
       delay: 5000,
@@ -19,25 +44,69 @@ export const initSSE = (url: any) => {
     }
   });
 
-  watch(error, () => {
+  const { data, error } = eventSourceInstance;
+
+  stopWatchError = watch(error, () => {
     console.log('SSE connection error:', error.value);
-    error.value = null;
+    // error.value = null; // 不要手动覆盖，会干扰useEventSource内部状态
   });
 
-  watch(data, () => {
+  stopWatchData = watch(data, () => {
     if (!data.value) return;
-    const notice = JSON.parse(data.value);
+    const notice = tryParseJson(data.value as string);
-    useNoticeStore().addNotice({
+    if (typeof notice === 'string') {
-      message: notice.message,
+      useNoticeStore().addNotice({
-      read: false,
+        message: notice,
-      time: new Date().toLocaleString()
+        read: false,
-    });
+        time: new Date().toLocaleString()
-    ElNotification({
+      });
-      title: notice.title,
+      ElNotification({
-      message: notice.message,
+        title: '消息',
-      type: notice.type,
+        message: notice,
-      duration: 3000
+        type: 'success',
-    });
+        duration: 3000
-    data.value = null;
+      });
+      data.value = null;
+      return;
+    } else {
+      const title = typeof notice.title === 'string' ? notice.title : '消息';
+      const message = typeof notice.message === 'string' ? notice.message : '';
+      const type = typeof notice.type === 'string' ? notice.type : 'info';
+      useNoticeStore().addNotice({
+        message,
+        read: false,
+        time: new Date().toLocaleString()
+      });
+      ElNotification({
+        title,
+        message,
+        type: type as 'success' | 'warning' | 'info' | 'error',
+        duration: 3000
+      });
+      data.value = null;
+    }
   });
 };
+
+/**
+ * 尝试解析后端返回的字符串
+ * 如果是合法JSON对象 → 返回 Record<string, unknown>
+ * 否则（数组/null/基础值/非JSON字符串） → 返回原字符串
+ * @param str 后端传过来的字符串
+ */
+function tryParseJson(str: string): string | Record<string, unknown> {
+  if (typeof str !== 'string' || str === '') return str;
+
+  const trimStr = str.trim();
+  if (trimStr === '') return str;
+  try {
+    const parsed = JSON.parse(trimStr);
+    // 只有纯对象才返回对象，数组/null/基础值等统一当作字符串处理
+    if (parsed !== null && typeof parsed === 'object' && !Array.isArray(parsed)) {
+      return parsed as Record<string, unknown>;
+    }
+    return str;
+  } catch {
+    return str;
+  }
+}

src/utils/websocket.ts

@@ -1,18 +1,37 @@
 import { getToken } from '@/utils/auth';
 import { ElNotification } from 'element-plus';
 import { useNoticeStore } from '@/store/modules/notice';
+import { useWebSocket } from '@vueuse/core';
+
+// 全局保存 ws 实例，单例，防止重复创建
+let wsInstance: ReturnType<typeof useWebSocket> | null = null;
+
+// 对外：关闭 websocket
+export const closeWebSocket = () => {
+  if (wsInstance) {
+    wsInstance.close();
+    wsInstance = null;
+    console.log('websocket 已手动关闭');
+  }
+};
 
 // 初始化socket
-export const initWebSocket = (url: any) => {
+export const initWebSocket = (url: string) => {
   if (import.meta.env.VITE_APP_WEBSOCKET === 'false') {
     return;
   }
-  url = url + '?Authorization=Bearer ' + getToken() + '&clientid=' + import.meta.env.VITE_APP_CLIENT_ID;
+  // 已经存在实例，先关闭旧的，避免多连接
-  useWebSocket(url, {
+  if (wsInstance) {
+    closeWebSocket();
+  }
+
+  const token = getToken();
+  const clientId = import.meta.env.VITE_APP_CLIENT_ID;
+  const wsUrl = url + '?Authorization=Bearer ' + token + '&clientid=' + clientId;
+
+  wsInstance = useWebSocket(wsUrl, {
     autoReconnect: {
-      // 重连最大次数
       retries: 3,
-      // 重连间隔
       delay: 1000,
       onFailed() {
         console.log('websocket重连失败');
@@ -20,9 +39,7 @@ export const initWebSocket = (url: any) => {
     },
     heartbeat: {
       message: JSON.stringify({ type: 'ping' }),
-      // 发送心跳的间隔
       interval: 10000,
-      // 接收到心跳response的超时时间
       pongTimeout: 2000
     },
     onConnected() {
@@ -32,20 +49,53 @@ export const initWebSocket = (url: any) => {
       console.log('websocket已经断开');
     },
     onMessage: (_, e) => {
-      if (e.data.indexOf('ping') > 0) {
+      // 心跳pong消息直接跳过
+      if (e.data.indexOf('ping') > 0 || e.data.indexOf('pong') > 0) {
         return;
       }
+      const msg = tryParseJson(e.data);
+      let messageText = '';
+      let title = '消息';
+      let type: 'success' | 'warning' | 'info' | 'error' = 'success';
+
+      if (typeof msg === 'string') {
+        messageText = msg;
+      } else {
+        title = typeof msg.title === 'string' ? msg.title : '消息';
+        messageText = typeof msg.message === 'string' ? msg.message : '';
+        type = (typeof msg.type === 'string' ? msg.type : 'info') as typeof type;
+      }
+
       useNoticeStore().addNotice({
-        message: e.data,
+        message: messageText,
         read: false,
         time: new Date().toLocaleString()
       });
       ElNotification({
-        title: '消息',
+        title,
-        message: e.data,
+        message: messageText,
-        type: 'success',
+        type,
         duration: 3000
       });
     }
   });
 };
+
+/**
+ * 和sse共用的解析函数：
+ * JSON对象返回Record，其他返回原始字符串
+ */
+function tryParseJson(str: string): string | Record<string, unknown> {
+  if (typeof str !== 'string' || str === '') return str;
+  const trimStr = str.trim();
+  if (trimStr === '') return str;
+  try {
+    const parsed = JSON.parse(trimStr);
+    if (parsed !== null && typeof parsed === 'object' && !Array.isArray(parsed)) {
+      return parsed as Record<string, unknown>;
+    }
+    return str;
+  } catch {
+    return str;
+  }
+}

src/utils/xlsx.ts

@@ -18,10 +18,22 @@ export type ColumnConfig = {
  */
 export type SpanMethodCallback = (params: { row: any; rowIndex: number; columnIndex: number }) => { rowspan: number; colspan: number };
 
+/**
+ * 行样式回调函数类型
+ * 返回的样式会 merge 到该行所有单元格上
+ */
+export type RowStyleCallback = (params: { row: any; rowIndex: number }) => Partial<XLSX.CellStyle> | undefined;
+
 /**
  * 前端导出Excel（支持多级表头）
  */
-export function exportToExcel(data: any[], columns: ColumnConfig[], filename: string, spanMethod?: SpanMethodCallback) {
+export function exportToExcel(
+  data: any[],
+  columns: ColumnConfig[],
+  filename: string,
+  spanMethod?: SpanMethodCallback,
+  rowStyleCallback?: RowStyleCallback
+) {
   if (!data || data.length === 0) {
     ElMessage.warning('没有可导出的数据');
     return;
@@ -80,27 +92,35 @@ export function exportToExcel(data: any[], columns: ColumnConfig[], filename: st
           worksheet[cellAddress] = { t: 's', v: '' };
         }
         const isHeader = R < headerRows;
+        const dataRowIndex = R - headerRows;
+        // 用户自定义的行样式（仅对数据行生效）
+        const customRowStyle =
+          !isHeader && rowStyleCallback && dataRowIndex >= 0 ? rowStyleCallback({ row: data[dataRowIndex], rowIndex: dataRowIndex }) : undefined;
         worksheet[cellAddress].s = {
-          fill: isHeader
+          fill:
-            ? {
+            customRowStyle?.fill ??
-                fgColor: { rgb: 'bec4cb' },
+            (isHeader
-                patternType: 'solid'
+              ? {
-              }
+                  fgColor: { rgb: 'bec4cb' },
-            : undefined,
+                  patternType: 'solid'
-          font: isHeader
+                }
-            ? {
+              : undefined),
-                color: { rgb: 'FFFFFF' },
+          font:
-                bold: true,
+            customRowStyle?.font ??
-                sz: 11
+            (isHeader
-              }
+              ? {
-            : undefined,
+                  color: { rgb: 'FFFFFF' },
-          border: {
+                  bold: true,
+                  sz: 11
+                }
+              : undefined),
+          border: customRowStyle?.border ?? {
             top: { style: 'thin', color: { rgb: '000000' } },
             bottom: { style: 'thin', color: { rgb: '000000' } },
             left: { style: 'thin', color: { rgb: '000000' } },
             right: { style: 'thin', color: { rgb: '000000' } }
           },
-          alignment: {
+          alignment: customRowStyle?.alignment ?? {
             horizontal: 'center',
             vertical: 'center'
           }

src/views/community/AddCommunity.vue

@@ -24,11 +24,11 @@
             <el-form-item label="建成时间" prop="buildingArea">
               <el-date-picker v-model="builtTime" placeholder="选择建成时间" type="date" value-format="YYYY-MM-DD" @change="changeBuiltTime" />
             </el-form-item>
-            <el-form-item label="房屋用途" prop="buildingArea">
+            <!--            <el-form-item label="房屋用途" prop="houseUse">-->
-              <el-select v-model="form.houseUse" placeholder="请选择房屋用途" style="width: 240px">
+            <!--              <el-select v-model="form.houseUse" placeholder="请选择房屋用途" style="width: 240px">-->
-                <el-option v-for="item in houseUserList" :key="item.value" :label="item.label" :value="item.value" />
+            <!--                <el-option v-for="item in houseUserList" :key="item.id" :label="item.name" :value="item.id" />-->
-              </el-select>
+            <!--              </el-select>-->
-            </el-form-item>
+            <!--            </el-form-item>-->
             <el-form-item label="小区面积" prop="villageArea">
               <el-input v-model.trim="form.villageArea" maxlength="8" placeholder="请输入小区面积"><template #append>㎡</template> </el-input>
             </el-form-item>
@@ -106,6 +106,7 @@ import { CascaderValue } from 'element-plus';
 import { addVillageAPI, editVillageAPI, getVillageByIdAPI, uploadVillageImageAPI } from '@/api/system/community';
 import { communitylist_rows_type } from '@/api/system/community/type';
 import { Delete, Plus } from '@element-plus/icons-vue';
+import { listHouseUseType_add_house } from '@/api/system/houseUse';
 
 const route = useRoute();
 const router = useRouter();
@@ -116,24 +117,7 @@ const uploadFileUrl = `${apiPrefix}/village/uploadImages`;
 // 获取省 市 区╬╬╬╬╬╬╬
 const pcaTextArrList = ref<DataItem[]>(pcaTextArr);
 // 获取小区用途
-const houseUserList = ref([
+const houseUserList = ref([]);
-  {
-    value: 0,
-    label: '住宅'
-  },
-  {
-    value: 1,
-    label: '商住两用'
-  },
-  {
-    value: 2,
-    label: '商业'
-  },
-  {
-    value: 3,
-    label: '办公'
-  }
-]);
 const formRef = ref();
 const uploadRef = ref();
 
@@ -420,7 +404,6 @@ const submitForm = () => {
       // 3) 有新文件：先上传新文件，再与已有URL合并
       const formdata = new FormData();
       newFiles.forEach((file) => formdata.append('files', file));
-      console.log('newFiles', newFiles);
       uploadVillageImageAPI(formdata).then((res) => {
         const uploadedUrls = res.data.success.map((x) => x.url).filter(Boolean);
         // 4) 最终图片 = 已有图片 + 新上传图片（避免覆盖）
@@ -473,13 +456,21 @@ function submitFormInfo() {
 const cancelForm = () => {
   router.back();
 };
+
+// 获取房屋用途
+const getHouseUserList = () => {
+  listHouseUseType_add_house().then((res) => {
+    houseUserList.value = res.data;
+  });
+};
+getHouseUserList();
 </script>
 
 <style lang="scss" scoped>
 .box {
   background: #deedff;
   height: 100%;
-  overflow: hidden;
+  overflow: auto;
   .header {
     display: flex;
     align-items: center;

src/views/system/Activity/addActivity.vue

@@ -21,30 +21,6 @@
                 <!--                  </el-form-item>-->
                 <!--                </el-col>-->
                 <el-col :span="11">
-                  <el-form-item label="报名截止日期" prop="applyDeadline">
-                    <el-date-picker
-                      v-model="deadline"
-                      :disabled-date="disabledDate"
-                      format="YYYY-MM-DD HH:mm:ss"
-                      placeholder="请选择报名截止日期"
-                      style="width: 100%"
-                      type="datetime"
-                      value-format="YYYY-MM-DD HH:mm:ss"
-                      @update:model-value="
-                        (data) => {
-                          if (data) {
-                            form.applyDeadline = data;
-                          } else {
-                            form.applyDeadline = '';
-                          }
-                        }
-                      "
-                    />
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row>
-                <el-col :span="13">
                   <el-form-item label="活动时间" prop="startTime">
                     <el-date-picker
                       v-model="activityTime"
@@ -69,6 +45,31 @@
                     />
                   </el-form-item>
                 </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="13">
+                  <el-form-item label="报名截止日期" prop="applyDeadline">
+                    <el-date-picker
+                      v-model="deadline"
+                      :disabled="!Boolean(form.startTime)"
+                      :disabled-date="disabledDateDeadline"
+                      format="YYYY-MM-DD HH:mm:ss"
+                      placeholder="请选择报名截止日期"
+                      style="width: 100%"
+                      type="datetime"
+                      value-format="YYYY-MM-DD HH:mm:ss"
+                      @update:model-value="
+                        (data) => {
+                          if (data) {
+                            form.applyDeadline = data;
+                          } else {
+                            form.applyDeadline = '';
+                          }
+                        }
+                      "
+                    />
+                  </el-form-item>
+                </el-col>
                 <el-col :span="11">
                   <el-form-item label="活动地点" prop="address">
                     <el-input v-model.trim="form.address" maxlength="50" placeholder="请输入活动地点" show-word-limit type="textarea" />
@@ -352,6 +353,11 @@ const disabledDate = (time: string) => {
   const selectDate = new Date(time);
   return selectDate.getTime() < today.getTime();
 };
+const disabledDateDeadline = (time: string) => {
+  const today = new Date(form.value.endTime);
+  const selectDate = new Date(time);
+  return selectDate.getTime() > today.getTime();
+};
 function disabledSignInDate(time: string) {
   const selectDate = new Date(time);
   const today = new Date(form.value.endTime);

src/views/system/Activity/index.vue

@@ -19,7 +19,7 @@
 
     <el-card class="flex-1" shadow="never">
       <template #header>
-        <el-row :gutter="10" class="mb8">
+        <el-row :gutter="10" class="mb10">
           <right-toolbar
             :disable-delete="multiple"
             :disable-edit="single"

src/views/system/Complaint/complainMain.vue

@@ -93,7 +93,7 @@
                 <el-input v-model.trim="form.handleContent" :rows="5" maxlength="200" show-word-limit type="textarea"></el-input>
               </el-form-item>
               <el-form-item>
-                <el-button v-if="form.status !== '0'" type="primary" @click="submitForm">提交</el-button>
+                <el-button v-if="formInfo.status !== '1'" type="primary" @click="submitForm">提交</el-button>
                 <el-button @click="handleBack">返回</el-button>
               </el-form-item>
             </el-form>

src/views/system/Complaint/index.vue

@@ -4,14 +4,14 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" label-width="90px" label-position="left" :model="queryParams" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" label-position="left" label-width="90px">
-            <el-form-item label="投诉类型" prop="typeId">
+            <el-form-item label="投诉状态" prop="status">
-              <el-select @clear="handleClear" clearable v-model="queryParams.typeId" placeholder="请选择投诉类型" style="width: 240px">
+              <el-select v-model="queryParams.status" clearable placeholder="请选择投诉状态" style="width: 240px" @clear="handleClear">
-                <el-option :disabled="item.status === '1'" v-for="item in complainTypeList" :key="item.id" :label="item.name" :value="item.id" />
+                <el-option v-for="item in com_complaint_status" :key="item.value" :label="item.label" :value="item.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="投诉人姓名" prop="complaintName">
-              <el-input v-model="queryParams.complaintName" placeholder="请输入投诉人姓名" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.complaintName" clearable placeholder="请输入投诉人姓名" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="handleQuery">搜索</el-button>
@@ -22,31 +22,31 @@
       </div>
     </transition>
     <el-card class="flex-1" shadow="never">
-      <el-table v-loading="loading" border :data="complaintList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="complaintList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column label="投诉类型" align="center" prop="typeName" />
+        <el-table-column align="center" label="投诉类型" prop="typeName" />
-        <el-table-column label="问题描述" show-overflow-tooltip align="center" prop="problemDes" />
+        <el-table-column align="center" label="问题描述" prop="problemDes" show-overflow-tooltip />
-        <el-table-column label="投诉人姓名" align="center" prop="complaintName" />
+        <el-table-column align="center" label="投诉人姓名" prop="complaintName" />
-        <el-table-column label="手机号" align="center" prop="phone" />
+        <el-table-column align="center" label="手机号" prop="phone" />
-        <el-table-column label="投诉时间" align="center" prop="createTime" />
+        <el-table-column align="center" label="投诉时间" prop="createTime" />
-        <el-table-column label="投诉状态" align="center" prop="status">
+        <el-table-column align="center" label="投诉状态" prop="status">
           <template #default="scope">
             <dict-tag :options="com_complaint_status" :value="scope.row.status"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column label="处理人" align="center" prop="handleName" />
+        <el-table-column align="center" label="处理人" prop="handleName" />
-        <el-table-column label="处理描述" show-overflow-tooltip align="center" prop="handleContent" />
+        <el-table-column align="center" label="处理描述" prop="handleContent" show-overflow-tooltip />
-        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作">
           <template #default="scope">
-            <el-button link type="primary" @click="handleUpdate(scope.row)" v-has-permi="['complaint:complaint:query']">查看详情</el-button>
+            <el-button v-has-permi="['complaint:complaint:query']" link type="primary" @click="handleUpdate(scope.row)">查看详情</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
     </el-card>
   </div>
 </template>
-<script setup name="Complaint" lang="ts">
+<script lang="ts" name="Complaint" setup>
 import { listComplaint } from '@/api/system/Complaint';
 import { ComplaintVO, ComplaintQuery, ComplaintForm } from '@/api/system/Complaint/type';
 import { listComplaintType } from '@/api/system/ComplainType';
@@ -120,9 +120,9 @@ const handleQuery = () => {
   getList();
 };
 
-/** 清空投诉类型 */
+/** 清空投诉状态 */
 const handleClear = () => {
-  queryParams.value.typeId = undefined;
+  queryParams.value.status = undefined;
   handleQuery();
 };
 /** 重置按钮操作 */

src/views/system/ComplaintType/index.vue

@@ -46,12 +46,17 @@
             ></el-switch>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="创建时间" prop="createTime" width="180">
+        <el-table-column align="center" label="添加人" prop="createName" width="180">
           <template #default="scope">
-            <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+            <span>{{ scope.row.createName }}</span>
           </template>
         </el-table-column>
-        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作">
+        <el-table-column align="center" label="创建时间" prop="createTime" width="180">
+          <template #default="scope">
+            <span>{{ scope.row.createTime }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
           <template #default="scope">
             <el-button v-has-permi="['complaintType:complaintType:edit']" link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>
             <el-button v-has-permi="['complaintType:complaintType:remove']" link type="primary" @click="handleDelete(scope.row)">删除</el-button>

src/views/system/Decoration/addDecoration.vue

@@ -147,7 +147,7 @@ function handleChange(val: (string | number)[]) {
   }
 }
 
-//  ! 投诉 ====================================================================================================
+//  ! 投诉 蚱蝉====================================================================================================
 function getTree() {
   houseStore.getCurrentVilageTreeHouse().then((res) => {
     treedata.value = res;

src/views/system/HandleLog/index.vue

@@ -37,7 +37,9 @@
         <el-table-column align="center" type="selection" width="55" />
         <el-table-column align="center" label="办事内容" prop="content">
           <template #default="scope">
-            <div class="color-blue moreRowEllipsis" v-html="scope.row.content"></div>
+            <div class="color-blue moreRowEllipsis">
+              {{ stripHtml(scope.row.content) }}
+            </div>
           </template>
         </el-table-column>
         <el-table-column align="center" label="求助人" prop="seekName" width="120" />
@@ -48,7 +50,7 @@
           </template>
         </el-table-column>
         <el-table-column align="center" label="办事地点" prop="handlePosition" />
-        <el-table-column align="center" label="附属材料" prop="handlePosition" width="100">
+        <el-table-column align="center" label="附属材料" width="100">
           <template #default="scope">
             <el-button v-if="scope.row.handleLogFileList?.length > 0" link type="primary" @click="openDialog(scope.row)">点击查看</el-button>
           </template>
@@ -86,6 +88,7 @@
 import { listHandleLog, delHandleLog } from '@/api/system/HandleLog';
 import { HandleLogVO, HandleLogQuery, HandleLogForm, FileVO } from '@/api/system/HandleLog/type';
 import { checkPermi } from '@/utils/permission';
+import { stripHtml } from '@/utils/html';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 

src/views/system/ParkingCost/index.vue

@@ -93,7 +93,6 @@ import { formatTimeDiff } from '@/utils/time';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { com_parking_charge } = toRefs<any>(proxy?.useDict('com_parking_charge'));
 const { com_parking_payer_status } = toRefs<any>(proxy?.useDict('com_parking_payer_status'));
-const { com_pay_method } = toRefs<any>(proxy?.useDict('com_pay_method'));
 
 const router = useRouter();
 interface ParkingCostType extends ParkingCostVO {

src/views/system/Questionnaire/QuestionnaireView.vue

@@ -61,8 +61,9 @@
       <el-card v-else-if="activeTab == 'detail'">
         <div>
           <el-table :data="list" style="width: 100%">
+            <el-table-column type="index" />
             <el-table-column label="答题人" prop="answerName" />
-            <el-table-column label="提交时间" prop="type" />
+            <el-table-column label="提交时间" prop="updateTime" />
             <el-table-column label="操作" prop="options">
               <template #default="scope">
                 <el-button link type="primary" @click="handleGetMain(scope.row.id)">查看详情</el-button>
@@ -261,6 +262,7 @@ function handleGetMain(id: string) {
     cursor: pointer;
     margin-right: 10px;
     letter-spacing: 3px;
+    font-size: 16px;
     &:hover {
       color: #409eff;
     }

src/views/system/Repair/index.vue

@@ -4,20 +4,20 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" @submit.prevent="handleQuery">
             <el-form-item label="报修状态" prop="problemStatus">
-              <el-select v-model="queryParams.problemStatus" placeholder="请选择" clearable>
+              <el-select v-model="queryParams.problemStatus" clearable placeholder="请选择">
                 <el-option v-for="dict in com_repair_status" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="预约日期" prop="maintenanceItemId">
               <el-date-picker
-                clearable
                 v-model="queryParams.orderDate"
+                clearable
+                format="YYYY-MM-DD"
                 placeholder="请选择"
                 type="date"
                 value-format="YYYY-MM-DD"
-                format="YYYY-MM-DD"
               />
             </el-form-item>
             <el-form-item>
@@ -36,58 +36,58 @@
             :disable-delete="multiple"
             :disable-edit="single"
             :show-add="checkPermi(['repair:repair:add'])"
-            :show-edit="checkPermi(['repair:repair:edit'])"
             :show-delete="checkPermi(['repair:repair:remove'])"
+            :show-edit="checkPermi(['repair:repair:edit'])"
             add-title="个人报修"
             @update:add="handleAdd"
             @update:edit="handleUpdate()"
             @update:delete="handleDelete()"
           >
             <template #actions>
-              <el-button type="default" icon="Plus" v-hasPermi="['repair:repair:add']" @click="handleAdd('public')">公共报修</el-button>
+              <el-button v-hasPermi="['repair:repair:add']" icon="Plus" type="default" @click="handleAdd('public')">公共报修</el-button>
             </template>
           </right-toolbar>
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="repairList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="repairList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column label="报修房屋" align="center" show-overflow-tooltip prop="houseName" />
+        <el-table-column align="center" label="报修房屋" prop="houseName" show-overflow-tooltip />
-        <el-table-column label="维修项目" align="center" prop="maintenanceItemName" />
+        <el-table-column align="center" label="维修项目" prop="maintenanceItemName" />
-        <el-table-column label="问题描述" align="center" prop="problem" />
+        <el-table-column align="center" label="问题描述" prop="problem" />
-        <el-table-column label="报修人" width="100" align="center" prop="residentName" />
+        <el-table-column align="center" label="报修人" prop="residentName" width="100" />
-        <el-table-column label="联系电话" width="120" align="center" prop="phone" />
+        <el-table-column align="center" label="联系电话" prop="phone" width="120" />
-        <el-table-column label="维修人员" width="100" align="center" prop="repairName">
+        <el-table-column align="center" label="维修人员" prop="repairName" width="100">
           <template #default="scope">
             <span>{{ scope.row.repairName ?? '---' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="预约日期" align="center" prop="orderDate" width="150">
+        <el-table-column align="center" label="预约日期" prop="orderDate" width="150">
           <template #default="scope">
             <span>{{ parseTime(scope.row.orderDate, '{y}-{m}-{d}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="维修状态" align="center" width="100" prop="problemStatus">
+        <el-table-column align="center" label="维修状态" prop="problemStatus" width="100">
           <template #default="scope">
             <dict-tag :options="com_repair_status" :value="scope.row.problemStatus || ''"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作">
           <template #default="scope">
-            <el-button link type="primary" @click="handleShare(scope.row)" v-has-permi="['repair:repair:query']">{{
+            <el-button v-has-permi="['repair:repair:query']" link type="primary" @click="handleShare(scope.row)">{{
               scope.row.problemStatus === '0' ? '分配' : '详情'
             }}</el-button>
-            <el-button link type="primary" @click="handleUpdate(scope.row)" v-has-permi="['repair:repair:edit']">编辑</el-button>
+            <el-button v-has-permi="['repair:repair:edit']" link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>
-            <el-button link type="primary" @click="handleDelete(scope.row)" v-has-permi="['repair:repair:remove']">删除</el-button>
+            <el-button v-has-permi="['repair:repair:remove']" link type="primary" @click="handleDelete(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
     </el-card>
   </div>
 </template>
 
-<script setup name="Repair" lang="ts">
+<script lang="ts" name="Repair" setup>
 import Pagination from '@/components/Pagination/index.vue';
 import pageHeader from '@/components/Pageheader/index.vue';
 import RightToolbar from '@/components/RightToolbar/index.vue';

src/views/system/Sdb/ChargeItem/add.vue

@@ -34,7 +34,7 @@
               <el-option v-for="(item, index) in com_charge_item_unit" :key="index" :label="item.label" :value="item.value"></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="费用单价">
+          <el-form-item label="费用单价" prop="fixedPrice">
             <el-input v-model.trim.number="form.fixedPrice" :placeholder="placeHolderFun(form.typeId)" maxlength="10" />
           </el-form-item>
           <el-form-item label="计算精度" prop="accuracy">
@@ -184,7 +184,7 @@ const cancelForm = () => {
 //  车位费 物业费
 const typeNameList = ref(['2049026520314445826']);
 function placeHolderFun(typeId: string) {
-  return typeNameList.value.includes(typeId) ? '请输入每日费用单价' : '请输入费用单价';
+  return typeNameList.value.includes(typeId) ? '请输入费用单价' : '请输入费用单价';
 }
 </script>
 

src/views/system/Sdb/PayRecord/index.vue

@@ -4,9 +4,23 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" @submit.prevent="handleQuery">
-            <el-form-item label="仪表名称" prop="houseId">
+            <el-form-item label="抄表周期" prop="recordMonth">
-              <el-input maxlength="20" v-model="queryParams.houseId" placeholder="请输入仪表名称" clearable @keyup.enter="handleQuery" />
+              <el-date-picker v-model="queryParams.recordMonth" format="YYYY-MM" placeholder="抄表月份" type="month" value-format="YYYY-MM" />
+            </el-form-item>
+            <el-form-item label="起止日期" prop="dateRange">
+              <el-date-picker
+                v-model="StartEndDate"
+                clearable
+                end-placeholder="结束"
+                format="YYYY-MM-DD"
+                range-separator="到"
+                start-placeholder="开始"
+                type="daterange"
+                value-format="YYYY-MM-DD"
+                @clear="hanleClear"
+                @update:model-value="handleDate"
+              />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="handleQuery">搜索</el-button>
@@ -22,56 +36,56 @@
         <el-row :gutter="10" class="mb8">
           <right-toolbar
             :disable-delete="multiple"
-            :show-edit="false"
             :show-add="checkPermi(['payRecord:payRecord:add'])"
             :show-delete="checkPermi(['payRecord:payRecord:remove'])"
+            :show-edit="false"
             @update:add="handleAdd"
             @update:delete="handleDelete()"
           ></right-toolbar>
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="payRecordList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="payRecordList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column label="收费设备类型" align="center" prop="deviceType">
+        <el-table-column align="center" label="收费设备类型" prop="deviceType">
           <template #default="scope">
             <dict-tag :options="com_waterelectricity_topup_type" :value="scope.row.deviceType"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column label="收费项目" align="center" prop="payType">
+        <el-table-column align="center" label="收费项目" prop="payType">
           <template #default="scope">
             <dict-tag :options="com_payrecord_pay_type" :value="scope.row.payType"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column label="抄表周期" align="center" prop="recordMonth" width="180">
+        <el-table-column align="center" label="抄表周期" prop="recordMonth" width="180">
           <template #default="scope">
             <span>{{ parseTime(scope.row.recordMonth, '{y}-{m}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="起止日期" width="250" align="center">
+        <el-table-column align="center" label="起止日期" width="250">
           <template #default="scope">
             <span>{{ parseTime(scope.row.startTime, '{y}/{m}/{d}') }}</span>
             <span> - </span>
             <span>{{ parseTime(scope.row.endTime, '{y}/{m}/{d}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="创建时间" align="center" prop="recordMonth" width="180">
+        <el-table-column align="center" label="创建时间" prop="recordMonth" width="180">
           <template #default="scope">
             <span>{{ parseTime(scope.row.recordMonth, '{y}-{m}-{d}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作">
           <template #default="scope">
-            <el-button link type="primary" @click="handleMain(scope.row)" v-has-permi="['payRecord:payRecord:query']">明细</el-button>
+            <el-button v-has-permi="['payRecord:payRecord:query']" link type="primary" @click="handleMain(scope.row)">明细</el-button>
-            <el-button link type="primary" @click="handleDelete(scope.row)" v-has-permi="['payRecord:payRecord:remove']">删除</el-button>
+            <el-button v-has-permi="['payRecord:payRecord:remove']" link type="primary" @click="handleDelete(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
     </el-card>
     <!-- 添加或修改抄表周期明细对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body>
+    <el-dialog v-model="dialog.visible" :title="dialog.title" append-to-body width="800px">
       <el-form ref="payRecordListFormRef" :model="form" label-position="left">
         <el-row>
           <el-col :span="12">
@@ -148,7 +162,7 @@
   </div>
 </template>
 
-<script setup name="PayRecord" lang="ts">
+<script lang="ts" name="PayRecord" setup>
 import PageHeader from '@/components/Pageheader/index.vue';
 import pagination from '@/components/Pagination/index.vue';
 import DictTag from '@/components/DictTag/index.vue';
@@ -162,7 +176,6 @@ const { com_waterelectricity_topup_type } = toRefs<any>(proxy?.useDict('com_wate
 const { com_payrecord_pay_type } = toRefs<any>(proxy?.useDict('com_payrecord_pay_type'));
 
 const payRecordList = ref<PayRecordVO[]>([]);
-const buttonLoading = ref(false);
 const loading = ref(true);
 const showSearch = ref(true);
 const ids = ref<Array<string | number>>([]);
@@ -171,13 +184,20 @@ const multiple = ref(true);
 const total = ref(0);
 
 const queryFormRef = ref<ElFormInstance>();
-const payRecordFormRef = ref<ElFormInstance>();
 
 const dialog = reactive<DialogOption>({
   visible: false,
   title: ''
 });
 
+const StartEndDate = ref([]);
+function handleDate(data: string[]) {
+  if (data !== null) {
+    queryParams.value.startTime = data[0];
+    queryParams.value.endTime = data[1];
+  }
+}
+
 const initFormData: PayRecordListForm = {
   id: undefined,
   recordId: undefined,
@@ -205,13 +225,9 @@ const data = reactive<PageData<PayRecordListForm, PayRecordQuery>>({
   queryParams: {
     pageNum: 1,
     pageSize: 10,
-    deviceType: undefined,
-    houseId: undefined,
-    payType: undefined,
     recordMonth: undefined,
     startTime: undefined,
-    endTime: undefined,
+    endTime: undefined
-    params: {}
   }
 });
 
@@ -232,8 +248,18 @@ const handleQuery = () => {
   getList();
 };
 
+function hanleClear() {
+  queryParams.value.startTime = undefined;
+  queryParams.value.endTime = undefined;
+  StartEndDate.value = [];
+}
+
 /** 重置按钮操作 */
 const resetQuery = () => {
+  queryParams.value.recordMonth = undefined;
+  queryParams.value.startTime = undefined;
+  queryParams.value.endTime = undefined;
+  StartEndDate.value = [];
   queryFormRef.value?.resetFields();
   handleQuery();
 };
@@ -254,7 +280,7 @@ const handleAdd = () => {
 };
 
 /** 详情按钮操作 */
-const handleMain = async (row?: PayRecordVO) => {
+const handleMain = (row?: PayRecordVO) => {
   router.push({
     path: '/sdb/PayRecordMain',
     query: {
@@ -263,13 +289,6 @@ const handleMain = async (row?: PayRecordVO) => {
   });
 };
 
-/** 修改按钮操作 */
-const handleUpdate = async (id: string) => {
-  // const res = await getPayRecordList(id);
-  // Object.assign(form.value, res.data);
-  dialog.visible = true;
-  dialog.title = '最新抄表详细';
-};
 /** 取消按钮 */
 const cancel = () => {
   reset();
@@ -297,7 +316,7 @@ onMounted(() => {
 });
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .el-table {
   height: calc(100% - 80px);
 }

src/views/system/Sdb/SdbBill/index.vue

@@ -55,9 +55,11 @@
               <span>{{ scope.row.fixedPrice }}</span> /
               <DictTag :options="com_charge_item_unit" :value="scope.row.unit"></DictTag>
             </div>
+            <span v-else-if="scope.row.fixedPrice">{{ scope.row.fixedPrice }}{{ handleChargePeriod(scope.row.chargePeriod) }}</span>
             <span v-else>---</span>
           </template>
         </el-table-column>
+        <el-table-column align="center" label="备注" prop="remark" show-overflow-tooltip />
         <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作" width="200">
           <template #default="scope">
             <el-button link type="primary" @click="handleChange(scope.row)">生成账单</el-button>
@@ -277,7 +279,7 @@ const BillForm = ref<{
   title: string;
   billId: string;
   /**
-   * 收费周期 0年 1月 2日 3 季度 4永久；为空时取账单配置
+   * 收费周期 0年 1月 2日 3 季度 ；为空时取账单配置
    */
   chargePeriod: string;
   chargeScope: string;
@@ -297,6 +299,19 @@ const BillForm = ref<{
   periodCalcType: '0',
   houseId: []
 });
+
+function handleChargePeriod(chargePeriod: string) {
+  if (chargePeriod === '0') {
+    return '/年';
+  } else if (chargePeriod === '1') {
+    return '/月';
+  } else if (chargePeriod === '2') {
+    return '/日';
+  } else if (chargePeriod === '3') {
+    return '/季度';
+  }
+}
+
 // const HolderRef = ref<InstanceType<typeof House>>();
 // // 打开模态框
 // function OpenUseTablesFun() {

src/views/system/Sdb/SdbCashier/history.vue

@@ -1,12 +1,12 @@
 <template>
   <el-card style="margin-top: 20px; height: 100%">
-    <div class="p-2 flex flex-col cashierbox h-full">
+    <div class="p-2 flex flex-col cashierBox h-full">
-      <div class="tablebox">
+      <div class="tableBox">
         <div style="margin-bottom: 20px">
-          <el-button @click="printPiaoju" type="primary">打印票据</el-button>
+          <el-button type="primary" @click="printPiaoju">打印票据</el-button>
         </div>
-        <el-table :data="tabledata" @selection-change="handleSelectionChange">
+        <el-table :data="tableData" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column align="center" type="selection" width="55" />
           <el-table-column align="center" label="收费名称">
             <template #default="scope">
               <div>{{ scope.row.detailsName }}</div>
@@ -42,27 +42,27 @@
             </template>
           </el-table-column>
         </el-table>
-        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+        <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
       </div>
     </div>
-    <el-dialog :title="dialog_print.title" v-model="dialog_print.visible" width="1200px" append-to-body>
+    <el-dialog v-model="dialog_print.visible" :title="dialog_print.title" append-to-body width="1200px">
       <template #header>
         <div class="flex" style="justify-content: space-between; padding: 0 20px">
           <div class="title">票据打印</div>
-          <el-button type="primary" :loading="isLoading" @click="confimPrint">打印</el-button>
+          <el-button :loading="isLoading" type="primary" @click="completePrint">打印</el-button>
           <!-- <el-button type="primary" v-print="printOption">打印</el-button> -->
         </div>
       </template>
 
-      <div class="printBox" id="printBox-Bill">
+      <div id="printBox-Bill" class="printBox">
         <div class="title">{{ print_form.title }}</div>
-        <div class="nav gridbox">
+        <div class="nav gridBox">
           <div>单据日期：{{ print_form.printDate }}</div>
           <div>房号：{{ print_form.HouseName }}</div>
           <div>产权人：{{ print_form.residentName }}</div>
           <div>No.</div>
         </div>
-        <div class="tablebox">
+        <div class="tableBox">
           <table border class="printTable">
             <thead>
               <tr>
@@ -103,8 +103,8 @@
             <div class="flex-1">交款人：</div>
             <div class="flex-1 flex flex-items-center">
               <span style="white-space: nowrap">收款人： </span>
-              <el-input v-model="inHomelyUse" v-if="!isPrint" placeholder="请输入收款人姓名" style="width: 150px"></el-input>
+              <el-input v-if="!isPrint" v-model="inHomelyUse" placeholder="请输入收款人姓名" style="width: 150px"></el-input>
-              <span style="white-space: nowrap" v-else> {{ inHomelyUse }}</span>
+              <span v-else style="white-space: nowrap"> {{ inHomelyUse }}</span>
             </div>
           </div>
         </div>
@@ -113,7 +113,7 @@
   </el-card>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import DictTag from '@/components/DictTag/index.vue';
 import pagination from '@/components/Pagination/index.vue';
 import { ref } from 'vue';
@@ -125,7 +125,7 @@ const { com_pay_status } = toRefs<any>(proxy?.useDict('com_pay_status'));
 const { com_bill_charge_period } = toRefs<any>(proxy?.useDict('com_bill_charge_period'));
 const { com_charge_item_unit } = toRefs<any>(proxy?.useDict('com_charge_item_unit'));
 
-type querytype = {
+type queryType = {
   residentId: string;
   residentName: string;
   houseName: string;
@@ -133,7 +133,7 @@ type querytype = {
 };
 const props = defineProps({
   query: {
-    type: Object as PropType<querytype>,
+    type: Object as PropType<queryType>,
     default: () => {
       return {
         'residentId': '',
@@ -152,14 +152,14 @@ const queryParams = ref({
   pageNum: 1,
   pageSize: 10
 });
-const tabledata = ref<billlistType[]>([]);
+const tableData = ref<billlistType[]>([]);
 // 支付状态 0未缴纳 1已缴纳 2缴纳失败
 const getList = () => {
   billQuery({
     residentId: props.query.residentId,
     'payStatus': '1'
   }).then((res) => {
-    tabledata.value = res.rows;
+    tableData.value = res.rows;
     total.value = res.total;
   });
 };
@@ -210,7 +210,7 @@ function printPiaoju() {
   });
 }
 const isLoading = ref(false);
-function confimPrint() {
+function completePrint() {
   isLoading.value = true;
   isPrint.value = true;
   setTimeout(() => {
@@ -222,7 +222,7 @@ function confimPrint() {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .printBox {
   color: rgba(0, 0, 0, 1);
   padding-top: 5px;
@@ -234,7 +234,7 @@ function confimPrint() {
   }
   .nav {
     font-size: 12px;
-    &.gridbox {
+    &.gridBox {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr 1fr;
       grid-gap: 10px;
@@ -246,7 +246,7 @@ function confimPrint() {
       justify-content: space-between;
     }
   }
-  .tablebox {
+  .tableBox {
     font-size: 10px;
     .printTable {
       border-collapse: collapse;
@@ -261,7 +261,7 @@ function confimPrint() {
   }
 }
 
-.cashierbox {
+.cashierBox {
   font-size: 0.8rem;
   .el-button {
     width: 100px;
@@ -269,10 +269,10 @@ function confimPrint() {
     border-radius: 4px;
   }
 
-  .actionsbox {
+  .actionsBox {
     margin-top: 20px;
   }
-  .tablebox {
+  .tableBox {
     margin-top: 20px;
     height: 100%;
     .el-table {
@@ -280,7 +280,7 @@ function confimPrint() {
     }
   }
 }
-.payinfo {
+.payInfo {
   color: rgba(0, 0, 0, 1);
   margin-top: 20px;
   padding-bottom: 10px;

src/views/system/Sdb/SdbCashier/index.vue

@@ -11,17 +11,23 @@
               </el-select>
             </el-form-item>
             <el-form-item label="楼栋" prop="buildingId">
-              <el-select v-model="queryParams.buildingId" placeholder="请选择楼栋" @change="handleChangeBuilding">
+              <el-select
+                v-model="queryParams.buildingId"
+                clearable
+                placeholder="请选择楼栋"
+                @change="handleChangeBuilding"
+                @clear="handleClearBuildingId"
+              >
                 <el-option v-for="(item, index) in buildingList" :key="index" :label="item.buildingName" :value="item.id"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="单元" prop="unitNoId">
-              <el-select v-model="queryParams.unitNoId" placeholder="请选择单元" @change="handleChangeUnit">
+              <el-select v-model="queryParams.unitNoId" clearable placeholder="请选择单元" @change="handleChangeUnit" @clear="handleClearUnit">
                 <el-option v-for="(item, index) in unitList" :key="index" :label="item.unitNoName" :value="item.unitNoId"></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="房号" prop="houseId" @change="handleChangeHouseNo">
+            <el-form-item label="房号" prop="houseId">
-              <el-select v-model="queryParams.houseId" placeholder="请选择房号">
+              <el-select v-model="queryParams.houseId" clearable placeholder="请选择房号" @clear="handleClear('houseId')">
                 <el-option-group v-for="group in houseList" :key="group.floorNo" :label="String(group.floorNo) + ' 楼'">
                   <el-option v-for="item in group.houses" :key="item.houseId" :label="item.houseNo" :value="item.houseId" />
                 </el-option-group>
@@ -30,7 +36,7 @@
           </div>
           <div>
             <el-form-item label="收费项目" prop="itemId">
-              <el-select v-model="queryParams.chargeItemId" multiple placeholder="请选择收费项目">
+              <el-select v-model="queryParams.chargeItemId" clearable multiple placeholder="请选择收费项目" @clear="handleClear('chargeItemId')">
                 <el-option
                   v-for="(item, index) in chargeItems"
                   :key="index"
@@ -43,6 +49,7 @@
             <el-form-item label="缴费周期">
               <el-date-picker
                 v-model="queryParams.startDate"
+                clearable
                 format="YYYY-MM-DD"
                 placeholder="请选择开始缴费日期"
                 type="date"
@@ -60,31 +67,39 @@
               />
             </el-form-item>
             <el-form-item label="房屋分类" prop="houseUseTypeId">
-              <el-select v-model="queryParams.houseUseTypeId">
+              <el-select v-model="queryParams.houseUseTypeId" clearable @clear="handleClear('houseUseTypeId')">
                 <el-option v-for="item in houseUseTypeList" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
             </el-form-item>
             <el-form-item label="缴费时间">
               <el-date-picker
                 v-model="queryParams.payTimeBegin"
+                clearable
                 format="YYYY-MM-DD HH:mm:ss"
                 placeholder="请选择开始缴费时间"
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
-                @clear="handleClearPayTime('payTimeBegin')"
+                @clear="handleClear('payTimeBegin')"
               />
               <el-date-picker
                 v-model="queryParams.payTimeEnd"
+                clearable
                 format="YYYY-MM-DD HH:mm:ss"
                 placeholder="请选择结束缴费时间"
                 style="margin-left: 10px"
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
-                @clear="handleClearPayTime('payTimeEnd')"
+                @clear="handleClear('payTimeEnd')"
               />
             </el-form-item>
             <el-form-item label="业主姓名" prop="residentName">
-              <el-input v-model.trim="queryParams.residentName" maxlength="30" placeholder="请选择业主姓名"></el-input>
+              <el-input
+                v-model.trim="queryParams.residentName"
+                clearable
+                maxlength="30"
+                placeholder="请选择业主姓名"
+                @clear="handleClear('residentName')"
+              ></el-input>
             </el-form-item>
             <el-form-item>
               <div style="text-align: right">
@@ -154,13 +169,13 @@
         <el-table-column align="center" label="应收金额" prop="amount" width="100" />
         <el-table-column align="center" label="缴费状态" prop="payStatus" width="100">
           <template #default="scope">
-            <span v-if="scope.row.payStatus === '0'">未缴纳</span>
+            <span v-if="scope.row.payStatus === PayStatus.PENDING">未缴纳</span>
-            <span v-else-if="scope.row.payStatus === '1'">已缴纳</span>
+            <span v-else-if="scope.row.payStatus === PayStatus.PAID">已缴纳</span>
-            <span v-else-if="scope.row.payStatus === '2'">缴纳失败</span>
+            <span v-else-if="scope.row.payStatus === PayStatus.FAILED">缴纳失败</span>
-            <span v-else-if="scope.row.payStatus === '3'">部分缴纳</span>
+            <span v-else-if="scope.row.payStatus === PayStatus.PARTIAL">部分缴纳</span>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="应缴金额" prop="amount" width="100" />
+        <el-table-column align="center" label="应缴金额" prop="needPayAmount" width="100" />
         <el-table-column align="center" label="优惠金额" prop="singleDiscountAmount" width="100" />
         <el-table-column align="center" label="实缴金额" prop="actualAccount" width="100" />
         <el-table-column align="center" label="缴费人" prop="residentName" width="120" />
@@ -168,8 +183,8 @@
         <el-table-column align="center" label="备注" prop="remark" show-overflow-tooltip />
         <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="150">
           <template #default="scope">
-            <el-button v-if="scope.row.payStatus !== '1'" link type="primary" @click="handleIncome(scope.row)">收款</el-button>
+            <el-button v-if="scope.row.payStatus !== PayStatus.PAID" link type="primary" @click="handleIncome(scope.row)">收款</el-button>
-            <el-button v-if="scope.row.payStatus === '1'" link type="success" @click="printPIaoJuByOnly(scope.row)">打印票据</el-button>
+            <el-button v-if="scope.row.payStatus === PayStatus.PAID" link type="success" @click="printPIaoJuByOnly(scope.row)">打印票据</el-button>
             <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
           </template>
         </el-table-column>
@@ -177,12 +192,10 @@
       <div class="footerBox">
         <div class="totalBox">
           <span>合计：</span>
-          <span style="padding: 0 10px">应收：{{ totalAll.totalAccount }}元</span>
+          <span>应收：{{ totalAll.totalAccount }}元(原金额：{{ totalAll.originalAmount }}元, 优惠：{{ totalAll.totalDiscountAmount }}元)</span>
-          <span style="padding: 0 10px">实收：{{ totalAll.TotalPaymentAmount }}元</span>
+          <span style="padding: 0 5px">已收：{{ totalAll.TotalPaymentAmount }}元</span>
-          <span style="padding: 0 10px">优惠：{{ totalAll.totalDiscountAmount }}元</span>
+          <span style="padding: 0 5px">未收：{{ totalAll.TotalUnPaymentAmount }}元</span>
-          <span style="padding: 0 10px">未收：{{ totalAll.TotalUnPaymentAmount }}元</span>
         </div>
-
         <pagination
           v-show="total > 0"
           v-model:limit="queryParams.pageSize"
@@ -214,7 +227,7 @@
                 <div style="text-decoration: underline; padding-right: 5px; text-align: center">
                   {{ item.detailsName }} &nbsp;&nbsp;(应缴：￥{{ item.needPayAmount }})
                 </div>
-                <el-tooltip v-if="item.payStatus === '3'" class="box-item" effect="light" placement="top">
+                <el-tooltip v-if="item.payStatus === PayStatus.PENDING" class="box-item" effect="light" placement="top">
                   <el-icon color="#909399"><QuestionFilled /></el-icon>
                   <template #content>
                     <div style="line-height: 1.8; font-size: 13px; width: 180px">
@@ -241,7 +254,7 @@
                   </template>
                 </el-tooltip>
               </div>
-              <span v-if="item.payStatus === '1'">（已缴费，不计入金额）</span>
+              <span v-if="item.payStatus === PayStatus.PAID">（已缴费，不计入金额）</span>
             </div>
           </div>
         </div>
@@ -288,7 +301,7 @@
           </el-radio-group>
         </el-form-item>
 
-        <el-form-item v-if="inComeFrom.payStatus !== '0'" label="优惠方式" prop="discountMethod">
+        <el-form-item v-if="inComeFrom.payStatus !== PayStatus.PENDING" label="优惠方式" prop="discountMethod">
           <el-select v-model="inComeFrom.discountMethod" placeholder="请选择" style="width: 400px" @change="handleChangeDisCountMethod">
             <el-option :value="0" label="不优惠"></el-option>
             <el-option :value="2" label="金额"></el-option>
@@ -325,7 +338,7 @@
             </el-input>
           </el-form-item>
         </div>
-        <el-form-item v-if="inComeFrom.payStatus !== '0'" label="支付方式" prop="payType">
+        <el-form-item v-if="inComeFrom.payStatus !== PayStatus.PENDING" label="支付方式" prop="payType">
           <div class="flex-1">
             <div v-for="(item, index) in payList" :key="index" class="flex flex-items-center">
               <div class="flex-1 flex">
@@ -452,7 +465,7 @@ import { getCommunitylistAPI } from '@/api/system/community';
 import { billDelete, billEdit, billlistType, billPrint, BillPrintType, billQuery, getAllAccount } from '@/api/system/SdbCashier';
 import { listChargeItem } from '@/api/system/SdbChargeItem';
 import { ref } from 'vue';
-import { add, div, eq, eqMoney, gtMoney, ltMoney, minMoney, moneyAdd, mul, sub, sum, toBig } from '@/utils/money';
+import { add, div, eq, eqMoney, gtMoney, minMoney, moneyAdd, mul, sub, sum, toBig } from '@/utils/money';
 import { BuildingUnitlist, BuildingVo, FloorsType } from '@/api/system/house/type';
 import { ChargeItemVO } from '@/api/system/SdbChargeItem/type';
 import { communitylist_rows_type } from '@/api/system/community/type';
@@ -464,6 +477,18 @@ import { useUserStore } from '@/store/modules/user';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { com_pay_method, com_charge_item_unit } = toRefs<any>(proxy?.useDict('com_pay_method', 'com_charge_item_unit'));
 
+/** 支付状态 */
+const PayStatus = {
+  /** 待缴纳 */
+  PENDING: '0',
+  /** 已缴纳 */
+  PAID: '1',
+  /** 缴纳失败 */
+  FAILED: '2',
+  /** 部分缴纳 */
+  PARTIAL: '3'
+} as const;
+
 const userStore = useUserStore();
 const loading = ref(false);
 const ids = ref<Array<billlistType>>([]);
@@ -476,15 +501,15 @@ const tabs = [
     type: '全部'
   },
   {
-    value: 0,
+    value: PayStatus.PENDING,
     type: '待缴纳'
   },
   {
-    value: 1,
+    value: PayStatus.PAID,
     type: '已缴纳'
   },
   {
-    value: 3,
+    value: PayStatus.PARTIAL,
     type: '部分缴纳'
   }
 ];
@@ -520,6 +545,8 @@ const queryParams = ref({
   // 结束时间
   endDate: undefined
 });
+// ts工具 排除参数
+type ExcludeType = keyof Omit<typeof queryParams.value, 'villageId' | 'pageSize' | 'pageNum'>;
 
 const villageList = ref<communitylist_rows_type[]>([]); // 小区列表
 const buildingList = ref<BuildingVo[]>([]); // 楼栋列表
@@ -538,7 +565,7 @@ function getHouseTypeList() {
   });
 }
 // 切换 账单类型
-function changeTabs(value: number) {
+function changeTabs(value: string) {
   activeTabs.value = value;
   queryParams.value.payStatus = value;
   getList();
@@ -575,12 +602,17 @@ function handleChangeBuilding(val: string): void {
   queryParams.value.unitNoId = undefined;
   queryParams.value.houseId = undefined;
   unitList.value = [];
-  getHouselistAPI(val).then((res) => {
+  if (val !== undefined) {
-    unitList.value = res.data.units;
+    getHouselistAPI(val).then((res) => {
-  });
+      unitList.value = res.data.units;
+    });
+  }
 }
 // 选择 单元
 function handleChangeUnit(val: string) {
+  if (val === undefined) {
+    return;
+  }
   const find = unitList.value.find((item) => item.unitNoId === val);
   queryParams.value.houseId = undefined;
   houseList.value = [];
@@ -588,13 +620,7 @@ function handleChangeUnit(val: string) {
     houseList.value = find.floors;
   }
 }
-// 选择房屋
-function handleChangeHouseNo() {}
 
-// 清空缴费时间
-function handleClearPayTime(type: 'payTimeBegin' | 'payTimeEnd') {
-  queryParams.value[type] = undefined;
-}
 // 清空缴费周期
 function handleClearChargePeriod(type: 'start' | 'end' = 'start') {
   if (type === 'start') {
@@ -622,7 +648,8 @@ function getAllBillAmount() {
     totalAll.value = {
       totalDiscountAmount: res.data.discountAmount, // 总优惠金额
       TotalPaymentAmount: res.data.receivedAmount, // 总实收金额
-      totalAccount: res.data.receivableAmount, // 总金额
+      totalAccount: res.data.receivableAmount, // 总 应收金额
+      originalAmount: res.data.originalAmount, // 原始金额之和（应收+优惠）
       TotalUnPaymentAmount: res.data.unpaidAmount // 未收金额
     };
   });
@@ -634,30 +661,51 @@ const handleQuery = () => {
   getList();
 };
 
+//  优化后
+const defaultQueryParams = () => ({
+  pageNum: 1,
+  pageSize: 20,
+  payStatus: null as number | null,
+  villageId: villageId as string | undefined,
+  buildingId: undefined,
+  unitNoId: undefined,
+  houseId: undefined,
+  houseUseTypeId: undefined,
+  payTime: undefined,
+  residentName: undefined,
+  chargeItemId: undefined,
+  period: undefined,
+  payTimeBegin: undefined,
+  payTimeEnd: undefined,
+  startDate: undefined,
+  endDate: undefined
+});
 /** 重置按钮操作 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
   queryParams.value = {
-    startDate: undefined,
+    ...defaultQueryParams(),
-    payTime: undefined,
+    payStatus: queryParams.value.payStatus // 保留当前 tab
-    pageNum: 1,
-    pageSize: 20,
-    payStatus: queryParams.value.payStatus,
-    villageId: undefined,
-    buildingId: undefined,
-    unitNoId: undefined,
-    houseId: undefined,
-    chargeItemId: undefined,
-    period: undefined,
-    houseUseTypeId: undefined,
-    residentName: undefined,
-    payTimeBegin: undefined,
-    payTimeEnd: undefined,
-    endDate: undefined
   };
-  queryParams.value.villageId = villageId;
   handleQuery();
 };
+
+// 清空楼栋
+function handleClearBuildingId() {
+  queryParams.value.buildingId = undefined;
+  queryParams.value.unitNoId = undefined;
+  queryParams.value.houseId = undefined;
+}
+// 清空单元
+function handleClearUnit() {
+  queryParams.value.unitNoId = undefined;
+  queryParams.value.houseId = undefined;
+}
+// 清空其他参数
+function handleClear(type: ExcludeType) {
+  queryParams.value[type] = undefined;
+}
+
 // 控制收费 按钮  不能有已缴纳的（后端会校验）
 const single = ref(true);
 // 控制打印票据的 按钮 不能有收费的
@@ -666,9 +714,9 @@ const printSingle = ref(true);
 const handleSelectionChange = (selection: billlistType[]) => {
   ids.value = selection.map((item) => item);
   // 不能全部都是已缴纳的 0待缴纳 1已缴纳  2缴纳失败 3混合缴纳
-  single.value = ids.value.every((item) => item.payStatus === '0' || item.payStatus === '3');
+  single.value = ids.value.every((item) => item.payStatus === PayStatus.PENDING || item.payStatus === PayStatus.PARTIAL);
   // 必须都要缴费后打印
-  printSingle.value = ids.value.every((item) => item.payStatus === '1');
+  printSingle.value = ids.value.every((item) => item.payStatus === PayStatus.PAID);
 };
 const buttonLoading = ref(false);
 // 是否多选
@@ -760,7 +808,7 @@ function handleChangeDiscountMoney(val: string) {
   if (isMore) {
     // 过滤：只保留未支付账单，已支付直接丢弃
     const unPaidList = ids.value.filter((item) => {
-      return item.payStatus !== '1';
+      return item.payStatus !== PayStatus.PAID;
     });
 
     // 计算优惠总额
@@ -819,7 +867,7 @@ function handleChangeDiscountRate(val: string) {
   // 批量多选模式
   if (isMore) {
     const unPaidList = ids.value.filter((item) => {
-      return item.payStatus !== '1';
+      return item.payStatus !== PayStatus.PAID;
     });
     // 总价格
     const sourceTotal = sum(unPaidList.map((item) => item.needPayAmount ?? 0));
@@ -864,7 +912,7 @@ function handleIncome(row: billlistType | false) {
     ids.value.forEach((item) => {
       set.add(item.residentId);
     });
-    if (ids.value.some((item) => item.payStatus === '1')) {
+    if (ids.value.some((item) => item.payStatus === PayStatus.PAID)) {
       return ElMessage.warning('存在已支付账单，请重新选择');
     }
     if (set.size > 1) {
@@ -875,7 +923,7 @@ function handleIncome(row: billlistType | false) {
       inComeFrom.value.residentName = ids.value[0].residentName;
       ids.value.forEach((item) => {
         inComeFrom.value.billResidentId.push(item);
-        if (item.payStatus === '0' || item.payStatus === '3') {
+        if (item.payStatus === PayStatus.PENDING || item.payStatus === PayStatus.PARTIAL) {
           inComeFrom.value.allCost = moneyAdd(inComeFrom.value.allCost || 0, item.needPayAmount);
         }
       });
@@ -899,17 +947,17 @@ const submitForm = () => {
   }
   buttonLoading.value = true;
   // 部分缴纳时 判断 支付金额 和 预计支付金额 是否相等 ，相等  则 可选择 部分缴纳 方式
-  if (inComeFrom.value.payStatus === '3') {
+  if (inComeFrom.value.payStatus === PayStatus.PARTIAL) {
     if (eqMoney(totalPayAmount.value, payListAllAmount.value)) {
       buttonLoading.value = false;
       return ElMessage.warning('实缴金额等于应收金额时，请选择 【已缴纳】 状态');
     }
   }
   // 已缴纳时 判断 支付金额 和 预计支付金额 是否相等
-  if (inComeFrom.value.payStatus === '1') {
+  if (inComeFrom.value.payStatus === PayStatus.PAID) {
     if (!eqMoney(totalPayAmount.value, payListAllAmount.value)) {
       buttonLoading.value = false;
-      return ElMessage.warning('支付金额不足，请选择 【部分缴纳】 状态');
+      return ElMessage.warning('支付金额不足，可以选择 【部分缴纳】 状态');
     }
   }
   const obj = {
@@ -1097,22 +1145,14 @@ function conFimPrint() {
 
 // 删除
 async function handleDelete(row: billlistType | false) {
-  if (row) {
+  const targetIds = row ? [row.detailsId] : ids.value.map((item) => item.detailsId);
-    await proxy?.$modal.confirm('该信息删除后无法恢复，确定要删除吗？');
+  if (targetIds.length === 0) {
-    billDelete(row.detailsId).then(() => {
+    return ElMessage.warning('请选择账单！');
-      ElMessage.success('删除成功');
-      getList();
-    });
-  } else {
-    if (ids.value.length <= 0) {
-      return ElMessage.warning('请选择账单！');
-    }
-    await proxy?.$modal.confirm('该信息删除后无法恢复，确定要删除吗？');
-    billDelete(ids.value.map((item) => item.detailsId)).then(() => {
-      ElMessage.success('删除成功');
-      getList();
-    });
   }
+  await proxy?.$modal.confirm('该信息删除后无法恢复，确定要删除吗？');
+  await billDelete(targetIds);
+  ElMessage.success('删除成功');
+  getList();
 }
 
 onMounted(() => {
@@ -1129,8 +1169,9 @@ onMounted(() => {
 // 总 表单
 const totalAll = ref({
   totalDiscountAmount: '0', // 总优惠金额
-  TotalPaymentAmount: '0', // 总实收金额
+  TotalPaymentAmount: '0', // 总已收金额
-  totalAccount: '0', // 总金额
+  totalAccount: '0', // 总 应收金额
+  originalAmount: '0', // 原始金额之和（应收+优惠）
   TotalUnPaymentAmount: '0' // 未收金额
 });
 
@@ -1138,7 +1179,7 @@ function handleChangePayTypeId(val: string, index: number) {
   // 【可选兜底校验】防止异常数据出现重复
   const repeatCount = usedPayValues.value.filter((v) => v === val).length;
   if (repeatCount > 1) {
-    payList.value[index].payType = null;
+    payList.value[index].payType = '';
   }
 }
 const usedPayValues = computed(() => {
@@ -1150,15 +1191,20 @@ const isOptionDisabled = (optVal: string, currentVal: any) => {
   return usedPayValues.value.includes(optVal);
 };
 
+/** 支付列表项类型 */
+interface PayListItem {
+  payType: string;
+  payAmount: number | null;
+}
 // 混合支付 列表
-const payList = ref([
+const payList = ref<PayListItem[]>([
   {
     payType: '',
     payAmount: null
   }
 ]);
 // 混合支付 总金额
-const payListAllAmount = computed(() => {
+const payListAllAmount = computed<number>(() => {
   return sum(payList.value.map((item) => item.payAmount ?? 0));
 });
 // 添加支付方式
@@ -1172,27 +1218,32 @@ function addPayList() {
 function removePayList(index: number) {
   payList.value.splice(index, 1);
 }
-// 数据框改变时 检测数据是否大于 总金额
+// 数据框改变时 检测数据是否大于 总金额, 如果大于则自动回填剩余金额
 function handleChangePay(val: string, index: number = -1) {
   if (!checkMoney(val)) {
     ElMessage.warning('金额格式错误');
     payList.value[index].payAmount = null;
     return;
   }
+  // 如果 当前行输入的金额 大于 总实缴金额
+  // 则在当前行，自动回填正确剩余金额
   if (gtMoney(payListAllAmount.value, totalPayAmount.value)) {
     ElMessage.warning('输入金额 总和 不能大于 总实缴金额');
     if (index > -1) {
-      payList.value[index].payAmount = 0;
       // 自动回填
-      payList.value[index].payAmount = sub(totalPayAmount.value, payListAllAmount.value);
+      // BUG: payAmount=0，让 payListAllAmount’s computed 只算其他行，然后 补 回来
-    }
+      // payList.value[index].payAmount = 0;
-  }
+      // payList.value[index].payAmount = sub(totalPayAmount.value, payListAllAmount.value);
-  // 已缴纳状态时，输入金额 总和 不能小于 总实缴金额
+      // 总实缴 - (全部总和 - 当前行刚输入的值) = 总实缴 - 其他行总和 = 当前行剩余应缴金额
-  if (inComeFrom.value.payStatus === '1') {
+      payList.value[index].payAmount = sub(totalPayAmount.value, sub(payListAllAmount.value, val));
-    if (ltMoney(payListAllAmount.value, totalPayAmount.value)) {
-      ElMessage.warning('输入金额 总和 不能小于 总实缴金额');
     }
   }
+  // // 已缴纳状态时，输入金额 总和 不能小于 总实缴金额
+  // if (inComeFrom.value.payStatus === PayStatus.PAID) {
+  //   if (ltMoney(payListAllAmount.value, totalPayAmount.value)) {
+  //     ElMessage.warning('输入金额 总和 不能小于 总实缴金额');
+  //   }
+  // }
 }
 
 function handlePayListIsEmpty() {
@@ -1201,13 +1252,7 @@ function handlePayListIsEmpty() {
     return false;
   }
   const invalidIndex = payList.value.findIndex(
-    (item) =>
+    (item) => item.payType === null || item.payType === undefined || item.payType === '' || item.payAmount === null || item.payAmount === undefined
-      item.payType === null ||
-      item.payType === undefined ||
-      item.payType === '' ||
-      item.payAmount === null ||
-      item.payAmount === undefined ||
-      item.payAmount === ''
   );
   return invalidIndex === -1;
 }

src/views/system/Sdb/SdbElectricityDevice/addSdbElectricityDevice.vue

@@ -5,8 +5,8 @@
       <div class="title">
         <div>基本信息</div>
       </div>
-      <div class="bodybox">
+      <div class="bodyBox">
-        <el-form label-width="100px" label-position="right">
+        <el-form label-position="right" label-width="100px">
           <el-form-item label="设备编码" prop="deviceCode">
             <el-input v-model="form.deviceCode" placeholder="请输入"></el-input>
           </el-form-item>
@@ -15,12 +15,12 @@
           </el-form-item>
           <el-form-item label="分合状态">
             <el-radio-group v-model="form.electricityRecord.status">
-              <el-radio v-for="(item, index) in com_electricity_readrecord_status" :key="index" :value="item.value" :label="item.label"></el-radio>
+              <el-radio v-for="(item, index) in com_electricity_readrecord_status" :key="index" :label="item.label" :value="item.value"></el-radio>
             </el-radio-group>
           </el-form-item>
           <el-form-item>
             <el-button type="primary">提交</el-button>
-            <el-button @click="routeback">返回</el-button>
+            <el-button @click="routeBack">返回</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -28,7 +28,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { getElectricityDevice } from '@/api/system/SdbElectricityDevice';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { ref } from 'vue';
@@ -49,11 +49,11 @@ const form = ref({
   }
 });
 
-const editid = ref(null);
+const editId = ref(null);
 function init() {
   if (route.query.id) {
-    editid.value = route.query.id;
+    editId.value = route.query.id;
-    getElectricityDevice(editid.value).then((res) => {
+    getElectricityDevice(editId.value).then((res) => {
       form.value = {
         ...form.value,
         ...res.data
@@ -64,17 +64,17 @@ function init() {
 
 init();
 
-function routeback() {
+function routeBack() {
   router.back();
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .EditBody {
   margin-top: 20px;
   padding: 30px;
   background-color: white;
-  .bodybox {
+  .bodyBox {
     width: 600px;
     margin: 20px auto 0;
   }
@@ -89,7 +89,7 @@ function routeback() {
     color: #000;
     display: flex;
     align-items: center;
-    .iconbox {
+    .iconBox {
       width: 30px;
       height: 30px;
       margin-left: 5px;

src/views/system/Sdb/SdbElectricityDevice/index.vue

@@ -4,12 +4,12 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" label-width="100px" @submit.prevent="handleQuery" :model="queryParams" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" label-width="100px" @submit.prevent="handleQuery">
             <el-form-item label="设备编号" prop="deviceCode">
-              <el-input maxlength="25" v-model="queryParams.deviceCode" placeholder="请输入" clearable />
+              <el-input v-model="queryParams.deviceCode" clearable maxlength="25" placeholder="请输入" />
             </el-form-item>
             <el-form-item label="房屋号" prop="houseName">
-              <el-input maxlength="20" v-model="queryParams.houseName" placeholder="请输入" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.houseName" clearable maxlength="20" placeholder="请输入" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="handleQuery">搜索</el-button>
@@ -26,7 +26,11 @@
           <el-col :span="1.5">
             <div style="font-size: 0.8rem">电表列表</div>
           </el-col>
-          <right-toolbar :show-add="false" :show-edit="false" :show-delete="false">
+          <right-toolbar :show-add="false" :show-delete="false" :show-edit="false">
+            <template #actions>
+              <el-button icon="Upload" plain type="success" @click="handleOpenDialog('UploadDevices')">导入设备</el-button>
+              <el-button icon="Download" plain type="warning" @click="handleExport">获取导入模板</el-button>
+            </template>
             <template #dropdown>
               <el-dropdown-item @click="handleMarkQRCode">
                 <span>批量生成条形码</span>
@@ -34,7 +38,7 @@
               <el-dropdown-item @click="handleMarkQrcodeZip">
                 <span>批量下载条形码</span>
               </el-dropdown-item>
-              <!-- <el-dropdown-item v-has-permi="['equipment:addqrcode:electricitydevice']">
+              <!-- <el-dropdown-item >
                 <div @click="handleMarkQRCode">批量更新固件</div>
               </el-dropdown-item> -->
             </template>
@@ -42,41 +46,42 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="ElectricityDeviceList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="ElectricityDeviceList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column label="设备编码" width="250" align="center" prop="deviceCode" />
+        <el-table-column align="center" label="设备编码" prop="deviceCode" width="250" />
-        <el-table-column label="设备状态" width="100" align="center" prop="status">
+        <el-table-column align="center" label="设备状态" prop="status" width="100">
           <template #default="scope">
-            <div class="readRecord" v-if="scope.row.status !== null">
+            <div v-if="scope.row.status !== null" class="readRecord">
               <DictTag :options="com_waterdevice_on_status" :value="scope.row.status"></DictTag>
             </div>
             <span v-else>---</span>
           </template>
         </el-table-column>
-        <el-table-column label="分合状态" width="100" align="center">
+        <el-table-column align="center" label="分合状态" width="100">
           <template #default="scope">
-            <div class="readRecord" v-if="scope.row.electricityRecord">
+            <div v-if="scope.row.electricityRecord" class="readRecord">
               <DictTag :options="com_electricity_readrecord_status" :value="scope.row.electricityRecord.status"></DictTag>
             </div>
             <span v-else>---</span>
           </template>
         </el-table-column>
-        <el-table-column label="房屋号" align="center" prop="houseName" />
+        <el-table-column align="center" label="房屋号" prop="houseName" />
-        <el-table-column label="余额" width="100" align="center">
+        <el-table-column align="center" label="余额" width="100">
           <template #default="scope">
             <span v-if="scope.row.electricityRecord">{{ scope.row.electricityRecord.balance }}</span>
             <span v-else>---</span>
           </template>
         </el-table-column>
-        <el-table-column label="条码" width="250" align="center" prop="deleted">
+        <el-table-column align="center" label="条码" prop="deleted" width="250">
           <template #default="scope">
             <el-image
               v-if="scope.row.url && scope.row.url.includes('http')"
-              :src="scope.row.url"
               :preview-src-list="[scope.row.url]"
-              style="width: 90%; height: 100%"
+              :src="scope.row.url"
               fit="cover"
+              lazy
               preview-teleported
+              style="width: 90%; height: 100%; max-width: 150px"
             >
               <template #toolbar>
                 <el-icon @click="download(scope.row.url)"><Download /></el-icon>
@@ -85,99 +90,72 @@
             <span v-else>暂未生成</span>
           </template>
         </el-table-column>
-        <el-table-column label="抄表时间" align="center">
+        <el-table-column align="center" label="抄表时间">
           <template #default="scope">
             <span>{{ scope.row.electricityRecord ? scope.row.electricityRecord.readTime : '--' }}</span>
           </template>
         </el-table-column>
-        <!-- <el-table-column width="150" label="启停" align="center" prop="deleted" v-has-permi="['equipment:isUse:electricitydevice']">
+        <el-table-column align="center" label="启停" prop="deleted" width="150">
           <template #default="scope">
             <el-switch
-              @change="(val: string) => handleChangeWater(val, scope.row)"
+              v-if="scope.row.electricityRecord"
-              v-model="scope.row.deleted"
+              :active-value="true"
-              active-text="启用"
+              :before-change="
-              inactive-text="停止"
+                () => {
-              active-value="0"
+                  // 0 合闸   1 2 拉闸
-              inactive-value="1"
+                  // 0 合闸 传入 1    拉闸 传入 0
+                  const status = scope.row.electricityRecord.status === 0 ? 1 : 0;
+                  return handleChangeWater(status, scope.row);
+                }
+              "
+              :inactive-value="false"
+              :model-value="scope.row.electricityRecord.status === 0"
+              active-text="合闸"
+              inactive-text="拉闸"
             ></el-switch>
+            <span v-else>---</span>
           </template>
-        </el-table-column> -->
+        </el-table-column>
-        <el-table-column min-width="120" label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作" min-width="120">
           <template #default="scope">
             <div class="actions">
-              <el-button link type="primary" @click="handleRecode(scope.row)" >充值记录</el-button>
+              <el-button link type="primary" @click="handleRecode(scope.row)">充值记录</el-button>
-              <el-button link type="primary" @click="handleQrCode(scope.row)"
+              <el-button link type="primary" @click="handleQrCode(scope.row)">生成条码</el-button>
-                >生成条码</el-button
+              <el-button link type="primary" @click="handleOpenDialog('usedWater', scope.row)">用电量</el-button>
-              >
+              <el-button link type="primary" @click="handleOpenDialog('recharge', scope.row)">充值</el-button>
-              <el-button link type="primary" @click="handleOpenDialog('usedWater', scope.row)"
+              <!--              <el-button link type="primary" @click="handleOpenDialog('price', scope.row)">设置价格</el-button>-->
-                >用电量</el-button
+              <el-button v-if="!scope.row.houseName" link type="primary" @click="handleOpenDialog('UpdateHouse', scope.row)">绑定房屋</el-button>
-              >
+              <el-button v-else link type="primary" @click="handleUnbind(scope.row)">解绑房屋</el-button>
-              <!-- <el-button
+              <el-button link type="primary" @click="handleUpload(scope.row)">更新数据</el-button>
-                link
-                type="primary"
-                @click="handleOpenDialog('Upload', scope.row)"
-                v-has-permi="['equipment:updatehardware:electricitydevice']"
-                >更新固件</el-button
-              > -->
-              <el-button
-                link
-                v-if="!scope.row.houseName"
-                type="primary"
-                @click="handleOpenDialog('UpdateHouse', scope.row)"
-                >绑定房屋</el-button
-              >
-              <el-button v-else link type="primary" @click="handleUnbind(scope.row)"
-                >解绑房屋</el-button
-              >
-              <!-- <el-dropdown style="vertical-align: text-top">
-                  <el-button link type="primary">
-                    <div>
-                      更多<el-icon><arrow-down /></el-icon>
-                    </div>
-                  </el-button>
-                  <template #dropdown>
-                    <el-dropdown-menu>
-                      <el-dropdown-item>
-                        <div @click="handleOpenDialog('usedWater', scope.row)" v-has-permi="['equipment:used:electricitydevice']">用电量</div>
-                      </el-dropdown-item>
-                      <el-dropdown-item>
-                        <div @click="handleOpenDialog('Upload', scope.row)" v-has-permi="['equipment:updatehardware:electricitydevice']">更新固件</div>
-                      </el-dropdown-item>
-                      <el-dropdown-item>
-                        <div @click="handleOpenDialog('UpdateHouse', scope.row)" v-has-permi="['equipment:edithouse:electricitydevice']">修改</div>
-                      </el-dropdown-item>
-                    </el-dropdown-menu>
-                  </template>
-                </el-dropdown> -->
             </div>
           </template>
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
     </el-card>
     <!-- 添加或修改电 设备对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+    <el-dialog v-model="dialog.visible" :title="dialog.title" append-to-body width="500px">
-      <el-form v-if="dialogType === 'usedWater'" :rules="rules" ref="UsedWaterFormRef" :model="UsedWaterform" label-width="100px">
+      <el-form v-if="dialogType === 'usedWater'" ref="UsedWaterFormRef" :model="UsedWaterForm" :rules="rules" label-width="100px">
-        <el-form-item label="设备编号" prop="deviceCode"> {{ UsedWaterform.deviceCode }} </el-form-item>
+        <el-form-item label="设备编号" prop="deviceCode"> {{ UsedWaterForm.deviceCode }} </el-form-item>
         <el-form-item label="开始时间" prop="startTime">
           <el-date-picker
+            v-model="UsedWaterForm.startTime"
             format="YYYY-MM-DD HH:mm:ss"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            v-model="UsedWaterform.startTime"
-            type="datetime"
-            @update:model-value="handleStarTime"
             placeholder="开始时间"
+            type="datetime"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            @update:model-value="handleStarTime"
           />
         </el-form-item>
         <el-form-item label="结束时间" prop="endTime">
           <el-date-picker
+            v-model="UsedWaterForm.endTime"
             format="YYYY-MM-DD HH:mm:ss"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            v-model="UsedWaterform.endTime"
-            type="datetime"
-            @update:model-value="handleEndTime"
             placeholder="结束时间"
+            type="datetime"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            @update:model-value="handleEndTime"
           />
         </el-form-item>
         <el-form-item>
@@ -189,14 +167,14 @@
         <el-form-item label="上传更新文件" prop="file">
           <el-upload
             ref="uploadRef"
-            accept=".bin"
             :action="uploadUrl"
-            name="file"
-            :headers="headerToken()"
-            :show-file-list="true"
-            class="upload-demo"
-            :on-success="handleAvatarSuccess"
             :before-upload="beforeAvatarUpload"
+            :headers="headerToken()"
+            :on-success="handleAvatarSuccess"
+            :show-file-list="true"
+            accept=".bin"
+            class="upload-demo"
+            name="file"
           >
             <div class="uploadFileBox flex flex-items-center">
               <el-icon>
@@ -223,40 +201,112 @@
           <el-button :loading="buttonLoading" type="primary" @click="submitForm">更新到设备</el-button>
         </el-form-item>
       </el-form>
+      <el-form v-else-if="dialogType === 'recharge'" ref="rechargeFormRef" :model="reChargeForm" label-width="100px">
+        <el-form-item label="充值金额" prop="amount">
+          <el-input-number v-model.trim.number="reChargeForm.amount" :max="99999" :min="0" :step="0.1"> </el-input-number
+          ><span style="padding-left: 10px">￥</span>
+        </el-form-item>
+        <el-form-item label="支付方式" prop="payType">
+          <el-select v-model="reChargeForm.payType" placeholder="请选择支付方式">
+            <el-option v-for="(item, index) in com_pay_method" :key="index" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="unSubmit">取消</el-button>
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">充值</el-button>
+        </el-form-item>
+      </el-form>
+      <el-form v-else-if="dialogType === 'price'" ref="priceFormRef" :model="priceForm" label-width="100px">
+        <el-form-item label="电表价格" prop="price">
+          <el-input-number v-model.trim.number="priceForm.price" :max="99999" :min="0" :step="0.1"> </el-input-number
+          ><span style="padding-left: 10px">(元/kw·h)</span>
+        </el-form-item>
+        <!--        <el-form-item label="欠费阈值" prop="arrearsThreshold">-->
+        <!--          <el-input-number v-model.trim.number="priceForm.arrearsThreshold" :max="99999" :min="0" :step="0.1"> </el-input-number-->
+        <!--          ><span style="padding-left: 10px">元</span>-->
+        <!--        </el-form-item>-->
+        <el-form-item>
+          <el-button @click="unSubmit">取消</el-button>
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">设置价格</el-button>
+        </el-form-item>
+      </el-form>
+      <el-form
+        v-else-if="dialogType === 'UploadDevices'"
+        ref="UploadDevicesFormRef"
+        :model="UploadDevicesFiles"
+        :rule="UploadDevicesFilesRules"
+        label-width="120px"
+      >
+        <el-form-item label="上传设备文件" prop="file">
+          <el-upload
+            ref="UploadDevicesRef"
+            v-model:file-list="UploadDevicesFiles.file"
+            :action="uploadDevicesUrl"
+            :auto-upload="false"
+            :headers="headerToken()"
+            :limit="1"
+            :on-change="handleChangeUploadDevices"
+            :on-exceed="handleExceed"
+            :show-file-list="true"
+            accept=".xls, .xlsx"
+            class="upload-demo"
+            name="file"
+          >
+            <div class="uploadFileBox flex flex-items-center">
+              <el-icon>
+                <upload></upload>
+              </el-icon>
+              <div style="margin-left: 10px">上传文件</div>
+            </div>
+            <template #tip>
+              <div class="el-upload__tip">文件必须是 <strong>excel</strong> 文件</div>
+            </template>
+          </el-upload>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="unSubmit">取消</el-button>
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm"> 上传 </el-button>
+        </el-form-item>
+      </el-form>
 
-      <div v-show="!usedWaterInfo" class="usedWaterbox">
+      <div v-show="!usedWaterInfo" class="usedWaterBox">
-        <div class="useditem">查询用电量开始时间</div>
+        <div class="usedItem">查询用电量开始时间</div>
-        <div class="useditem value">{{ UsedWaterInfo.startTime }}</div>
+        <div class="usedItem value">{{ UsedWaterInfo.startTime }}</div>
-        <div class="useditem">查询用电量结束时间</div>
+        <div class="usedItem">查询用电量结束时间</div>
-        <div class="useditem value">{{ UsedWaterInfo.endTime }}</div>
+        <div class="usedItem value">{{ UsedWaterInfo.endTime }}</div>
-        <div class="useditem">用电量</div>
+        <div class="usedItem">用电量</div>
-        <div class="useditem value">{{ UsedWaterInfo.count }}</div>
+        <div class="usedItem value">{{ UsedWaterInfo.count }}</div>
       </div>
     </el-dialog>
   </div>
 </template>
 
-<script setup name="WaterDevice" lang="ts">
+<script lang="ts" name="WaterDevice" setup>
 import {
   ElectricityDeviceMakerQrcode,
+  ElectricityDeviceRecharge,
   ElectricityDeviceUnbind,
   getElectricityDeviceTimeRangeUsedWater,
   listElectricityDevice,
-  updateElectricityDevice
+  setElectricityDevicePrice,
+  setElectricityDeviceSwitchStatus,
+  updateElectricityDevice,
+  updateElectricityDeviceData,
+  uploadElectricityDevices
 } from '@/api/system/SdbElectricityDevice';
 import { ElectricityDeviceVO } from '@/api/system/SdbElectricityDevice/type';
 import { useHouseStore } from '@/store/modules/house';
 import { useUserStore } from '@/store/modules/user';
-import { checkPermi } from '@/utils/permission';
 import { Upload } from '@element-plus/icons-vue';
-import { CascaderValue, UploadProps, UploadRawFile } from 'element-plus';
+import { CascaderValue, genFileId, UploadProps, UploadRawFile } from 'element-plus';
 import { exportImagesToZip } from '@/utils/exportZip';
 
 const uploadUrl = import.meta.env.VITE_APP_BASE_API + '/electricityDevice/upload';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { com_waterdevice_on_status } = toRefs<any>(proxy?.useDict('com_waterdevice_on_status'));
+const { com_waterdevice_on_status, com_electricity_readrecord_status, com_pay_method } = toRefs<any>(
-const { com_electricity_readrecord_status } = toRefs<any>(proxy?.useDict('com_electricity_readrecord_status'));
+  proxy?.useDict('com_waterdevice_on_status', 'com_electricity_readrecord_status', 'com_pay_method')
+);
 
 const ElectricityDeviceList = ref<ElectricityDeviceVO[]>([]);
 const buttonLoading = ref(false);
@@ -297,7 +347,7 @@ const getList = async () => {
 // ! 用电量 =============================================================================
 const usedWaterInfo = ref(true);
 const UsedWaterFormRef = ref(null);
-const UsedWaterform = ref({
+const UsedWaterForm = ref({
   deviceCode: '',
   startTime: '',
   endTime: ''
@@ -314,9 +364,9 @@ const rules = {
 function handleStarTime(val: string) {
   if (!val) return;
   const current = new Date(val).getTime();
-  if (UsedWaterform.value.endTime && UsedWaterform.value.startTime) {
+  if (UsedWaterForm.value.endTime && UsedWaterForm.value.startTime) {
-    if (current > new Date(UsedWaterform.value.endTime).getTime()) {
+    if (current > new Date(UsedWaterForm.value.endTime).getTime()) {
-      UsedWaterform.value.endTime = '';
+      UsedWaterForm.value.endTime = '';
       ElMessage.warning('开始时间不能大于结束时间');
     }
   }
@@ -324,9 +374,9 @@ function handleStarTime(val: string) {
 function handleEndTime(val: string) {
   if (!val) return;
   const current = new Date(val).getTime();
-  if (UsedWaterform.value.startTime && UsedWaterform.value.endTime) {
+  if (UsedWaterForm.value.startTime && UsedWaterForm.value.endTime) {
-    if (current < new Date(UsedWaterform.value.startTime).getTime()) {
+    if (current < new Date(UsedWaterForm.value.startTime).getTime()) {
-      UsedWaterform.value.startTime = '';
+      UsedWaterForm.value.startTime = '';
       ElMessage.warning('结束时间不能小于开始时间');
     }
   }
@@ -457,28 +507,108 @@ function handleChange(val: CascaderValue) {
   EditHouseForm.value.houseId = val[2];
 }
 // * house
-const dialogType = ref<'usedWater' | 'Upload' | 'UpdateHouse'>('usedWater');
+
+// recharge
+const reChargeForm = ref({
+  deviceCode: '',
+  amount: 0,
+  payType: ''
+});
+// recharge
+
+const priceFormRef = ref(null);
+const priceForm = ref({
+  deviceCode: '',
+  // 电价
+  price: 0,
+  // 欠费阈值
+  arrearsThreshold: 0
+});
+// devices
+const UploadDevicesFormRef = ref(null);
+const UploadDevicesRef = ref(null);
+const UploadDevicesLoading = ref(false);
+const UploadDevicesFiles = ref({
+  file: []
+});
+const UploadDevicesFilesRules = ref({
+  file: [{ required: true, message: '设备文件不能为空', trigger: 'blur' }],
+  manufacturer: [{ required: true, message: '厂商标识不能为空', trigger: 'blur' }]
+});
+const uploadDevicesUrl = import.meta.env.VITE_APP_BASE_API + '/electricityDevice/importData';
+const beforeAvatarUploadDevices: UploadProps['beforeUpload'] = (rawFile: UploadRawFile) => {
+  // 1. 校验后缀
+  if (!rawFile.name.endsWith('.xls') && !rawFile.name.endsWith('.xlsx')) {
+    ElMessage.warning('请上传 .xls, .xlsx 后缀的文件');
+    return false;
+  }
+  const typeList = ['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/octet-stream'];
+  // 2. 校验文件类型（bin 文件类型）
+  if (!typeList.includes(rawFile.type) && rawFile.type !== '') {
+    ElMessage.warning('文件类型不正确，请上传标准 excel 文件');
+    return false;
+  }
+
+  // 3. 校验文件大小（不能空）
+  // 小于5m 1024 * 1024 * 5
+  if (rawFile.size <= 0) {
+    ElMessage.warning('上传 excel 文件不能为空');
+    return false;
+  }
+  if (rawFile.size >= 1024 * 1024 * 5) {
+    ElMessage.warning('上传 excel 文件不能超过5M');
+    return false;
+  }
+  return true;
+};
+const handleExceed: UploadProps['onExceed'] = (files) => {
+  UploadDevicesRef.value!.clearFiles();
+  const file = files[0] as UploadRawFile;
+  file.uid = genFileId();
+  UploadDevicesRef.value!.handleStart(file);
+};
+const handleChangeUploadDevices: UploadProps['onChange'] = (uploadFile: UploadFile) => {
+  if (!beforeAvatarUploadDevices(uploadFile.raw)) {
+    UploadDevicesRef.value!.clearFiles();
+  }
+};
+
+type dialogTypeList = 'usedWater' | 'Upload' | 'UpdateHouse' | 'UploadDevices' | 'recharge' | 'price';
+
+const dialogType = ref<dialogTypeList>('usedWater');
 /** 用电量 更新固件 */
-const handleOpenDialog = (type: 'usedWater' | 'Upload' | 'UpdateHouse', row: ElectricityDeviceVO) => {
+const handleOpenDialog = (type: dialogTypeList, row?: ElectricityDeviceVO) => {
   reset();
   dialog.visible = true;
   dialogType.value = type;
-  dialog.title = type === 'usedWater' ? '用电量' : type === 'UpdateHouse' ? '编辑户号' : '更新固件';
-
   if (type === 'usedWater') {
-    UsedWaterform.value.deviceCode = row.deviceCode;
+    dialog.title = '用电量';
-    UsedWaterform.value.startTime = '';
+    UsedWaterForm.value.deviceCode = row.deviceCode;
-    UsedWaterform.value.endTime = '';
+    UsedWaterForm.value.startTime = '';
+    UsedWaterForm.value.endTime = '';
     usedWaterInfo.value = true;
   } else if (type === 'Upload') {
+    dialog.title = '更新固件';
     UploadFileForm.value.file = '';
     UploadFileForm.value.deviceCode = row.deviceCode;
     UploadFileForm.value.id = row.id;
+  } else if (type === 'recharge') {
+    // 充值
+    dialog.title = '充值';
+    reChargeForm.value.deviceCode = row.deviceCode;
+    reChargeForm.value.amount = 0;
+  } else if (type === 'price') {
+    dialog.title = '设置电价';
+    priceForm.value.deviceCode = row.deviceCode;
+    priceForm.value.price = row.price ? Number(row.price) : 0;
   } else if (type === 'UpdateHouse') {
+    dialog.title = '编辑户号';
     EditHouseForm.value.id = row.id;
     EditHouseForm.value.deviceCode = row.deviceCode;
     EditHouseForm.value.houseId = '';
     getTree();
+  } else if (dialogType.value === 'UploadDevices') {
+    dialog.title = '上传设备文件';
   }
 };
 
@@ -501,20 +631,40 @@ function getTree() {
   });
 }
 
+//  数据上传
+function handleUpload(row: ElectricityDeviceVO) {
+  updateElectricityDeviceData({
+    deviceCode: row.deviceCode
+  }).then(() => {
+    proxy?.$modal.msgSuccess('操作成功');
+    getList();
+  });
+}
 /** 电表  启停*/
-// TODO 修改电表 启停
+const handleChangeWater = (val: number, row: ElectricityDeviceVO): Promise<boolean> => {
-// const handleChangeWater = (val: string, row: ElectricityDeviceVO) => {};
+  return new Promise((resolve, reject) => {
+    setElectricityDeviceSwitchStatus({
+      deviceCode: row.deviceCode,
+      status: val
+    })
+      .then(() => {
+        proxy?.$modal.msgSuccess('操作成功');
+        resolve(true);
+      })
+      .catch(() => reject(false));
+  });
+};
 /** 提交按钮 */
 const submitForm = () => {
   if (dialogType.value === 'usedWater') {
-    if (UsedWaterform.value.startTime === '' || UsedWaterform.value.endTime === '') {
+    if (UsedWaterForm.value.startTime === '' || UsedWaterForm.value.endTime === '') {
       ElMessage.warning('请选择时间');
       return;
     }
     UsedWaterFormRef.value?.validate(async (valid: boolean) => {
       if (valid) {
         buttonLoading.value = true;
-        await getElectricityDeviceTimeRangeUsedWater(UsedWaterform.value)
+        await getElectricityDeviceTimeRangeUsedWater(UsedWaterForm.value)
           .then((res) => {
             UsedWaterInfo.value.endTime = res.data.endTime;
             UsedWaterInfo.value.startTime = res.data.startTime;
@@ -535,18 +685,58 @@ const submitForm = () => {
         unSubmit();
       }
     });
+  } else if (dialogType.value === 'UploadDevices') {
+    UploadDevicesFormRef.value?.validate(async (valid: boolean) => {
+      if (valid) {
+        if (UploadDevicesFiles.value.file.length <= 0) {
+          return ElMessage.warning('上传文件不能为空');
+        }
+        UploadDevicesLoading.value = true;
+        buttonLoading.value = true;
+        const formData = new FormData();
+        formData.append('file', UploadDevicesFiles.value.file[0].raw);
+        uploadElectricityDevices(formData)
+          .then(() => {
+            proxy?.$modal.msgSuccess('操作成功');
+            getList();
+            unSubmit();
+          })
+          .finally(() => {
+            buttonLoading.value = false;
+            UploadDevicesLoading.value = false;
+          });
+      }
+    });
+  } else if (dialogType.value === 'recharge') {
+    buttonLoading.value = true;
+    ElectricityDeviceRecharge(reChargeForm.value)
+      .then(() => {
+        getList();
+        proxy?.$modal.msgSuccess('操作成功');
+        unSubmit();
+      })
+      .finally(() => (buttonLoading.value = false));
+  } else if (dialogType.value === 'price') {
+    buttonLoading.value = true;
+    setElectricityDevicePrice(priceForm.value)
+      .then(() => {
+        getList();
+        proxy?.$modal.msgSuccess('操作成功');
+        unSubmit();
+      })
+      .finally(() => (buttonLoading.value = false));
   }
 };
 const unSubmit = () => {
   reset();
   dialog.visible = false;
   dialog.title = '';
-  uploadRef?.value.clearFiles();
+  uploadRef.value && uploadRef?.value.clearFiles();
 };
 /** 表单重置 */
 const reset = () => {
   usedWaterInfo.value = true;
-  UsedWaterform.value = {
+  UsedWaterForm.value = {
     deviceCode: '',
     startTime: '',
     endTime: ''
@@ -561,13 +751,20 @@ const reset = () => {
     deviceCode: '',
     id: ''
   };
+  UploadDevicesFiles.value = {
+    file: []
+  };
   UploadFileForm.value.file = '';
   // 上传 清空
   UploadFileFormRef.value?.resetFields();
-  // 使用电量 清空
+  // 绑定房屋 清空
   EditHouseFormRef.value?.resetFields();
   // 使用电量 清空
   UsedWaterFormRef.value?.resetFields();
+
+  UploadDevicesFormRef.value?.resetFields();
+  UploadDevicesRef.value && UploadDevicesRef.value?.clearFiles();
+  UploadDevicesLoading.value = false;
 };
 
 /** 搜索按钮操作 */
@@ -586,11 +783,11 @@ const router = useRouter();
 
 /** 充值记录 */
 const handleRecode = (row: ElectricityDeviceVO) => {
-  // 1.电表 2.电表
+  // 1.电表 2.水表
   router.push({
     path: '/equipment/electricityTopupRecord',
     query: {
-      type: '2',
+      type: '1',
       houseName: row.houseName,
       deviceCode: row.deviceCode,
       id: row.id
@@ -613,6 +810,12 @@ const download = (url: string) => {
   link.click();
   document.body.removeChild(link);
 };
+
+//
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('/electricityDevice/importTemplate', {}, `电表导入设备模板_${new Date().getTime()}.xlsx`);
+};
 </script>
 
 <style lang="scss" scoped>
@@ -644,10 +847,10 @@ const download = (url: string) => {
   height: calc(100% - 80px);
 }
 
-.usedWaterbox {
+.usedWaterBox {
   width: 100%;
   border: 1px solid #eef0ff;
-  .useditem {
+  .usedItem {
     height: 42px;
     line-height: 42px;
     background-color: rgba(26, 117, 255, 0.1);

src/views/system/carArea/addCarArea.vue

@@ -4,24 +4,24 @@
     <div class="AddBuildingBody">
       <div class="title">基本信息</div>
       <div class="addBuildingFormBody">
-        <el-form label-position="right" class="formBody" ref="formRef" :model="form" :rules="rules" label-width="130px">
+        <el-form ref="formRef" :model="form" :rules="rules" class="formBody" label-position="right" label-width="130px">
           <el-row>
             <el-col :span="11">
               <el-form-item label="区域名称" prop="areaName">
-                <el-input maxlength="8" show-word-limit v-model.trim="form.areaName" placeholder="请输入区域名称" />
+                <el-input v-model.trim="form.areaName" maxlength="8" placeholder="请输入区域名称" show-word-limit />
               </el-form-item>
             </el-col>
             <el-col :span="2"></el-col>
             <el-col :span="11">
               <el-form-item label="区域编号" prop="areaCode">
-                <el-input maxlength="8" v-model.trim="form.areaCode" placeholder="请输入区域编号" />
+                <el-input v-model.trim="form.areaCode" maxlength="8" placeholder="请输入区域编号" />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="11">
               <el-form-item label="区域面积" prop="area">
-                <el-input maxlength="8" v-model.number.trim="form.area" placeholder="请输入区域面积">
+                <el-input v-model.number.trim="form.area" maxlength="8" placeholder="请输入区域面积">
                   <template #suffix>㎡</template>
                 </el-input>
               </el-form-item>
@@ -29,14 +29,14 @@
             <el-col :span="2"></el-col>
             <el-col :span="11">
               <el-form-item label="车位数量" prop="parkingCount">
-                <el-input maxlength="5" v-model.number.trim="form.parkingCount" placeholder="请输入车位数量" />
+                <el-input v-model.number.trim="form.parkingCount" maxlength="5" placeholder="请输入车位数量" />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="24">
               <el-form-item label="备注" prop="remark">
-                <el-input type="textarea" maxlength="200" show-word-limit :rows="5" v-model.trim="form.remark" placeholder="请输入" />
+                <el-input v-model.trim="form.remark" :rows="5" maxlength="200" placeholder="请输入" show-word-limit type="textarea" />
               </el-form-item>
             </el-col>
           </el-row>
@@ -50,7 +50,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { addArea, getArea, updateArea } from '@/api/system/carArea';
@@ -114,7 +114,7 @@ const rules = ref({
     {
       validator: (_: any, value: string | number, callback: (arg0?: Error) => void) => {
         if (value === '' || value === null) {
-          return callback(new Error('请输入区域面积'));
+          return callback();
         }
         const val = Number(value);
         if (Number.isNaN(val)) {
@@ -165,7 +165,7 @@ const cancelForm = () => {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .AddBuildingBox {
   padding: 15px;
   height: 100%;

src/views/system/cars/index.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="flex flex-col h-full p-2">
-    <Pageheader title="车辆管理"></Pageheader>
+    <pageHeader title="车辆管理"></pageHeader>
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" @submit.prevent="handleQuery">
             <el-form-item label="车牌号" prop="carNum">
-              <el-input maxlength="12" v-model.trim="queryParams.carNum" placeholder="请输入车牌号" clearable @keyup.enter="handleQuery" />
+              <el-input v-model.trim="queryParams.carNum" clearable maxlength="12" placeholder="请输入车牌号" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="车辆品牌" prop="carBrand">
-              <el-input maxlength="12" v-model.trim="queryParams.carBrand" placeholder="请输入车辆品牌" clearable @keyup.enter="handleQuery" />
+              <el-input v-model.trim="queryParams.carBrand" clearable maxlength="12" placeholder="请输入车辆品牌" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="车身颜色" prop="carColor">
-              <el-input maxlength="12" v-model.trim="queryParams.carColor" placeholder="请输入车身颜色" clearable @keyup.enter="handleQuery" />
+              <el-input v-model.trim="queryParams.carColor" clearable maxlength="12" placeholder="请输入车身颜色" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="handleQuery">搜索</el-button>
@@ -30,8 +30,8 @@
             :disable-delete="multiple"
             :disable-edit="single"
             :show-add="checkPermi(['car:car:add'])"
-            :show-edit="checkPermi(['car:car:edit'])"
             :show-delete="checkPermi(['car:car:remove'])"
+            :show-edit="checkPermi(['car:car:edit'])"
             @update:add="handleAdd"
             @update:edit="handleUpdate()"
             @update:delete="handleDelete()"
@@ -39,31 +39,31 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="carList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="carList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column label="车牌号" align="center" prop="carNum" />
+        <el-table-column align="center" label="车牌号" prop="carNum" />
-        <el-table-column label="车辆品牌" align="center" prop="carBrand" />
+        <el-table-column align="center" label="车辆品牌" prop="carBrand" />
-        <el-table-column label="车辆型号" align="center" prop="carModel" />
+        <el-table-column align="center" label="车辆型号" prop="carModel" />
-        <el-table-column label="车身颜色" align="center" prop="carColor" />
+        <el-table-column align="center" label="车身颜色" prop="carColor" />
-        <el-table-column label="持有人" align="center" prop="userName">
+        <el-table-column align="center" label="持有人" prop="userName">
           <template #default="scope"> {{ scope.row.userName }} </template>
         </el-table-column>
-        <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
+        <el-table-column align="center" label="备注" prop="remark" show-overflow-tooltip />
-        <el-table-column label="操作" align="center">
+        <el-table-column align="center" label="操作">
           <template #default="scope">
-            <el-button link type="primary" @click="handleUpdate(scope.row)" v-has-permi="['car:car:edit']">修改</el-button>
+            <el-button v-has-permi="['car:car:edit']" link type="primary" @click="handleUpdate(scope.row)">修改</el-button>
-            <el-button link type="primary" @click="handleDelete(scope.row)" v-has-permi="['car:car:remove']">删除</el-button>
+            <el-button v-has-permi="['car:car:remove']" link type="primary" @click="handleDelete(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
     </el-card>
   </div>
 </template>
 
-<script setup name="Car" lang="ts">
+<script lang="ts" name="Car" setup>
-import Pageheader from '@/components/Pageheader/index.vue';
+import pageHeader from '@/components/Pageheader/index.vue';
 import { listCar, delCar } from '@/api/system/cars';
 import { CarVO, CarQuery, CarForm } from '@/api/system/cars/type';
 import { checkPermi } from '@/utils/permission';

src/views/system/equipment/Archive/main.vue

@@ -39,11 +39,14 @@
             <div class="label">维护人员：</div>
             <span class="value">{{ form.maintainUserListName }}</span>
           </div>
+          <div class="info_item">
+            <div class="label">设备保质期：</div>
+            <span class="value">{{ form.shelfLife }}</span>
+          </div>
           <div class="info_item">
             <div class="label">添加时间：</div>
             <span class="value">{{ form.createTime }}</span>
           </div>
-          <div></div>
           <div class="info_item">
             <div class="label">备注：</div>
             <span class="value">{{ form.remark }}</span>
@@ -55,17 +58,17 @@
       <div class="title">维修记录</div>
       <div class="addBuildingFormBody">
         <el-table v-loading="loading" :data="deviceRepairList">
-          <el-table-column type="index" align="center" />
+          <el-table-column align="center" type="index" />
-          <el-table-column label="设备名称" align="center" prop="deviceName" />
+          <el-table-column align="center" label="设备名称" prop="deviceName" />
-          <el-table-column label="设备编号" align="center" prop="deviceCode" />
+          <el-table-column align="center" label="设备编号" prop="deviceCode" />
-          <el-table-column label="维修人员" align="center" prop="maintainUserNames" />
+          <el-table-column align="center" label="维修人员" prop="maintainUserNames" />
-          <el-table-column label="故障描述" align="center" prop="faultDesc" />
+          <el-table-column align="center" label="故障描述" prop="faultDesc" />
-          <el-table-column label="维修结果" align="center" prop="repairResult">
+          <el-table-column align="center" label="维修结果" prop="repairResult">
             <template #default="scope">
               <dict-tag :options="com_equipment_repair_status" :value="scope.row.repairResult"></dict-tag>
             </template>
           </el-table-column>
-          <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+          <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作">
             <template #default="scope">
               <el-button link type="primary" @click="handleMain(scope.row)">详情</el-button>
               <el-button link type="primary" @click="handleEdit(scope.row)">编辑</el-button>
@@ -73,13 +76,13 @@
             </template>
           </el-table-column>
         </el-table>
-        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getlist" />
+        <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
       </div>
     </div>
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { getDevice } from '@/api/system/equipment/archive';
@@ -100,6 +103,7 @@ const form = ref({
   deviceModel: '', // 型号
   area: '', // 区域
   status: '0', // 区域
+  shelfLife: '', // 设备保质期
   maintainUserIds: '', // 设备维护人员
   maintainUserListName: '', // 设备维护人员
   createTime: '', // 设备维护人员
@@ -109,7 +113,10 @@ const form = ref({
 const userid = ref(null);
 const total = ref(0);
 const loading = ref(false);
-const deviceRepairList = ref([]);
+type DeviceRepairVOList = DeviceRepairVO & {
+  maintainUserNames?: string;
+};
+const deviceRepairList = ref<DeviceRepairVOList[]>([]);
 
 const queryParams = ref({
   pageNum: 1,
@@ -124,6 +131,7 @@ function init() {
         id: res.data.id,
         categoryName: res.data.categoryName,
         deviceName: res.data.deviceName,
+        shelfLife: res.data.shelfLife,
         deviceCode: res.data.deviceCode,
         deviceModel: res.data.deviceModel,
         area: res.data.area,
@@ -139,15 +147,19 @@ function init() {
           .filter((it) => it !== null)
           .join(',');
       }
-      getlist();
+      getList();
     });
   }
 }
 init();
 
-async function getlist() {
+function getList() {
   loading.value = true;
-  listDeviceRepair()
+  listDeviceRepair({
+    deviceId: form.value.id,
+    pageNum: queryParams.value.pageNum,
+    pageSize: queryParams.value.pageSize
+  })
     .then((rows) => {
       deviceRepairList.value = rows.rows;
       deviceRepairList.value.forEach((item) => {
@@ -177,10 +189,10 @@ const handleDelete = async (row?: DeviceRepairVO) => {
   await proxy?.$modal.confirm('是否确认删除维修工单？');
   await delDeviceRepair(_ids);
   proxy?.$modal.msgSuccess('删除成功');
-  getlist();
+  getList();
 };
 
-const handleMain = (row) => {
+const handleMain = (row: DeviceRepairVO) => {
   router.push({
     path: '/equipment/equipmentRepairMain',
     query: {
@@ -188,7 +200,7 @@ const handleMain = (row) => {
     }
   });
 };
-const handleEdit = (row) => {
+const handleEdit = (row: DeviceRepairVO) => {
   router.push({
     path: '/equipment/editEquipmentRepair',
     query: {
@@ -202,7 +214,7 @@ const cancelForm = () => {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .AddBuildingBox {
   padding: 15px;
   height: 100%;

src/views/system/equipment/Category/index.vue

@@ -4,9 +4,9 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" label-width="100" :model="queryParams" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" label-width="100">
             <el-form-item label="设备分类名称" prop="categoryName">
-              <el-input maxlength="20" v-model="queryParams.categoryName" placeholder="请输入设备分类名称" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.categoryName" clearable maxlength="20" placeholder="请输入设备分类名称" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="handleQuery">搜索</el-button>
@@ -24,8 +24,8 @@
             :disable-delete="multiple"
             :disable-edit="single"
             :show-add="checkPermi(['warehouse:deviceCategory:add'])"
-            :show-edit="false"
             :show-delete="checkPermi(['warehouse:deviceCategory:remove'])"
+            :show-edit="false"
             @update:add="handleAdd"
             @update:edit="handleUpdate()"
             @update:delete="handleDelete()"
@@ -33,39 +33,36 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="deviceCategoryList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="deviceCategoryList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column label="设备分类名称" align="center" prop="categoryName" />
+        <el-table-column align="center" label="设备分类名称" prop="categoryName" />
-        <el-table-column label="状态" align="center" prop="status">
+        <el-table-column align="center" label="状态" prop="status">
           <template #default="scope">
-            <el-switch :inactive-value="1" :active-value="0" v-model="scope.row.status"></el-switch>
+            <el-switch
+              v-model="scope.row.status"
+              :active-value="0"
+              :before-change="() => updateDeviceSwitch(scope.row)"
+              :inactive-value="1"
+            ></el-switch>
           </template>
         </el-table-column>
-        <el-table-column label="添加时间" align="center" prop="createTime" />
+        <el-table-column align="center" label="添加时间" prop="createTime" />
-        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作">
           <template #default="scope">
-            <el-button link type="primary" @click="handleUpdate(scope.row)" v-has-permi="['warehouse:deviceCategory:edit']">编辑</el-button>
+            <el-button v-has-permi="['warehouse:deviceCategory:edit']" link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>
-            <el-button link type="primary" @click="handleDelete(scope.row)" v-has-permi="['warehouse:deviceCategory:remove']">删除</el-button>
+            <el-button v-has-permi="['warehouse:deviceCategory:remove']" link type="primary" @click="handleDelete(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
     </el-card>
     <!-- 添加或修改设备分类对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+    <el-dialog v-model="dialog.visible" :title="dialog.title" append-to-body width="500px">
       <el-form ref="deviceCategoryFormRef" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="设备分类名称" prop="categoryName">
-          <el-input maxlength="20" show-word-limit v-model="form.categoryName" placeholder="请输入设备分类名称" />
+          <el-input v-model="form.categoryName" maxlength="20" placeholder="请输入设备分类名称" show-word-limit />
         </el-form-item>
-        <el-form-item label="设备分类状态" prop="status">
-          <el-radio-group v-model="form.status">
-            <el-radio v-for="(item, index) in com_equipment_device_category" :key="index" :value="Number(item.value)" :label="item.label"></el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <!-- <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-        </el-form-item> -->
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -77,13 +74,12 @@
   </div>
 </template>
 
-<script setup name="DeviceCategory" lang="ts">
+<script lang="ts" name="DeviceCategory" setup>
 import { listDeviceCategory, delDeviceCategory, addDeviceCategory, updateDeviceCategory } from '@/api/system/equipment/Category';
 import { DeviceCategoryVO, DeviceCategoryQuery, DeviceCategoryForm } from '@/api/system/equipment/Category/type';
 import { checkPermi } from '@/utils/permission';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { com_equipment_device_category } = toRefs<any>(proxy?.useDict('com_equipment_device_category'));
 
 const deviceCategoryList = ref<DeviceCategoryVO[]>([]);
 const buttonLoading = ref(false);
@@ -135,6 +131,22 @@ const getList = async () => {
     });
 };
 
+function updateDeviceSwitch(row: DeviceCategoryVO): Promise<boolean> {
+  return new Promise((resolve, reject) => {
+    const obj = {
+      id: row.id,
+      status: row.status === 1 ? 0 : 1
+    };
+    updateDeviceCategory(obj)
+      .then(() => {
+        resolve(true);
+      })
+      .catch(() => {
+        reject(false);
+      });
+  });
+}
+
 /** 取消按钮 */
 const cancel = () => {
   reset();

src/views/system/equipment/Repair/add.vue

@@ -4,43 +4,44 @@
     <div class="AddBuildingBody">
       <div class="title">基本信息</div>
       <div class="addBuildingFormBody">
-        <el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
+        <el-form ref="formRef" :model="form" :rules="rules" class="formBody" label-position="right" label-width="130px">
-          <el-form-item label="维修设备" prop="deviceId">
+          <el-form-item label="设备分类" prop="categoryId">
-            <el-select v-model="form.deviceId">
+            <el-select v-model="form.categoryId" @change="handleCategoryIdChange">
               <el-option
-                v-for="(item, index) in deviceCategorylist"
+                v-for="(item, index) in deviceCategoryList"
                 :key="index"
                 :disabled="item.status === 1"
-                :value="item.id"
                 :label="item.categoryName"
+                :value="item.id"
               ></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="设备名称" prop="deviceName">
+          <el-form-item label="设备名称" prop="deviceId">
-            <el-input maxlength="20" v-model.trim="form.deviceName" placeholder="请输入设备名称" />
+            <el-select v-model="form.deviceId" filterable @change="handleDeviceChange">
+              <el-option v-for="(item, index) in deviceList" :key="index" :label="item.deviceName" :value="item.id"></el-option>
+            </el-select>
           </el-form-item>
           <el-form-item label="设备编号" prop="deviceCode">
-            <el-input maxlength="20" v-model.trim="form.deviceCode" placeholder="请输入设备编号" />
+            <el-input v-model.trim="form.deviceCode" disabled maxlength="20" placeholder="请输入设备编号" />
           </el-form-item>
           <el-form-item label="设备型号" prop="deviceModel">
-            <el-input maxlength="20" v-model.trim="form.deviceModel" placeholder="请输入设备型号" />
+            <el-input v-model.trim="form.deviceModel" disabled maxlength="20" placeholder="请输入设备型号" />
           </el-form-item>
           <el-form-item label="位置区域" prop="area">
-            <el-input maxlength="100" show-word-limit type="textarea" :rows="2" v-model.trim="form.area" placeholder="请输入位置区域" />
+            <el-input v-model.trim="form.area" :rows="2" maxlength="100" placeholder="请输入位置区域" show-word-limit type="textarea" />
           </el-form-item>
           <el-form-item label="维护人员" prop="maintainUserIds">
             <repairUser
-              userType="repair"
-              EquipmentMaintenance
-              :userid="checkoutuseid"
               ref="repairUserRef"
-              returnvalue="*"
               :is-multiple="true"
+              :userid="checkoutUseId"
+              returnvalue="*"
               title-name="维护人员"
+              userType="repair"
               @change="handleCheckoutUser"
             >
               <template #default>
-                <div class="checkoutuserbox flex flex-items-center justify-around" v-for="(item, index) in checkoutuser" :key="index">
+                <div v-for="(item, index) in checkoutUser" :key="index" class="checkoutUserBox flex flex-items-center justify-around">
                   <span>{{ item.nickName }}</span>
                   <div @click="handleDelete(item.id)">
                     <el-icon>
@@ -48,7 +49,7 @@
                     </el-icon>
                   </div>
                 </div>
-                <div class="checkoutuserbox add flex flex-items-center justify-center" @click="() => repairUserRef.open()">
+                <div class="checkoutUserBox add flex flex-items-center justify-center" @click="() => repairUserRef.open()">
                   <el-icon>
                     <Plus></Plus>
                   </el-icon>
@@ -58,15 +59,15 @@
             </repairUser>
           </el-form-item>
           <el-form-item label="故障描述" prop="faultDesc">
-            <el-input maxlength="100" show-word-limit type="textarea" :rows="2" v-model.trim="form.faultDesc" placeholder="请输入" />
+            <el-input v-model.trim="form.faultDesc" :rows="2" maxlength="100" placeholder="请输入" show-word-limit type="textarea" />
           </el-form-item>
           <el-form-item label="维修结果" prop="repairResult">
             <el-radio-group v-model.trim="form.repairResult">
-              <el-radio v-for="(item, index) in com_equipment_repair_status" :value="item.value" :label="item.label" :key="index"></el-radio>
+              <el-radio v-for="(item, index) in com_equipment_repair_status" :key="index" :label="item.label" :value="item.value"></el-radio>
             </el-radio-group>
           </el-form-item>
           <el-form-item label="备注" prop="remark">
-            <el-input maxlength="200" show-word-limit type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入" />
+            <el-input v-model.trim="form.remark" :rows="5" maxlength="200" placeholder="请输入" show-word-limit type="textarea" />
           </el-form-item>
 
           <el-form-item style="margin-top: 30px">
@@ -78,13 +79,14 @@
     </div>
   </div>
 </template>
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import repairUser from '@/components/Holder/repairUser.vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { listDeviceCategory } from '@/api/system/equipment/Category';
 import { Delete, Plus } from '@element-plus/icons-vue';
 import { addDeviceRepair, getDeviceRepair, updateDeviceRepair } from '@/api/system/equipment/Repair';
+import { listDevice } from '@/api/system/equipment/archive';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { com_equipment_repair_status } = toRefs<any>(proxy?.useDict('com_equipment_repair_status'));
@@ -96,7 +98,8 @@ const formRef = ref();
 const repairUserRef = ref();
 const form = ref({
   id: null,
-  deviceId: '', // 分类id、
+  categoryId: '', // 分类id、
+  deviceId: '', // 设备id
   deviceName: '', // 设备名称
   deviceCode: '', // 编号
   deviceModel: '', // 型号
@@ -107,22 +110,40 @@ const form = ref({
   remark: '' // 备注
 });
 const rules = ref({
-  deviceId: [{ required: true, message: '请选择 设备类型', trigger: 'blur' }],
+  categoryId: [{ required: true, message: '请选择 设备分类', trigger: 'blur' }],
+  deviceId: [{ required: true, message: '请选择 设备', trigger: 'blur' }],
   deviceName: [{ required: true, message: '请输入 设备名称', trigger: 'blur' }],
   faultDesc: [{ required: true, message: '请输入 故障描述', trigger: 'blur' }],
   maintainUserIds: [{ required: true, message: '请选择 维修人员', trigger: 'blur' }]
 });
 const userid = ref(null);
 
-const deviceCategorylist = ref([]);
+// 设备列表
+const deviceList = ref([]);
+// 分类列表
+const deviceCategoryList = ref([]);
+function handleCategoryIdChange(val: string) {
+  listDevice({ categoryId: val, pageNum: 1, pageSize: undefined }).then((res) => {
+    deviceList.value = res.rows;
+  });
+}
+function handleDeviceChange(val: string) {
+  const find = deviceList.value.find((item) => item.id === val);
+  if (find) {
+    form.value.deviceName = find.deviceName;
+    form.value.deviceCode = find.deviceCode;
+    form.value.deviceModel = find.deviceModel;
+  }
+}
 function init() {
   listDeviceCategory().then((res) => {
-    deviceCategorylist.value = res.rows;
+    deviceCategoryList.value = res.rows;
   });
   if (route.query.id) {
     userid.value = route.query.id;
     getDeviceRepair(userid.value).then((res) => {
       form.value = {
+        categoryId: res.data.categoryId,
         id: res.data.id,
         deviceName: res.data.deviceName,
         deviceCode: res.data.deviceCode,
@@ -131,38 +152,38 @@ function init() {
         maintainUserIds: res.data.maintainUserIds,
         area: res.data.area,
         faultDesc: res.data.faultDesc,
-
         repairResult: res.data.repairResult,
         remark: res.data.remark
       };
-
+      // 根据 分类id  回显设备
-      checkoutuser.value = [];
+      handleCategoryIdChange(res.data.categoryId);
-      checkoutuser.value = res.data.maintainUserList ?? [];
+      checkoutUser.value = [];
+      checkoutUser.value = res.data.maintainUserList ?? [];
     });
   }
 }
 init();
-
+// 用于回显维修人员
-const checkoutuseid = computed(() => {
+const checkoutUseId = computed(() => {
-  return checkoutuser.value
+  return checkoutUser.value
     .map((item) => item.userId)
     .filter((item) => item)
     .join(',');
 });
-const checkoutuser = ref([]);
+// 选择维修人员
-function handleCheckoutUser(row) {
+const checkoutUser = ref([]);
-  checkoutuser.value = row;
+function handleCheckoutUser(row: any[]) {
+  checkoutUser.value = row;
 }
-
 function handleDelete(id: string) {
-  checkoutuser.value = checkoutuser.value.filter((item) => item.id !== id);
+  checkoutUser.value = checkoutUser.value.filter((item) => item.id !== id);
 }
 
 // !== 提交 =============================================================================
 // 提交
 const submitForm = () => {
-  form.value.maintainUserIds = checkoutuser.value
+  form.value.maintainUserIds = checkoutUser.value
-    .map((itme) => itme.userId)
+    .map((item) => item.userId)
     .filter((item) => item)
     .join(',');
   formRef.value?.validate(async (valid: boolean) => {
@@ -187,7 +208,7 @@ const cancelForm = () => {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .AddBuildingBox {
   padding: 15px;
   height: 100%;
@@ -214,7 +235,7 @@ const cancelForm = () => {
     width: 650px;
     margin: 0 auto;
 
-    .checkoutuserbox {
+    .checkoutUserBox {
       margin: 5px;
       border: 1px solid #ccc;
       padding: 5px 10px;

src/views/system/equipment/Repair/index.vue

@@ -49,7 +49,7 @@
           </template>
         </el-table-column>
         <el-table-column align="center" label="备注" prop="remark" />
-        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作" width="160">
+        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作" min-width="160">
           <template #default="scope">
             <el-button v-has-permi="['warehouse:deviceRepair:query']" link type="primary" @click="handleMain(scope.row)">查看详情</el-button>
             <el-button v-has-permi="['warehouse:deviceRepair:edit']" link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>

src/views/system/house/AddHouse.vue

@@ -62,7 +62,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="储藏室" prop="storeroomId">
-            <el-select v-model="form.storeroomId" class="m-2" placeholder="请选择储藏室">
+            <el-select v-model="form.storeroomId" class="m-2" clearable placeholder="请选择储藏室" @clear="handleClearStoreRoomId">
               <el-option v-for="(item, index) in storeRoomList" :key="index" :label="item.storeroomName" :value="item.id" />
             </el-select>
           </el-form-item>
@@ -132,7 +132,7 @@ const rules = ref({
       trigger: 'blur'
     },
     {
-      validator: (_, value, callback) => {
+      validator: (_: any, value: string, callback: (arg0?: Error) => void) => {
         if (value === '' || value === null) {
           return callback(new Error('请输入建筑面积'));
         } else {
@@ -156,7 +156,7 @@ const rules = ref({
       trigger: 'blur'
     },
     {
-      validator: (rule, value, callback) => {
+      validator: (_: any, value: string, callback: (arg0?: Error) => void) => {
         if (value === '' || value === null) {
           return callback();
         }
@@ -178,7 +178,7 @@ const rules = ref({
       trigger: 'blur'
     },
     {
-      validator: (rule, value, callback) => {
+      validator: (_: any, value: string, callback: (arg0?: Error) => void) => {
         if (value === '' || value === null) {
           return callback();
         }
@@ -259,6 +259,11 @@ async function getEditInfo() {
     });
   }
 }
+
+// 清空储藏室
+function handleClearStoreRoomId() {
+  form.value.storeroomId = '';
+}
 // 选择楼栋
 function handleChangeBuild(id: string) {
   queryChangeStore.value.buildingId = id;

src/views/system/house/HouseDetails.vue

@@ -7,39 +7,39 @@
         <el-button v-if="HouseInfo.house" v-has-permi="['system:house:edit']" text type="primary" @click="editHouse">编辑</el-button>
       </div>
       <div v-if="HouseInfo.house" class="addBuildingFormBody">
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">房号:</div>
           <div class="value">{{ HouseInfo.house?.buildingName }}-{{ HouseInfo.house?.unitNoName }}-{{ HouseInfo.house?.houseNo ?? '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">所属小区:</div>
           <div class="value">{{ HouseInfo.house?.villageName ?? '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">楼栋:</div>
           <div class="value">{{ HouseInfo.house?.buildingName ?? '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">单元:</div>
           <div class="value">{{ HouseInfo.house?.unitNoName ?? '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">楼层:</div>
           <div class="value">{{ HouseInfo.house?.floorNo ? HouseInfo.house?.floorNo + ' 层' : '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">建筑面积:</div>
           <div class="value">{{ HouseInfo.house?.houseArea ? `${HouseInfo.house?.houseArea} ㎡` : '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">套内面积:</div>
           <div class="value">{{ HouseInfo.house?.internalArea ? `${HouseInfo.house?.internalArea} ㎡` : '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">公摊面积:</div>
           <div class="value">{{ HouseInfo.house?.shareArea ? `${HouseInfo.house?.shareArea} ㎡` : '--' }}</div>
         </div>
-        <div class="descriptionsbox">
+        <div class="descriptionsBox">
           <div class="label">户型:</div>
           <div class="value">
             {{ HouseInfo.house?.houseType ? HouseInfo.house?.houseType.split('')[0] : '--' }}室
@@ -60,31 +60,31 @@
       </div>
       <div v-if="HouseInfo.storeroom" class="">
         <div class="addBuildingFormBody">
-          <div class="descriptionsbox">
+          <div class="descriptionsBox">
             <div class="label">楼栋:</div>
             <div class="value">{{ HouseInfo.storeroom?.buildingName ?? '--' }}</div>
           </div>
-          <div class="descriptionsbox">
+          <div class="descriptionsBox">
             <div class="label">单元:</div>
             <div class="value">{{ HouseInfo.storeroom?.unitNoName ? `${HouseInfo.storeroom?.unitNoName} 单元` : '--' }}</div>
           </div>
-          <div class="descriptionsbox">
+          <div class="descriptionsBox">
             <div class="label">储藏室号:</div>
             <div class="value">{{ HouseInfo.storeroom?.storeroomNo ? `${HouseInfo.storeroom?.storeroomNo}` : '--' }}</div>
           </div>
-          <div class="descriptionsbox">
+          <div class="descriptionsBox">
             <div class="label">建筑面积:</div>
             <div class="value">{{ HouseInfo.storeroom?.houseArea ? HouseInfo.storeroom?.houseArea + ' ㎡' : '--' }}</div>
           </div>
-          <div class="descriptionsbox">
+          <div class="descriptionsBox">
             <div class="label">公摊面积:</div>
             <div class="value">{{ HouseInfo.storeroom?.shareArea ? HouseInfo.storeroom?.shareArea + ' ㎡' : '--' }}</div>
           </div>
-          <div class="descriptionsbox">
+          <div class="descriptionsBox">
             <div class="label">实用面积:</div>
             <div class="value">{{ HouseInfo.storeroom?.internalArea ? HouseInfo.storeroom?.internalArea + ' ㎡' : '--' }}㎡</div>
           </div>
-          <div class="descriptionsbox" style="grid-column-start: 1; grid-column-end: 4">
+          <div class="descriptionsBox" style="grid-column-start: 1; grid-column-end: 4">
             <div class="label">备注:</div>
             <div class="value">{{ HouseInfo.storeroom?.remark ?? '--' }}</div>
           </div>
@@ -141,12 +141,12 @@
           <el-table-column label="收费项目" prop="itemName" />
           <el-table-column label="收费标准" prop="name">
             <template #default="scope">
-              <div class="flex">
+              <div v-if="scope.row.fixedPrice" class="flex">
                 <span>{{ scope.row.fixedPrice }}</span>
-                <span v-if="scope.row.fixedPrice && scope.row.unit">/</span>
+                <span v-if="scope.row.unit">/</span>
-                <span v-else>---</span>
+                <dict-tag v-if="scope.row.unit" :options="com_charge_item_unit" :value="scope.row.unit"></dict-tag>
-                <dict-tag :options="com_charge_item_unit" :value="scope.row.unit"></dict-tag>
               </div>
+              <span v-else> --- </span>
             </template>
           </el-table-column>
           <el-table-column label="开始时间" prop="createTime" />
@@ -178,7 +178,7 @@
               <DictTag :options="com_resident_relationship" :value="scope.row.ownerRelationship"></DictTag>
             </template>
           </el-table-column>
-          <el-table-column label="备注" prop="name" />
+          <el-table-column label="备注" prop="remark" show-overflow-tooltip />
         </el-table>
       </div>
     </div>
@@ -188,19 +188,16 @@
         <span>缴费账单</span>
       </div>
       <div>
-        <el-table :data="HouseInfo.billResidentList" style="width: 100%">
+        <el-table :data="billList" style="width: 100%">
-          <el-table-column label="账单编号" prop="billCode" />
+          <el-table-column label="账单名称" prop="detailsName" />
-          <el-table-column label="账单名称" prop="billName" />
+          <el-table-column label="账单项目" prop="chargeItemName" />
-          <el-table-column label="账单项目" prop="chargeTypeName" />
           <el-table-column label="金额" prop="money">
             <template #default="scope">
-              <span v-if="scope.row.chargeTypeName === '水费' || scope.row.chargeTypeName === '电费'">--</span>
+              <span>{{ scope.row.amount }}</span>
-              <span v-else>{{ scope.row.money }}</span>
             </template>
           </el-table-column>
           <el-table-column label="支付状态" prop="payStatus">
             <template #default="scope">
-              <span v-if="scope.row.chargeTypeName === '水费' || scope.row.chargeTypeName === '电费'">--</span>
               <DictTag :options="com_pay_status" :value="scope.row.payStatus ?? 0"></DictTag>
             </template>
           </el-table-column>
@@ -214,7 +211,8 @@
 import { ref } from 'vue';
 import DictTag from '@/components/DictTag/index.vue';
 import PageHeader from '@/components/Pageheader/index.vue';
-import { Data, getHouseMain } from '@/api/system/house';
+import { Data, getHouseMain, House } from '@/api/system/house';
+import { billlistType, billQuery } from '@/api/system/SdbCashier';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { com_resident_relationship } = toRefs<any>(proxy?.useDict('com_resident_relationship'));
@@ -226,7 +224,7 @@ const { com_charge_item_unit } = toRefs<any>(proxy?.useDict('com_charge_item_uni
 
 const route = useRoute();
 const router = useRouter();
-const routeid = ref('');
+let routeId = '';
 const HouseInfo = ref<Data>({
   billResidentList: [],
   chargeItemList: [],
@@ -263,13 +261,35 @@ function handleEditUser(id: string) {
 }
 function init() {
   if (route.query.id) {
-    routeid.value = route.query.id as string;
+    routeId = route.query.id as string;
-    getHouseMain(routeid.value).then((res) => {
+    getHouseMain(routeId).then((res) => {
       HouseInfo.value = res.data;
+      getBillByHouse(res.data.house);
     });
   }
 }
 init();
+const billList = ref<billlistType[]>([]);
+const queryParams = ref({
+  pageSize: 10,
+  pageNum: 1
+});
+const total = ref(0);
+function getBillByHouse(info: House) {
+  const obj = {
+    buildingId: info.buildingId,
+    houseId: info.houseId,
+    pageNum: queryParams.value.pageNum,
+    pageSize: queryParams.value.pageSize,
+    unitNoId: info.unitNoId,
+    payStatus: null,
+    villageId: info.villageId
+  };
+  billQuery(obj).then((res) => {
+    billList.value = res.rows;
+    total.value = res.total;
+  });
+}
 </script>
 
 <style lang="scss" scoped>
@@ -300,10 +320,10 @@ init();
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows: repeat(3, 1fr);
-    &.remarkbuildingformbody {
+    &.remarkBuildingFormBody {
       display: block;
     }
-    .descriptionsbox {
+    .descriptionsBox {
       display: flex;
       align-items: center;
       margin: 10px 0;

src/views/system/houseRental/index.vue

@@ -485,7 +485,7 @@ const handleExceed = () => {
 };
 const handleChange = (file: UploadUserFile) => {
   // 过滤上传文件-只允许图片，pdf格式
-  if (!/^\.(jpg|jpeg|png|gif|pdf)$/i.test(file.name)) {
+  if (!/\.(jpg|jpeg|png|gif|pdf)$/i.test(file.name)) {
     ElMessage.warning('只允许上传图片，pdf格式');
     uploadRef.value?.handleRemove(file);
     return;

src/views/system/inspection/Daily/index.vue

@@ -8,6 +8,7 @@
             <el-form-item label="选择日期" prop="statDate">
               <el-date-picker
                 v-model="starDate"
+                clearable
                 end-placeholder="结束日期"
                 format="YYYY/MM/DD"
                 range-separator="到"
@@ -15,6 +16,7 @@
                 type="daterange"
                 unlink-panels
                 value-format="YYYY/MM/DD"
+                @clear="handleClear"
               />
             </el-form-item>
             <el-form-item>
@@ -75,13 +77,18 @@ const data = reactive({
   }
 });
 const starDate = ref([]);
+function handleClear() {
+  starDate.value = [];
+  queryParams.value.queryDateBegin = undefined;
+  queryParams.value.queryDateEnd = undefined;
+}
 const { queryParams } = toRefs(data);
 
 /** 查询巡检项目列表 */
 const getList = async () => {
   queryParams.value.statDate = starDate.value.join('-');
-  queryParams.value.queryDateBegin = starDate.value[0];
+  queryParams.value.queryDateBegin = starDate.value[0] || undefined;
-  queryParams.value.queryDateEnd = starDate.value[1];
+  queryParams.value.queryDateEnd = starDate.value[1] || undefined;
   loading.value = true;
   listItem(queryParams.value)
     .then((res) => {

src/views/system/inspection/Item/index2.vue

@@ -47,9 +47,9 @@
             ></el-switch>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="添加人" prop="createByName" width="120" />
+        <el-table-column align="center" label="添加人" prop="createByName" width="150" />
-        <el-table-column align="center" label="添加时间" prop="createTime" width="120" />
+        <el-table-column align="center" label="添加时间" prop="createTime" width="180" />
-        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作" width="300">
+        <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
           <template #default="scope">
             <el-button v-has-permi="['inspection:item:edit']" link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>
             <el-button v-has-permi="['inspection:item:remove']" link type="primary" @click="handleDelete(scope.row)">删除</el-button>
@@ -63,14 +63,13 @@
 </template>
 
 <script lang="ts" name="Item" setup>
-import { listItem, delItem, addItem, updateItem, updateItemStatus } from '@/api/system/InspectionItem/index';
+import { listItem, delItem, updateItemStatus } from '@/api/system/InspectionItem';
 import { ItemVO, ItemQuery, ItemForm } from '@/api/system/InspectionItem/type';
 import { checkPermi } from '@/utils/permission';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
 const itemList = ref<ItemVO[]>([]);
-const buttonLoading = ref(false);
 const loading = ref(true);
 const showSearch = ref(true);
 const ids = ref<Array<string | number>>([]);
@@ -79,12 +78,6 @@ const multiple = ref(true);
 const total = ref(0);
 
 const queryFormRef = ref<ElFormInstance>();
-const itemFormRef = ref<ElFormInstance>();
-
-const dialog = reactive<DialogOption>({
-  visible: false,
-  title: ''
-});
 
 const initFormData: ItemForm = {
   id: undefined,
@@ -123,7 +116,7 @@ const data = reactive<PageData<ItemForm, ItemQuery>>({
   }
 });
 
-const { queryParams, form, rules } = toRefs(data);
+const { queryParams } = toRefs(data);
 
 /** 查询巡检项目列表 */
 const getList = async () => {
@@ -138,18 +131,6 @@ const getList = async () => {
     });
 };
 
-/** 取消按钮 */
-const cancel = () => {
-  reset();
-  dialog.visible = false;
-};
-
-/** 表单重置 */
-const reset = () => {
-  form.value = { ...initFormData };
-  itemFormRef.value?.resetFields();
-};
-
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.value.pageNum = 1;
@@ -179,7 +160,7 @@ const handleAdd = () => {
 };
 
 /** 修改按钮操作 */
-const handleUpdate = async (row?: ItemVO) => {
+const handleUpdate = (row?: ItemVO) => {
   const _ids = row?.id || ids.value[0];
   router.push({
     path: '/inspection/editItem',
@@ -204,23 +185,6 @@ const handleChange = (value: string, id: string) => {
     });
 };
 
-/** 提交按钮 */
-const submitForm = () => {
-  itemFormRef.value?.validate(async (valid: boolean) => {
-    if (valid) {
-      buttonLoading.value = true;
-      if (form.value.id) {
-        await updateItem(form.value).finally(() => (buttonLoading.value = false));
-      } else {
-        await addItem(form.value).finally(() => (buttonLoading.value = false));
-      }
-      proxy?.$modal.msgSuccess('操作成功');
-      dialog.visible = false;
-      await getList();
-    }
-  });
-};
-
 /** 删除按钮操作 */
 const handleDelete = async (row?: ItemVO) => {
   const _ids = row?.id || ids.value;
@@ -230,17 +194,6 @@ const handleDelete = async (row?: ItemVO) => {
   await getList();
 };
 
-/** 导出按钮操作 */
-const handleExport = () => {
-  proxy?.download(
-    'system/item/export',
-    {
-      ...queryParams.value
-    },
-    `item_${new Date().getTime()}.xlsx`
-  );
-};
-
 onMounted(() => {
   getList();
 });

src/views/system/inspection/Monthly/index.vue

@@ -8,6 +8,7 @@
             <el-form-item label="选择日期" prop="itemName">
               <el-date-picker
                 v-model="starDate"
+                clearable
                 end-placeholder="结束日期"
                 format="YYYY/MM/DD"
                 range-separator="到"
@@ -15,6 +16,7 @@
                 type="daterange"
                 unlink-panels
                 value-format="YYYY/MM/DD"
+                @clear="handleClear"
               />
             </el-form-item>
             <el-form-item>
@@ -64,6 +66,11 @@ const total = ref(0);
 const queryFormRef = ref<ElFormInstance>();
 
 const starDate = ref([]);
+function handleClear() {
+  starDate.value = [];
+  queryParams.value.queryDateBegin = undefined;
+  queryParams.value.queryDateEnd = undefined;
+}
 const data = reactive({
   queryParams: {
     pageNum: 1,
@@ -80,8 +87,8 @@ const { queryParams } = toRefs(data);
 /** 查询巡检项目列表 */
 const getList = async () => {
   queryParams.value.statDate = starDate.value.join('-');
-  queryParams.value.queryDateBegin = starDate.value[0];
+  queryParams.value.queryDateBegin = starDate.value[0] || undefined;
-  queryParams.value.queryDateEnd = starDate.value[1];
+  queryParams.value.queryDateEnd = starDate.value[1] || undefined;
   loading.value = true;
   listItem(queryParams.value)
     .then((res) => {

src/views/system/inspection/Plan/addInspectionPlan.vue

@@ -103,10 +103,10 @@ const checkoutWeek = ref([]);
 function checkoutWeekFun(val: number) {
   if (!checkoutWeek.value.includes(val)) {
     checkoutWeek.value.push(val);
-    form.value.executeDay = checkoutWeek.value.join(',');
   } else {
     checkoutWeek.value = checkoutWeek.value.filter((item) => item !== val);
   }
+  form.value.executeDay = checkoutWeek.value.join(',');
 }
 
 // 提醒时间

src/views/system/inspection/Plan/index.vue

@@ -118,8 +118,7 @@ const data = reactive<PageData<PlanForm, PlanQuery>>({
     inspectSetting: undefined,
     routeIds: undefined,
     status: undefined,
-    executeDay: undefined,
+    executeDay: undefined
-    params: {}
   },
   rules: {}
 });

src/views/system/inspection/Record/index.vue

@@ -13,12 +13,14 @@
             <el-form-item label="巡检日期" prop="taskTime">
               <el-date-picker
                 v-model="taskTime"
+                clearable
                 end-placeholder="结束日期"
                 format="YYYY-MM-DD"
                 range-separator="到"
                 start-placeholder="开始日期"
                 type="daterange"
                 value-format="YYYY-MM-DD"
+                @clear="handleClear"
                 @update:model-value="handleDate"
               />
             </el-form-item>
@@ -69,7 +71,7 @@
 </template>
 
 <script lang="ts" name="Record" setup>
-import { listRecord, delRecord, addRecord, updateRecord } from '@/api/system/InspectionRecord/index';
+import { listRecord } from '@/api/system/InspectionRecord';
 import { RecordVO, RecordQuery, RecordForm } from '@/api/system/InspectionRecord/type';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -84,12 +86,6 @@ const multiple = ref(true);
 const total = ref(0);
 
 const queryFormRef = ref<ElFormInstance>();
-const recordFormRef = ref<ElFormInstance>();
-
-const dialog = reactive<DialogOption>({
-  visible: false,
-  title: ''
-});
 
 const initFormData: RecordForm = {
   id: undefined,
@@ -115,7 +111,7 @@ const data = reactive<PageData<RecordForm, RecordQuery>>({
   }
 });
 
-const { queryParams, form } = toRefs(data);
+const { queryParams } = toRefs(data);
 
 /** 查询巡检记录主列表 */
 const getList = async () => {
@@ -132,21 +128,15 @@ const getList = async () => {
 
 // 处理日期选择
 const taskTime = ref([]);
-const handleDate = (val) => {
+function handleClear() {
-  queryParams.value.taskTimeBegin = val[0];
+  queryParams.value.taskTimeBegin = '';
-  queryParams.value.taskTimeEnd = val[1];
+  queryParams.value.taskTimeEnd = '';
-};
+}
-
+const handleDate = (val: string[]) => {
-/** 取消按钮 */
+  if (val !== null) {
-const cancel = () => {
+    queryParams.value.taskTimeBegin = val[0];
-  reset();
+    queryParams.value.taskTimeEnd = val[1];
-  dialog.visible = false;
+  }
-};
-
-/** 表单重置 */
-const reset = () => {
-  form.value = { ...initFormData };
-  recordFormRef.value?.resetFields();
 };
 
 /** 搜索按钮操作 */

src/views/system/inspection/Statistics/index.vue

@@ -5,9 +5,10 @@
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :inline="true" label-width="120px">
-            <el-form-item label="选择日期" prop="checkdata">
+            <el-form-item label="选择日期" prop="checkData">
               <el-date-picker
-                v-model="checkdata"
+                v-model="checkData"
+                clearable
                 end-placeholder="结束日期"
                 format="YYYY/MM/DD"
                 placeholder="选择日期"
@@ -15,6 +16,7 @@
                 start-placeholder="开始日期"
                 type="daterange"
                 value-format="YYYY/MM/DD"
+                @clear="handleClear"
               />
             </el-form-item>
             <el-form-item>
@@ -75,7 +77,12 @@ const data = reactive({
   }
 });
 
-const checkdata = ref([]);
+const checkData = ref([]);
+function handleClear() {
+  checkData.value = [];
+  queryParams.value.queryDateBegin = undefined;
+  queryParams.value.queryDateEnd = undefined;
+}
 const { queryParams } = toRefs(data);
 /** 查询巡检路线列表*/
 const getList = async () => {
@@ -92,14 +99,17 @@ const getList = async () => {
 
 /** 搜索按钮操作 */
 const handleQuery = () => {
-  queryParams.value.queryDateBegin = checkdata.value[0];
+  queryParams.value.queryDateBegin = checkData.value[0] || undefined;
-  queryParams.value.queryDateEnd = checkdata.value[1];
+  queryParams.value.queryDateEnd = checkData.value[1] || undefined;
   queryParams.value.pageNum = 1;
   getList();
 };
 
 /** 重置按钮操作 */
 const resetQuery = () => {
+  queryParams.value.queryDateBegin = '';
+  queryParams.value.queryDateEnd = '';
+  checkData.value = [];
   queryFormRef.value?.resetFields();
   handleQuery();
 };

src/views/system/inspection/Task/addTask.vue

@@ -6,28 +6,28 @@
         <div>基本信息</div>
       </div>
       <div class="bodyBox">
-        <el-form ref="formRef" :model="form" :rules="rules" label-width="120px" label-position="right">
+        <el-form ref="formRef" :model="form" :rules="rules" label-position="right" label-width="120px">
           <el-form-item label="任务名称" prop="taskName">
-            <el-input maxlength="20" v-model="form.taskName" placeholder="请输入"></el-input>
+            <el-input v-model="form.taskName" maxlength="20" placeholder="请输入"></el-input>
           </el-form-item>
           <el-form-item label="巡检人员" prop="inspectorId">
             <div class="inspectorIdsBox">
               <div v-for="(item, index) in checkoutUserlist" :key="index" class="inspector_items">
                 <div class="name">{{ item.nickName }}</div>
-                <i @click="handleDelete(item.userId)" class="deleteAction">
+                <i class="deleteAction" @click="handleDelete(item.userId)">
                   <el-icon><Delete /></el-icon>
                 </i>
               </div>
               <RepairUser
-                titleName="巡检人员"
-                @change="handleUserChange"
-                returnvalue="*"
-                :is-multiple="true"
-                user-type="inspection"
                 ref="RepairUserRef"
+                :is-multiple="true"
+                returnvalue="*"
+                titleName="巡检人员"
+                user-type="inspection"
+                @change="handleUserChange"
               >
                 <template #default>
-                  <div @click="handleAddUser" class="inspector_items add flex flex-items-center justify-center">
+                  <div class="inspector_items add flex flex-items-center justify-center" @click="handleAddUser">
                     <el-icon><Plus /></el-icon>
                     <span class="ml-10px"> 添加 </span>
                   </div>
@@ -37,10 +37,13 @@
           </el-form-item>
           <el-form-item label="巡更日期" prop="taskTime">
             <el-date-picker
+              v-model="taskTime"
+              end-placeholder="结束日期"
+              format="YYYY-MM-DD"
               range-separator="到"
               start-placeholder="开始日期"
-              end-placeholder="结束日期"
+              type="daterange"
-              v-model="taskTime"
+              value-format="YYYY-MM-DD"
               @update:model-value="
                 (val) => {
                   if (val.length > 0) {
@@ -48,9 +51,6 @@
                   }
                 }
               "
-              type="daterange"
-              format="YYYY-MM-DD"
-              value-format="YYYY-MM-DD"
             />
           </el-form-item>
           <el-form-item label="提醒时间" prop="remindTime">
@@ -59,12 +59,12 @@
             </el-select>
           </el-form-item>
           <el-form-item label="关联计划" prop="planId">
-            <el-select @change="handleChangeMap" v-model="form.planId" placeholder="请选择" style="width: 100%">
+            <el-select v-model="form.planId" placeholder="请选择" style="width: 100%" @change="handleChangeMap">
-              <el-option v-for="item in planList"  :disabled="item.status === '1'" :key="item.id" :label="item.planName" :value="item.id" />
+              <el-option v-for="item in planList" :key="item.id" :disabled="item.status === '1'" :label="item.planName" :value="item.id" />
             </el-select>
           </el-form-item>
           <el-form-item label="计划路线" prop="planId">
-            <MapWrapper v-loading="mapLoading" :disabled="true" ref="MapWrapperRef"></MapWrapper>
+            <MapWrapper ref="MapWrapperRef" v-loading="mapLoading" :disabled="true"></MapWrapper>
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="submit">提交</el-button>
@@ -76,7 +76,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import RepairUser from '@/components/Holder/repairUser.vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { Delete, Plus } from '@element-plus/icons-vue';
@@ -157,6 +157,7 @@ const mapLoading = ref(false);
 
 const MapWrapperRef = ref<InstanceType<typeof MapWrapper>>();
 
+let planWeek = '';
 function handleChangeMap(val: string) {
   mapLoading.value = true;
   const find = planList.value.find((item) => item.id === val);
@@ -185,8 +186,10 @@ function handleChangeMap(val: string) {
     } else {
       mapLoading.value = false;
     }
+    planWeek = find.executeDay || '';
   } else {
     mapLoading.value = false;
+    planWeek = '';
   }
 }
 
@@ -201,6 +204,13 @@ function submit() {
   } else {
     form.value.taskTime = '';
   }
+  if (planWeek) {
+    const result = hasDateWeekIntersection(taskTime.value[0], taskTime.value[1], planWeek);
+    if (!result) {
+      ElMessage.warning('所选【巡更日期】与【选定计划中执行星期】无重合，请重新选择');
+      return;
+    }
+  }
   form.value.inspectorId = checkoutUserlist.value.map((item) => item.userId).join(',');
   formRef.value?.validate(async (valid: boolean) => {
     if (valid) {
@@ -218,9 +228,39 @@ function submit() {
     }
   });
 }
+
+/**
+ * @param start "2026-09-11"
+ * @param end "2026-09-15"
+ * @param weekStr "1,2,3"  1周一,2周二,3周三...0周日
+ * @returns boolean 是否存在
+ */
+function hasDateWeekIntersection(start: string, end: string, weekStr: string): boolean {
+  const allowWeek = weekStr
+    .split(',')
+    .map(Number)
+    .sort((a, b) => a - b);
+
+  const startDate = new Date(start);
+  const endDate = new Date(end);
+
+  // 循环 可执行星期
+  for (const w of allowWeek) {
+    const startWeek = startDate.getDay();
+    // 计算从start往后到该星期需要的天数偏移
+    const offset = (w - startWeek + 7) % 7;
+    // 判断开始日期到最近的 可执行星期 是否在日期范围内
+    const target = new Date(startDate);
+    target.setDate(target.getDate() + offset);
+    if (target <= endDate) {
+      return true;
+    }
+  }
+  return false;
+}
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .EditBody {
   margin-top: 20px;
   padding: 30px;

src/views/system/inspection/Task/index.vue

@@ -13,6 +13,7 @@
             <el-form-item label="巡检日期" prop="taskTime">
               <el-date-picker
                 v-model="taskTime"
+                clearable
                 end-placeholder="结束日期"
                 format="YYYY-MM-DD"
                 range-separator="到"
@@ -136,8 +137,10 @@ const getList = async () => {
 };
 const taskTime = ref([]);
 function handleDate(data: string[]) {
-  queryParams.value.taskTimeBegin = data[0];
+  if (data !== null) {
-  queryParams.value.taskTimeEnd = data[1];
+    queryParams.value.taskTimeBegin = data[0];
+    queryParams.value.taskTimeEnd = data[1];
+  }
 }
 function handleClear() {
   queryParams.value.taskTimeBegin = '';
@@ -153,10 +156,10 @@ const handleQuery = () => {
 
 /** 重置按钮操作 */
 const resetQuery = () => {
-  queryFormRef.value?.resetFields();
   queryParams.value.taskTimeBegin = '';
   queryParams.value.taskTimeEnd = '';
   taskTime.value = [];
+  queryFormRef.value?.resetFields();
   handleQuery();
 };
 

src/views/system/inspection/Weekly/index.vue

@@ -8,6 +8,7 @@
             <el-form-item label="选择日期" prop="itemName">
               <el-date-picker
                 v-model="starDate"
+                clearable
                 end-placeholder="结束日期"
                 format="YYYY/MM/DD"
                 range-separator="到"
@@ -15,6 +16,7 @@
                 type="daterange"
                 unlink-panels
                 value-format="YYYY/MM/DD"
+                @clear="handleClear"
               />
             </el-form-item>
             <el-form-item>
@@ -76,13 +78,18 @@ const data = reactive({
   }
 });
 const starDate = ref([]);
+function handleClear() {
+  starDate.value = [];
+  queryParams.value.queryDateBegin = undefined;
+  queryParams.value.queryDateEnd = undefined;
+}
 const { queryParams } = toRefs(data);
 
 /** 查询巡检项目列表 */
 const getList = async () => {
   queryParams.value.statDate = starDate.value.join('-');
-  queryParams.value.queryDateBegin = starDate.value[0];
+  queryParams.value.queryDateBegin = starDate.value[0] || undefined;
-  queryParams.value.queryDateEnd = starDate.value[1];
+  queryParams.value.queryDateEnd = starDate.value[1] || undefined;
   loading.value = true;
   listItem(queryParams.value)
     .then((res) => {

src/views/system/notice/index.vue

@@ -168,7 +168,7 @@ const data = reactive<PageData<NoticeForm, NoticeQuery>>({
 
 const { queryParams, form, rules } = toRefs(data);
 
-/** 查询公告列表╬╬╬╬╬ */
+/** 查询公告列表 */
 const getList = async () => {
   loading.value = true;
   listNotice(queryParams.value)

src/views/system/parking/addParking.vue

@@ -168,6 +168,13 @@ const rules = ref({
         if (Number.isNaN(val)) {
           return callback(new Error('请输入数字'));
         }
+        if (val === 0) {
+          //不能输入0
+          return callback(new Error('请输入不等于0的数字'));
+        }
+        if (val % 1 !== 0) {
+          return callback(new Error('请输入整数'));
+        }
         return callback();
       }
     }
@@ -223,12 +230,13 @@ if (route.query.id) {
 }
 // ! 获取区域==================================================================================
 const areaList = ref([]);
-const getAreaList = async () => {
+const getAreaList = () => {
-  const res = await listArea({
+  listArea({
     pageSize: 99999,
     pageNum: 1
+  }).then((res) => {
+    areaList.value = res.rows;
   });
-  areaList.value = res.rows;
 };
 getAreaList();
 

src/views/system/parking/parkMain.vue

@@ -2,7 +2,7 @@
   <div class="ResidentMainBox p-2 w-full h-full">
     <PageHeader></PageHeader>
     <div class="ResidentMainBody">
-      <el-row :span="24" :gutter="20">
+      <el-row :gutter="20" :span="24">
         <el-col :span="24">
           <!-- 车位信息 -->
           <div class="mb-10">
@@ -41,13 +41,13 @@
                     <DictTag :options="com_parking_status" :value="parkingReviewInfo.parking.parkingStatus"></DictTag>
                   </div>
                 </div>
-                <div class="carInfo_item" v-if="parkingReviewInfo.parking.residentId">
+                <div v-if="parkingReviewInfo.parking.residentId" class="carInfo_item">
                   <div class="label">持有人：</div>
                   <div class="main">
                     <span>
                       {{ parkingReviewInfo.parking.residentName }}
                     </span>
-                    <el-button @click="getUserInfo" type="primary" link style="font-size: smaller; margin-left: 15px">详情</el-button>
+                    <el-button link style="font-size: smaller; margin-left: 15px" type="primary" @click="getUserInfo">详情</el-button>
                   </div>
                 </div>
                 <div class="carInfo_item">
@@ -60,16 +60,16 @@
                 </div>
               </div>
               <div class="CarInfoBox" style="margin-top: 20px">
-                <div class="carInfo_item" v-if="parkingReviewInfo.parking.contactName">
+                <div v-if="parkingReviewInfo.parking.contactName" class="carInfo_item">
                   <div class="label">非业主联系人：</div>
                   <div class="main">{{ parkingReviewInfo.parking.contactName }}</div>
                 </div>
-                <div class="carInfo_item" style="margin-top: 20px" v-if="parkingReviewInfo.parking.contactPhone">
+                <div v-if="parkingReviewInfo.parking.contactPhone" class="carInfo_item" style="margin-top: 20px">
                   <div class="label">联系电话：</div>
                   <div class="main">{{ parkingReviewInfo.parking.contactPhone }}</div>
                 </div>
                 <div class="carInfo_item" style="margin-top: 20px">
-                  <div class="label">备注：</div>
+                  <div class="label" style="min-width: 120px">备注：</div>
                   <div class="main">{{ parkingReviewInfo.parking.remark }}</div>
                 </div>
               </div>
@@ -83,7 +83,7 @@
                   <span>车辆信息</span>
                 </div>
               </template>
-              <div class="w-full h-full CarInfoBox" v-if="parkingReviewInfo.car">
+              <div v-if="parkingReviewInfo.car" class="w-full h-full CarInfoBox">
                 <el-row>
                   <el-col :span="8">
                     <div class="carInfo_item">
@@ -127,10 +127,10 @@
                         <el-image
                           v-for="(item, index) in parkingReviewInfo.car.carImageUrlList"
                           :key="index"
-                          class="carInfoImage"
-                          :src="item"
                           :initial-index="index"
                           :preview-src-list="parkingReviewInfo.car.carImageUrlList"
+                          :src="item"
+                          class="carInfoImage"
                           preview-teleported
                         ></el-image>
                       </div>
@@ -138,7 +138,7 @@
                   </el-col>
                 </el-row>
               </div>
-              <div class="w-full h-full CarInfoBox flex flex-center min-h-17rem" v-else>
+              <div v-else class="w-full h-full CarInfoBox flex flex-center min-h-17rem">
                 <span style="color: #999; font-weight: 500; font-size: larger; letter-spacing: 10px">暂无信息</span>
               </div>
             </el-card>
@@ -147,7 +147,7 @@
       </el-row>
     </div>
 
-    <el-dialog width="500" @close="handleClose" v-model="MainForm.visible" title="车位持有人详情">
+    <el-dialog v-model="MainForm.visible" title="车位持有人详情" width="500" @close="handleClose">
       <div class="item">
         <div class="label">姓名</div>
         <div class="value">{{ MainFormInfo.name }}</div>
@@ -155,13 +155,13 @@
       <div class="item">
         <div class="label">类型</div>
         <div class="value">
-          <DictTag :value="MainFormInfo.type" :options="com_resident_relationship"></DictTag>
+          <DictTag :options="com_resident_relationship" :value="MainFormInfo.type"></DictTag>
         </div>
       </div>
       <div class="item">
         <div class="label">状态</div>
         <div class="value">
-          <DictTag :value="MainFormInfo.status" :options="com_review"></DictTag>
+          <DictTag :options="com_review" :value="MainFormInfo.status"></DictTag>
         </div>
       </div>
       <div class="item">
@@ -184,7 +184,7 @@
     </el-dialog>
   </div>
 </template>
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { getParkingReviewInfo, getParkingResidentInfo } from '@/api/system/parking';
@@ -351,7 +351,7 @@ getInfo();
 // 物业审核状态 0 待审核 1审核通过 2审核未通过
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .ResidentMainBox {
   display: flex;
   flex-direction: column;
@@ -386,6 +386,7 @@ getInfo();
         .label {
           font-weight: 600;
           width: 120px;
+          min-width: 120px;
           text-align: right;
           padding-right: 10px;
         }

src/views/system/parking/parkReview.vue

@@ -68,7 +68,7 @@
                   <div class="main">{{ parkingReviewInfo.parking.contactPhone }}</div>
                 </div>
                 <div class="carInfo_item" style="margin-top: 20px">
-                  <div class="label">备注：</div>
+                  <div class="label" style="min-width: 120px">备注：</div>
                   <div class="main">{{ parkingReviewInfo.parking.remark }}</div>
                 </div>
               </div>
@@ -250,7 +250,7 @@ type parkingReviewType = {
     'carImageUrl': string;
     'userName': null;
     'userId': string;
-    carImageUrlList?: string[];
+    'carImageUrlList'?: string[];
   };
   parkingReviewProcess: parkingReviewProcess;
 };

src/views/system/report/agingDetailed.vue

@@ -217,7 +217,7 @@ const handleExport = () => {
         { label: '截至应收账期', prop: 'cutoffPeriod' },
         { label: '小区项目', prop: 'villageName' },
         { label: '楼栋', prop: 'buildingName' },
-        { label: '客户名称', prop: 'buildingName' },
+        { label: '客户名称', prop: 'customerName' },
         { label: '房号编号', prop: 'roomNo' },
         { label: '欠费月数', prop: 'arrearsMonthsLabel' },
         { label: '≤6个月', prop: 'amountLe6' },

src/views/system/report/arrearsTrend.vue

@@ -51,7 +51,7 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" :data="chargeTrendList" border>
+      <el-table v-loading="loading" :data="chargeTrendList" border style="min-height: 80px">
         <el-table-column v-for="(item, index) in rows" :key="index" :label="item" align="center">
           <template #default="scope">
             <span>{{ scope.row[item] }}</span>

src/views/system/report/businessDailyReport.vue

@@ -34,7 +34,7 @@
         </div>
       </template>
       <el-table v-loading="loading" :data="AgingList" border>
-        <el-table-column v-if="activeName === 'first'" align="center" label="小区名称" prop="villageName" />
+        <el-table-column v-if="activeName === 'first'" align="center" label="项目" prop="villageName" />
         <el-table-column v-else align="center" label="收费项目" prop="chargeItemName" />
         <el-table-column v-for="(item, index) in rows" :key="index" :label="item.payTypeName" align="center">
           <template #default="scope">

src/views/system/report/chargeTrend.vue

@@ -52,8 +52,13 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" :data="chargeTrendList" border>
+      <el-table v-loading="loading" :data="chargeTrendList" border style="min-height: 80px">
-        <el-table-column v-for="(item, index) in rows" :key="index" :label="item" align="center">
+        <el-table-column align="center" fixed="left" label="月份">
+          <template #default>
+            <span>金额</span>
+          </template>
+        </el-table-column>
+        <el-table-column v-for="(item, index) in rows" :key="index" :label="item" align="center" min-width="100">
           <template #default="scope">
             <span>{{ scope.row[item] }}</span>
           </template>
@@ -66,7 +71,6 @@
     </el-card>
   </div>
 </template>
-账龄
 <script lang="ts" name="Arrears" setup>
 import pagination from '@/components/Pagination/index.vue';
 import pageHeader from '@/components/Pageheader/index.vue';
@@ -85,8 +89,13 @@ const total = ref(0);
 const queryFormRef = ref<ElFormInstance>();
 const queryTime = ref([]);
 function handleQueryTime(val: string[]) {
-  queryParams.value.startTime = val[0];
+  if (val && val.length > 0) {
-  queryParams.value.endTime = val[1];
+    queryParams.value.startTime = val[0];
+    queryParams.value.endTime = val[1];
+  } else {
+    queryParams.value.startTime = '';
+    queryParams.value.endTime = '';
+  }
 }
 const data = reactive({
   queryParams: {
@@ -145,9 +154,11 @@ const getList = async () => {
   getChargeTend(search)
     .then((res) => {
       const obj = {};
+      const length = res.data.length;
       res.data.forEach((item) => {
         const label = item.month.split('-')[1];
-        const key = `${label}月`;
+        // const key = `${label}月`;
+        const key = length > 12 ? `${item.month}月` : `${label}月`;
         rows.value.push(key);
         obj[key] = item.amount;
       });
@@ -219,6 +230,7 @@ const chartConfig = shallowRef<EChartsOption>({
 
 function handleChartsData() {
   const data = Object.entries(chargeTrendList.value[0]);
+  console.log(data);
   const x = data.map((item) => item[0]);
   const y = data.map((item) => item[1]);
   // 如果使用的是 ref，直接修改属性即可触发响应式

src/views/system/report/dailyFeeReport.vue

@@ -172,7 +172,10 @@
         <template #header>
           <div class="flex items-center justify-between">
             <span>收费日报</span>
-            <el-button type="primary" @click="handleExport">导出</el-button>
+            <div>
+              <el-button type="primary" @click="handleExport">导出</el-button>
+              <el-button type="primary" @click="handleExportAll">导出所有</el-button>
+            </div>
           </div>
         </template>
         <el-table v-loading="loading" :data="ArrearsDetailList" :row-class-name="handleRowClass" border>
@@ -483,7 +486,30 @@ const handleExport = () => {
     proxy?.$modal.msgWarning('没有可导出的数据');
     return;
   }
-
+  handleExportDate(ArrearsDetailList.value);
+};
+/** 导出所有Excel */
+const handleExportAll = () => {
+  let data = [];
+  const search = {
+    ...queryParams.value
+  };
+  // 移除空字符串字段
+  Object.keys(search).forEach((key) => {
+    if (search[key] === '-1') {
+      search[key] = undefined;
+    }
+  });
+  getDailyFeeReportList(search)
+    .then((res) => {
+      data = [...(res.rows ?? [])];
+      handleExportDate(data);
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
+const handleExportDate = (data: Datum[], title: string = '收费日报') => {
   // 显示加载提示
   loading.value = true;
   // 使用 setTimeout 让出主线程，避免阻塞UI
@@ -548,7 +574,16 @@ const handleExport = () => {
         // { label: '经办人', prop: 'inspectorName' },
         // { label: '备注', prop: 'remark' }
       ];
-      exportToExcel(ArrearsDetailList.value, columns, `日报_${new Date().getTime()}`);
+      exportToExcel(data, columns, `${title}_${new Date().getTime()}`, undefined, ({ row }) => {
+        if (row.residentName === '当日合计') {
+          return {
+            fill: {
+              fgColor: { rgb: 'E2EFDA' },
+              patternType: 'solid'
+            }
+          };
+        }
+      });
     } catch (error) {
       proxy?.$modal.msgError('导出失败，请重试');
       console.error('导出错误:', error);
@@ -557,6 +592,7 @@ const handleExport = () => {
     }
   }, 100);
 };
+
 onMounted(() => {
   getList();
   getHouseUseList();

src/views/system/report/detailed.vue

@@ -27,11 +27,11 @@
                 <el-form-item label="房号" prop="houseNo">
                   <el-input v-model.trim="queryParams.houseNo" placeholder="请输入房号" />
                 </el-form-item>
-                <el-form-item label="欠费月数" prop="arrearsMonths">
+                <!--                <el-form-item label="欠费月数" prop="arrearsMonths">-->
-                  <el-select v-model="queryParams.arrearsMonths" placeholder="请选择">
+                <!--                  <el-select v-model="queryParams.arrearsMonths" placeholder="请选择">-->
-                    <el-option v-for="item in MonthList" :key="item.id" :label="item.name" :value="item.id" />
+                <!--                    <el-option v-for="item in MonthList" :key="item.id" :label="item.name" :value="item.id" />-->
-                  </el-select>
+                <!--                  </el-select>-->
-                </el-form-item>
+                <!--                </el-form-item>-->
               </div>
               <div style="width: 180px">
                 <el-button :loading="loading" type="primary" @click="handleQuery">查询</el-button>
@@ -225,7 +225,8 @@ const handleExport = () => {
           children: [
             ...dynamicColumns.value.map((item) => {
               return { label: item, prop: `chargeItemAmounts.${item}` };
-            })
+            }),
+            { label: '金额合计', prop: 'totalAmount' }
           ]
         }
       ];

src/views/system/report/prepaidBalanceDetail.vue

@@ -45,7 +45,7 @@
         <el-table-column align="center" label="户号" prop="houseNo" />
         <el-table-column align="center" label="客户" prop="customerName" />
         <el-table-column align="center" label="预收账期" prop="prepaidPeriod" />
-        <el-table-column align="center" label="预收月份" prop="prepaidMonths" />
+        <el-table-column align="center" label="预收月数" prop="prepaidMonths" />
         <el-table-column align="center" label="收费项目" prop="chargeItemAmounts">
           <template #default>
             <el-table-column v-for="item in rowChargeTypesList" :key="item" :label="item.chargeItemName" align="center">

src/views/system/resident/index.vue

@@ -4,7 +4,7 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" label-width="100" label-position="left" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" label-position="left" label-width="100" @submit.prevent="handleQuery">
             <el-form-item label="与主业主关系" prop="ownerRelationship">
               <el-select v-model="queryParams.ownerRelationship" placeholder="请选择与主业主关系" style="width: 240px">
                 <el-option v-for="item in com_resident_relationship" :key="item.value" :label="item.label" :value="item.value" />
@@ -30,13 +30,13 @@
       </div>
     </transition>
 
-    <el-card style="flex: 1" shadow="never">
+    <el-card shadow="never" style="flex: 1">
       <div class="residentBody h-full">
-        <div class="treebox h-full">
+        <div class="treeBox h-full">
-          <div class="treeTitlebox">{{ currentVilageInfo.villageName ?? '--' }}</div>
+          <div class="treeTitleBox">{{ currentVilageInfo.villageName ?? '--' }}</div>
-          <div class="treeboxbody">
+          <div class="treeBoxBody">
             <!-- 树状+ -->
-            <el-tree :highlight-current="true" style="max-width: 600px" :data="treated" :props="defaultProps" @node-click="handleNodeClick" />
+            <el-tree :data="treated" :highlight-current="true" :props="defaultProps" style="max-width: 600px" @node-click="handleNodeClick" />
           </div>
         </div>
         <div class="flex-1 h-full">
@@ -45,50 +45,50 @@
               :disable-delete="multiple"
               :disable-edit="single"
               :show-add="checkPermi(['resident:resident:add'])"
-              :show-edit="checkPermi(['resident:resident:edit'])"
               :show-delete="checkPermi(['resident:resident:remove'])"
+              :show-edit="checkPermi(['resident:resident:edit'])"
               @update:add="handleAdd"
               @update:edit="handleUpdate()"
               @update:delete="handleDelete()"
             ></right-toolbar>
           </el-row>
-          <el-table class="tablebox" v-loading="loading" border :data="residentList" @selection-change="handleSelectionChange">
+          <el-table v-loading="loading" :data="residentList" border class="tablebox" @selection-change="handleSelectionChange">
-            <el-table-column type="selection" width="55" align="center" />
+            <el-table-column align="center" type="selection" width="55" />
-            <el-table-column label="姓名" min-width="120" align="center" prop="name" />
+            <el-table-column align="center" label="姓名" min-width="120" prop="name" />
-            <el-table-column label="类型" width="100" align="center" prop="type">
+            <el-table-column align="center" label="类型" prop="type" width="100">
               <template #default="scope">
                 <el-tag v-if="scope.row.type === '0'" type="success">业主</el-tag>
                 <el-tag v-else type="danger">租户</el-tag>
               </template>
             </el-table-column>
-            <el-table-column label="与主业主关系" min-width="120" align="center" prop="ownerRelationship">
+            <el-table-column align="center" label="与主业主关系" min-width="120" prop="ownerRelationship">
               <template #default="scope">
-                <DictTag :value="scope.row.ownerRelationship" :options="com_resident_relationship"></DictTag>
+                <DictTag :options="com_resident_relationship" :value="scope.row.ownerRelationship"></DictTag>
               </template>
             </el-table-column>
-            <el-table-column label="状态" width="120" align="center" prop="status">
+            <el-table-column align="center" label="状态" prop="status" width="120">
               <template #default="scope">
-                <DictTag :value="scope.row.status" :options="com_review"></DictTag>
+                <DictTag :options="com_review" :value="scope.row.status"></DictTag>
               </template>
             </el-table-column>
-            <el-table-column label="证件号" min-width="120" align="center" prop="idCard" />
+            <el-table-column align="center" label="证件号" min-width="120" prop="idCard" />
-            <el-table-column label="手机号码" min-width="120" align="center" prop="phone" />
+            <el-table-column align="center" label="手机号码" min-width="120" prop="phone" />
-            <el-table-column label="房间" min-width="120" align="center" prop="houseName" />
+            <el-table-column align="center" label="房间" min-width="120" prop="houseName" />
-            <el-table-column label="操作" align="center" min-width="120" fixed="right" class-name="small-padding fixed-width">
+            <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作" min-width="120">
               <template #default="scope">
-                <el-button v-if="scope.row.status !== '1'" link type="primary" @click="handleMain(scope.row)" v-has-permi="['resident:resident:edit']"
+                <el-button v-if="scope.row.status !== '1'" v-has-permi="['resident:resident:edit']" link type="primary" @click="handleMain(scope.row)"
                   >审核</el-button
                 >
-                <el-button link type="primary" @click="handleUpdate(scope.row)" v-has-permi="['resident:resident:edit']">编辑</el-button>
+                <el-button v-has-permi="['resident:resident:edit']" link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>
-                <el-button link type="primary" @click="handleDelete(scope.row)" v-has-permi="['resident:resident:remove']">删除 </el-button>
+                <el-button v-has-permi="['resident:resident:remove']" link type="primary" @click="handleDelete(scope.row)">删除 </el-button>
               </template>
             </el-table-column>
           </el-table>
           <Pagination
             v-show="total > 0"
-            :total="total"
-            v-model:page="queryParams.pageNum"
             v-model:limit="queryParams.pageSize"
+            v-model:page="queryParams.pageNum"
+            :total="total"
             @pagination="getList"
           />
         </div>
@@ -96,7 +96,7 @@
     </el-card>
   </div>
 </template>
-<script setup name="Resident" lang="ts">
+<script lang="ts" name="Resident" setup>
 import Pagination from '@/components/Pagination/index.vue';
 import pageHeader from '@/components/Pageheader/index.vue';
 import RightToolbar from '@/components/RightToolbar/index.vue';
@@ -324,14 +324,15 @@ onMounted(() => {
 <style lang="scss" scoped>
 .residentBody {
   display: flex;
-  .treebox {
+  .treeBox {
     width: 250px;
-    min-width: 250px;
+    min-width: 150px;
+    max-width: 250px;
     margin-right: 10px;
 
     display: flex;
     flex-direction: column;
-    .treeTitlebox {
+    .treeTitleBox {
       height: 60px;
       line-height: 60px;
       padding-left: 20px;
@@ -341,7 +342,7 @@ onMounted(() => {
       color: rgba(16, 16, 16, 1);
     }
 
-    .treeboxbody {
+    .treeBoxBody {
       flex: 1;
       overflow: hidden;
       overflow-y: auto;

src/views/system/role/addRole.vue

@@ -152,7 +152,6 @@ function handleHiddeMenu(menu: MenuTreeOption[]) {
       }
     } else {
       obj = null;
-      console.log('找到了', item);
     }
     if (obj) arr.push(obj);
   });

src/views/system/role/index.vue

@@ -4,27 +4,27 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" @submit.prevent="handleQuery">
             <el-form-item label="角色名称" prop="roleName">
-              <el-input v-model="queryParams.roleName" placeholder="请输入角色名称" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.roleName" clearable placeholder="请输入角色名称" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="权限字符" prop="roleKey">
-              <el-input v-model="queryParams.roleKey" placeholder="请输入权限字符" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.roleKey" clearable placeholder="请输入权限字符" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="状态" prop="status">
-              <el-select v-model="queryParams.status" placeholder="角色状态" clearable>
+              <el-select v-model="queryParams.status" clearable placeholder="角色状态">
                 <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="创建时间" style="width: 308px">
               <el-date-picker
                 v-model="dateRange"
-                value-format="YYYY-MM-DD HH:mm:ss"
+                :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
-                type="daterange"
+                end-placeholder="结束日期"
                 range-separator="-"
                 start-placeholder="开始日期"
-                end-placeholder="结束日期"
+                type="daterange"
-                :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
+                value-format="YYYY-MM-DD HH:mm:ss"
               ></el-date-picker>
             </el-form-item>
 
@@ -44,8 +44,8 @@
             :disable-delete="multiple"
             :disable-edit="single"
             :show-add="checkPermi(['system:role:add'])"
-            :show-edit="false"
             :show-delete="false"
+            :show-edit="false"
             @update:add="handleAdd"
             @update:delete="handleDelete()"
           >
@@ -53,35 +53,33 @@
         </el-row>
       </template>
 
-      <el-table ref="roleTableRef" border v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
+      <el-table ref="roleTableRef" v-loading="loading" :data="roleList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" />
+        <el-table-column :show-overflow-tooltip="true" label="角色名称" prop="roleName" />
-        <el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" />
+        <el-table-column :show-overflow-tooltip="true" label="权限字符" prop="roleKey" />
+        <el-table-column align="center" label="角色人数" prop="userCount" />
         <el-table-column label="显示顺序" prop="roleSort" />
-        <el-table-column label="状态" align="center">
+        <el-table-column align="center" label="状态">
           <template #default="scope">
             <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
           </template>
         </el-table-column>
-        <el-table-column label="创建时间" align="center" prop="createTime">
+        <el-table-column align="center" label="添加人" prop="createByName" />
-          <template #default="scope">
+        <el-table-column align="center" label="创建时间" prop="createTime" />
-            <span>{{ proxy.parseTime(scope.row.createTime) }}</span>
+        <el-table-column :show-overflow-tooltip="true" label="备注" prop="remark" />
-          </template>
-        </el-table-column>
-
         <el-table-column fixed="right" label="操作" width="200">
           <template #default="scope">
             <el-tooltip v-if="scope.row.roleId !== 1" content="修改" placement="top">
-              <el-button v-has-permi="['system:role:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+              <el-button v-has-permi="['system:role:edit']" icon="Edit" link type="primary" @click="handleUpdate(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip v-if="scope.row.roleId !== 1" content="删除" placement="top">
-              <el-button v-has-permi="['system:role:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
+              <el-button v-has-permi="['system:role:remove']" icon="Delete" link type="primary" @click="handleDelete(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip v-if="scope.row.roleId !== 1" content="数据权限" placement="top">
-              <el-button v-has-permi="['system:role:edit']" link type="primary" icon="CircleCheck" @click="handleDataScope(scope.row)"></el-button>
+              <el-button v-has-permi="['system:role:edit']" icon="CircleCheck" link type="primary" @click="handleDataScope(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip v-if="scope.row.roleId !== 1" content="分配用户" placement="top">
-              <el-button v-has-permi="['system:role:edit']" link type="primary" icon="User" @click="handleAuthUser(scope.row)"></el-button>
+              <el-button v-has-permi="['system:role:edit']" icon="User" link type="primary" @click="handleAuthUser(scope.row)"></el-button>
             </el-tooltip>
           </template>
         </el-table-column>
@@ -89,14 +87,14 @@
 
       <pagination
         v-if="total > 0"
-        v-model:total="total"
-        v-model:page="queryParams.pageNum"
         v-model:limit="queryParams.pageSize"
+        v-model:page="queryParams.pageNum"
+        v-model:total="total"
         @pagination="getList"
       />
     </el-card>
 
-    <el-dialog v-model="dialog.visible" :title="dialog.title" width="650px" append-to-body>
+    <el-dialog v-model="dialog.visible" :title="dialog.title" append-to-body width="650px">
       <el-form ref="roleFormRef" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="角色名称" prop="roleName">
           <el-input v-model="form.roleName" placeholder="请输入角色名称" />
@@ -113,7 +111,7 @@
           <el-input v-model="form.roleKey" placeholder="请输入权限字符" />
         </el-form-item>
         <el-form-item label="角色顺序" prop="roleSort">
-          <el-input-number v-model="form.roleSort" controls-position="right" :min="0" />
+          <el-input-number v-model="form.roleSort" :min="0" controls-position="right" />
         </el-form-item>
         <el-form-item label="状态">
           <el-radio-group v-model="form.status">
@@ -126,18 +124,18 @@
           <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>
           <el-tree
             ref="menuRef"
-            class="tree-border"
-            :data="menuOptions"
-            show-checkbox
-            node-key="id"
             :check-strictly="!form.menuCheckStrictly"
-            empty-text="加载中，请稍候"
+            :data="menuOptions"
             :props="{ label: 'label', children: 'children' }"
+            class="tree-border"
+            empty-text="加载中，请稍候"
+            node-key="id"
+            show-checkbox
           >
           </el-tree>
         </el-form-item>
         <el-form-item label="备注">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+          <el-input v-model="form.remark" placeholder="请输入内容" type="textarea"></el-input>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -149,7 +147,7 @@
     </el-dialog>
 
     <!-- 分配角色数据权限对话框 -->
-    <el-dialog v-model="openDataScope" :title="dialog.title" width="650px" append-to-body>
+    <el-dialog v-model="openDataScope" :title="dialog.title" append-to-body width="650px">
       <el-form ref="dataScopeRef" :model="form" label-width="80px">
         <el-form-item label="角色名称">
           <el-input v-model="form.roleName" :disabled="true" />
@@ -168,14 +166,14 @@
           <el-checkbox v-model="form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox>
           <el-tree
             ref="deptRef"
-            class="tree-border"
-            :data="deptOptions"
-            show-checkbox
-            default-expand-all
-            node-key="id"
             :check-strictly="!form.deptCheckStrictly"
-            empty-text="加载中，请稍候"
+            :data="deptOptions"
             :props="{ label: 'label', children: 'children' }"
+            class="tree-border"
+            default-expand-all
+            empty-text="加载中，请稍候"
+            node-key="id"
+            show-checkbox
           >
           </el-tree>
         </el-form-item>
@@ -190,7 +188,7 @@
   </div>
 </template>
 
-<script setup name="Role" lang="ts">
+<script lang="ts" name="Role" setup>
 import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updateRole, deptTreeSelect } from '@/api/system/role';
 import { roleMenuTreeselect, treeselect as menuTreeselect } from '@/api/system/menu/index';
 import { RoleVO, RoleForm, RoleQuery, DeptTreeOption } from '@/api/system/role/types';

src/views/system/statistics/Payment/index.vue

@@ -4,11 +4,11 @@
       <div class="searchLabel">选择日期</div>
       <el-date-picker
         v-model="dataTime"
-        type="date"
-        placeholder="选择日期"
-        value-format="YYYY-MM-DD"
         format="YYYY-MM-DD"
+        placeholder="选择日期"
         style="width: 400px; margin-right: 10px"
+        type="date"
+        value-format="YYYY-MM-DD"
       ></el-date-picker>
       <el-button type="primary" @click="querySearch">查询</el-button>
       <el-button @click="reset">重置</el-button>
@@ -23,13 +23,13 @@
               <div>已收：{{ sourceFrom.totalReceived }}元</div>
               <div>待收：{{ sourceFrom.totalPending }}元</div>
             </div>
-            <div class="cardBody" style="display: flex; flex-wrap: wrap" v-if="sourceFromIsComputed">
+            <div v-if="sourceFromIsComputed" class="cardBody" style="display: flex; flex-wrap: wrap">
-              <RingProgress name="停车费" color="#1a75ff" :value="sourceFrom.parkingFeePercent"></RingProgress>
+              <RingProgress :value="sourceFrom.parkingFeePercent" color="#1a75ff" name="停车费"></RingProgress>
-              <RingProgress name="物业费" color="#ffbf05" :value="sourceFrom.propertyFeePercent"></RingProgress>
+              <RingProgress :value="sourceFrom.propertyFeePercent" color="#ffbf05" name="物业费"></RingProgress>
-              <RingProgress name="水电费" color="#6c76f4" :value="sourceFrom.utilityFeePercent"></RingProgress>
+              <RingProgress :value="sourceFrom.utilityFeePercent" color="#6c76f4" name="水电费"></RingProgress>
-              <RingProgress name="商铺租金" color="#fa746b" :value="sourceFrom.shopRentPercent"></RingProgress>
+              <RingProgress :value="sourceFrom.shopRentPercent" color="#fa746b" name="商铺租金"></RingProgress>
-              <RingProgress name="维修费" color="#3fdf95" :value="sourceFrom.repairFeePercent"></RingProgress>
+              <RingProgress :value="sourceFrom.repairFeePercent" color="#3fdf95" name="维修费"></RingProgress>
-              <RingProgress name="垃圾处理费" color="#1e1b39" :value="sourceFrom.garbageFeePercent"></RingProgress>
+              <RingProgress :value="sourceFrom.garbageFeePercent" color="#1e1b39" name="垃圾处理费"></RingProgress>
             </div>
           </div>
         </el-col>
@@ -68,7 +68,7 @@
                 </li>
               </ul>
               <ul class="circleBox">
-                <li :data-level="index" :style="{ backgroundColor: item.color }" v-for="(item, index) in sortPayList" :key="index">
+                <li v-for="(item, index) in sortPayList" :key="index" :data-level="index" :style="{ backgroundColor: item.color }">
                   {{ item.number }}%
                 </li>
               </ul>
@@ -95,7 +95,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 // TODO 缴费分析
 import { ref } from 'vue';
 import Echarts from '@/components/Echarts/index.vue';
@@ -237,7 +237,7 @@ const options3 = shallowRef<EChartsOption>({
   tooltip: {
     trigger: 'item',
     formatter: (params: any) => {
-      return `${params.name}<br/>欠费金额: <b>${formatMoneyWithUnit(params.value[1])}</b>`;
+      return `${params.name}<br/>欠费金额: <b>${params.value[1]}元</b>`;
     },
     backgroundColor: 'rgba(255, 255, 255, 0.9)',
     borderColor: '#eee',
@@ -276,7 +276,7 @@ const options3 = shallowRef<EChartsOption>({
   },
   yAxis: {
     type: 'value',
-    name: '金额(万元)',
+    name: '金额(元)',
     nameTextStyle: { color: '#999', padding: [0, 0, 0, 10] },
     splitLine: {
       show: true,
@@ -335,7 +335,7 @@ function UpdateOptions3(data: Arrears_distrubution[]): EChartsOption {
     tooltip: {
       trigger: 'item',
       formatter: (params: any) => {
-        return `${params.name}<br/>欠费金额: <b>${formatMoneyWithUnit(params.value[1])}</b>`;
+        return `${params.name}<br/>欠费金额: <b>${params.value[1]}元</b>`;
       },
       backgroundColor: 'rgba(255, 255, 255, 0.9)',
       borderColor: '#eee',
@@ -374,7 +374,7 @@ function UpdateOptions3(data: Arrears_distrubution[]): EChartsOption {
     },
     yAxis: {
       type: 'value',
-      name: '金额(万元)',
+      name: '金额(元)',
       nameTextStyle: { color: '#999', padding: [0, 0, 0, 10] },
       splitLine: {
         show: true,
@@ -655,7 +655,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .personnel {
   background: linear-gradient(180deg, #deedff 0%, #f8f9fe 50%);
   overflow: auto;

src/views/system/statistics/Personnel/index.vue

@@ -4,10 +4,10 @@
       <div class="searchLabel">选择日期</div>
       <el-date-picker
         v-model="date"
-        type="date"
         placeholder="选择日期"
-        value-format="YYYY-MM-DD"
         style="width: 400px; margin-right: 10px"
+        type="date"
+        value-format="YYYY-MM-DD"
       ></el-date-picker>
       <el-button type="primary" @click="querySelect">查询</el-button>
       <el-button @click="reset">重置</el-button>
@@ -46,7 +46,7 @@
       </el-col>
     </el-row>
 
-    <el-row style="margin-top: 20px; position: relative; z-index: 2" :gutter="20">
+    <el-row :gutter="20" style="margin-top: 20px; position: relative; z-index: 2">
       <el-col :lg="24" :xl="24">
         <div class="cardbox w-full" style="height: 400px">
           <Echarts :options="options3"></Echarts>
@@ -63,7 +63,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import Echarts from '@/components/Echarts/index.vue';
 import { EChartsOption } from 'echarts';
@@ -589,7 +589,7 @@ function MoveInFun() {
       const total = res.data.totalHouse;
       const occupied = res.data.occupiedHouse || 0; // 确保有值
       // 计算入住率，防止除以0
-      const rate = total > 0 ? ((occupied / total) * 100).toFixed(1) : '0.0';
+      const rate = total > 0 ? ((occupied / total) * 100).toFixed(2) : '0.0';
       // 返回带换行符的字符串：第一行是百分比，第二行是文字
       return `{rate|${rate}%}\n{title|入住率}`;
     };
@@ -644,7 +644,7 @@ function MoveInPersonAge() {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .personnel {
   position: relative;
   background: #deedff;

src/views/system/user/index.vue

@@ -4,9 +4,9 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
+          <el-form ref="queryFormRef" :inline="true" :model="queryParams" @submit.prevent="handleQuery">
             <el-form-item label="员工姓名" prop="nickName">
-              <el-input maxlength="30" v-model="queryParams.nickName" placeholder="请输入员工姓名" clearable @keyup.enter="handleQuery" />
+              <el-input v-model="queryParams.nickName" clearable maxlength="30" placeholder="请输入员工姓名" @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="handleQuery">搜索</el-button>
@@ -21,12 +21,12 @@
       <template #header>
         <el-row :gutter="10">
           <right-toolbar
+            :columns="columns"
             :show-add="checkPermi(['system:user:add'])"
             :show-delete="false"
             :show-edit="false"
-            @update:add="handleAdd"
             more-title="更多"
-            :columns="columns"
+            @update:add="handleAdd"
           >
             <!--            <template #dropdown>-->
             <!--              <el-dropdown-item @click="importTemplate">下载模板</el-dropdown-item>-->
@@ -38,59 +38,57 @@
         </el-row>
       </template>
 
-      <el-table v-loading="loading" border :data="userList" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="userList" border @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="50" align="center" />
+        <el-table-column align="center" type="selection" width="50" />
-        <el-table-column v-if="columns[0].visible" key="userId" label="员工编号" align="center" prop="userId" />
+        <el-table-column v-if="columns[0].visible" key="userId" align="center" label="员工编号" prop="userId" />
-        <el-table-column v-if="columns[2].visible" key="nickName" label="员工姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+        <el-table-column v-if="columns[2].visible" key="nickName" :show-overflow-tooltip="true" align="center" label="员工姓名" prop="nickName" />
-        <el-table-column v-if="columns[1].visible" key="userName" label="员工账号" align="center" prop="userName" :show-overflow-tooltip="true" />
+        <el-table-column v-if="columns[1].visible" key="userName" :show-overflow-tooltip="true" align="center" label="员工账号" prop="userName" />
-        <el-table-column v-if="columns[4].visible" key="phonenumber" label="手机号码" align="center" prop="phonenumber" width="120" />
+
-        <el-table-column v-if="columns[5].visible" key="status" label="状态" align="center">
+        <el-table-column v-if="columns[4].visible" key="phonenumber" align="center" label="手机号码" prop="phonenumber" width="120" />
+        <el-table-column v-if="columns[7].visible" key="roleName" align="center" label="角色" prop="roleName" width="120" />
+        <el-table-column v-if="columns[5].visible" key="status" align="center" label="状态">
           <template #default="scope">
             <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
           </template>
         </el-table-column>
 
-        <el-table-column v-if="columns[6].visible" label="创建时间" align="center" prop="createTime" width="160">
+        <el-table-column v-if="columns[6].visible" align="center" label="创建时间" prop="createTime" width="160" />
-          <template #default="scope">
-            <span>{{ scope.row.createTime }}</span>
-          </template>
-        </el-table-column>
 
-        <el-table-column align="center" label="操作" fixed="right" width="200">
+        <el-table-column align="center" fixed="right" label="操作" width="200">
           <template #default="scope">
             <el-tooltip v-if="scope.row.userId !== 1" content="修改" placement="top">
-              <el-button v-has-permi="['system:user:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+              <el-button v-has-permi="['system:user:edit']" icon="Edit" link type="primary" @click="handleUpdate(scope.row)"></el-button>
             </el-tooltip>
             <el-tooltip v-if="scope.row.userId !== 1" content="删除" placement="top">
-              <el-button v-has-permi="['system:user:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
+              <el-button v-has-permi="['system:user:remove']" icon="Delete" link type="primary" @click="handleDelete(scope.row)"></el-button>
             </el-tooltip>
 
             <el-tooltip v-if="scope.row.userId !== 1" content="重置密码" placement="top">
-              <el-button v-has-permi="['system:user:resetPwd']" link type="primary" icon="Key" @click="handleResetPwd(scope.row)"></el-button>
+              <el-button v-has-permi="['system:user:resetPwd']" icon="Key" link type="primary" @click="handleResetPwd(scope.row)"></el-button>
             </el-tooltip>
 
             <el-tooltip v-if="scope.row.userId !== 1" content="分配角色" placement="top">
-              <el-button v-has-permi="['system:user:edit']" link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)"></el-button>
+              <el-button v-has-permi="['system:user:edit']" icon="CircleCheck" link type="primary" @click="handleAuthRole(scope.row)"></el-button>
             </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
+      <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
     </el-card>
 
     <!-- 添加或修改员工配置对话框 -->
-    <el-dialog ref="formDialogRef" v-model="dialog.visible" :title="dialog.title" width="600px" append-to-body @close="closeDialog">
+    <el-dialog ref="formDialogRef" v-model="dialog.visible" :title="dialog.title" append-to-body width="600px" @close="closeDialog">
       <el-form ref="userFormRef" :model="form" :rules="rules" label-width="80px">
         <el-row>
           <el-col :span="12">
             <el-form-item label="员工姓名" prop="nickName">
-              <el-input v-model="form.nickName" placeholder="请输入员工姓名" maxlength="30" />
+              <el-input v-model="form.nickName" maxlength="30" placeholder="请输入员工姓名" />
             </el-form-item>
           </el-col>
-          <el-col :span="12" v-if="form.userId == null || form.userId != useUserStore().userId">
+          <el-col v-if="form.userId == null || form.userId != useUserStore().userId" :span="12">
             <el-form-item label="管理小区" prop="villageIds">
-              <el-select @change="handleChangeVillage" v-model="villags" multiple placeholder="请选择管理小区">
+              <el-select v-model="villags" multiple placeholder="请选择管理小区" @change="handleChangeVillage">
                 <el-option v-for="item in vilageList" :key="item.villageId" :label="item.villageName" :value="item.villageId" />
               </el-select>
             </el-form-item>
@@ -99,24 +97,24 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="手机号码" prop="phonenumber">
-              <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
+              <el-input v-model="form.phonenumber" maxlength="11" placeholder="请输入手机号码" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
+              <el-input v-model="form.email" maxlength="50" placeholder="请输入邮箱" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item v-if="form.userId == undefined" label="员工账号" prop="userName">
-              <el-input v-model="form.userName" placeholder="请输入员工账号" maxlength="30" />
+              <el-input v-model="form.userName" maxlength="30" placeholder="请输入员工账号" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item v-if="form.userId == undefined" label="员工密码" prop="password">
-              <el-input v-model="form.password" placeholder="请输入员工密码" type="password" maxlength="20" show-password />
+              <el-input v-model="form.password" maxlength="20" placeholder="请输入员工密码" show-password type="password" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -137,15 +135,15 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="12" v-if="form.userId == null || form.userId != useUserStore().userId">
+          <el-col v-if="form.userId == null || form.userId != useUserStore().userId" :span="12">
             <el-form-item label="角色" prop="roleIds">
               <el-select v-model="form.roleIds" filterable multiple placeholder="请选择">
                 <el-option
                   v-for="item in roleOptions"
                   :key="item.roleId"
+                  :disabled="item.status == '1'"
                   :label="item.roleName"
                   :value="item.roleId"
-                  :disabled="item.status == '1'"
                 ></el-option>
               </el-select>
             </el-form-item>
@@ -154,7 +152,7 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="备注">
-              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+              <el-input v-model="form.remark" placeholder="请输入内容" type="textarea"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -168,18 +166,18 @@
     </el-dialog>
 
     <!-- 员工导入对话框 -->
-    <el-dialog v-model="upload.open" :title="upload.title" width="400px" append-to-body>
+    <el-dialog v-model="upload.open" :title="upload.title" append-to-body width="400px">
       <el-upload
         ref="uploadRef"
-        :limit="1"
-        accept=".xlsx, .xls"
-        :headers="upload.headers"
         :action="upload.url + '?updateSupport=' + upload.updateSupport"
+        :auto-upload="false"
         :disabled="upload.isUploading"
+        :headers="upload.headers"
+        :limit="1"
+        :on-change="handleChangeFile"
         :on-progress="handleFileUploadProgress"
         :on-success="handleFileSuccess"
-        :auto-upload="false"
+        accept=".xlsx, .xls"
-        :on-change="handleChangeFile"
         drag
       >
         <el-icon class="el-icon--upload">
@@ -190,7 +188,7 @@
           <div class="text-center el-upload__tip">
             <div class="el-upload__tip"><el-checkbox v-model="upload.updateSupport" />是否更新已经存在的员工数据</div>
             <span>仅允许导入xls、xlsx格式文件。</span>
-            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>
+            <el-link :underline="false" style="font-size: 12px; vertical-align: baseline" type="primary" @click="importTemplate">下载模板</el-link>
           </div>
         </template>
       </el-upload>
@@ -204,7 +202,7 @@
   </div>
 </template>
 
-<script setup name="User" lang="ts">
+<script lang="ts" name="User" setup>
 import api from '@/api/system/user';
 import { UserForm, UserQuery, UserVO } from '@/api/system/user/types';
 import { RoleVO } from '@/api/system/role/types';
@@ -257,7 +255,8 @@ const columns = ref<FieldOption[]>([
   { key: 3, label: `部门`, visible: true, children: [] },
   { key: 4, label: `手机号码`, visible: true, children: [] },
   { key: 5, label: `状态`, visible: true, children: [] },
-  { key: 6, label: `创建时间`, visible: true, children: [] }
+  { key: 6, label: `创建时间`, visible: true, children: [] },
+  { key: 7, label: `角色`, visible: true, children: [] }
 ]);
 
 const deptTreeRef = ref<ElTreeInstance>();

src/views/system/warehouse/IssueOut/Main.vue

@@ -13,26 +13,26 @@
         <table border>
           <tbody>
             <tr>
-              <td style="width: 60px">序号</td>
+              <td style="width: 85px">序号</td>
-              <td>物资名称</td>
+              <td style="min-width: 75px">物资名称</td>
-              <td>品牌</td>
+              <td style="width: 75px">品牌</td>
-              <td>规格型号</td>
+              <td style="width: 85px">规格型号</td>
-              <td style="width: 80px">单位</td>
+              <td style="width: 65px">单位</td>
-              <td>供应商</td>
+              <td style="min-width: 100px">供应商</td>
-              <td style="width: 100px">数量</td>
+              <td style="width: 65px">数量</td>
-              <td style="width: 150px">单价</td>
+              <td style="width: 65px">单价</td>
-              <td>合计</td>
+              <td style="width: 65px">合计</td>
-              <td>备注</td>
+              <td style="min-width: 200px; line-height: normal">备注</td>
             </tr>
             <tr v-for="(item, index) in form.items" :key="index">
-              <td style="width: 60px">{{ index + 1 }}</td>
+              <td>{{ index + 1 }}</td>
               <td>{{ item.materialName }}</td>
               <td>{{ item.brand }}</td>
               <td>{{ item.model }}</td>
-              <td style="width: 80px">{{ item.unit }}</td>
+              <td>{{ item.unit }}</td>
               <td>{{ form.supplierName }}</td>
-              <td style="width: 100px">{{ item.outNum }}</td>
+              <td>{{ item.outNum }}</td>
-              <td style="width: 150px">{{ item.outPrice }}</td>
+              <td>{{ item.outPrice }}</td>
               <td>{{ item.totalPrice }}</td>
               <td>{{ item.remark }}</td>
             </tr>
@@ -122,6 +122,7 @@ const cancelForm = () => {
     margin-bottom: 10px;
   }
   .formBody {
+    font-size: 15px;
     .navtitle {
       text-align: center;
       height: 41px;
@@ -146,15 +147,15 @@ const cancelForm = () => {
         td {
           border: 1px solid #dddddd; /* 现代浅灰色边框 */
           height: 50px;
-          line-height: 45px;
+          line-height: normal;
           background-color: rgba(255, 255, 255, 1);
-          font-size: 1rem;
+          font-size: 14px;
           text-align: center;
           font-weight: 450;
         }
 
         &.footertr td {
-          height: 90px;
+          height: 60px;
         }
       }
     }
@@ -162,8 +163,13 @@ const cancelForm = () => {
     .foorter {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
+      width: 100%;
       gap: 30px;
-      margin: 30px auto 0;
+      margin: 20px auto 0;
+    }
+    .formark {
+      font-size: smaller;
+      margin-top: 10px;
     }
   }
 }

src/views/system/warehouse/IssueOut/add.vue

@@ -23,12 +23,28 @@
           </el-form-item>
           <el-form-item label="供应商" prop="supplierId">
             <el-select v-model="form.supplierId" placeholder="请选择供应商">
-              <el-option v-for="(item, index) in supplierlist" :key="index" :label="item.supplierName" :value="item.id" />
+              <el-option v-for="(item, index) in supplierlist" :key="index" :label="item.supplierName" :value="item.id">
+                <span style="float: left">{{ item.supplierName }}</span>
+                <span style="float: right; color: var(--el-text-color-secondary); font-size: 13px">
+                  {{ item.villageName }}
+                </span>
+              </el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="出库仓库" prop="warehouseId">
             <el-select v-model="form.warehouseId" placeholder="请选择出库仓库">
-              <el-option v-for="(item, index) in warehouselist" :key="index" :label="item.warehouseName" :value="item.id" />
+              <el-option
+                v-for="(item, index) in warehouselist"
+                :key="index"
+                :disabled="item.status === '1'"
+                :label="item.warehouseName"
+                :value="item.id"
+              >
+                <span style="float: left">{{ item.warehouseName }}</span>
+                <span style="float: right; color: var(--el-text-color-secondary); font-size: 13px">
+                  {{ item.villageName }}
+                </span>
+              </el-option>
             </el-select>
           </el-form-item>
           <!--          <el-form-item label="出库状态" prop="operateStatus">-->
@@ -47,7 +63,7 @@
       <div class="AddBuildingBody">
         <div style="margin-bottom: 20px">
           <span>详细出库列表</span>
-          <material ref="materialRef" :is-multiple="true" :userid="itemsid" returnvalue="*" @change="handleChangeitem">
+          <material ref="materialRef" :is-multiple="true" :isHidden="false" :userid="itemsid" returnvalue="*" @change="handleChangeitem">
             <template #default>
               <el-button icon="Plus" style="margin-left: 20px" type="primary" @click="() => materialRef.open()">添加</el-button>
             </template>

src/views/system/warehouse/Material/addMaterial.vue

@@ -4,21 +4,21 @@
     <div class="AddBuildingBody">
       <div class="title">基本信息</div>
       <div class="addBuildingFormBody">
-        <el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
+        <el-form ref="formRef" :model="form" :rules="rules" class="formBody" label-position="right" label-width="130px">
           <el-form-item label="物料名称" prop="materialName">
-            <el-input maxlength="20" v-model.trim="form.materialName" placeholder="请输入物料名称" />
+            <el-input v-model.trim="form.materialName" maxlength="20" placeholder="请输入物料名称" />
           </el-form-item>
           <el-form-item label="品牌" prop="brand">
-            <el-input maxlength="20" v-model.trim="form.brand" placeholder="请输入品牌" />
+            <el-input v-model.trim="form.brand" maxlength="20" placeholder="请输入品牌" />
           </el-form-item>
           <el-form-item label="规格型号" prop="model">
-            <el-input maxlength="20" v-model.trim="form.model" placeholder="请输入规格型号" />
+            <el-input v-model.trim="form.model" maxlength="20" placeholder="请输入规格型号" />
           </el-form-item>
           <el-form-item label="计量单位" prop="unit">
-            <el-input maxlength="20" v-model.trim="form.unit" placeholder="请输入计量单位" />
+            <el-input v-model.trim="form.unit" maxlength="20" placeholder="请输入计量单位" />
           </el-form-item>
           <el-form-item label="备注" prop="remark">
-            <el-input type="textarea" maxlength="200" show-word-limit :rows="5" v-model.trim="form.remark" placeholder="请输入备注" />
+            <el-input v-model.trim="form.remark" :rows="5" maxlength="30" placeholder="请输入备注" show-word-limit type="textarea" />
           </el-form-item>
           <el-form-item style="margin-top: 30px">
             <el-button type="primary" @click="submitForm">提交</el-button>
@@ -30,7 +30,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { getMaterial, updateMaterial, addMaterial } from '@/api/system/Tmaterial';
@@ -45,7 +45,8 @@ const form = ref({
   brand: '', // 联系电话
   model: '', // 邮箱
   unit: '', // 地址
-  remark: '' // 备注
+  remark: '', // 备注
+  villageId: ''
 });
 const rules = ref({
   materialName: [{ required: true, message: '请输入 物料名称', trigger: 'blur' }],
@@ -63,13 +64,16 @@ if (route.query.id) {
       brand: res.data.brand,
       model: res.data.model,
       unit: res.data.unit,
-      remark: res.data.remark
+      remark: res.data.remark,
+      villageId: res.data.villageId
     };
   });
 }
 // !== 提交 =============================================================================
 // 提交
 const submitForm = () => {
+  const villageId = localStorage.getItem('villageid');
+  form.value.villageId = villageId;
   formRef.value?.validate(async (valid: boolean) => {
     if (valid) {
       if (userid.value) {
@@ -92,7 +96,7 @@ const cancelForm = () => {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .AddBuildingBox {
   padding: 15px;
   height: 100%;

src/views/system/warehouse/PurchaseIn/Main.vue

@@ -2,7 +2,7 @@
   <div class="h-full flex flex-col p-2">
     <pageHeader></pageHeader>
     <div class="mainbody">
-      <div class="actionsbox">
+      <div class="actionsBox">
         <el-button icon="Printer" type="primary" @click="handlePrint">打印</el-button>
         <el-button @click="cancelForm">返回</el-button>
       </div>
@@ -13,16 +13,16 @@
         <table border>
           <tbody>
             <tr>
-              <td style="width: 90px">序号</td>
+              <td style="width: 85px">序号</td>
-              <td>物资名称</td>
+              <td style="min-width: 75px">物资名称</td>
-              <td>品牌</td>
+              <td style="width: 75px">品牌</td>
-              <td>规格型号</td>
+              <td style="width: 85px">规格型号</td>
-              <td style="width: 80px">单位</td>
+              <td style="width: 65px">单位</td>
-              <td>供应商</td>
+              <td style="min-width: 100px">供应商</td>
-              <td style="width: 80px">数量</td>
+              <td style="width: 65px">数量</td>
-              <td style="width: 80px">单价</td>
+              <td style="width: 65px">单价</td>
-              <td>合计</td>
+              <td style="width: 65px">合计</td>
-              <td>备注</td>
+              <td style="min-width: 200px; line-height: normal">备注</td>
             </tr>
             <tr v-for="(item, index) in form.items" :key="index">
               <td>{{ index + 1 }}</td>
@@ -30,7 +30,9 @@
               <td>{{ item.brand }}</td>
               <td>{{ item.model }}</td>
               <td>{{ item.unit }}</td>
-              <td>{{ form.supplierName }}</td>
+              <td>
+                {{ form.supplierName }}
+              </td>
               <td>{{ item.inNum }}</td>
               <td>{{ item.costPrice }}</td>
               <td>{{ item.totalPrice }}</td>
@@ -117,11 +119,12 @@ const cancelForm = () => {
   background-color: #fff;
   margin-top: 20px;
   border-radius: 5px;
-  .actionsbox {
+  .actionsBox {
     text-align: right;
     margin-bottom: 10px;
   }
   .formBody {
+    font-size: 15px;
     .navtitle {
       text-align: center;
       height: 41px;
@@ -146,15 +149,15 @@ const cancelForm = () => {
         td {
           border: 1px solid #dddddd; /* 现代浅灰色边框 */
           height: 50px;
-          line-height: 45px;
+          line-height: normal;
           background-color: rgba(255, 255, 255, 1);
-          font-size: 1rem;
+          font-size: 14px;
           text-align: center;
           font-weight: 450;
         }
 
         &.footertr td {
-          height: 90px;
+          height: 60px;
         }
       }
     }
@@ -164,7 +167,7 @@ const cancelForm = () => {
       grid-template-columns: repeat(3, 1fr);
       width: 100%;
       gap: 30px;
-      margin: 30px auto 0;
+      margin: 20px auto 0;
     }
     .formark {
       font-size: smaller;

src/views/system/warehouse/PurchaseIn/add.vue

@@ -23,12 +23,28 @@
           </el-form-item>
           <el-form-item label="供应商" prop="supplierId">
             <el-select v-model="form.supplierId" placeholder="请选择供应商">
-              <el-option v-for="(item, index) in supplierlist" :key="index" :label="item.supplierName" :value="item.id" />
+              <el-option v-for="(item, index) in supplierlist" :key="index" :label="item.supplierName" :value="item.id">
+                <span style="float: left">{{ item.supplierName }}</span>
+                <span style="float: right; color: var(--el-text-color-secondary); font-size: 13px">
+                  {{ item.villageName }}
+                </span>
+              </el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="入库仓库" prop="warehouseId">
             <el-select v-model="form.warehouseId" placeholder="请选择入库仓库">
-              <el-option v-for="(item, index) in warehouselist" :key="index" :label="item.warehouseName" :value="item.id" />
+              <el-option
+                v-for="(item, index) in warehouselist"
+                :key="index"
+                :disabled="item.status === '1'"
+                :label="item.warehouseName"
+                :value="item.id"
+              >
+                <span style="float: left">{{ item.warehouseName }}</span>
+                <span style="float: right; color: var(--el-text-color-secondary); font-size: 13px">
+                  {{ item.villageName }}
+                </span>
+              </el-option>
             </el-select>
           </el-form-item>
           <!--          <el-form-item label="入库状态" prop="operateStatus">-->
@@ -47,7 +63,7 @@
       <div class="AddBuildingBody">
         <div style="margin-bottom: 20px">
           <span>详细入库列表</span>
-          <material ref="materialRef" :is-multiple="true" :userid="itemsid" returnvalue="*" @change="handleChangeitem">
+          <material ref="materialRef" :is-multiple="true" :isHidden="true" :userid="itemsid" returnvalue="*" @change="handleChangeitem">
             <template #default>
               <el-button icon="Plus" style="margin-left: 20px" type="primary" @click="() => materialRef.open()">添加</el-button>
             </template>

src/views/system/warehouse/Supplier/addSupplier.vue

@@ -4,24 +4,24 @@
     <div class="AddBuildingBody">
       <div class="title">基本信息</div>
       <div class="addBuildingFormBody">
-        <el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
+        <el-form ref="formRef" :model="form" :rules="rules" class="formBody" label-position="right" label-width="130px">
           <el-form-item label="供应商名称" prop="supplierName">
-            <el-input maxlength="20" v-model.trim="form.supplierName" placeholder="请输入供应商名称" />
+            <el-input v-model.trim="form.supplierName" maxlength="20" placeholder="请输入供应商名称" />
           </el-form-item>
           <el-form-item label="联系人" prop="contactPerson">
-            <el-input maxlength="20" v-model.trim="form.contactPerson" placeholder="请输入联系人" />
+            <el-input v-model.trim="form.contactPerson" maxlength="20" placeholder="请输入联系人" />
           </el-form-item>
           <el-form-item label="联系电话" prop="contactPhone">
-            <el-input maxlength="11" v-model.trim="form.contactPhone" placeholder="请输入联系电话" />
+            <el-input v-model.trim="form.contactPhone" maxlength="11" placeholder="请输入联系电话" />
           </el-form-item>
           <el-form-item label="邮箱" props="email">
-            <el-input maxlength="30" v-model.trim="form.email" placeholder="请输入邮箱" />
+            <el-input v-model.trim="form.email" maxlength="30" placeholder="请输入邮箱" />
           </el-form-item>
           <el-form-item label="地址" prop="address">
-            <el-input type="textarea" maxlength="100" show-word-limit :rows="2" v-model.trim="form.address" placeholder="请输入地址" />
+            <el-input v-model.trim="form.address" :rows="2" maxlength="100" placeholder="请输入地址" show-word-limit type="textarea" />
           </el-form-item>
           <el-form-item label="备注" prop="remark">
-            <el-input type="textarea" maxlength="200" show-word-limit :rows="5" v-model.trim="form.remark" placeholder="请输入备注" />
+            <el-input v-model.trim="form.remark" :rows="5" maxlength="200" placeholder="请输入备注" show-word-limit type="textarea" />
           </el-form-item>
           <el-form-item style="margin-top: 30px">
             <el-button type="primary" @click="submitForm">提交</el-button>
@@ -33,7 +33,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { getSupplier, updateSupplier, addSupplier } from '@/api/system/Tsupplier';
@@ -50,6 +50,7 @@ const form = ref({
   email: '', // 邮箱
   address: '', // 地址
   remark: '', // 备注
+  villageId: '', // 小区id
   contactPerson: '' // 联系人
 });
 const rules = ref({
@@ -88,6 +89,7 @@ if (route.query.id) {
       email: res.data.email,
       address: res.data.address,
       remark: res.data.remark,
+      villageId: res.data.villageId,
       contactPerson: res.data.contactPerson
     };
   });
@@ -95,6 +97,8 @@ if (route.query.id) {
 // !== 提交 =============================================================================
 // 提交
 const submitForm = () => {
+  const villageId = localStorage.getItem('villageid') || '';
+  form.value.villageId = villageId;
   formRef.value?.validate(async (valid: boolean) => {
     if (valid) {
       if (userid.value) {
@@ -117,7 +121,7 @@ const cancelForm = () => {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .AddBuildingBox {
   padding: 15px;
   height: 100%;

src/views/system/warehouse/Supplier/index.vue

@@ -218,7 +218,7 @@ const submitForm = () => {
 /** 删除按钮操作 */
 const handleDelete = async (row?: SupplierVO) => {
   const _ids = row?.id || ids.value;
-  await proxy?.$modal.confirm('是否确认删除供应商编号为"' + _ids + '"的数据项？').finally(() => (loading.value = false));
+  await proxy?.$modal.confirm('是否确认删除选中供应商?').finally(() => (loading.value = false));
   await delSupplier(_ids);
   proxy?.$modal.msgSuccess('删除成功');
   await getList();

src/views/workbench/components/feeOverview.vue

@@ -7,13 +7,13 @@
       <div class="flex flex-items-center justify-center">
         <el-date-picker
           v-model="time"
-          type="daterange"
-          range-separator="至"
-          format="YYYY-MM-DD"
-          value-format="YYYY-MM-DD"
-          start-placeholder="开始日期"
-          @update:model-value="handleChangeDate"
           end-placeholder="结束日期"
+          format="YYYY-MM-DD"
+          range-separator="至"
+          start-placeholder="开始日期"
+          type="daterange"
+          value-format="YYYY-MM-DD"
+          @update:model-value="handleChangeDate"
         />
       </div>
     </div>
@@ -174,7 +174,7 @@ function updateOptions(value: string) {
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 70%);
   box-sizing: border-box;
   padding: 19px 23px;
-  box-shadow: 0px 2px 6px 0px rgba(26, 117, 255, 0.15);
+  box-shadow: 0 2px 6px 0 rgba(26, 117, 255, 0.15);
   border-radius: 10px;
   .echartsBody {
     margin-top: 40px;

src/views/workbench/components/quick.vue

@@ -1,38 +1,38 @@
 <template>
-  <div class="quicly_box">
+  <div class="quickly_box">
-    <div class="quickly_item" v-for="(item, index) in quickBox" :key="index" @click="handleRouter(item.menuPath)">
+    <div v-for="(item, index) in quickBox" :key="index" class="quickly_item" @click="handleRouter(item.menuPath)">
-      <div class="quickly_item_icon" v-if="item.menuIcon">
+      <div v-if="item.menuIcon" class="quickly_item_icon">
         <svg-icon :icon-class="item.menuIcon" />
       </div>
       <div class="quickly_item_content">{{ item.menuName }}</div>
-      <div class="deleteaction" @click="delteRoute($event, item.id)">
+      <div class="deleteAction" @click="deleteRoute($event, item.id)">
         <el-icon class="icons"><Remove /></el-icon>
       </div>
     </div>
-    <div @click="addQuieckDialog" class="quickly_item add">
+    <div class="quickly_item add" @click="addQuickDialog">
       <el-icon><Plus /></el-icon>
       <span>添加</span>
     </div>
 
     <!-- 添加快捷入口 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+    <el-dialog v-model="dialog.visible" :title="dialog.title" append-to-body width="500px">
       <el-form ref="repairProjectFormRef" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="展示页面" prop="path">
           <el-cascader
-            @change="handleCascader"
-            clearable
-            :props="{ value: 'path', label: 'name', children: 'children' }"
             v-model="path"
-            :options="quicklylist"
+            :options="quicklyList"
+            :props="{ value: 'path', label: 'name', children: 'children' }"
+            clearable
+            @change="handleCascader"
           />
         </el-form-item>
-        <el-form-item label="排序" prop="path">
+        <el-form-item label="排序" prop="sortOrder">
           <el-input-number v-model="form.sortOrder"></el-input-number>
         </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary" @click="submitQuick">确 定</el-button>
+          <el-button :loading="buttonLoading" type="primary" @click="submitQuick">确 定</el-button>
           <el-button @click="close">取 消</el-button>
         </div>
       </template>
@@ -76,37 +76,57 @@ const path = ref([]);
 const rules = {
   menuPath: [{ required: true, trigger: 'blur', message: '请选择快捷入口页面' }]
 };
-const quicklylist = ref([]);
+type RouteItem = {
-function addQuieckDialog() {
+  name: string;
+  icon: string;
+  path: string;
+  level: number;
+  children: RouteItem[];
+};
+const quicklyList = ref<RouteItem[]>([]);
+function addQuickDialog() {
   form.value = {
     menuName: '',
     menuPath: '',
     menuIcon: '',
     sortOrder: 1
   };
+  path.value = [];
   const permissionStore = usePermissionStore();
   const routes = permissionStore.getDefaultRoutes();
-  handleroutestoshowlist(routes);
+  handleRoutesToShowList(routes);
   dialog.visible = true;
 }
-function getquicklist() {
+function getQuickList() {
   getQuicklyshortcut({}).then((res) => {
-    quickBox.value = res.data;
+    quickBox.value = res.data.sort((a, b) => a.sortOrder - b.sortOrder);
   });
 }
-getquicklist();
+getQuickList();
-function handleroutestoshowlist(rotues) {
+function handleRoutesToShowList(routes: any[]) {
   // 1. 输入校验：确保 routes 是数组
-  if (!Array.isArray(rotues)) {
+  if (!Array.isArray(routes)) {
     return [];
   }
-  quicklylist.value = rotues.map((ele) => _handle(null, ele, 1)).filter((item) => item);
+  quicklyList.value = routes.map((ele) => _handle(null, ele, 1)).filter((item) => item);
+  console.log(quicklyList.value);
 }
+
+// 隐藏快捷入口路径
+const hiddenPaths = [
+  '/house/houseDetails', // 房屋详情
+  '/equipment/electricityTopupRecord', // 电表充值记录
+  '/equipment/waterTopupRecord', // 水表充值记录
+
+  '/system/role-auth/user/:roleId', // 分配用户
+  '/system/user-auth/role/:userId' // 分配角色
+];
+
 function _handle(
   parentRoute: { name?: any; icon?: any; path: any; level?: any; children?: any[] },
   currentRoute: { hidden: any; path: string; meta: { title: any; icon: any }; children: any[] },
   level: number
-) {
+): RouteItem | null {
   // 非页面路由
   if (currentRoute.hidden && level === 1) {
     return null;
@@ -117,6 +137,11 @@ function _handle(
   if (excludeKeywords.test(currentRoute.path)) {
     return null;
   }
+  console.log(parentRoute);
+  console.log(parentRoute ? parentRoute.path : '', currentRoute.path);
+  if (hiddenPaths.includes(`${parentRoute ? parentRoute.path : ''}/${currentRoute.path}`)) {
+    return null;
+  }
   if (!currentRoute.meta) {
     if (currentRoute.children && currentRoute.children.length > 0) {
       return null;
@@ -148,12 +173,12 @@ function _handle(
   return obj;
 }
 
-function handleCascader(val) {
+function handleCascader(val: string[]) {
-  const parentpath = val[0];
+  const parentPath = val[0];
-  const childrenpath = val[1];
+  const childrenPath = val[1];
-  const find = quicklylist.value.find((item) => item.path === parentpath);
+  const find = quicklyList.value.find((item) => item.path === parentPath);
   if (find) {
-    const find2 = find.children.find((item) => item.path === childrenpath);
+    const find2 = find.children.find((item) => item.path === childrenPath);
     if (find2) {
       form.value = {
         ...form.value,
@@ -164,26 +189,32 @@ function handleCascader(val) {
     }
   }
 }
+const buttonLoading = ref(false);
 function submitQuick() {
-  addQuicklyshortcut(form.value).then((res) => {
+  buttonLoading.value = true;
-    ElMessage.success(res.msg);
+  addQuicklyshortcut(form.value)
-    dialog.visible = false;
+    .then((res) => {
-    getquicklist();
+      ElMessage.success(res.msg);
-  });
+      dialog.visible = false;
+      getQuickList();
+    })
+    .finally(() => {
+      buttonLoading.value = false;
+    });
 }
 function close() {
   dialog.visible = false;
 }
-function delteRoute(e: MouseEvent, id: string) {
+function deleteRoute(e: MouseEvent, id: string) {
   e.stopPropagation();
   delQuicklyshortcut(id).then(() => {
-    getquicklist();
+    getQuickList();
   });
 }
 // ! 快捷入口
 </script>
 <style lang="scss" scoped>
-.quicly_box {
+.quickly_box {
   max-height: 410px;
   overflow-y: auto;
   padding-top: 20px;
@@ -244,25 +275,13 @@ function delteRoute(e: MouseEvent, id: string) {
       font-weight: 500;
       color: #222222;
     }
-
-    // &:hover {
-    //   .actionsbox {
-    //     opacity: 1;
-    //     .routeactions {
-    //       transform: rotateY(0deg);
-    //     }
-    //     .deleteaction {
-    //       transform: rotateY(0deg);
-    //     }
-    //   }
-    // }
     &:hover {
-      .deleteaction {
+      .deleteAction {
         opacity: 1;
       }
     }
 
-    .deleteaction {
+    .deleteAction {
       position: absolute;
       transition: all 0.3s;
       opacity: 0;
@@ -317,7 +336,7 @@ function delteRoute(e: MouseEvent, id: string) {
       }
     }
 
-    .actionsbox {
+    .actionsBox {
       opacity: 1;
       transition: all 0.3s;
       position: absolute;
@@ -328,8 +347,8 @@ function delteRoute(e: MouseEvent, id: string) {
       display: flex;
       align-items: center;
       justify-content: center;
-      .routeactions,
+      .routeActions,
-      .deleteaction {
+      .deleteAction {
         font-size: 15px;
         color: #fff;
         flex: 0.5;
@@ -346,12 +365,12 @@ function delteRoute(e: MouseEvent, id: string) {
           font-size: 11px;
         }
       }
-      .routeactions {
+      .routeActions {
         background-color: #0083ff;
         transform-origin: left center;
         transform: rotateY(90deg);
       }
-      .deleteaction {
+      .deleteAction {
         display: flex;
         align-items: center;
         background-color: red;