访客模块待完成

2026-04-11 17:55:11 +08:00
parent 67a292b252
commit d957d1a039
35 changed files with 4564 additions and 95 deletions
--- a/src/views/system/parking/addParking.vue
+++ b/src/views/system/parking/addParking.vue
@@ -55,7 +55,7 @@
            <el-col :span="24">
              <el-form-item label="持有人" prop="residentId">
                <!-- 公共组件 持有人 -->
-                <Holder :isedit="userid === null" @change="handleChange"></Holder>
+                <Holder @change="handleChange"></Holder>
              </el-form-item>
            </el-col>
          </el-row>
@@ -131,7 +131,7 @@ const getAreaList = async () => {
 };
 getAreaList();

-const holderInfo = ref();
+const holderInfo = ref(null);
 function handleChange(pop) {
  console.log('获得数据');
  console.log(pop);
@@ -143,7 +143,7 @@ function handleChange(pop) {
 const submitForm = () => {
  formRef.value?.validate(async (valid: boolean) => {
    if (valid) {
-      form.value.resident_id = holderInfo.value.id;
+      form.value.resident_id = holderInfo.value;
      if (userid.value) {
        updateParking(form.value).then((res) => {
          ElMessage.success('编辑成功');
--- a/src/views/system/parking/index.vue
+++ b/src/views/system/parking/index.vue
@@ -7,7 +7,7 @@
          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
            <el-form-item label="车位状态" prop="parkingStatus">
              <el-select v-model="queryParams.parkingStatus" placeholder="请选择" clearable>
-                <el-option v-for="dict in com_parking_status" :key="dict.value" :label="dict.label" :value="Number(dict.value)" />
+                <el-option v-for="dict in com_parking_statuslist" :key="dict.value" :label="dict.label" :value="Number(dict.value)" />
              </el-select>
            </el-form-item>

@@ -50,7 +50,9 @@

      <el-table v-loading="loading" border :data="parkingList" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="区域" align="center" prop="areaId" />
+        <el-table-column label="区域" align="center" prop="areaId">
+          <template #default="scope"> {{ getAreaInfoById(scope.row.areaId) }} </template>
+        </el-table-column>
        <el-table-column label="车位编号" align="center" prop="parkingCode" />
        <el-table-column label="车位面积" align="center" prop="parkingArea">
          <template #default="scope"> {{ scope.row.parkingArea }}㎡ </template>
@@ -63,13 +65,13 @@
        </el-table-column>
        <el-table-column label="车位类型" align="center" prop="type">
          <template #default="scope">
-            <dict-tag :options="com_parking_type" :value="scope.row.type" />
+            <dict-tag :options="com_parking_typelist" :value="scope.row.type" />
          </template>
        </el-table-column>
        <el-table-column label="持有人" align="center" prop="residentName" />
        <el-table-column label="审核状态" align="center" prop="checkStatus">
          <template #default="scope">
-            <dict-tag :options="com_review" :value="scope.row.checkStatus" />
+            <dict-tag :options="com_reviewlist" :value="scope.row.checkStatus" />
          </template>
        </el-table-column>
        <el-table-column label="备注" align="center" prop="remark" />
@@ -98,6 +100,10 @@ const { com_review } = toRefs<any>(proxy?.useDict('com_review'));
 const { com_parking_type } = toRefs<any>(proxy?.useDict('com_parking_type'));
 const { com_parking_status } = toRefs<any>(proxy?.useDict('com_parking_status'));

+const com_reviewlist = computed(() => com_review.value ?? []);
+const com_parking_typelist = computed(() => com_parking_type.value ?? []);
+const com_parking_statuslist = computed(() => com_parking_status.value ?? []);
+
 const router = useRouter();
 const parkingList = ref<ParkingVO[]>([]);
 const buttonLoading = ref(false);
@@ -163,6 +169,12 @@ const getList = async () => {
  loading.value = false;
 };

+function getAreaInfoById(id: string) {
+  const obj = AreaList.value.find((item) => item.id === id);
+  console.log(obj);
+  return `${obj.areaName}${obj.areaCode}`;
+}
+
 /** 搜索按钮操作 */
 const handleQuery = () => {
  queryParams.value.pageNum = 1;
--- a/src/views/system/parking/template.vue
+++ b/src/views/system/parking/template.vue
@@ -1,41 +1,80 @@
 <template>
  <div class="AddBuildingBox">
-    <PageHeader :title="userid ? '编辑房屋租赁' : '添加房屋租赁'"></PageHeader>
+    <PageHeader :title="userid ? '编辑月卡' : '添加月卡'"></PageHeader>
    <div class="AddBuildingBody">
      <div class="title">基本信息</div>
      <div class="addBuildingFormBody">
-        <el-form class="formBody" label-position="left" ref="formRef" :model="form" :rules="rules" label-width="130px">
+        <el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
          <el-row>
            <el-col :span="11">
-              <el-form-item label="区域名称" prop="houseId">
-                <el-input v-model.trim="form.rentalName" placeholder="请输入住户姓名" />
+              <el-form-item label="月卡编号" prop="cardCode">
+                <el-input v-model.trim="form.cardCode" placeholder="请输入月卡编号" />
              </el-form-item>
            </el-col>
            <el-col :span="2"></el-col>
            <el-col :span="11">
-              <el-form-item label="区域编号" prop="rentalName">
-                <el-input v-model.trim="form.rentalName" placeholder="请输入住户姓名" />
+              <el-form-item label="持卡人姓名" prop="cardName">
+                <el-input v-model.trim="form.cardName" placeholder="请输入持卡人姓名" />
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="11">
-              <el-form-item label="区域面积" prop="remark">
-                <el-input type="textarea" :rows="5" v-model.number="form.supInfo" placeholder="请输入补充房屋信息" />
+              <el-form-item label="手机号码" prop="phone">
+                <el-input v-model.number="form.phone" placeholder="请输入手机号码" />
              </el-form-item>
            </el-col>
            <el-col :span="2"></el-col>
            <el-col :span="11">
-              <el-form-item label="车位数量" prop="phone">
-                <el-input v-model.number="form.phone" placeholder="请输入手机号码" />
+              <el-form-item label="绑定车牌号" prop="carNum">
+                <el-input v-model.number="form.carNum" placeholder="请输入车牌号" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="办理人" prop="handleName">
+                <el-input v-model.number="form.handleName" placeholder="请输入办理人姓名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="2"></el-col>
+            <el-col :span="11">
+              <el-form-item label="有效日期" prop="phone">
+                <el-date-picker
+                  range-separator="到"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  v-model="checkDate"
+                  type="daterange"
+                  placeholder="选择日期"
+                  @change="handlDate"
+                  value-format="YYYY-MM-DD"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="费用" prop="cost">
+                <el-input v-model.number="form.cost" placeholder="请输入费用">
+                  <template #suffix>元</template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <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-option v-for="dict in com_pay_method" :key="dict.value" :label="dict.label" :value="dict.value" />
+                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
-              <el-form-item label="备注" prop="email">
-                <el-input type="textarea" :rows="5" v-model.trim="form.email" placeholder="请输入" />
+              <el-form-item label="备注" prop="remark">
+                <el-input type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入" />
              </el-form-item>
            </el-col>
          </el-row>
@@ -52,50 +91,77 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
+import { addMonthCard, getMonthCard, updateMonthCard } from '@/api/system/MonthCard';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { com_pay_method } = toRefs<any>(proxy?.useDict('com_pay_method'));

 const router = useRouter();
 const route = useRoute();

 const formRef = ref();
-const houseformat = ['东', '西', '南', '北'];
 const form = ref({
  id: null,
-  houseId: null,
-  rentalName: '', // 租户姓名
-  rent: null, // 租金
-  houseFace: '', // 房屋朝向
-  rentalType: 0, //  整租合租
-  phone: null, //手机号
-  houseArea: null, // 房屋面积
-  floorNo: null, //楼层号
-  inTime: '', //入住时间
-  facilities: '', //房屋设施
-  houseImageUrl: '', //房屋图片
-  supInfo: '', //补充租房信息
-  vx: '', //微信
-  houseUse: 0, //房屋用途
-  rentalStatus: 0, //租赁状态
-  email: '' //邮箱
+  cardCode: '', // 月卡编号
+  cardName: null, // 持卡人姓名
+  phone: '', // 手机号
+  carNum: null, // 绑定车牌号
+  handleName: '', //  办理人姓名
+  cost: null, // 费用/元
+  payMethod: '', // 支付方式
+  remark: '', // 备注
+  startTime: '', // 开始日期
+  endTime: '' // 结束日期
 });
+const checkDate = ref([]);
+function handlDate() {
+  form.value.startTime = checkDate.value[0];
+  form.value.endTime = checkDate.value[1];
+}
 const rules = ref({
-  houseId: [{ required: true, message: '请选择房屋', trigger: 'blur' }],
-  rentalName: [{ required: true, message: '请输入名称', trigger: 'blur' }]
+  cardCode: [{ required: true, message: '请输入月卡编号', trigger: 'blur' }],
+  cardName: [{ required: true, message: '请输入持卡人姓名', trigger: 'blur' }],
+  phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
+  carNum: [{ required: true, message: '请绑定车牌号', trigger: 'blur' }],
+  startTime: [{ required: true, message: '请选择有效日期', trigger: 'blur' }],
+  payMethod: [{ required: true, message: '请选择支付方式', trigger: 'blur' }],
+  cost: [{ required: true, message: '请输入费用', trigger: 'blur' }]
 });
 const userid = ref(null);
-
+if (route.query.id) {
+  userid.value = route.query.id;
+  getMonthCard(userid.value).then((res) => {
+    form.value = {
+      ...form.value,
+      ...res.data
+    };
+  });
+}
 // !== 提交 =============================================================================
 // 提交
 const submitForm = () => {
  formRef.value?.validate(async (valid: boolean) => {
    if (valid) {
+      if (userid.value) {
+        updateMonthCard(form.value).then((res) => {
+          console.log(res);
+          ElMessage.success('编辑成功');
+          cancelForm();
+        });
+      } else {
+        addMonthCard(form.value).then((res) => {
+          console.log(res);
+          ElMessage.success('添加成功');
+
+          cancelForm();
+        });
+      }
    }
  });
 };
 // 推出
 const cancelForm = () => {
  router.push({
-    path: '/house/parkingList'
+    path: '/carArea/monthCard'
  });
 };
 </script>