bug fixed&& 电话管理

src/api/article_z.js

@@ -320,6 +320,18 @@ export default {
   queryTelephoneManagementByPage(params) {
     return axios.get(`/opt/telephone/management/page`, {params})
   },
+  // 电话管理——新增
+  addTelephone(params) {
+    return axios.post(`/opt/telephone/management/add`, params)
+  },
+  // 电话管理——修改
+  editTelephone(params) {
+    return axios.post(`/opt/telephone/management/edit`, params)
+  },
+  // 电话管理——删除
+  deleteTelephone(params) {
+    return axios.post(`/opt/telephone/management/delete`, params)
+  },
   // 任务报表——获取任务追缴分页
   queryTaskReportByPage(params) {
     return axios.get(`/opt/task/report/page`, {params})

src/pages/index/components/pakking_lot.vue

@@ -11,7 +11,7 @@
                     v-for="(item,index) in carParkingNameOptions"
                     :key="index"
                     :label="item.parkName"
-                    :value="item.id" />
+                    :value="item.parkName" />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -19,16 +19,16 @@
               <el-form-item>
                 <el-button type="primary" class="query-btn" @click="onSubmit1" icon="el-icon-search">查询</el-button>
               </el-form-item>
-              <el-form-item>
+              <!-- <el-form-item>
                 <el-button type="success" @click="handleAdd">添加车场</el-button>
-              </el-form-item>
+              </el-form-item> -->
             </el-col>
           </el-row>
         </el-form>
         <el-table border :row-class-name="rowClassName" :data="tableData1" v-loading="loading1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
-          <el-table-column
+          <!-- <el-table-column
             label="操作"
             width="200">
             <template slot-scope="scope" style="display: inline-block">
@@ -37,7 +37,7 @@
                 <el-button type="danger" slot="reference">删除</el-button>
               </el-popconfirm>
             </template>
-          </el-table-column>
+          </el-table-column> -->
         </el-table>
         <div class="table-pagination">
           <el-pagination layout="total, prev, pager, next, jumper" :total="total1" @current-change="handlePageChange1"
@@ -60,22 +60,25 @@
                     :value="item.id" />
                 </el-select>
               </el-form-item>
-              <el-form-item label="营业开始时间">
-                <el-time-picker
-                  v-model="formLabelAlign.inTime"
-                  :picker-options="{selectableRange: '0:00:00 - 23:59:59'}"
-                  value-format='HH:mm:ss'
-                  placeholder="选择时间">
-                </el-time-picker>
-              </el-form-item>
-              <el-form-item label="营业结束时间">
-                <el-time-picker
-                  v-model="formLabelAlign.outTime"
-                  :picker-options="{selectableRange: '12:00:00 - 23:59:59'}"
-                  value-format='HH:mm:ss'
-                  placeholder="选择时间">
-                </el-time-picker>
+              <el-form-item label="停车场地址">
+                <el-input v-model="formLabelAlign.parkAddress"></el-input>
+              </el-form-item>
+              <el-form-item label="停车场管理员">
+                <el-input v-model="formLabelAlign.managerName"></el-input>
+              </el-form-item>
+              <el-form-item lable="联系方式">
+                <el-input v-model="formLabelAlign.managerPhone"></el-input>
+              </el-form-item>
+              <el-form-item>
+                <el-select clearable filterable v-model="formInline1.state" placeholder="请选择">
+                  <el-option
+                  v-for="(item,index) in stateOptions"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value" />
+                </el-select>
               </el-form-item>
+
 <!--              <el-form-item label="停车场管理员">-->
 <!--                <el-input v-model="formLabelAlign.managerName"></el-input>-->
 <!--              </el-form-item>-->
@@ -444,17 +447,33 @@ export default {
       fileList: [],
       activeName: '停车场管理',
       columns1: [
+        {
+          label: '车场编号',
+          key: 'id'
+        },
         {
           label: '车场名称',
           key: 'parkName'
         },
         {
-          label: '营业开始时间',
-          key: 'inTime'
+          label: '地址',
+          key: 'address'
+        },
+        {
+          label: '管理员',
+          key: 'managerName'
         },
         {
-          label: '营业结束时间',
-          key: 'outTime'
+          label: '联系方式',
+          key: 'managerPhone'
+        },
+        {
+          label: '车位数',
+          key: 'berthNumber'
+        },
+        {
+          label: '在线状态',
+          key: 'state'
         },
         // {
         //   label: '停车场管理员',
@@ -463,7 +482,11 @@ export default {
       ],
       carParkingNameValue: '',
       carParkingNameOptions: [],
-      tableData1: [{parkName: 'sasa'}],
+      tableData1: [],
+      stateOptions: [
+        {label: '在线', value: '1'},
+        {label: '离线', value: '0'}
+      ],
       total1: 0,
       pageSize1: 10,
       pageNum1: 1,
@@ -920,7 +943,7 @@ export default {
       this.loading1 = true
       const {pageNum1, pageSize1} = this
       api_z.queryParkingLotByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
-        this.tableData1 = res.data.records || []
+        this.tableData1 = res.data.records.map(item => ({...item, state: item.state === '0' ? '离线' : '在线'})) || []
         this.total1 = res.data.total
         this.loading1 = false
       })

src/pages/index/components/telephone_management.vue

@@ -1,116 +1,286 @@
 <template>
   <div class="body-wrapper">
-    <div style="display: flex; justify-content: space-between;">
+    <div style="display: flex; justify-content: space-between">
       <div style="width: 100%">
-        <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+        <el-form
+          class="form-wrapper"
+          :inline="true"
+          :model="formInline"
+          style="margin-bottom: 20px"
+        >
           <el-row>
             <el-col :span="6">
               <el-form-item label="车牌号:">
-                <el-input v-model="formInline.plateNo" placeholder="请输入"></el-input>
+                <el-input
+                  v-model="formInline.plateNo"
+                  placeholder="请输入"
+                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item label="电话号码:">
-                <el-input v-model="formInline.phoneNo" placeholder="请输入"></el-input>
+                <el-input
+                  v-model="formInline.phoneNo"
+                  placeholder="请输入"
+                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item label="电话是否有效:">
-                <el-select clearable v-model="formInline.phoneStatus" placeholder="错误类型" popper-class="cur-select">
+                <el-select
+                  clearable
+                  v-model="formInline.phoneStatus"
+                  placeholder="请选择"
+                  popper-class="cur-select"
+                >
                   <el-option label="全部" value=""></el-option>
                   <el-option label="有效" value="有效"></el-option>
                   <el-option label="无效" value="无效"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="4">
+            <el-col :span="6">
+              <el-form-item>
+                <el-button
+                  type="primary"
+                  class="query-btn"
+                  @click="onSubmit"
+                  icon="el-icon-search"
+                  >查询</el-button
+                >
+              </el-form-item>
               <el-form-item>
-                <el-button type="primary" class="query-btn" @click="onSubmit" icon="el-icon-search">查询</el-button>
+                <el-button type="success" @click="handleAdd">录入</el-button>
               </el-form-item>
             </el-col>
           </el-row>
         </el-form>
-        <el-table border :row-class-name="rowClassName" :data="tableData" v-loading="loading">
-          <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+        <el-table
+          border
+          :row-class-name="rowClassName"
+          :data="tableData"
+          v-loading="loading"
+        >
+          <el-table-column
+            v-for="(item, index) in columns"
+            :key="index"
+            :label="item.label"
+            :prop="item.key"
+          >
+          </el-table-column>
+          <el-table-column label="操作" width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button
+                type="primary"
+                @click="handleEdit(scope.row)"
+                slot="reference"
+                >修改</el-button
+              >
+              <el-popconfirm
+                title="确定删除吗？"
+                @confirm="deleteRow(scope.row)"
+              >
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
           </el-table-column>
         </el-table>
         <div class="table-pagination">
-          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
-                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          <el-pagination
+            :background="false"
+            layout="total, prev, pager, next"
+            :total="total"
+            @current-change="handlePageChange"
+            :current-page.sync="pageNum"
+            :page-size.sync="pageSize"
+          >
           </el-pagination>
         </div>
       </div>
     </div>
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="45%"
+      custom-class="audit-dialog"
+    >
+      <div class="form-div">
+        <el-form
+          label-position="left"
+          label-width="100px"
+          :model="formLabelAlign"
+          ref="formLabelAlign"
+          :rules="rules"
+        >
+          <el-form-item label="车牌号" prop="plateNo">
+            <el-input v-model="formLabelAlign.plateNo"></el-input>
+          </el-form-item>
+          <el-form-item label="联系方式" prop="phoneNo">
+            <el-input v-model="formLabelAlign.phoneNo"></el-input>
+          </el-form-item>
+          <el-form-item label="电话是否有效" prop="phoneStatus">
+            <el-select
+              v-model="formLabelAlign.phoneStatus"
+              placeholder="请选择"
+              popper-class="cur-select"
+            >
+              <el-option label="有效" value="有效"></el-option>
+              <el-option label="无效" value="无效"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleConfirm">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
 import api from "@/api/audit";
 import api_z from "@/api/article_z.js";
-
+import { vehicleNumber, checkPhone } from "@/util/common";
 
 export default {
-  components: {
-
-  },
+  components: {},
   data() {
     return {
       loading: false,
       formInline: {
-        plateNo: '',
-        phoneNo: '',
-        phoneStatus: ''
+        plateNo: "",
+        phoneNo: "",
+        phoneStatus: "",
+      },
+      title: "",
+      dialogVisible: false,
+      formLabelAlign: {
+        plateNo: "",
+        phoneNo: "",
+        phoneStatus: "",
       },
       columns: [
         {
-          label: '车牌号',
-          key: 'plateNo'
-        },
-        {
-          label: '电话号码',
-          key: 'phoneNo'
+          label: "车牌号",
+          key: "plateNo",
         },
         {
-          label: '导入时间',
-          key: 'importTime'
+          label: "电话号码",
+          key: "phoneNo",
         },
+        // {
+        //   label: '导入时间',
+        //   key: 'importTime'
+        // },
         {
-          label: '电话状态',
-          key: 'phoneStatus'
+          label: "电话状态",
+          key: "phoneStatus",
         },
       ],
-      tableData:[],
+      rules: {
+        plateNo: [
+          { required: true, message: "车牌号不能为空", trigger: "blur" },
+          {
+            validator: vehicleNumber,
+            trigger: "blur",
+          },
+        ],
+        phoneNo: [
+          { required: true, message: "电话号码不能为空", trigger: "blur" },
+          { validator: checkPhone, trigger: "blur" },
+        ],
+        phoneStatus: [
+          { required: true, message: "是否有效不能为空", trigger: "change" },
+        ],
+      },
+      tableData: [],
       total: 0,
       pageSize: 10,
       pageNum: 1,
-    }
+    };
   },
   mounted() {
-    this.getTableData()
+    this.getTableData();
   },
   watch: {},
   methods: {
+    handleAdd() {
+      this.title = "录入";
+      this.formLabelAlign = {};
+      this.dialogVisible = true;
+    },
+    handleEdit(row) {
+      this.title = "修改";
+      this.formLabelAlign = { ...row };
+      this.dialogVisible = true;
+    },
+    deleteRow(record) {
+      api_z.deleteTelephone([{ id: record.id }]).then((res) => {
+        if (res.code === 200) {
+          this.$message({ type: "success", message: "删除成功!" });
+          this.getTableData();
+        }
+      });
+    },
+    handleConfirm() {
+      this.$refs["formLabelAlign"].validate((valid) => {
+        if (valid) {
+          if (this.title === "修改") {
+            api_z.editTelephone({ ...this.formLabelAlign }).then((res) => {
+              if (res.code === 200) {
+                this.dialogVisible = false;
+                this.$message({
+                  message: "修改成功!",
+                  type: "success",
+                });
+                this.getTableData();
+              }
+            });
+          } else {
+            api_z.addTelephone({ ...this.formLabelAlign }).then((res) => {
+              if (res.code === 200) {
+                this.dialogVisible = false;
+                this.$message({
+                  message: "添加成功!",
+                  type: "success",
+                });
+                this.getTableData();
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
     rowClassName({ rowIndex }) {
       // 偶数行和奇数行分别返回不同的类名，也可以根据实际需求基于rowData进行条件判断
-      return rowIndex % 2 === 0 ? 'even-row' : 'odd-row';
+      return rowIndex % 2 === 0 ? "even-row" : "odd-row";
     },
     onSubmit() {
-      this.pageNum = 1
-      this.getTableData()
+      this.pageNum = 1;
+      this.getTableData();
     },
     handlePageChange() {
-      this.getTableData()
+      this.getTableData();
     },
     getTableData() {
-      this.loading = true
-      const {pageNum, pageSize} = this
-      api_z.queryTelephoneManagementByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
-        this.tableData = res.data.records || []
-        this.total = res.data.total
-        this.loading = false
-      })
+      this.loading = true;
+      const { pageNum, pageSize } = this;
+      api_z
+        .queryTelephoneManagementByPage({
+          current: pageNum,
+          size: pageSize,
+          ...this.formInline,
+        })
+        .then((res) => {
+          this.tableData = res.data.records || [];
+          this.total = res.data.total;
+          this.loading = false;
+        });
     },
-  }
-}
+  },
+};
 </script>
 <style lang="scss" scoped>
 .body-wrapper {
@@ -139,5 +309,4 @@ export default {
     }
   }
 }
-
 </style>