8/31 dev 权限,sse,账单,bug

src/views/system/MonthCard/addMonthCard.vue

@@ -4,17 +4,17 @@
     <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-row>
             <el-col :span="11">
               <el-form-item label="月卡编号" prop="cardCode">
-                <el-input maxlength="15" v-model.trim="form.cardCode" placeholder="请输入月卡编号" />
+                <el-input v-model.trim="form.cardCode" maxlength="15" placeholder="请输入月卡编号" />
               </el-form-item>
             </el-col>
             <el-col :span="2"></el-col>
             <el-col :span="11">
               <el-form-item label="持卡人姓名" prop="cardName">
-                <el-input maxlength="15" v-model.trim="form.cardName" placeholder="请输入持卡人姓名" />
+                <el-input v-model.trim="form.cardName" maxlength="15" placeholder="请输入持卡人姓名" />
               </el-form-item>
             </el-col>
           </el-row>
@@ -22,15 +22,15 @@
           <el-row>
             <el-col :span="11">
               <el-form-item label="手机号码" prop="phone">
-                <el-input maxlength="11" v-model.number="form.phone" placeholder="请输入手机号码" />
+                <el-input v-model.number="form.phone" maxlength="11" placeholder="请输入手机号码" />
               </el-form-item>
             </el-col>
             <el-col :span="2"></el-col>
             <el-col :span="11">
               <el-form-item label="绑定车牌号" prop="carNum">
                 <el-input
-                  maxlength="10"
                   v-model.trim="form.carNum"
+                  maxlength="10"
                   placeholder="请输入车牌号"
                   style="text-transform: uppercase; letter-spacing: 2px"
                 />
@@ -40,22 +40,22 @@
           <el-row>
             <el-col :span="11">
               <el-form-item label="办理人" prop="handleName">
-                <el-input maxlength="15" v-model="form.handleName" placeholder="请输入办理人姓名" />
+                <el-input v-model="form.handleName" maxlength="15" placeholder="请输入办理人姓名" />
               </el-form-item>
             </el-col>
             <el-col :span="2"></el-col>
             <el-col :span="11">
               <el-form-item label="有效日期" prop="startTime">
                 <el-date-picker
+                  v-model="checkDate"
+                  end-placeholder="结束日期"
+                  placeholder="选择日期"
                   range-separator="到"
                   start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                  v-model="checkDate"
                   type="daterange"
-                  @clear="handleClear"
-                  placeholder="选择日期"
-                  @change="handleDate"
                   value-format="YYYY-MM-DD"
+                  @change="handleDate"
+                  @clear="handleClear"
                 />
               </el-form-item>
             </el-col>
@@ -63,7 +63,7 @@
           <el-row>
             <el-col :span="11">
               <el-form-item label="费用" prop="cost">
-                <el-input maxlength="8" v-model.number.trim="form.cost" placeholder="请输入费用">
+                <el-input v-model.number.trim="form.cost" maxlength="8" placeholder="请输入费用">
                   <template #suffix>元</template>
                 </el-input>
               </el-form-item>
@@ -71,7 +71,7 @@
             <el-col :span="2"></el-col>
             <el-col :span="11">
               <el-form-item label="支付方式" prop="payMethod">
-                <el-select v-model="form.payMethod" placeholder="请选择支付方式" clearable>
+                <el-select v-model="form.payMethod" clearable placeholder="请选择支付方式">
                   <el-option v-for="dict in com_pay_method" :key="dict.value" :label="dict.label" :value="dict.value" />
                 </el-select>
               </el-form-item>
@@ -80,7 +80,7 @@
           <el-row>
             <el-col :span="24">
               <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-col>
           </el-row>
@@ -94,7 +94,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { addMonthCard, getMonthCard, updateMonthCard } from '@/api/system/MonthCard';
@@ -148,7 +148,7 @@ const rules = ref({
     }
   ],
   handleName: [
-    { required: true, message: '请输入姓名', trigger: 'blur' },
+    { required: false, message: '请输入姓名', trigger: 'blur' },
     {
       validator: (_: any, value: string | number) => validator(value, 'ChineseName'),
       message: '请输入正确的中文姓名',
@@ -239,7 +239,7 @@ const cancelForm = () => {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .AddBuildingBox {
   padding: 15px;
   height: 100%;