Project Init

src/views/backend/enterprise/project/parking/editDialog.vue

@@ -54,6 +54,14 @@
                 </el-radio-group>
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="是否上架" prop="parkingStatus">
+                <el-radio-group v-model="formData.parkingStatus">
+                  <el-radio :label="0">是</el-radio>
+                  <el-radio :label="1">否</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
             <el-divider />
             <el-col :span="24">
               <el-form-item label="是否出售" prop="isSale">
@@ -64,12 +72,12 @@
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="售价" prop="salePrice" v-if="formData.isSale == 1">
+              <el-form-item label="售价" prop="salePrice" v-if="formData.isSale === 1">
                 <el-input v-model="formData.salePrice"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="出售状态" prop="saleStatus" v-if="formData.isSale == 1">
+              <el-form-item label="出售状态" prop="saleStatus" v-if="formData.isSale === 1">
                 <el-select v-model="formData.saleStatus">
                   <el-option :value="0" label="待售"></el-option>
                   <el-option :value="1" label="已售"></el-option>
@@ -87,12 +95,12 @@
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="租金" prop="hirePrice" v-if="formData.isHire == 1">
+              <el-form-item label="租金" prop="hirePrice" v-if="formData.isHire === 1">
                 <el-input v-model="formData.hirePrice"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="出租状态" prop="hireStatus" v-if="formData.isHire == 1">
+              <el-form-item label="出租状态" prop="hireStatus" v-if="formData.isHire === 1">
                 <el-select v-model="formData.hireStatus">
                   <el-option :value="0" label="待租"></el-option>
                   <el-option :value="1" label="已租"></el-option>
@@ -125,7 +133,7 @@
 <script setup>
 import { reactive, ref } from "vue";
 import request from "/@/api/request";
-import { district_list, parking } from "/@/api/controllerUrls";
+import {  parking } from "/@/api/controllerUrls";
 import { ElMessage } from "element-plus";
 import pictureUpload from "/@/components/pictureUpload/index.vue";
 import pictureUpload2 from "/@/components/pictureUpload/multiple.vue";
