8/1 限制前端输入字数

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

@@ -10,7 +10,13 @@
           </el-form-item>
           <el-form-item label="收费类型" prop="typeId">
             <el-select v-model="form.typeId">
-              <el-option v-for="(item, index) in chargeitemlist" :key="index" :value="item.id" :label="item.name"></el-option>
+              <el-option
+                :disabled="item.status === '1'"
+                v-for="(item, index) in chargeItemList"
+                :key="index"
+                :value="item.id"
+                :label="item.name"
+              ></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="计费方式" prop="billingType">
@@ -84,7 +90,6 @@ const { com_charge_item_method } = toRefs<any>(proxy?.useDict('com_charge_item_m
 
 const router = useRouter();
 const route = useRoute();
-
 const formRef = ref();
 const form = ref({
   'id': null,
@@ -107,7 +112,7 @@ const rules = ref({
     { required: true, message: '请输入 费用单价', trigger: 'blur' },
     {
       validator: (_: any, value: string | number, callback: (arg0?: Error) => any) => {
-        if (value === '' || value === null) {
+        if (value === '' || value === null || value === undefined || value === 0) {
           return callback(new Error('请输入费用单价'));
         } else {
           const val = Number(value);
@@ -128,9 +133,9 @@ const rules = ref({
   carryMethod: [{ required: true, message: '请选择 进位方式', trigger: 'blur' }]
 });
 const userid = ref(null);
-const chargeitemlist = ref([]);
+const chargeItemList = ref([]);
 listChargeType().then((res) => {
-  chargeitemlist.value = res.rows;
+  chargeItemList.value = res.rows;
 });
 if (route.query.id) {
   userid.value = route.query.id;
@@ -151,12 +156,12 @@ const submitForm = () => {
   formRef.value?.validate(async (valid: boolean) => {
     if (valid) {
       if (userid.value) {
-        updateChargeItem(form.value).then((res) => {
+        updateChargeItem(form.value).then(() => {
           ElMessage.success('编辑成功');
           cancelForm();
         });
       } else {
-        addChargeItem(form.value).then((res) => {
+        addChargeItem(form.value).then(() => {
           ElMessage.success('添加成功');
           cancelForm();
         });
@@ -170,9 +175,9 @@ const cancelForm = () => {
 };
 
 //  车位费 物业费
-const typeNamelist = ref(['2049026520314445826']);
+const typeNameList = ref(['2049026520314445826']);
 function placeHolderFun(typeId: string) {
-  return typeNamelist.value.includes(typeId) ? '请输入每日费用单价' : '请输入费用单价';
+  return typeNameList.value.includes(typeId) ? '请输入每日费用单价' : '请输入费用单价';
 }
 </script>