8/1 限制前端输入字数

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

@@ -31,7 +31,13 @@
           <div>
             <el-form-item label="收费项目" prop="itemId">
               <el-select v-model="queryParams.chargeItemId" placeholder="请选择收费项目">
-                <el-option v-for="(item, index) in chargeItems" :key="index" :value="item.id" :label="item.itemName"></el-option>
+                <el-option
+                  :disabled="item.status === '1'"
+                  v-for="(item, index) in chargeItems"
+                  :key="index"
+                  :value="item.id"
+                  :label="item.itemName"
+                ></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="缴费周期" prop="chargePeriod">
@@ -118,7 +124,7 @@
         </el-table-column>
         <el-table-column label="收费周期" align="center" prop="periodDisplay" width="280">
           <template #default="scope">
-              <span>{{ scope.row.periodDisplay }}</span>
+            <span>{{ scope.row.periodDisplay }}</span>
           </template>
         </el-table-column>
 
@@ -171,7 +177,6 @@
         <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
       </div>
     </el-card>
-
     <el-dialog :title="dialog.title" v-model="dialog.visible" width="650px" append-to-body>
       <div class="payInfo">
         <div>
@@ -237,7 +242,7 @@
             <el-tooltip class="box-item" effect="light" placement="top">
               <el-icon color="#909399" style="vertical-align: middle"><QuestionFilled /></el-icon>
               <template #content>
-                <span>有账单 应缴费用 不足 优惠金额╬╬</span>
+                <span>有账单 应缴费用 不足 优惠金额</span>
               </template>
             </el-tooltip>
           </div>
@@ -418,8 +423,7 @@ import { getCommunitylistAPI } from '@/api/system/community';
 import { billEdit, billlistType, billPrint, BillPrintType, billQuery } from '@/api/system/SdbCashier';
 import { listChargeItem } from '@/api/system/SdbChargeItem';
 import { ref } from 'vue';
-// import { printTicket, printTicketDiv } from '@/utils/print';
-import { add, div, eq, eqMoney, gtMoney, ltMoney, maxMoney, minMoney, moneyAdd, mul, sub, sum, toBig } from '@/utils/money';
+import { add, div, eq, eqMoney, gtMoney, ltMoney, 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';
@@ -429,8 +433,8 @@ import { CirclePlus, Delete, QuestionFilled } from '@element-plus/icons-vue';
 import { useUserStore } from '@/store/modules/user';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { com_pay_status, com_pay_method, com_charge_item_unit, com_bill_charge_period } = toRefs<any>(
-  proxy?.useDict('com_pay_status', 'com_pay_method', 'com_charge_item_unit', 'com_bill_charge_period')
+const { com_pay_status, com_pay_method, com_charge_item_unit } = toRefs<any>(
+  proxy?.useDict('com_pay_status', 'com_pay_method', 'com_charge_item_unit')
 );
 
 const userStore = useUserStore();
@@ -461,20 +465,34 @@ const villageId = localStorage.getItem('villageid') ?? undefined;
 const queryParams = ref({
   pageNum: 1,
   pageSize: 10,
+  // 收款状态
   payStatus: null,
+  // 小区id
   villageId: villageId,
+  // 楼栋id
   buildingId: undefined,
+  // 单元id
   unitNoId: undefined,
+  // 房屋id
   houseId: undefined,
+  // 缴费周期
   chargePeriod: undefined,
+  // 房屋类型id
   houseUseTypeId: undefined,
+  // 缴费时间
   payTime: undefined,
+  // 缴费人
   residentName: undefined,
+  // 缴费项目id
   chargeItemId: undefined,
   period: undefined,
+  // 缴费时间开始
   payTimeBegin: undefined,
+  // 缴费时间结束
   payTimeEnd: undefined,
+  // 开始时间
   startDate: undefined,
+  // 结束时间
   endDate: undefined
 });
 
@@ -510,6 +528,7 @@ function handleChangeVillage(val: string) {
   queryParams.value.unitNoId = undefined;
   queryParams.value.buildingId = undefined;
   queryParams.value.chargeItemId = undefined;
+  queryParams.value.houseId = undefined;
   buildingList.value = [];
   unitList.value = [];
   if (val) {
@@ -523,7 +542,8 @@ function handleChangeVillage(val: string) {
 // 获取收费项目
 function handleChargeItem(id: string) {
   listChargeItem({
-    villageId: id
+    villageId: id,
+    status: '0'
   }).then((res) => {
     chargeItems.value = res.rows;
   });
@@ -582,6 +602,8 @@ const handleQuery = () => {
 /** 重置按钮操作 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
+  payTime.value = [];
+  chargePeriod.value = [];
   queryParams.value = {
     chargePeriod: undefined,
     payTime: undefined,
@@ -601,6 +623,7 @@ const resetQuery = () => {
     startDate: undefined,
     endDate: undefined
   };
+  queryParams.value.villageId = villageId;
   handleQuery();
 };
 // 控制收费 按钮  不能有已缴纳的（后端会校验）
@@ -998,11 +1021,13 @@ function conFimPrint() {
 }
 
 onMounted(() => {
+  queryParams.value.villageId = villageId;
   getList();
   getHouseTypeList();
   // 全部小区
   getCommunitylistAPI().then((res) => {
     villageList.value = res.rows;
+    handleChangeVillage(queryParams.value.villageId);
   });
 });