@@ -146,7 +154,7 @@ defineExpose({
 
 function open(type1, data, districtId, communityId, buildingId) {
   type.value = type1;
-  if (type1 == "add") {
+  if (type1 === "add") {
     formRef.value?.resetFields();
     formData.districtId = districtId;
     formData.communityId = communityId;
@@ -175,7 +183,8 @@ let formData = reactive({
   salePrice: 0,//售价
   saleStatus: 0,//出售状态
   contactNumber: "",//联系电话
-  parkingShow: "<p><br></p>"//车位简介
+  parkingShow: "<p><br></p>",//车位简介
+  parkingStatus:0,//是否上架
 });
 
 let formRules = {
@@ -201,7 +210,7 @@ function getInitData(event) {
   request.index(parking, {
     id: event
   }, "detail").then((res) => {
-    if (res.code == 1) {
+    if (res.code === 1) {
       formRef.value?.resetFields();
       for (let key in formData) {
         formData[key] = res.data[key];
@@ -214,19 +223,19 @@ function getInitData(event) {
 function submit() {
   formRef.value.validate((valid) => {
     if (valid) {
-      if (formData.isHire == 0 && formData.isSale == 0) {
+      if (formData.isHire === 0 && formData.isSale === 0) {
         ElMessage({ type: "warning", message: "请选择售卖类型", grouping: true });
         return;
       }
-      if (type.value == "add") {
+      if (type.value === "add") {
         request.add(parking, formData).then((res) => {
-          if (res.code == 1) {
+          if (res.code === 1) {
             showDialog.value = false;
           }
         });
       } else {
         request.edit(parking, formData).then((res) => {
-          if (res.code == 1) {
+          if (res.code === 1) {
             showDialog.value = false;
           }
         });

src/views/backend/enterprise/project/parking/index.vue

@@ -2,29 +2,15 @@
   <div class="default-main ">
     <div style="display: flex;justify-content: space-between;background: #ffffff;padding: 20px">
       <div style="display: flex;align-items: center">
-        <!--        <span>区县：</span>-->
-        <!--        <el-select v-model="districtId" placeholder="请选择区县" style="width: 150px;margin-right: 10px"-->
-        <!--                   @change="selectDstrict"-->
-        <!--                   :clearable="true">-->
-        <!--          <el-option v-for="item in districtList" :label="item.districtName" :value="item.id"></el-option>-->
-        <!--        </el-select>-->
-        <!--        <span>小区：</span>-->
-        <!--        <el-select v-model="communityId" placeholder="请选择小区" style="width: 150px;margin-right: 10px"-->
-        <!--                   @change="selectCommunity" :clearable="true">-->
-        <!--          <el-option v-for="item in communityList" :label="item.communityName" :value="item.id"></el-option>-->
-        <!--        </el-select>-->
-        <!--        <span>楼号：</span>-->
-        <!--        <el-select v-model="buildingId" placeholder="请选择楼号" style="width: 150px;margin-right: 10px"-->
-        <!--                   @change="selectBuilding"-->
-        <!--                   :clearable="true">-->
-        <!--          <el-option v-for="item in buildingList" :label="item.buildingNumber" :value="item.id"></el-option>-->
-        <!--        </el-select>-->
         <el-button v-if="auth('add')" type="primary" :disabled="buildingId == ''"
                    @click="openDialog('add')">登记车位
         </el-button>
         <el-button v-if="auth('map')" type="primary" :disabled="buildingId == ''"
                    @click="parkingMapRef.open(buildingId)">车位绑定
         </el-button>
+        <el-button type="primary"
+                   @click="getData">刷新
+        </el-button>
       </div>
       <div>
         <el-input v-model="quickSearch" placeholder="通过车位编号模糊检索" @change="getData" clearable></el-input>
@@ -34,23 +20,26 @@
     <div
       style="display: flex;background-color: #ffffff;width: 100%;padding: 0 20px 20px 20px;justify-content: space-between">
       <el-tree node-key="id" :expand-on-click-node="false" :data="treeData"
-               style="width: 250px;border: #d0d0d0 1px solid" highlight-current @nodeClick="treeNodeClick">
+               style="width: 200px;border: #d0d0d0 1px solid" highlight-current @nodeClick="treeNodeClick">
         <template #default="{node,data}">
           <span>{{ data.label ? data.label : data.buildingNumber }}</span>
         </template>
       </el-tree>
 
-      <div style="width: calc(100% - 270px);">
+      <div style="width: calc(100% - 220px);">
         <div style="color: #3f6ad8">
           <span>当前位置：</span>
           <span>{{ dir }}</span>
         </div>
         <el-table style="margin-top: 10px" :data="parkingData" border @row-dblclick="detailDialogRef.open($event)">
-          <el-table-column prop="districtName" label="区县"></el-table-column>
-          <el-table-column prop="communityName" label="小区"></el-table-column>
+          <el-table-column prop="districtName" label="位置" min-width="150px">
+            <template #default="{row}">
+              <span>{{ row.districtName + " / " + row.communityName }}</span>
+            </template>
+          </el-table-column>
           <el-table-column prop="buildingNumber" label="楼号"></el-table-column>
           <el-table-column prop="parkingNumber" label="车位编号"></el-table-column>
-          <el-table-column prop="parkingType" label="车位类型" width="100">
+          <el-table-column prop="parkingType" label="车位类型">
             <template #default="{ row }">
               <span>{{ row.parkingType == 1 ? "车库" : "车位" }}</span>
             </template>
@@ -87,6 +76,14 @@
               </el-tag>
             </template>
           </el-table-column>
+          <el-table-column label="车位状态">
+            <template #default="{ row }">
+              <el-tag :type="row.parkingStatus == 1 ? 'info' : 'success'"
+                      style="margin: 0 5px;">
+                {{ ["正常", "下架"][row.parkingStatus] }}
+              </el-tag>
+            </template>
+          </el-table-column>
           <el-table-column label="是否标记">
             <template #default="{ row }">
               <el-tag :type="row.mapId == 0 ? 'danger' : 'success'" style="margin: 0 5px;">{{ row.mapId
@@ -113,7 +110,7 @@
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination style="background: #ffffff;padding: 20px 0px"
+        <el-pagination style="background: #ffffff;padding: 20px 0"
                        v-model:current-page="currentPage"
                        v-model:page-size="pageSize"
                        :page-sizes="[10, 20, 50, 100]"
@@ -213,7 +210,7 @@ function selectCommunity(event: any) {
 
 let parkingData = ref([]);
 
-function selectBuilding(event: any) {
+function selectBuilding() {
   getData();
 }