пре 8 месеци · 09c3c95a4b
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,24 @@
 
																+# Logs
															
 
																+logs
															
 
																+*.log
															
 
																+npm-debug.log*
															
 
																+yarn-debug.log*
															
 
																+yarn-error.log*
															
 
																+pnpm-debug.log*
															
 
																+lerna-debug.log*
															
 
																+
															
 
																+node_modules
															
 
																+dist
															
 
																+dist-ssr
															
 
																+*.local
															
 
																+
															
 
																+# Editor directories and files
															
 
																+.vscode/*
															
 
																+!.vscode/extensions.json
															
 
																+.idea
															
 
																+.DS_Store
															
 
																+*.suo
															
 
																+*.ntvs*
															
 
																+*.njsproj
															
 
																+*.sln
															
 
																+*.sw?
															
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
 
																+{
															
 
																+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
															
 
																+}
															
--- a/README.en.md
+++ b/README.en.md
@@ -0,0 +1,36 @@
 
																+# 校车预约管理系统
															
 
																+
															
 
																+#### Description
															
 
																+{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**}
															
 
																+
															
 
																+#### Software Architecture
															
 
																+Software architecture description
															
 
																+
															
 
																+#### Installation
															
 
																+
															
 
																+1.  xxxx
															
 
																+2.  xxxx
															
 
																+3.  xxxx
															
 
																+
															
 
																+#### Instructions
															
 
																+
															
 
																+1.  xxxx
															
 
																+2.  xxxx
															
 
																+3.  xxxx
															
 
																+
															
 
																+#### Contribution
															
 
																+
															
 
																+1.  Fork the repository
															
 
																+2.  Create Feat_xxx branch
															
 
																+3.  Commit your code
															
 
																+4.  Create Pull Request
															
 
																+
															
 
																+
															
 
																+#### Gitee Feature
															
 
																+
															
 
																+1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
															
 
																+2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
															
 
																+3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
															
 
																+4.  The most valuable open source project [GVP](https://gitee.com/gvp)
															
 
																+5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
															
 
																+6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
															
--- a/README.md
+++ b/README.md
@@ -0,0 +1,7 @@
 
																+# Vue 3 + Vite
															
 
																+
															
 
																+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
															
 
																+
															
 
																+## Recommended IDE Setup
															
 
																+
															
 
																+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
															
--- a/index.html
+++ b/index.html
@@ -0,0 +1,17 @@
 
																+<!DOCTYPE html>
															
 
																+<html lang="zh">
															
 
																+
															
 
																+<head>
															
 
																+  <meta charset="UTF-8" />
															
 
																+  <link rel="icon" type="image/svg+xml" href="./src/assets/vite.svg" />
															
 
																+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
															
 
																+  <title>校团约车管理系统</title>
															
 
																+
															
 
																+</head>
															
 
																+
															
 
																+<body>
															
 
																+  <div id="app"></div>
															
 
																+  <script type="module" src="/src/main.js"></script>
															
 
																+</body>
															
 
																+
															
 
																+</html>
															
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,34 @@
 
																+{
															
 
																+  "name": "vite-project",
															
 
																+  "private": true,
															
 
																+  "version": "0.0.0",
															
 
																+  "type": "module",
															
 
																+  "scripts": {
															
 
																+    "dev": "vite",
															
 
																+    "build": "vite build",
															
 
																+    "preview": "vite preview"
															
 
																+  },
															
 
																+  "dependencies": {
															
 
																+    "@easydarwin/easyplayer": "^5.0.7",
															
 
																+    "@element-plus/icons-vue": "^2.0.10",
															
 
																+    "@liveqing/liveplayer-v3": "^3.7.10",
															
 
																+    "axios": "^1.3.2",
															
 
																+    "dayjs": "^1.11.8",
															
 
																+    "element-plus": "^2.2.29",
															
 
																+    "hls.js": "^1.3.4",
															
 
																+    "js-md5": "^0.8.3",
															
 
																+    "jsencrypt": "^3.3.1",
															
 
																+    "lodash": "^4.17.21",
															
 
																+    "sass": "^1.58.0",
															
 
																+    "sass-loader": "^13.2.0",
															
 
																+    "terser": "^5.16.5",
															
 
																+    "vue": "^3.2.45",
															
 
																+    "vue-router": "^4.0.10",
															
 
																+    "vuex": "^4.0.2",
															
 
																+    "vuex-persistedstate": "^4.1.0"
															
 
																+  },
															
 
																+  "devDependencies": {
															
 
																+    "@vitejs/plugin-vue": "^4.0.0",
															
 
																+    "vite": "^4.1.0"
															
 
																+  }
															
 
																+}
															
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,33 @@
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+onBeforeMount(() => {
															
 
																+  store.dispatch("pathSelect");
															
 
																+  store.dispatch("busNum");
															
 
																+  store.dispatch("newsAsync");
															
 
																+  store.dispatch("sm_time");
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<template>
															
 
																+  <router-view></router-view>
															
 
																+</template>
															
 
																+
															
 
																+<style lang="scss">
															
 
																+#app {
															
 
																+  max-width: 1920px;
															
 
																+  width: 1920px;
															
 
																+  min-height: 100vh;
															
 
																+  max-height: 1080px;
															
 
																+  margin: 0;
															
 
																+  padding: 0;
															
 
																+  text-align: unset;
															
 
																+  // width: 100%;
															
 
																+  // height: 100%;
															
 
																+  // margin: 0;
															
 
																+  // padding: 0;
															
 
																+}
															
 
																+</style>
															
--- a/src/api/admin.js
+++ b/src/api/admin.js
@@ -0,0 +1,87 @@
 
																+import request from "@/utils/request";
															
 
																+const requests = '/api'// 线上
															
 
																+// const requests = '/video/transcoding/transcoding'//线下
															
 
																+export default {
															
 
																+    // 登录账号
															
 
																+    // async adminLogin(data) {
															
 
																+    //     let requestData = await request({
															
 
																+    //         url: `${requests}/carBook/adminlogin.action`,
															
 
																+    //         method: "POST",
															
 
																+    //         // headers: { "Content-Type": "application/json;charset=utf-8" },
															
 
																+    //         data: data,
															
 
																+    //     });
															
 
																+    //     return requestData;
															
 
																+    // },
															
 
																+
															
 
																+    // 账号列表
															
 
																+    // async adminList(params) {
															
 
																+    //     let requestData = await request({
															
 
																+    //         url: `${requests}/carBook/adminlist.action`,
															
 
																+    //         method: "GET",
															
 
																+    //         headers: { "Content-Type": "multipart/form-data" },
															
 
																+    //         params,
															
 
																+    //     });
															
 
																+    //     return requestData;
															
 
																+    // },
															
 
																+
															
 
																+    // 新增管理员
															
 
																+    async adminAdd(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/carBook/admininsert.action`,
															
 
																+            method: "POST",
															
 
																+            data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+    // 修改管理员
															
 
																+    async adminUpdate(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/carBook/adminupdate.action`,
															
 
																+            method: "POST",
															
 
																+            data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+    // 修改密码
															
 
																+    // async updatePassword(data) {
															
 
																+    //     let requestData = await request({
															
 
																+    //         url: `${requests}/videoAdmin/updatePassword`,
															
 
																+    //         method: "PUT",
															
 
																+    //         data,
															
 
																+    //     });
															
 
																+    //     return requestData;
															
 
																+    // },
															
 
																+    // 删除管理员
															
 
																+    async adminDel(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/carBook/admindel.action`,
															
 
																+            method: "POST",
															
 
																+            data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+
															
 
																+    // 导出管理员信息
															
 
																+    async download(params) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/carBook/admintoExcel.action`,
															
 
																+            method: "GET",
															
 
																+            headers: { "Content-Type": "application/x-www-form-urlencoded;charset=utf-8" },
															
 
																+            responseType: "blob",
															
 
																+            params,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+
															
 
																+    // 导入监控信息
															
 
																+    // async importByExcel(data) {
															
 
																+    //     let requestData = await request({
															
 
																+    //         // url: "/api/video/videoAdmin/importByExcel",
															
 
																+    //         url: `${requests}/camera/importByExcel`,
															
 
																+    //         method: "POST",
															
 
																+    //         headers: { "Content-Type": "multipart/form-data" },
															
 
																+    //         data: data,
															
 
																+    //     });
															
 
																+    //     return requestData;
															
 
																+    // },
															
 
																+};
															
--- a/src/api/home.js
+++ b/src/api/home.js
@@ -0,0 +1,14 @@
 
																+import request from "@/utils/request";
															
 
																+// const request='/api'
															
 
																+export default {
															
 
																+    /*搜索*/
															
 
																+
															
 
																+    async getHomeList(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: "/api",
															
 
																+            method: "POST",
															
 
																+            data: data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    }
															
 
																+}
															
--- a/src/api/vidicons.js
+++ b/src/api/vidicons.js
@@ -0,0 +1,110 @@
 
																+import request from "@/utils/request";
															
 
																+const requests = '/video/transcoding'// 线上
															
 
																+// const requests = '/video/transcoding/transcoding'// 线下
															
 
																+export default {
															
 
																+    // 添加监控信息
															
 
																+    async addCamera(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/camera/addCamera`,
															
 
																+            method: "POST",
															
 
																+            headers: { "Content-Type": "application/json; charset=utf-8" },
															
 
																+            data: data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+
															
 
																+    // 删除监控信息
															
 
																+    async delCamera(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/camera/delete`,
															
 
																+            method: "DELETE",
															
 
																+            data
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+
															
 
																+    // 修改监控信息
															
 
																+    async updateCamera(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/camera/updateCamera`,
															
 
																+            method: "PUT",
															
 
																+            headers: { "Content-Type": "application/json; charset=utf-8" },
															
 
																+            data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+
															
 
																+    // 监控信息列表
															
 
																+    async queryCamera(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/camera/queryCamera`,
															
 
																+            method: "POST",
															
 
																+            headers: { "Content-Type": "application/x-www-form-urlencoded;charset=utf-8" },
															
 
																+            params: data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+    // 导出监控信息
															
 
																+    async download(params) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/camera/download`,
															
 
																+            method: "GET",
															
 
																+            headers: { "Content-Type": "application/x-www-form-urlencoded;charset=utf-8" },
															
 
																+            responseType: "blob",
															
 
																+            params,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+    // 导入监控信息
															
 
																+    async importByExcel(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/camera/importByExcel`,
															
 
																+            method: "POST",
															
 
																+            headers: { "Content-Type": "multipart/form-data" },
															
 
																+            data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+
															
 
																+    // 使用Stream推拉流
															
 
																+    async addStreamSource(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/stream/addStreamSource`,
															
 
																+            method: "POST",
															
 
																+            headers: { "Content-Type": "application/json; charset=utf-8" },
															
 
																+            data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+
															
 
																+    // 关闭Stream推拉流
															
 
																+    async delStreamSource(data) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/stream/delStreamSource`,
															
 
																+            method: "POST",
															
 
																+            headers: { "Content-Type": "application/json; charset=utf-8" },
															
 
																+            data,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+    // 更新输出链接
															
 
																+    async updateCameraLink(params) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/camera/updateCameraLink`,
															
 
																+            method: "GET",
															
 
																+            headers: { "Content-Type": "application/x-www-form-urlencoded;charset=utf-8" },
															
 
																+            params,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+    // 关闭当前播放回写剩下的播放链接、
															
 
																+    async delAndUpdateLink(params) {
															
 
																+        let requestData = await request({
															
 
																+            url: `${requests}/stream/delAndUpdateLink`,
															
 
																+            method: "GET",
															
 
																+            headers: { "Content-Type": "application/x-www-form-urlencoded;charset=utf-8" },
															
 
																+            params,
															
 
																+        });
															
 
																+        return requestData;
															
 
																+    },
															
 
																+};
															
--- a/src/assets/account.png
+++ b/src/assets/account.png
--- a/src/assets/accountA.png
+++ b/src/assets/accountA.png
--- a/src/assets/back.png
+++ b/src/assets/back.png
--- a/src/assets/bg-video.png
+++ b/src/assets/bg-video.png
--- a/src/assets/blacklist.png
+++ b/src/assets/blacklist.png
--- a/src/assets/blacklistA.png
+++ b/src/assets/blacklistA.png
--- a/src/assets/busquery.png
+++ b/src/assets/busquery.png
--- a/src/assets/busqueryA.png
+++ b/src/assets/busqueryA.png
--- a/src/assets/car.png
+++ b/src/assets/car.png
--- a/src/assets/carA.png
+++ b/src/assets/carA.png
--- a/src/assets/carnumber.png
+++ b/src/assets/carnumber.png
--- a/src/assets/carnumberA.png
+++ b/src/assets/carnumberA.png
--- a/src/assets/classes.png
+++ b/src/assets/classes.png
--- a/src/assets/classesA.png
+++ b/src/assets/classesA.png
--- a/src/assets/driverPath.png
+++ b/src/assets/driverPath.png
--- a/src/assets/driverPathA.png
+++ b/src/assets/driverPathA.png
--- a/src/assets/import.png
+++ b/src/assets/import.png
--- a/src/assets/log.png
+++ b/src/assets/log.png
--- a/src/assets/logA.png
+++ b/src/assets/logA.png
--- a/src/assets/login.png
+++ b/src/assets/login.png
--- a/src/assets/login2.png
+++ b/src/assets/login2.png
--- a/src/assets/login3.png
+++ b/src/assets/login3.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/logoBg.jpg
+++ b/src/assets/logoBg.jpg
--- a/src/assets/nanchang.png
+++ b/src/assets/nanchang.png
--- a/src/assets/news.png
+++ b/src/assets/news.png
--- a/src/assets/news1.png
+++ b/src/assets/news1.png
--- a/src/assets/nodata.png
+++ b/src/assets/nodata.png
--- a/src/assets/path.png
+++ b/src/assets/path.png
--- a/src/assets/pathA.png
+++ b/src/assets/pathA.png
--- a/src/assets/read.png
+++ b/src/assets/read.png
--- a/src/assets/report.png
+++ b/src/assets/report.png
--- a/src/assets/reportA.png
+++ b/src/assets/reportA.png
--- a/src/assets/staff.png
+++ b/src/assets/staff.png
--- a/src/assets/staffA.png
+++ b/src/assets/staffA.png
--- a/src/assets/statement.png
+++ b/src/assets/statement.png
--- a/src/assets/statementA.png
+++ b/src/assets/statementA.png
--- a/src/assets/system.png
+++ b/src/assets/system.png
--- a/src/assets/system111.png
+++ b/src/assets/system111.png
--- a/src/assets/systemA.png
+++ b/src/assets/systemA.png
--- a/src/assets/vite.svg
+++ b/src/assets/vite.svg
--- a/src/assets/waiting.png
+++ b/src/assets/waiting.png
--- a/src/assets/waitingA.png
+++ b/src/assets/waitingA.png
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -0,0 +1,42 @@
 
																+<template>
															
 
																+  <h1>{{ msg }}</h1>
															
 
																+
															
 
																+  <div class="card">
															
 
																+    <button type="button" @click="count++">count is {{ count }}</button>
															
 
																+    <p>
															
 
																+      Edit
															
 
																+      <code>components/HelloWorld.vue</code> to test HMR
															
 
																+    </p>
															
 
																+  </div>
															
 
																+
															
 
																+  <p>
															
 
																+    Check out
															
 
																+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a
															
 
																+    >, the official Vue + Vite starter
															
 
																+  </p>
															
 
																+  <p>
															
 
																+    Install
															
 
																+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
															
 
																+    in your IDE for a better DX
															
 
																+  </p>
															
 
																+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
															
 
																+  <div class="ul">
															
 
																+    <div class="li">文字</div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref } from "vue";
															
 
																+
															
 
																+defineProps({
															
 
																+  msg: String,
															
 
																+});
															
 
																+
															
 
																+const count = ref(0);
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.read-the-docs {
															
 
																+  color: #888;
															
 
																+}
															
 
																+</style>
															
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -0,0 +1,202 @@
 
																+<template>
															
 
																+  <div class="body-box">
															
 
																+    <SidevarItem></SidevarItem>
															
 
																+    <div class="content">
															
 
																+      <Navbar></Navbar>
															
 
																+      <router-view></router-view>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, onBeforeMount, onMounted, watch } from "vue";
															
 
																+import Navbar from "./sidebar/Navbar.vue";
															
 
																+import SidevarItem from "./sidebar/SidevarItem.vue";
															
 
																+import { useStore } from "vuex";
															
 
																+import axios from "axios";
															
 
																+import { useRouter } from "vue-router";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+const api = ref("");
															
 
																+watch(
															
 
																+  () => router.currentRoute.value.fullPath,
															
 
																+  (newValue, oldValue) => {
															
 
																+    console.log(newValue);
															
 
																+    if (newValue == "/schoolBus/statement") {
															
 
																+      store.commit("indexUp", 1);
															
 
																+      sessionStorage.setItem("sidevarItem", 1);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/staff") {
															
 
																+      store.commit("indexUp", 2);
															
 
																+      sessionStorage.setItem("sidevarItem", 2);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/account") {
															
 
																+      store.commit("indexUp", 3);
															
 
																+      sessionStorage.setItem("sidevarItem", 3);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/bus") {
															
 
																+      store.commit("indexUp", 4);
															
 
																+      sessionStorage.setItem("sidevarItem", 4);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/classes") {
															
 
																+      store.commit("indexUp", 6);
															
 
																+      sessionStorage.setItem("sidevarItem", 6);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/buspath") {
															
 
																+      store.commit("indexUp", 5);
															
 
																+      sessionStorage.setItem("sidevarItem", 5);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/system") {
															
 
																+      store.commit("indexUp", 8);
															
 
																+      sessionStorage.setItem("sidevarItem", 8);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/blacklist") {
															
 
																+      store.commit("indexUp", 7);
															
 
																+      sessionStorage.setItem("sidevarItem", 7);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/busquery") {
															
 
																+      store.commit("indexUp", 9);
															
 
																+      sessionStorage.setItem("sidevarItem", 9);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/log") {
															
 
																+      store.commit("indexUp", 10);
															
 
																+      sessionStorage.setItem("sidevarItem", 10);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/report") {
															
 
																+      store.commit("indexUp", 11);
															
 
																+      sessionStorage.setItem("sidevarItem", 11);
															
 
																+    }
															
 
																+
															
 
																+    if (newValue == "/schoolBus/driverAudit") {
															
 
																+      store.commit("indexUp", 17);
															
 
																+      sessionStorage.setItem("sidevarItem", 17);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/driverManagement") {
															
 
																+      store.commit("indexUp", 18);
															
 
																+      sessionStorage.setItem("sidevarItem", 18);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/driverDeposit") {
															
 
																+      store.commit("indexUp", 19);
															
 
																+      sessionStorage.setItem("sidevarItem", 19);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/driverPath") {
															
 
																+      store.commit("indexUp", 20);
															
 
																+      sessionStorage.setItem("sidevarItem", 20);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/driverOrder") {
															
 
																+      store.commit("indexUp", 21);
															
 
																+      sessionStorage.setItem("sidevarItem", 21);
															
 
																+    }
															
 
																+    if (newValue == "/schoolBus/driverRule") {
															
 
																+      store.commit("indexUp", 22);
															
 
																+      sessionStorage.setItem("sidevarItem", 22);
															
 
																+    }
															
 
																+
															
 
																+    if (newValue == "/schoolBus/news") {
															
 
																+      store.commit("indexUp", 0);
															
 
																+      sessionStorage.setItem("sidevarItem", 0);
															
 
																+    }
															
 
																+  }
															
 
																+);
															
 
																+const tableData = reactive({
															
 
																+  list: [],
															
 
																+});
															
 
																+onBeforeMount(async () => {
															
 
																+  api.value = store.state.user.api;
															
 
																+
															
 
																+  // {
															
 
																+  //   let res = await axios({
															
 
																+  //     method: "post",
															
 
																+  //     url: api.value + "/carBook/cnqueryHb.action",
															
 
																+  //     headers: {
															
 
																+  //       token: sessionStorage.getItem("token"),
															
 
																+  //     },
															
 
																+  //   });
															
 
																+  //   console.log(res, "系统配置");
															
 
																+  //   sessionStorage.setItem("waiting", JSON.stringify(res.data.data));
															
 
																+  // }
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.body-box {
															
 
																+  display: flex;
															
 
																+  .content {
															
 
																+    // min-width: 1740px;
															
 
																+    max-width: calc(100vw - 72px);
															
 
																+    min-width: calc(100vw - 200px);
															
 
																+    width: 100%;
															
 
																+    height: calc(100vh);
															
 
																+    background-color: rgba(238, 238, 238, 1);
															
 
																+    :deep(.el-dialog__header .el-dialog__headerbtn) {
															
 
																+      outline: none;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
 
																+<style lang="scss">
															
 
																+.is-message-box {
															
 
																+  .el-message-box__header {
															
 
																+    .el-message-box__headerbtn {
															
 
																+      outline: none;
															
 
																+    }
															
 
																+  }
															
 
																+  .el-message-box__btns {
															
 
																+    .el-button--primary {
															
 
																+      background-color: rgba(61, 81, 232, 1);
															
 
																+      border: 0.5px solid rgba(61, 81, 232, 1);
															
 
																+    }
															
 
																+    .el-button--primary:hover {
															
 
																+      background-color: rgb(119, 133, 239);
															
 
																+      border: 0.5px solid rgb(119, 133, 239);
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-dialog__body {
															
 
																+  .el-input {
															
 
																+    .el-input__suffix-inner {
															
 
																+      color: rgba(61, 81, 232, 1);
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.pw {
															
 
																+  .el-dialog__body {
															
 
																+    .el-form {
															
 
																+      .el-form-item {
															
 
																+        .queding {
															
 
																+          background-color: rgba(61, 81, 232, 1);
															
 
																+          border: 0.5px solid rgba(61, 81, 232, 1);
															
 
																+        }
															
 
																+        .queding:hover {
															
 
																+          background-color: rgb(119, 133, 239);
															
 
																+          border: 0.5px solid rgb(119, 133, 239);
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+#notification_1 {
															
 
																+  .el-notification__group {
															
 
																+    .el-notification__title {
															
 
																+      color: red;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+*::-webkit-scrollbar-track {
															
 
																+  background-color: #fff;
															
 
																+}
															
 
																+
															
 
																+*::-webkit-scrollbar {
															
 
																+  background-color: #57b2ff;
															
 
																+  height: 0;
															
 
																+  width: 0;
															
 
																+}
															
 
																+
															
 
																+*::-webkit-scrollbar-thumb {
															
 
																+  background: #57b2ff;
															
 
																+  border-radius: 4px;
															
 
																+  height: 0;
															
 
																+  width: 0;
															
 
																+}
															
 
																+</style>
															
--- a/src/layout/sidebar/Navbar.vue
+++ b/src/layout/sidebar/Navbar.vue
@@ -0,0 +1,481 @@
 
																+<template>
															
 
																+  <el-menu
															
 
																+    :default-active="activeIndex"
															
 
																+    class="el-menu-demo"
															
 
																+    mode="horizontal"
															
 
																+    background-color=""
															
 
																+    text-color="#000"
															
 
																+    active-text-color="#4392f7"
															
 
																+    @select="handleSelect"
															
 
																+  >
															
 
																+    <el-icon
															
 
																+      :size="20"
															
 
																+      v-show="!menuclose"
															
 
																+      class="fold"
															
 
																+      @click="SpreadMenu(true)"
															
 
																+      ><Fold
															
 
																+    /></el-icon>
															
 
																+    <el-icon
															
 
																+      :size="20"
															
 
																+      v-show="menuclose"
															
 
																+      class="fold"
															
 
																+      @click="SpreadMenu(false)"
															
 
																+      ><Expand
															
 
																+    /></el-icon>
															
 
																+    <div class="logo">
															
 
																+      <img src="@/assets/nanchang.png" style="width: 30px; height: 30px" />
															
 
																+      <span>校团约车管理系统</span>
															
 
																+    </div>
															
 
																+    <div class="login">
															
 
																+      <span class="dateTime">{{ dateTime }}</span>
															
 
																+      <el-badge :value="titlenumber" class="item" v-if="titlenumber">
															
 
																+        <img
															
 
																+          src="@/assets/news.png"
															
 
																+          @click="newsClick"
															
 
																+          style="width: 20px; height: 20px; cursor: pointer"
															
 
																+          alt=""
															
 
																+        />
															
 
																+        <!-- <el-icon><Bell /></el-icon> -->
															
 
																+      </el-badge>
															
 
																+      <img
															
 
																+        v-else
															
 
																+        src="@/assets/news.png"
															
 
																+        @click="newsClick"
															
 
																+        style="width: 20px; height: 20px; cursor: pointer"
															
 
																+        alt=""
															
 
																+      />
															
 
																+      <div class="flex flex-wrap items-center" style="cursor: pointer">
															
 
																+        <el-dropdown :hide-on-click="false" trigger="click">
															
 
																+          <el-avatar :size="30">
															
 
																+            <img
															
 
																+              src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
															
 
																+            />
															
 
																+          </el-avatar>
															
 
																+          <template #dropdown>
															
 
																+            <el-dropdown-menu>
															
 
																+              <el-dropdown-item @click="uppassword">
															
 
																+                <el-icon class="switchButton" :size="20" color="#000">
															
 
																+                  <Lock />
															
 
																+                </el-icon>
															
 
																+                <span>修改密码</span>
															
 
																+              </el-dropdown-item>
															
 
																+              <el-dialog
															
 
																+                :append-to-body="true"
															
 
																+                custom-class="pw"
															
 
																+                v-model="uppasswordShow"
															
 
																+                title="修改密码"
															
 
																+                width="30%"
															
 
																+                :before-close="uppasswordClose"
															
 
																+                align-center
															
 
																+                :close-on-click-modal="false"
															
 
																+              >
															
 
																+                <el-form
															
 
																+                  ref="ruleFormRef"
															
 
																+                  :model="ruleForm"
															
 
																+                  :rules="rules"
															
 
																+                  label-width="100px"
															
 
																+                  class="demo-ruleForm"
															
 
																+                  :size="formSize"
															
 
																+                  label-position="left"
															
 
																+                  status-icon
															
 
																+                >
															
 
																+                  <el-form-item label="原密码" prop="oldpass">
															
 
																+                    <el-input
															
 
																+                      v-model="ruleForm.oldpass"
															
 
																+                      placeholder="请输入原密码"
															
 
																+                      clearable
															
 
																+                    />
															
 
																+                  </el-form-item>
															
 
																+                  <el-form-item label="新密码" prop="nowpass">
															
 
																+                    <el-input
															
 
																+                      v-model="ruleForm.nowpass"
															
 
																+                      placeholder="请输入新密码"
															
 
																+                      clearable
															
 
																+                    />
															
 
																+                  </el-form-item>
															
 
																+                  <el-form-item
															
 
																+                    label="确定新密码"
															
 
																+                    prop="correctpass"
															
 
																+                    style="
															
 
																+                      padding-bottom: 40px;
															
 
																+                      border-bottom: 1px solid rgba(230, 230, 230, 1);
															
 
																+                    "
															
 
																+                  >
															
 
																+                    <el-input
															
 
																+                      v-model="ruleForm.correctpass"
															
 
																+                      placeholder="请再次输入新密码"
															
 
																+                      clearable
															
 
																+                    />
															
 
																+                  </el-form-item>
															
 
																+
															
 
																+                  <el-form-item class="options">
															
 
																+                    <el-button
															
 
																+                      class="queding"
															
 
																+                      type="primary"
															
 
																+                      @click="submitForm(ruleFormRef)"
															
 
																+                    >
															
 
																+                      确定
															
 
																+                    </el-button>
															
 
																+                    <el-button class="congzhi" @click="resetForm(ruleFormRef)"
															
 
																+                      >重置</el-button
															
 
																+                    >
															
 
																+                  </el-form-item>
															
 
																+                </el-form>
															
 
																+                <!-- <template #footer>
															
 
																+                  <span class="dialog-footer">
															
 
																+                    <el-button @click="dialogVisible = false">取消</el-button>
															
 
																+                    <el-button type="primary" @click="dialogVisible = false">
															
 
																+                      确定
															
 
																+                    </el-button>
															
 
																+                  </span>
															
 
																+                </template> -->
															
 
																+              </el-dialog>
															
 
																+              <el-dropdown-item @click="loginOut">
															
 
																+                <el-icon class="switchButton" :size="20" color="#000">
															
 
																+                  <SwitchButton />
															
 
																+                </el-icon>
															
 
																+                <span>退出登录</span>
															
 
																+              </el-dropdown-item>
															
 
																+            </el-dropdown-menu>
															
 
																+          </template>
															
 
																+        </el-dropdown>
															
 
																+      </div>
															
 
																+      <span class="name">{{ username }}</span>
															
 
																+    </div>
															
 
																+  </el-menu>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, onBeforeMount, onMounted, watch } from "vue";
															
 
																+import { ElMessage, ElMessageBox, ElNotification } from "element-plus";
															
 
																+import { useStore } from "vuex";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import axios from "axios";
															
 
																+
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+const username = ref(); // 账号名称
															
 
																+const titlenumber = ref(1); //  消息条数
															
 
																+const activeIndex = ref(); // 路由路径
															
 
																+const loginOutDialogVisible = ref(false); // 退出按钮
															
 
																+const menuclose = ref(false); // 左边状态栏展开按钮状态
															
 
																+const uppasswordShow = ref(false); // 修改密码展示框
															
 
																+const ruleForm = reactive({
															
 
																+  oldpass: "",
															
 
																+  nowpass: "",
															
 
																+  correctpass: "",
															
 
																+});
															
 
																+const ruleFormRef = ref();
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  oldpass: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "密码不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  nowpass: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "新密码不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  correctpass: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "两次密码是否输入正确",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  // desc: [{ required: true, message: "Please input activity form", trigger: "blur" }],
															
 
																+});
															
 
																+
															
 
																+// 监控消息通知数量
															
 
																+watch(
															
 
																+  () => store.state.user.newsNum,
															
 
																+  (newValue, oldValue) => {
															
 
																+    titlenumber.value = newValue;
															
 
																+    console.log(newValue, "监控消息数量");
															
 
																+  }
															
 
																+);
															
 
																+
															
 
																+// 点击消息通知
															
 
																+const newsClick = () => {
															
 
																+  store.commit("indexUp", 0);
															
 
																+  sessionStorage.setItem("sidevarItem", 0);
															
 
																+  router.push({
															
 
																+    path: `/schoolBus/news`,
															
 
																+  });
															
 
																+};
															
 
																+const dateTime = ref(
															
 
																+  dayjs().format("YYYY-MM-DD") + ` 星期四 ` + dayjs().format("HH:mm:ss")
															
 
																+); // 时间
															
 
																+
															
 
																+// 选择菜单
															
 
																+const handleSelect = (key, keyPath) => {
															
 
																+  store.commit("navbarUpdata", key);
															
 
																+  activeIndex.value = key;
															
 
																+};
															
 
																+
															
 
																+// 展开按钮
															
 
																+const SpreadMenu = (flag) => {
															
 
																+  store.commit("menuClose", flag);
															
 
																+  menuclose.value = flag;
															
 
																+};
															
 
																+// 修改密码
															
 
																+const uppassword = () => {
															
 
																+  uppasswordShow.value = true;
															
 
																+  // ruleForm.oldpass = store.state.user.password;
															
 
																+};
															
 
																+const uppasswordClose = () => {
															
 
																+  uppasswordShow.value = false;
															
 
																+  // ruleForm.oldpass = "";
															
 
																+  // ruleForm.nowpass = "";
															
 
																+  // ruleForm.correctpass = "";
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 提交修改密码表单
															
 
																+const submitForm = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      let data = new FormData();
															
 
																+      data.set("page", 1);
															
 
																+      data.set("rows", 2000); //前面的key记得对应！
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: "/api/carBook/adminlist.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data,
															
 
																+      });
															
 
																+      // console.log(res.data.rows);
															
 
																+      let account = res.data.rows.filter((item) => {
															
 
																+        return item.number == sessionStorage.getItem("username");
															
 
																+      });
															
 
																+      console.log(account);
															
 
																+      let dataUpdata = {
															
 
																+        name: account[0].name,
															
 
																+        number: account[0].number,
															
 
																+        password: ruleForm.correctpass,
															
 
																+        id: account[0].id,
															
 
																+      };
															
 
																+      if (ruleForm.oldpass == account[0].password) {
															
 
																+        if (ruleForm.nowpass == ruleForm.correctpass) {
															
 
																+          let resUpdata = await axios({
															
 
																+            method: "post",
															
 
																+            url: "/api/carBook/adminupdate.action",
															
 
																+            headers: {
															
 
																+              "Content-Type": "application/json;charset=utf-8",
															
 
																+              token: sessionStorage.getItem("token"),
															
 
																+            },
															
 
																+            data: dataUpdata,
															
 
																+          });
															
 
																+          console.log(resUpdata);
															
 
																+          if (resUpdata.data.code == 200) {
															
 
																+            ElMessage({
															
 
																+              type: "success",
															
 
																+              showClose: true,
															
 
																+              message: resUpdata.data.message,
															
 
																+              center: true,
															
 
																+            });
															
 
																+            sessionStorage.removeItem("token");
															
 
																+            localStorage.removeItem("pass");
															
 
																+            uppasswordShow.value = false;
															
 
																+            ruleFormRef.value.resetFields();
															
 
																+            ElNotification({
															
 
																+              type: "warning",
															
 
																+              title: "提示!!!",
															
 
																+              message: "密码已修改,请重新登录页面",
															
 
																+              // duration: 0,
															
 
																+              // position: "top-right",
															
 
																+            });
															
 
																+          } else {
															
 
																+            ElMessage({
															
 
																+              type: "error",
															
 
																+              showClose: true,
															
 
																+              message: res.data.message,
															
 
																+              center: true,
															
 
																+            });
															
 
																+          }
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: "两次密码输入不正确",
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: "原密码输入错误",
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+// 重置表单
															
 
																+const resetForm = (formEl) => {
															
 
																+  // console.log("重置表单");
															
 
																+  if (!formEl) return;
															
 
																+  formEl.resetFields();
															
 
																+};
															
 
																+
															
 
																+const loginOut = () => {
															
 
																+  ElMessageBox.confirm("是否退出登录?", "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(() => {
															
 
																+      sessionStorage.removeItem("token");
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        message: "退出成功",
															
 
																+      });
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消登录",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+
															
 
																+onMounted(() => {
															
 
																+  activeIndex.value = store.state.user.navbar;
															
 
																+  if (sessionStorage.getItem("newsNum") == 0) {
															
 
																+    titlenumber.value = "";
															
 
																+  } else {
															
 
																+    titlenumber.value = sessionStorage.getItem("newsNum");
															
 
																+  }
															
 
																+
															
 
																+  username.value = sessionStorage.getItem("username");
															
 
																+  // handleSelect("vidicons");
															
 
																+  setInterval(() => {
															
 
																+    var week = ["日", "一", "二", "三", "四", "五", "六"];
															
 
																+    var datas = dayjs().day();
															
 
																+    dateTime.value =
															
 
																+      dayjs().format("YYYY-MM-DD") +
															
 
																+      ` 星期${week[datas]} ` +
															
 
																+      dayjs().format("HH:mm:ss");
															
 
																+  }, 1000);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.el-menu--horizontal {
															
 
																+  border-bottom: none;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+  height: 65px;
															
 
																+  // width: 100%;
															
 
																+  background-color: #fff;
															
 
																+  box-shadow: 5px 5px 10px 0px rgba(213, 228, 252, 1);
															
 
																+  .logo {
															
 
																+    left: 90px;
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    span {
															
 
																+      margin-left: 10px;
															
 
																+      font-size: 24px;
															
 
																+      font-weight: 600;
															
 
																+    }
															
 
																+  }
															
 
																+  .login {
															
 
																+    color: #000;
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    position: absolute;
															
 
																+    right: 10px;
															
 
																+    top: 17px;
															
 
																+
															
 
																+    .dateTime {
															
 
																+      margin-right: 20px;
															
 
																+    }
															
 
																+    .el-badge {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      // :deep(.el-badge__content) {
															
 
																+      //   width: 2px;
															
 
																+      //   height: 14px;
															
 
																+      // }
															
 
																+    }
															
 
																+    .items-center {
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    .name {
															
 
																+      height: 20px;
															
 
																+      line-height: 20px;
															
 
																+      text-decoration: underline;
															
 
																+      padding: 0 10px;
															
 
																+      margin: 0 10px;
															
 
																+      border-left: 2px solid #ccc;
															
 
																+    }
															
 
																+    .switchButton {
															
 
																+      cursor: pointer;
															
 
																+    }
															
 
																+  }
															
 
																+  .login:focus {
															
 
																+    outline: none;
															
 
																+  }
															
 
																+  .fold {
															
 
																+    width: 46px;
															
 
																+    height: 65px;
															
 
																+  }
															
 
																+  .fold:hover {
															
 
																+    cursor: pointer;
															
 
																+    background-color: rgba(67, 146, 249, 0.1);
															
 
																+  }
															
 
																+}
															
 
																+.el-dialog__body {
															
 
																+  .options {
															
 
																+    display: flex;
															
 
																+    flex-direction: row-reverse;
															
 
																+    :deep(.el-form-item__content) {
															
 
																+      margin-left: 0 !important;
															
 
																+      flex: none;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
 
																+<style lang="scss">
															
 
																+.el-overlay {
															
 
																+  .el-overlay-dialog {
															
 
																+    .pw {
															
 
																+      border-radius: 11px;
															
 
																+
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin-left: 170px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/layout/sidebar/SidevarItem
+++ b/src/layout/sidebar/SidevarItem
@@ -0,0 +1,324 @@
 
																+<template>
															
 
																+  <div class="box-item">
															
 
																+    <el-menu
															
 
																+      class="el-menu-vertical-demo"
															
 
																+      text-color="#fff"
															
 
																+      active-color="#000"
															
 
																+      :default-active="activeIndex"
															
 
																+      :collapse="menuClose"
															
 
																+      @select="handleSelect"
															
 
																+    >
															
 
																+      <!-- <div class="logo">logo</div> -->
															
 
																+      <div class="logo el-menu-item">
															
 
																+        <el-icon :size="20"
															
 
																+          ><img src="@/assets/logo.png" style="width: 30px; height: 24px"
															
 
																+        /></el-icon>
															
 
																+      </div>
															
 
																+      <el-menu-item :index="9">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 9"
															
 
																+          src="@/assets/busqueryA.png"
															
 
																+          alt=""
															
 
																+          style="width: 22px; height: 22px; margin: 0 18px"
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          src="@/assets/busquery.png "
															
 
																+          alt=""
															
 
																+          style="width: 22px; height: 22px; margin: 0 18px"
															
 
																+        />
															
 
																+        <span>车辆调度</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="1">
															
 
																+        <img v-if="activeIndex == 1" src="@/assets/statementA.png" alt="" />
															
 
																+        <img v-else src="@/assets/statement.png " alt="" />
															
 
																+        <span>报表统计</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="2">
															
 
																+        <img v-if="activeIndex == 2" src="@/assets/staffA.png" alt="" />
															
 
																+        <img v-else src="@/assets/staff.png" alt="" />
															
 
																+        <span>驾驶员管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="11">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 11"
															
 
																+          style="width: 22px; height: 22px; margin: 0 20px 0 18px"
															
 
																+          src="@/assets/reportA.png"
															
 
																+          alt=""
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          style="width: 22px; height: 22px; margin: 0 20px 0 18px"
															
 
																+          src="@/assets/report.png"
															
 
																+          alt=""
															
 
																+        />
															
 
																+        <span>报备管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="3">
															
 
																+        <img v-if="activeIndex == 3" src="@/assets/accountA.png" alt="" />
															
 
																+        <img v-else src="@/assets/account.png" alt="" />
															
 
																+        <span>账号管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="4">
															
 
																+        <img v-if="activeIndex == 4" src="@/assets/carA.png" alt="" />
															
 
																+        <img v-else src="@/assets/car.png" alt="" />
															
 
																+        <span>车辆管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="5">
															
 
																+        <img v-if="activeIndex == 5" src="@/assets/pathA.png" alt="" />
															
 
																+        <img v-else src="@/assets/path.png" alt="" />
															
 
																+        <span>路线管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="6">
															
 
																+        <img v-if="activeIndex == 6" src="@/assets/classesA.png" alt="" />
															
 
																+        <img v-else src="@/assets/classes.png" alt="" />
															
 
																+        <span>班次管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="7">
															
 
																+        <img v-if="activeIndex == 7" src="@/assets/blacklistA.png" alt="" />
															
 
																+        <img v-else src="@/assets/blacklist.png" alt="" />
															
 
																+        <span>黑名单管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="10">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 10"
															
 
																+          src="@/assets/logA.png"
															
 
																+          alt=""
															
 
																+          style="width: 21px; height: 21px; margin: 0 20px"
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          src="@/assets/log.png"
															
 
																+          alt=""
															
 
																+          style="width: 21px; height: 21px; margin: 0 20px"
															
 
																+        />
															
 
																+        <span>操作日志</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-sub-menu index="1">
															
 
																+        <template #title>
															
 
																+          <el-icon style="font-size: 28px;"><location /></el-icon>
															
 
																+          <span>顺风车模块</span>
															
 
																+        </template>
															
 
																+        <el-sub-menu index="1-4">
															
 
																+          <template #title>顺风车司机</template>
															
 
																+          <el-menu-item index="1-4-1">司机思考</el-menu-item>
															
 
																+          <el-menu-item index="1-3">司机管理</el-menu-item>
															
 
																+        </el-sub-menu>
															
 
																+        <el-menu-item index="1-3">路线管理</el-menu-item>
															
 
																+      </el-sub-menu>
															
 
																+      <el-menu-item :index="8">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 8"
															
 
																+          src="@/assets/systemA.png"
															
 
																+          alt=""
															
 
																+          style="width: 20px; height: 20px"
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          src="@/assets/system.png"
															
 
																+          alt=""
															
 
																+          style="width: 20px; height: 20px"
															
 
																+        />
															
 
																+        <span>系统设置</span>
															
 
																+      </el-menu-item>
															
 
																+    </el-menu>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, onBeforeMount, onMounted, watch, reactive } from "vue";
															
 
																+import { useStore } from "vuex";
															
 
																+
															
 
																+import { useRouter } from "vue-router";
															
 
																+
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+
															
 
																+const menuClose = ref(false);
															
 
																+const activeIndex = ref(9);
															
 
																+const acitveItems = reactive({ list: [] });
															
 
																+
															
 
																+watch(
															
 
																+  () => store.state.user.collapse,
															
 
																+  (newValue, oldValue) => {
															
 
																+    menuClose.value = newValue;
															
 
																+  }
															
 
																+);
															
 
																+watch(
															
 
																+  () => store.state.user.activeIndex,
															
 
																+  (newValue, oldValue) => {
															
 
																+    console.log(newValue);
															
 
																+
															
 
																+    activeIndex.value = newValue;
															
 
																+  }
															
 
																+);
															
 
																+
															
 
																+const handleSelect = (key) => {
															
 
																+  store.commit("indexUp", key);
															
 
																+  activeIndex.value = key;
															
 
																+  sessionStorage.setItem("sidevarItem", key);
															
 
																+
															
 
																+  if (activeIndex.value == 1) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/statement`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 2) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/staff`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 3) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/account`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 4) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/bus`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 6) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/classes`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 5) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/buspath`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 8) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/system`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 7) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/blacklist`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 9) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/busquery`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 10) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/log`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 11) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/report`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 0) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/news`,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+onBeforeMount(() => {
															
 
																+  activeIndex.value = Number(sessionStorage.getItem("sidevarItem"));
															
 
																+  store.commit("indexUp", Number(sessionStorage.getItem("sidevarItem")));
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style lang="scss" scoped>
															
 
																+.el-menu-vertical-demo:not(.el-menu--collapse) {
															
 
																+  width: 220px;
															
 
																+  // min-height: 400px;
															
 
																+}
															
 
																+.box-item {
															
 
																+  // width: 220px !important;
															
 
																+  height: calc(100vh);
															
 
																+}
															
 
																+.el-menu {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  overflow: auto;
															
 
																+  background: linear-gradient(
															
 
																+    0deg,
															
 
																+    rgba(134, 132, 255, 1) 0%,
															
 
																+    rgba(60, 80, 232, 1) 100%
															
 
																+  );
															
 
																+  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
															
 
																+
															
 
																+  .logo {
															
 
																+    height: 65px;
															
 
																+    color: rgb(255, 255, 255);
															
 
																+    cursor: default;
															
 
																+    display: flex;
															
 
																+    justify-content: space-around;
															
 
																+    align-items: center;
															
 
																+  }
															
 
																+  .logo:hover {
															
 
																+    background-color: transparent !important;
															
 
																+  }
															
 
																+  .el-menu-item {
															
 
																+    // border-left: 3px solid rgba(248, 220, 38);
															
 
																+    padding: 0 10px;
															
 
																+  }
															
 
																+  .el-menu-item:hover {
															
 
																+    background-color: rgba(255, 255, 255, 0.4);
															
 
																+  }
															
 
																+  .el-menu-item.is-active:hover {
															
 
																+    background-color: #fff;
															
 
																+  }
															
 
																+  .el-menu-item img {
															
 
																+    width: 18px;
															
 
																+    height: 18px;
															
 
																+    margin: 0 20px;
															
 
																+  }
															
 
																+
															
 
																+  :deep(.el-sub-menu) {
															
 
																+    .el-sub-menu__title:hover{
															
 
																+      background-color: rgba(255, 255, 255, 0.4);
															
 
																+    }
															
 
																+    .el-sub-menu__title{
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      .el-icon{
															
 
																+        margin: 0 18px;
															
 
																+      }
															
 
																+      .el-sub-menu__icon-arrow{
															
 
																+        margin: 0 0 0 0px;
															
 
																+        top: 40%;
															
 
																+      }
															
 
																+    }
															
 
																+    .el-menu {
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    .el-menu--inline{
															
 
																+      .el-sub-menu{
															
 
																+        .el-sub-menu__title{
															
 
																+          padding-left: 40px;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-menu-item{
															
 
																+        padding-left: 40px;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-sub-menu.is-active:hover {
															
 
																+    background-color: #fff;
															
 
																+  }
															
 
																+}
															
 
																+.el-menu--collapse{
															
 
																+  :deep(.el-sub-menu){
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: center;
															
 
																+    .el-sub-menu__title{
															
 
																+      padding: 0;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.el-menu-item.is-active {
															
 
																+  box-sizing: border-box;
															
 
																+  background-color: #fff;
															
 
																+  color: #000;
															
 
																+}
															
 
																+</style>
															
--- a/src/layout/sidebar/SidevarItem.vue
+++ b/src/layout/sidebar/SidevarItem.vue
@@ -0,0 +1,420 @@
 
																+<template>
															
 
																+  <div class="box-item">
															
 
																+    <el-menu
															
 
																+      class="el-menu-vertical-demo"
															
 
																+      text-color="#fff"
															
 
																+      active-color="#000"
															
 
																+      :default-active="activeIndex"
															
 
																+      :collapse="menuClose"
															
 
																+      @select="handleSelect"
															
 
																+    >
															
 
																+      <!-- <div class="logo">logo</div> -->
															
 
																+      <div class="logo el-menu-item">
															
 
																+        <el-icon :size="20"
															
 
																+          ><img src="@/assets/logo.png" style="width: 30px; height: 24px"
															
 
																+        /></el-icon>
															
 
																+      </div>
															
 
																+      <el-menu-item :index="9">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 9"
															
 
																+          src="@/assets/busqueryA.png"
															
 
																+          alt=""
															
 
																+          style="width: 22px; height: 22px"
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          src="@/assets/busquery.png "
															
 
																+          alt=""
															
 
																+          style="width: 22px; height: 22px"
															
 
																+        />
															
 
																+        <span>车辆调度</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="1">
															
 
																+        <img v-if="activeIndex == 1" src="@/assets/statementA.png" alt="" />
															
 
																+        <img v-else src="@/assets/statement.png " alt="" />
															
 
																+        <span>报表统计</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="2">
															
 
																+        <img v-if="activeIndex == 2" src="@/assets/staffA.png" alt="" />
															
 
																+        <img v-else src="@/assets/staff.png" alt="" />
															
 
																+        <span>驾驶员管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <!-- <el-menu-item :index="11">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 11"
															
 
																+          style="width: 22px; height: 22px"
															
 
																+          src="@/assets/reportA.png"
															
 
																+          alt=""
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          style="width: 22px; height: 22px"
															
 
																+          src="@/assets/report.png"
															
 
																+          alt=""
															
 
																+        />
															
 
																+        <span>报备管理</span>
															
 
																+      </el-menu-item> -->
															
 
																+      <el-menu-item :index="3">
															
 
																+        <img v-if="activeIndex == 3" src="@/assets/accountA.png" alt="" />
															
 
																+        <img v-else src="@/assets/account.png" alt="" />
															
 
																+        <span>账号管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="4">
															
 
																+        <img v-if="activeIndex == 4" src="@/assets/carA.png" alt="" />
															
 
																+        <img v-else src="@/assets/car.png" alt="" />
															
 
																+        <span>车辆管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="5">
															
 
																+        <img v-if="activeIndex == 5" src="@/assets/pathA.png" alt="" />
															
 
																+        <img v-else src="@/assets/path.png" alt="" />
															
 
																+        <span>路线管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <el-menu-item :index="6">
															
 
																+        <img v-if="activeIndex == 6" src="@/assets/classesA.png" alt="" />
															
 
																+        <img v-else src="@/assets/classes.png" alt="" />
															
 
																+        <span>班次管理</span>
															
 
																+      </el-menu-item>
															
 
																+      <!-- <el-menu-item :index="7">
															
 
																+        <img v-if="activeIndex == 7" src="@/assets/blacklistA.png" alt="" />
															
 
																+        <img v-else src="@/assets/blacklist.png" alt="" />
															
 
																+        <span>黑名单管理</span>
															
 
																+      </el-menu-item> -->
															
 
																+      <el-menu-item :index="10">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 10"
															
 
																+          src="@/assets/logA.png"
															
 
																+          alt=""
															
 
																+          style="width: 21px; height: 21px"
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          src="@/assets/log.png"
															
 
																+          alt=""
															
 
																+          style="width: 21px; height: 21px"
															
 
																+        />
															
 
																+        <span>操作日志</span>
															
 
																+      </el-menu-item>
															
 
																+      <!-- <el-sub-menu index="15" popper-class="ceshi">
															
 
																+        <template #title>
															
 
																+          <img
															
 
																+            v-if="
															
 
																+              activeIndex == 17 ||
															
 
																+              activeIndex == 18 ||
															
 
																+              activeIndex == 19 ||
															
 
																+              activeIndex == 20 ||
															
 
																+              activeIndex == 21 ||
															
 
																+              activeIndex == 22 ||
															
 
																+              activeIndex == 23 ||
															
 
																+              activeIndex == 24
															
 
																+            "
															
 
																+            src="@/assets/driverPathA.png"
															
 
																+            alt=""
															
 
																+            style="width: 21px; height: 21px; margin-right: 13px"
															
 
																+          />
															
 
																+          <img
															
 
																+            v-else
															
 
																+            src="@/assets/driverPath.png"
															
 
																+            alt=""
															
 
																+            style="width: 21px; height: 21px; margin-right: 13px"
															
 
																+          />
															
 
																+          <span>顺风车模块</span>
															
 
																+        </template>
															
 
																+        <el-sub-menu index="16">
															
 
																+          <template #title>顺风车司机</template>
															
 
																+          <el-menu-item :index="17">司机审核</el-menu-item>
															
 
																+          <el-menu-item :index="18">司机管理</el-menu-item>
															
 
																+          <el-menu-item :index="19">司机提现管理</el-menu-item>
															
 
																+        </el-sub-menu>
															
 
																+        <el-menu-item :index="23">优惠券管理</el-menu-item>
															
 
																+        <el-menu-item :index="24">优惠券记录</el-menu-item>
															
 
																+        <el-menu-item :index="20">路线管理</el-menu-item>
															
 
																+        <el-menu-item :index="21">订单管理</el-menu-item>
															
 
																+        <el-menu-item :index="22">规则设置</el-menu-item>
															
 
																+      </el-sub-menu> -->
															
 
																+      <el-menu-item :index="8">
															
 
																+        <img
															
 
																+          v-if="activeIndex == 8"
															
 
																+          src="@/assets/systemA.png"
															
 
																+          alt=""
															
 
																+          style="width: 20px; height: 20px"
															
 
																+        />
															
 
																+        <img
															
 
																+          v-else
															
 
																+          src="@/assets/system.png"
															
 
																+          alt=""
															
 
																+          style="width: 20px; height: 20px"
															
 
																+        />
															
 
																+        <span>系统设置</span>
															
 
																+      </el-menu-item>
															
 
																+    </el-menu>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, onBeforeMount, onMounted, watch, reactive } from "vue";
															
 
																+import { useStore } from "vuex";
															
 
																+
															
 
																+import { useRouter } from "vue-router";
															
 
																+
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+
															
 
																+const menuClose = ref(false);
															
 
																+const activeIndex = ref(9);
															
 
																+const acitveItems = reactive({ list: [] });
															
 
																+
															
 
																+watch(
															
 
																+  () => store.state.user.collapse,
															
 
																+  (newValue, oldValue) => {
															
 
																+    menuClose.value = newValue;
															
 
																+  }
															
 
																+);
															
 
																+watch(
															
 
																+  () => store.state.user.activeIndex,
															
 
																+  (newValue, oldValue) => {
															
 
																+    console.log(newValue);
															
 
																+
															
 
																+    activeIndex.value = newValue;
															
 
																+  }
															
 
																+);
															
 
																+
															
 
																+const handleSelect = (key) => {
															
 
																+  store.commit("indexUp", key);
															
 
																+  activeIndex.value = key;
															
 
																+  sessionStorage.setItem("sidevarItem", key);
															
 
																+
															
 
																+  if (activeIndex.value == 1) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/statement`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 2) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/staff`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 3) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/account`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 4) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/bus`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 6) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/classes`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 5) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/buspath`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 8) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/system`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 7) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/blacklist`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 9) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/busquery`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 10) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/log`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 11) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/report`,
															
 
																+    });
															
 
																+  }
															
 
																+
															
 
																+  if (activeIndex.value == 17) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/driverAudit`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 18) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/driverManagement`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 19) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/driverDeposit`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 20) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/driverPath`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 21) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/driverOrder`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 22) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/driverRule`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 23) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/coupon`,
															
 
																+    });
															
 
																+  }
															
 
																+  if (activeIndex.value == 24) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/couponRecord`,
															
 
																+    });
															
 
																+  }
															
 
																+
															
 
																+  if (activeIndex.value == 0) {
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/news`,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+onBeforeMount(() => {
															
 
																+  activeIndex.value = Number(sessionStorage.getItem("sidevarItem"));
															
 
																+  store.commit("indexUp", Number(sessionStorage.getItem("sidevarItem")));
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style lang="scss" scoped>
															
 
																+.el-menu-vertical-demo:not(.el-menu--collapse) {
															
 
																+  width: 200px;
															
 
																+  // min-height: 400px;
															
 
																+}
															
 
																+.box-item {
															
 
																+  // width: 220px !important;
															
 
																+  height: calc(100vh);
															
 
																+}
															
 
																+.el-menu {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  overflow: auto;
															
 
																+  background: linear-gradient(
															
 
																+    0deg,
															
 
																+    rgba(134, 132, 255, 1) 0%,
															
 
																+    rgba(60, 80, 232, 1) 100%
															
 
																+  );
															
 
																+  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
															
 
																+
															
 
																+  .logo {
															
 
																+    height: 65px;
															
 
																+    color: rgb(255, 255, 255);
															
 
																+    cursor: default;
															
 
																+    display: flex;
															
 
																+    justify-content: space-around;
															
 
																+    align-items: center;
															
 
																+  }
															
 
																+  .logo:hover {
															
 
																+    background-color: transparent !important;
															
 
																+  }
															
 
																+  .el-menu-item {
															
 
																+    // border-left: 3px solid rgba(248, 220, 38);
															
 
																+    padding: 0 10px;
															
 
																+  }
															
 
																+  .el-menu-item:hover {
															
 
																+    background-color: rgba(255, 255, 255, 0.4);
															
 
																+  }
															
 
																+  .el-menu-item.is-active:hover {
															
 
																+    background-color: #fff;
															
 
																+  }
															
 
																+  .el-menu-item img {
															
 
																+    width: 18px;
															
 
																+    height: 18px;
															
 
																+    margin: 0 15px 0 0;
															
 
																+  }
															
 
																+
															
 
																+  :deep(.el-sub-menu) {
															
 
																+    .el-sub-menu__title:hover {
															
 
																+      background-color: rgba(255, 255, 255, 0.4);
															
 
																+    }
															
 
																+
															
 
																+    &.is-active.is-opened > .el-sub-menu__title {
															
 
																+      background-color: #fff;
															
 
																+      color: #000 !important;
															
 
																+    }
															
 
																+    &.is-active > .el-sub-menu__title {
															
 
																+      background-color: #fff;
															
 
																+      color: #000 !important;
															
 
																+    }
															
 
																+
															
 
																+    .el-menu {
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    // .el-menu--inline{
															
 
																+
															
 
																+    // }
															
 
																+  }
															
 
																+}
															
 
																+.el-menu--collapse {
															
 
																+  width:72px;
															
 
																+  img {
															
 
																+    width: 18px;
															
 
																+    height: 18px;
															
 
																+    margin: 0 !important;
															
 
																+    padding: 0 15px;
															
 
																+  }
															
 
																+  :deep(.el-sub-menu) {
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: center;
															
 
																+    .el-sub-menu__title {
															
 
																+      padding: 0;
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.el-menu-item.is-active {
															
 
																+  box-sizing: border-box;
															
 
																+  background-color: #fff;
															
 
																+  color: #000;
															
 
																+}
															
 
																+</style>
															
 
																+
															
 
																+<style lang="scss">
															
 
																+.ceshi {
															
 
																+  &.is-light {
															
 
																+    border: none !important;
															
 
																+    background: linear-gradient(
															
 
																+      90deg,
															
 
																+      rgba(38, 151, 255, 1) 0%,
															
 
																+      rgba(102, 182, 255, 1) 100%
															
 
																+    );
															
 
																+    .el-menu {
															
 
																+      background: rgb(38, 38, 38);
															
 
																+      // rgba(60, 80, 232, 1)
															
 
																+      .el-sub-menu__title:hover {
															
 
																+        background: rgba(255, 255, 255, 0.4);
															
 
																+      }
															
 
																+      .el-sub-menu.is-active {
															
 
																+        background: #fff;
															
 
																+        .el-sub-menu__title {
															
 
																+          color: #000 !important;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-menu-item.is-active {
															
 
																+    background: #fff;
															
 
																+    color: #000 !important;
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,28 @@
 
																+import { createApp } from 'vue'
															
 
																+import './style.css'
															
 
																+import ElementPlus from 'element-plus'
															
 
																+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
															
 
																+import 'element-plus/dist/index.css'
															
 
																+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
															
 
																+import App from './App.vue'
															
 
																+
															
 
																+
															
 
																+import router from "@/router";
															
 
																+import store from '@/store'
															
 
																+
															
 
																+
															
 
																+
															
 
																+const app = createApp(App)
															
 
																+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
															
 
																+    app.component(key, component)
															
 
																+}
															
 
																+
															
 
																+app.use(ElementPlus, {
															
 
																+    locale: zhCn,
															
 
																+})
															
 
																+app.use(router)
															
 
																+app.use(store)
															
 
																+
															
 
																+
															
 
																+app.mount('#app')
															
 
																+app.config.devtools = true;
															
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,147 @@
 
																+import {
															
 
																+  createRouter,
															
 
																+  createWebHistory,
															
 
																+  createWebHashHistory,
															
 
																+} from "vue-router";
															
 
																+import Layout from "@/layout/index.vue";
															
 
																+const router = createRouter({
															
 
																+  // history: createWebHashHistory("/carstop/dist6"), // 线上地址
															
 
																+  history: createWebHashHistory("/ride-sharing/pc"), // 校团环境发布地址
															
 
																+  routes: [
															
 
																+    {
															
 
																+      path: "/login",
															
 
																+      component: () => import("@/views/login/index.vue"),
															
 
																+    },
															
 
																+    {
															
 
																+      path: "/",
															
 
																+      redirect: "/login",
															
 
																+    },
															
 
																+    {
															
 
																+      path: "/schoolBus",
															
 
																+      component: Layout,
															
 
																+      children: [
															
 
																+        {
															
 
																+          path: "news",
															
 
																+          component: () => import("@/views/news/news.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "statement",
															
 
																+          component: () => import("@/views/statement/statement.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "staff",
															
 
																+          component: () => import("@/views/staff/staff.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "account",
															
 
																+          component: () => import("@/views/account/account.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "bus",
															
 
																+          component: () => import("@/views/bus/bus.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "classes",
															
 
																+          component: () => import("@/views/classes/classes.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "buspath",
															
 
																+          component: () => import("@/views/buspath/buspath.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // {
															
 
																+        //   path: "blacklist",
															
 
																+        //   component: () => import("@/views/blacklist/blacklist.vue"),
															
 
																+        //   meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        // },
															
 
																+        {
															
 
																+          path: "system",
															
 
																+          component: () => import("@/views/waiting/waiting.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "busquery",
															
 
																+          component: () => import("@/views/busquery/busquery.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "log",
															
 
																+          component: () => import("@/views/log/log.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 司机审核
															
 
																+        {
															
 
																+          path: "driverAudit",
															
 
																+          component: () => import("@/views/driver/audit.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 司机管理
															
 
																+        {
															
 
																+          path: "driverManagement",
															
 
																+          component: () => import("@/views/driver/management.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 司机提现管理
															
 
																+        {
															
 
																+          path: "driverDeposit",
															
 
																+          component: () => import("@/views/driver/deposit.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 优惠券管理
															
 
																+        {
															
 
																+          path: "coupon",
															
 
																+          component: () => import("@/views/driver/coupon.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 优惠券记录
															
 
																+        {
															
 
																+          path: "couponRecord",
															
 
																+          component: () => import("@/views/driver/couponRecord.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 路线管理
															
 
																+        {
															
 
																+          path: "driverPath",
															
 
																+          component: () => import("@/views/driver/path.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 订单管理
															
 
																+        {
															
 
																+          path: "driverOrder",
															
 
																+          component: () => import("@/views/driver/order.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        // 规则设置
															
 
																+        {
															
 
																+          path: "driverRule",
															
 
																+          component: () => import("@/views/driver/rule.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+        {
															
 
																+          path: "report",
															
 
																+          component: () => import("@/views/report/report.vue"),
															
 
																+          meta: { title: "Dashboard", icon: "dashboard" },
															
 
																+        },
															
 
																+      ],
															
 
																+    },
															
 
																+  ],
															
 
																+});
															
 
																+export default router;
															
 
																+router.beforeEach((to, from, next) => {
															
 
																+  // 判断 如果cook是否存在，可以进去
															
 
																+  if (sessionStorage.getItem("token")) {
															
 
																+    next(); //放行
															
 
																+  } else {
															
 
																+    if (to.path == "/login") {
															
 
																+      next();
															
 
																+    } else {
															
 
																+      next(`/login`);
															
 
																+    }
															
 
																+  }
															
 
																+});
															
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -0,0 +1,5 @@
 
																+//store/getters
															
 
																+const getters = {
															
 
																+    age: state => state.user.age //导出age
															
 
																+}
															
 
																+export default getters;
															
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,22 @@
 
																+//store/index.js
															
 
																+
															
 
																+import createPersistedstate from 'vuex-persistedstate' //持久化插件
															
 
																+import { createStore } from 'vuex'; //引入vuex
															
 
																+import user from './modules/user'; //引入modules的方法;
															
 
																+import getters from './getters' //引入getters
															
 
																+const store = createStore({
															
 
																+    modules: {
															
 
																+        user
															
 
																+    },
															
 
																+    getters,
															
 
																+    // plugins: [
															
 
																+    //     createPersistedstate({
															
 
																+    //         // key: 'userStore', //存储持久状态的键。（默认：vuex）
															
 
																+    //         paths: ['user'], //部分持续状态的任何路径的数组。如果不加，默认所有。
															
 
																+    //         storage: window.sessionStorage //默认存储到localStorage,想要存储到sessionStorage
															
 
																+    //     })
															
 
																+    // ]
															
 
																+
															
 
																+})
															
 
																+
															
 
																+export default store;
															
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -0,0 +1,150 @@
 
																+import axios from "axios";
															
 
																+
															
 
																+//store/modules/user.js
															
 
																+
															
 
																+// 声明变量
															
 
																+const state = {
															
 
																+  collapse: false,
															
 
																+  activeIndex: 0,
															
 
																+  username: "",
															
 
																+  password: "",
															
 
																+  // api: "/carstop/carBuy", // 线上
															
 
																+  // api: "/carstop/carbook", // 线上
															
 
																+  api: "/ride-sharing/carBuy", // 校团
															
 
																+  newsNum: "",
															
 
																+};
															
 
																+
															
 
																+// 修改变量（state不能直接赋值修改，只能通过mutations）
															
 
																+const mutations = {
															
 
																+  menuClose: (state, value) => {
															
 
																+    state.collapse = value;
															
 
																+  },
															
 
																+  indexUp: (state, value) => {
															
 
																+    state.activeIndex = value;
															
 
																+  },
															
 
																+  userName: (state, value) => {
															
 
																+    state.username = value;
															
 
																+  },
															
 
																+  passWord: (state, value) => {
															
 
																+    state.password = value;
															
 
																+  },
															
 
																+  newsUp: (state, value) => {
															
 
																+    state.newsNum = value;
															
 
																+  },
															
 
																+};
															
 
																+// mutations的值由actions传入(异步)
															
 
																+const actions = {
															
 
																+  addAsync: ({ commit }) => {
															
 
																+    setTimeout(() => {
															
 
																+      commit("add");
															
 
																+    }, 1000);
															
 
																+  },
															
 
																+  newsAsync: async ({ commit, state }) => {
															
 
																+    let data = new FormData();
															
 
																+    let res = await axios({
															
 
																+      method: "post",
															
 
																+      url: state.api + "/carBook/usermesUnRead.action",
															
 
																+      headers: {
															
 
																+        token: sessionStorage.getItem("token"),
															
 
																+      },
															
 
																+      data: data,
															
 
																+    });
															
 
																+    console.log(res, "系统消息");
															
 
																+
															
 
																+    commit("newsUp", res.data.u_count);
															
 
																+    sessionStorage.setItem("newsNum", res.data.u_count);
															
 
																+    console.log("vuex", res.data.u_count);
															
 
																+  },
															
 
																+  // 车辆管理
															
 
																+  busNum: async ({ commit, state }) => {
															
 
																+    let data = new FormData();
															
 
																+    // let res = await adminApi.adminLogin(data);
															
 
																+    let res = await axios({
															
 
																+      method: "post",
															
 
																+      url: state.api + "/carBook/cinfoqueryAll.action",
															
 
																+      headers: {
															
 
																+        token: sessionStorage.getItem("token"),
															
 
																+      },
															
 
																+      data: data,
															
 
																+    });
															
 
																+    console.log(res, "车辆管理");
															
 
																+    if (res.status == 200) {
															
 
																+      sessionStorage.setItem("busSelect", JSON.stringify(res.data.data));
															
 
																+    } else {
															
 
																+      // ElMessage({
															
 
																+      //   type: "error",
															
 
																+      //   showClose: true,
															
 
																+      //   message: res.data.message,
															
 
																+      //   center: true,
															
 
																+      // });
															
 
																+      // if (res.data.message == "token错误") {
															
 
																+      //   router.push({
															
 
																+      //     path: `/login`,
															
 
																+      //   });
															
 
																+      // }
															
 
																+    }
															
 
																+  },
															
 
																+  // 路线管理
															
 
																+  pathSelect: async ({ commit, state }) => {
															
 
																+    let data = new FormData();
															
 
																+    let res = await axios({
															
 
																+      method: "post",
															
 
																+      url: state.api + "/carBook/routequeryAll.action",
															
 
																+      headers: {
															
 
																+        token: sessionStorage.getItem("token"),
															
 
																+      },
															
 
																+      data: data,
															
 
																+    });
															
 
																+    res.data.data.forEach((item) => {
															
 
																+      if (item.is_repair == 0) {
															
 
																+        item.state = false;
															
 
																+      } else if (item.is_repair == 1) {
															
 
																+        item.state = true;
															
 
																+      }
															
 
																+      if (item.repair_end == "null") {
															
 
																+        item.repair_end = "";
															
 
																+      }
															
 
																+    });
															
 
																+    console.log(res, "路线管理");
															
 
																+    if (res.status == 200) {
															
 
																+      sessionStorage.setItem("route_endSelect", JSON.stringify(res.data.data));
															
 
																+      let obj2 = {};
															
 
																+      var reduce2 = res.data.data.reduce((curr, next) => {
															
 
																+        /*判断对象中是否已经有该属性  没有的话 push 到 curr数组*/
															
 
																+        obj2[next.route] ? "" : (obj2[next.route] = curr.push(next));
															
 
																+        return curr;
															
 
																+      }, []);
															
 
																+      sessionStorage.setItem("pathSelect", JSON.stringify(reduce2));
															
 
																+    } else {
															
 
																+      ElMessage({
															
 
																+        type: "error",
															
 
																+        showClose: true,
															
 
																+        message: res.data.message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+  },
															
 
																+  // 系统扫码时间
															
 
																+  sm_time: async ({ commit, state }) => {
															
 
																+    let res = await axios({
															
 
																+      method: "post",
															
 
																+      url: state.api + "/carBook/cnqueryHb.action",
															
 
																+      headers: {
															
 
																+        token: sessionStorage.getItem("token"),
															
 
																+      },
															
 
																+    });
															
 
																+    console.log(res.data, "系统扫码时间");
															
 
																+
															
 
																+    if (res.data.code == 200) {
															
 
																+      sessionStorage.setItem("sm_start", res.data.data.sm_start);
															
 
																+      sessionStorage.setItem("sm_end", res.data.data.sm_end);
															
 
																+      sessionStorage.setItem("yy_end", res.data.data.yy_end);
															
 
																+    }
															
 
																+  },
															
 
																+};
															
 
																+
															
 
																+export default {
															
 
																+  state,
															
 
																+  mutations,
															
 
																+  actions,
															
 
																+};
															
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,89 @@
 
																+:root {
															
 
																+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
															
 
																+  line-height: 1.5;
															
 
																+  font-weight: 400;
															
 
																+
															
 
																+  color-scheme: light dark;
															
 
																+  color: rgba(255, 255, 255, 0.87);
															
 
																+  background-color: #242424;
															
 
																+
															
 
																+  font-synthesis: none;
															
 
																+  text-rendering: optimizeLegibility;
															
 
																+  -webkit-font-smoothing: antialiased;
															
 
																+  -moz-osx-font-smoothing: grayscale;
															
 
																+  -webkit-text-size-adjust: 100%;
															
 
																+}
															
 
																+
															
 
																+a {
															
 
																+  font-weight: 500;
															
 
																+  color: #646cff;
															
 
																+  text-decoration: inherit;
															
 
																+}
															
 
																+a:hover {
															
 
																+  color: #535bf2;
															
 
																+}
															
 
																+
															
 
																+a {
															
 
																+  font-weight: 500;
															
 
																+  color: #646cff;
															
 
																+  text-decoration: inherit;
															
 
																+}
															
 
																+a:hover {
															
 
																+  color: #535bf2;
															
 
																+}
															
 
																+
															
 
																+body {
															
 
																+  margin: 0;
															
 
																+  display: flex;
															
 
																+  place-items: center;
															
 
																+  min-width: 320px;
															
 
																+  min-height: 100vh;
															
 
																+}
															
 
																+
															
 
																+h1 {
															
 
																+  font-size: 3.2em;
															
 
																+  line-height: 1.1;
															
 
																+}
															
 
																+
															
 
																+button {
															
 
																+  border-radius: 8px;
															
 
																+  border: 1px solid transparent;
															
 
																+  padding: 0.6em 1.2em;
															
 
																+  font-size: 1em;
															
 
																+  font-weight: 500;
															
 
																+  font-family: inherit;
															
 
																+  background-color: #1a1a1a;
															
 
																+  cursor: pointer;
															
 
																+  transition: border-color 0.25s;
															
 
																+}
															
 
																+button:hover {
															
 
																+  border-color: #646cff;
															
 
																+}
															
 
																+button:focus,
															
 
																+button:focus-visible {
															
 
																+  outline: 4px auto -webkit-focus-ring-color;
															
 
																+}
															
 
																+
															
 
																+.card {
															
 
																+  padding: 2em;
															
 
																+}
															
 
																+
															
 
																+/* #app {
															
 
																+  max-width: 1280px;
															
 
																+  margin: 0 auto;
															
 
																+  padding: 2rem;
															
 
																+  text-align: center;
															
 
																+} */
															
 
																+
															
 
																+@media (prefers-color-scheme: light) {
															
 
																+  :root {
															
 
																+    color: #213547;
															
 
																+    background-color: #ffffff;
															
 
																+  }
															
 
																+  a:hover {
															
 
																+    color: #747bff;
															
 
																+  }
															
 
																+  button {
															
 
																+    background-color: #f9f9f9;
															
 
																+  }
															
 
																+}
															
--- a/src/style/mixin.scss
+++ b/src/style/mixin.scss
@@ -0,0 +1 @@
 
																+$default: red
															
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,46 @@
 
																+import axios from "axios";
															
 
																+const service = axios.create({
															
 
																+    baseURL: import.meta.env.VITE_BASE_API, //接口统一域名
															
 
																+    timeout: 6000, //设置超时
															
 
																+   
															
 
																+});
															
 
																+
															
 
																+// request拦截器
															
 
																+service.interceptors.request.use(
															
 
																+    (config) => {
															
 
																+        config.data = JSON.stringify(config.data); //数据转化,也可以使用qs转换
															
 
																+        // config.headers = {
															
 
																+        //     'Content-Type': 'application/json' //配置请求头
															
 
																+        // }
															
 
																+        // config.headers = { 'Content-Type': 'application/x-www-form-urlencoded' } //配置请求头
															
 
																+        //如有需要：注意使用token的时候需要引入cookie方法或者用本地localStorage等方法，推荐js-cookie
															
 
																+        // const token = sessionStorage.getItem("token"); //这里取token之前，你肯定需要先拿到token,存一下
															
 
																+        // if (token) {
															
 
																+        //     // config.params = { 'admin_token': token } //如果要求携带在参数中
															
 
																+        //     config.headers["token"] = token; //如果要求携带在请求头中
															
 
																+        // }
															
 
																+        return config;
															
 
																+    },
															
 
																+    (error) => {
															
 
																+        Promise.reject(error);
															
 
																+    }
															
 
																+);
															
 
																+// 响应拦截器
															
 
																+service.interceptors.response.use(
															
 
																+    (response) => {
															
 
																+        const res = response.data;
															
 
																+
															
 
																+        return response.data;
															
 
																+    },
															
 
																+    (error) => {
															
 
																+        /* Message({
															
 
																+                      message: '服务器调用错误',
															
 
																+                      type: 'error',
															
 
																+                      duration: 5 * 1000
															
 
																+                    }) */
															
 
																+        console.log(error);
															
 
																+
															
 
																+        return Promise.reject(error);
															
 
																+    }
															
 
																+);
															
 
																+export default service;
															
--- a/src/utils/rsa.js
+++ b/src/utils/rsa.js
@@ -0,0 +1,22 @@
 
																+import { JSEncrypt } from 'jsencrypt';
															
 
																+let publicKey = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDMOcPB06u5yKyQsPjfVWiWgbEIrd14kiXNNihciaVKb6HnkQvq7zpQuZ80WEX94spnUMI3iOAl/GmIvHrpGwcbB4hJbznm+PajiwnUSPuCCXA68YJF640cJKb/8KeM7WVz69OFkIEPHhVxOy4FFF5QWe/kt6zOZ19HmE+ak+5x/QIDAQAB'
															
 
																+let privateKey = '这里是封装的私钥'
															
 
																+//加密方法
															
 
																+export function RSAencrypt(pas) {
															
 
																+    //实例化jsEncrypt对象
															
 
																+    let jse = new JSEncrypt();
															
 
																+    //设置公钥
															
 
																+    jse.setPublicKey(publicKey);
															
 
																+    console.log('加密：' + jse.encrypt(pas))
															
 
																+    return jse.encrypt(pas);
															
 
																+}
															
 
																+
															
 
																+//解密方法
															
 
																+export function RSAdecrypt(pas) {
															
 
																+    let jse = new JSEncrypt();
															
 
																+    // 私钥
															
 
																+    jse.setPrivateKey(privateKey)
															
 
																+    console.log('解密：' + jse.decrypt(pas))
															
 
																+    return jse.decrypt(pas);
															
 
																+}
															
 
																+
															
--- a/src/views/account/account.vue
+++ b/src/views/account/account.vue
@@ -0,0 +1,763 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">账号管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>账号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.carnumber"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入账号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>创建时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+            :prefix-icon="Calendar"
															
 
																+            placeholder="请选择时间"
															
 
																+          />
															
 
																+        </div>
															
 
																+
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button type="primary" color="rgba(61, 81, 232, 1)" @click="addlist"
															
 
																+          ><el-icon><CirclePlus /></el-icon><span>新增账号</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          width="150"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          type="index"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="name" label="姓名" />
															
 
																+        <el-table-column align="center" prop="number" label="账号" />
															
 
																+        <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="edit(scope.row)"
															
 
																+              ><div class="look">编辑</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="del(scope.row)"
															
 
																+              ><div class="looks">删除</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加车辆弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="609"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="账号 :" prop="account">
															
 
																+            <el-input
															
 
																+              :value="ruleForm.account"
															
 
																+              placeholder="请输入账号"
															
 
																+              clearable
															
 
																+              :disabled="true"
															
 
																+              v-if="dialongTitle == '编辑信息'"
															
 
																+            />
															
 
																+            <el-input
															
 
																+              v-else
															
 
																+              v-model="ruleForm.account"
															
 
																+              placeholder="请输入账号"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="密码 :" prop="pass">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.pass"
															
 
																+              placeholder="请输入密码"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item
															
 
																+            label="昵称 :"
															
 
																+            prop="name"
															
 
																+            style="
															
 
																+              padding-bottom: 40px;
															
 
																+              border-bottom: 1px solid rgba(230, 230, 230, 1);
															
 
																+            "
															
 
																+          >
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.name"
															
 
																+              placeholder="请输入昵称"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd()">取消</el-button>
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增账号"); // 弹窗标题
															
 
																+
															
 
																+const searchInput = reactive({
															
 
																+  carnumber: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+5;
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+const api = ref("");
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  name: "",
															
 
																+  account: "",
															
 
																+  pass: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  account: [
															
 
																+    { required: true, message: "账号不能为空", trigger: "blur" },
															
 
																+    // { min: 3, max: 5, message: "Length should be 3 to 5", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern: /^[a-zA-z]\w{3,15}$/,
															
 
																+      message: "请输入正确账号",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  // ^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*,\._\+(){}])[0-9a-zA-Z!@#$%^&*,\\._\+(){}]{8,20}$
															
 
																+  pass: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "密码不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+    {
															
 
																+      min: 8,
															
 
																+      max: 20,
															
 
																+      pattern:
															
 
																+        /^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*,\._\+(){}])[0-9a-zA-Z!@#$%^&*,\\._\+(){}]{8,20}$/,
															
 
																+      message: "请输入8-20位正确密码（大小写字母·字符·数字）",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  name: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "昵称不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+
															
 
																+  // desc: [{ required: true, message: "Please input activity form", trigger: "blur" }],
															
 
																+});
															
 
																+// 获取账户列表
															
 
																+const getList = async (message) => {
															
 
																+  // let res = await vidiconsApi.queryCamera(data);
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("number", searchInput.carnumber);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  // let res = await adminApi.adminLogin(data);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/adminlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    tableData.list = res.data.rows;
															
 
																+    // currentPage.value = res.data.currentPage;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.carnumber = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("number", searchInput.carnumber);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/admintoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // // elt.setAttribute("download", "file.xlsx");
															
 
																+    // // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    elt.click();
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 添加员工
															
 
																+const addlist = () => {
															
 
																+  dialongTitle.value = "新增账号";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.name = "";
															
 
																+  ruleForm.account = "";
															
 
																+  ruleForm.pass = "";
															
 
																+};
															
 
																+// 取消添加员工
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认添加员工
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      if (dialongTitle.value == "新增账号") {
															
 
																+        let data = {
															
 
																+          name: ruleForm.name,
															
 
																+          number: ruleForm.account,
															
 
																+          password: ruleForm.pass,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/admininsert.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "添加账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        let data = {
															
 
																+          name: ruleForm.name,
															
 
																+          number: ruleForm.account,
															
 
																+          password: ruleForm.pass,
															
 
																+          id: ruleForm.id,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/adminupdate.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "修改账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+//编辑按钮
															
 
																+const edit = (row) => {
															
 
																+  dialongTitle.value = "编辑信息";
															
 
																+  addDialogVisible.value = true;
															
 
																+  console.log(row);
															
 
																+  ruleForm.pass = row.password;
															
 
																+  ruleForm.name = row.name;
															
 
																+  ruleForm.account = row.number;
															
 
																+  ruleForm.id = row.id;
															
 
																+};
															
 
																+//删除按钮
															
 
																+const del = (row) => {
															
 
																+  console.log(row);
															
 
																+  ElMessageBox.confirm(`是否删除 ${row.number} 账号?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let data = new FormData();
															
 
																+      data.set("id", row.id);
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/admindel.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+          currentPage.value = currentPage.value - 1;
															
 
																+        }
															
 
																+        getList();
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+      console.log(res);
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消删除",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+
															
 
																+// 多选框功能
															
 
																+// const handleSelectionChange = (val) => {
															
 
																+//   console.log(val);
															
 
																+//   selectData.list = val;
															
 
																+// };
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex:1;
															
 
																+    margin: 10px auto 10px;
															
 
																+    overflow: auto;
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+          .el-input__suffix-inner {
															
 
																+            color: rgba(61, 81, 232, 1);
															
 
																+          }
															
 
																+        }
															
 
																+
															
 
																+        .options {
															
 
																+          margin-left: 320px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    // width: 1600px;
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/blacklist/blacklist.vue
+++ b/src/views/blacklist/blacklist.vue
--- a/src/views/bus/bus.vue
+++ b/src/views/bus/bus.vue
@@ -0,0 +1,742 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">车辆管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>车牌 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.carnumber"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入车牌号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>创建时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+            :prefix-icon="Calendar"
															
 
																+            placeholder="请选择时间"
															
 
																+          />
															
 
																+        </div>
															
 
																+
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button type="primary" color="rgba(61, 81, 232, 1)" @click="addlist"
															
 
																+          ><el-icon><CirclePlus /></el-icon><span>新增车辆</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          width="150"
															
 
																+          align="center "
															
 
																+          prop="device_number"
															
 
																+          label="序列号"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="car_number" label="车牌" />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="contain"
															
 
																+          label="容量"
															
 
																+          width="200"
															
 
																+        />
															
 
																+
															
 
																+        <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="edit(scope.row)"
															
 
																+              ><div class="look">编辑</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="del(scope.row)"
															
 
																+              ><div class="looks">删除</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加车辆弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="609"
															
 
																+        :before-close="handleVideoClose"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="序列号 :" prop="serial">
															
 
																+            <el-input
															
 
																+              clearable
															
 
																+              v-model="ruleForm.serial"
															
 
																+              placeholder="请输入序列号"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="车牌 :" prop="buslicence">
															
 
																+            <el-input
															
 
																+              clearable
															
 
																+              v-model="ruleForm.buslicence"
															
 
																+              placeholder="请输入车牌"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item
															
 
																+            label="容量 :"
															
 
																+            prop="volume"
															
 
																+            style="
															
 
																+              padding-bottom: 40px;
															
 
																+              border-bottom: 1px solid rgba(230, 230, 230, 1);
															
 
																+            "
															
 
																+          >
															
 
																+            <el-input
															
 
																+              clearable
															
 
																+              v-model="ruleForm.volume"
															
 
																+              placeholder="请输入容量"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const api = ref("");
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增车辆"); // 弹窗标题
															
 
																+
															
 
																+const searchInput = reactive({
															
 
																+  carnumber: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+5;
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  serial: "",
															
 
																+  buslicence: "",
															
 
																+  volume: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  // serial: [{ required: true, message: "序列号不能为空", trigger: "blur" }],
															
 
																+  buslicence: [
															
 
																+    { required: true, message: "请输入车牌号", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern:
															
 
																+        /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/,
															
 
																+      message: "请输入合法车牌号",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  volume: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "容量不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+    {
															
 
																+      pattern: /^(0|[1-9][0-9]*)$/,
															
 
																+      message: "请输入正确数字",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+
															
 
																+  // desc: [{ required: true, message: "Please input activity form", trigger: "blur" }],
															
 
																+});
															
 
																+// 查看车辆管理列表
															
 
																+const getList = async (flag) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("car_number", searchInput.carnumber);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  // let res = await adminApi.adminLogin(data);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/cinfolist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    if (flag == 1) {
															
 
																+      sessionStorage.setItem("busSelect", JSON.stringify(tableData.list));
															
 
																+    }
															
 
																+    // currentPage.value = res.data.currentPage;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.carnumber = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+//新增车辆
															
 
																+const addlist = () => {
															
 
																+  dialongTitle.value = "新增车辆";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.serial = "";
															
 
																+  ruleForm.buslicence = "";
															
 
																+  ruleForm.volume = "";
															
 
																+};
															
 
																+//编辑按钮
															
 
																+const edit = (row) => {
															
 
																+  dialongTitle.value = "编辑车辆";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.serial = row.device_number;
															
 
																+  ruleForm.buslicence = row.car_number;
															
 
																+  ruleForm.volume = row.contain;
															
 
																+  ruleForm.id = row.id;
															
 
																+};
															
 
																+// 取消新增车辆
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认新增车辆
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      if (dialongTitle.value == "新增车辆") {
															
 
																+        let data = {
															
 
																+          device_number: ruleForm.serial,
															
 
																+          car_number: ruleForm.buslicence,
															
 
																+          contain: ruleForm.volume,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/cinfoinsert.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "添加账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          store.dispatch("busNum");
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        let data = {
															
 
																+          device_number: ruleForm.serial,
															
 
																+          car_number: ruleForm.buslicence,
															
 
																+          contain: ruleForm.volume,
															
 
																+          id: ruleForm.id,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/cinfoupdate.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "修改账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          store.dispatch("busNum");
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+//删除按钮
															
 
																+const del = (row) => {
															
 
																+  ElMessageBox.confirm(`是否删除 ${row.car_number} 车?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let data = new FormData();
															
 
																+      data.set("id", row.id);
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/cinfodel.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+          currentPage.value = currentPage.value - 1;
															
 
																+        }
															
 
																+        getList();
															
 
																+        store.dispatch("busNum");
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+      console.log(res);
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消删除",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("car_number", searchInput.carnumber);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/cinfotoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // elt.setAttribute("download", "file.png");
															
 
																+    // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    // elt.click();
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 40px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex:1;
															
 
																+    margin: 10px auto 10px;
															
 
																+    overflow: auto;
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin-left: 320px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    // width: 1600px;
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/busnumber/busnumber.vue
+++ b/src/views/busnumber/busnumber.vue
@@ -0,0 +1,822 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">车次管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>车牌 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.carnumber"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入车牌号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>创建时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+            :prefix-icon="Calendar"
															
 
																+            placeholder="请选择时间"
															
 
																+          />
															
 
																+        </div>
															
 
																+
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button type="primary" color="rgba(61, 81, 232, 1)" @click="addlist"
															
 
																+          ><el-icon><CirclePlus /></el-icon><span>新增车次</span></el-button
															
 
																+        >
															
 
																+        <!-- <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="resetInput"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        > -->
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="car_number"
															
 
																+          width="180"
															
 
																+          label="车牌"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          width="100"
															
 
																+          prop="contain"
															
 
																+          label="容量"
															
 
																+        />
															
 
																+        <el-table-column align="center " prop="ci_time" label="发车时间" />
															
 
																+        <el-table-column align="center" prop="route" label="路线" width="200" />
															
 
																+
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="create_time"
															
 
																+          width="250"
															
 
																+          label="创建时间"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="ci_time"
															
 
																+          label="截止时间"
															
 
																+          width="120"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          width="250"
															
 
																+          prop="work_duration"
															
 
																+          label="生效日期"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="notice_time"
															
 
																+          label="提前通知时间"
															
 
																+          width="100"
															
 
																+        />
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="edit(scope.row)"
															
 
																+              ><div class="look">编辑</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="primary" @click="del(scope.row)"
															
 
																+              ><div class="look">删除</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加车辆弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="609"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="车牌 :" prop="carnumber">
															
 
																+            <el-select
															
 
																+              v-model="ruleForm.carnumber"
															
 
																+              class="m-2"
															
 
																+              placeholder="请输入车牌"
															
 
																+            >
															
 
																+              <el-option label="赣A11111" value="赣A11111" />
															
 
																+              <el-option label="赣A22222" value="赣A22222" />
															
 
																+              <el-option label="赣A33333" value="赣A33333" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="容量 :" prop="contain">
															
 
																+            <el-input
															
 
																+              clearable
															
 
																+              v-model="ruleForm.contain"
															
 
																+              placeholder="请输入容量"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="生效日期 :" prop="workduration">
															
 
																+            <el-date-picker
															
 
																+              v-model="ruleForm.workduration"
															
 
																+              type="daterange"
															
 
																+              format="YYYY-MM-DD"
															
 
																+              value-format="YYYY-MM-DD"
															
 
																+              :prefix-icon="Calendar"
															
 
																+              start-placeholder="开始时间"
															
 
																+              end-placeholder="结束时间"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="发车时间 :" prop="startytime">
															
 
																+            <!-- <el-time-picker
															
 
																+              v-model="ruleForm.startytime"
															
 
																+              format="HH:mm"
															
 
																+              value-format="HH:mm"
															
 
																+              placeholder="请选择发车时间"
															
 
																+            /> -->
															
 
																+            <el-select
															
 
																+              v-model="ruleForm.startytime"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择发车时间"
															
 
																+            >
															
 
																+              <el-option label="14:30" value="14:30" />
															
 
																+              <el-option label="16:30" value="16:30" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="路线 :" prop="route">
															
 
																+            <el-select
															
 
																+              v-model="ruleForm.route"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择路线"
															
 
																+            >
															
 
																+              <el-option label="墨轩湖-黄家湖" value="墨轩湖-黄家湖" />
															
 
																+              <el-option label="南昌校区" value="南昌校区" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="截止时间 :" prop="citime">
															
 
																+            <el-select
															
 
																+              v-model="ruleForm.citime"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择截止时间"
															
 
																+            >
															
 
																+              <el-option label="16:30" value="16:30" />
															
 
																+              <el-option label="18:30" value="18:30" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item
															
 
																+            label="提前通知时间 :"
															
 
																+            prop="noticetime"
															
 
																+            type="Number"
															
 
																+            style="
															
 
																+              padding-bottom: 40px;
															
 
																+              border-bottom: 1px solid rgba(230, 230, 230, 1);
															
 
																+            "
															
 
																+          >
															
 
																+            <div class="informTime">
															
 
																+              <el-input v-model="ruleForm.noticetime" clearable />
															
 
																+              <span> 分钟</span>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增车次"); // 弹窗标题
															
 
																+
															
 
																+const searchInput = reactive({
															
 
																+  carnumber: "",
															
 
																+  createTime: "",
															
 
																+  route: "",
															
 
																+  citime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+5;
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  carnumber: "",
															
 
																+  contain: "",
															
 
																+  citime: "",
															
 
																+  route: "",
															
 
																+  startytime: "",
															
 
																+  workduration: "",
															
 
																+  noticetime: "10",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  workduration: [
															
 
																+    { required: true, message: "生效日期不能为空", trigger: "blur" },
															
 
																+    // { min: 3, max: 5, message: "Length should be 3 to 5", trigger: "blur" },
															
 
																+  ],
															
 
																+  carnumber: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "车牌号不能为空",
															
 
																+      trigger: "change",
															
 
																+    },
															
 
																+  ],
															
 
																+  contain: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "容量不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  startytime: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "发车时间不能为空",
															
 
																+      trigger: "change",
															
 
																+    },
															
 
																+  ],
															
 
																+  route: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "路线不能为空",
															
 
																+      trigger: "change",
															
 
																+    },
															
 
																+  ],
															
 
																+  citime: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "截止时间不能为空",
															
 
																+      trigger: "change",
															
 
																+    },
															
 
																+  ],
															
 
																+  noticetime: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "提前通知时间不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+    {
															
 
																+      pattern: /^[1-720]*$/,
															
 
																+      message: "请填写正确的时间 (整数)",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+});
															
 
																+// 获取车次信息
															
 
																+const getList = async () => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("car_number", searchInput.carnumber);
															
 
																+  data.set("ci_time", searchInput.citime);
															
 
																+  data.set("route", searchInput.route);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: "/api/carBook/cclist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.data.code == 200) {
															
 
																+    // ElMessage({
															
 
																+    //   type: "success",
															
 
																+    //   showClose: true,
															
 
																+    //   message: "请求数据成功",
															
 
																+    //   center: true,
															
 
																+    // });
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = res.data.currentPage;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: "暂无数据",
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+
															
 
																+// 添加车次
															
 
																+const addlist = () => {
															
 
																+  dialongTitle.value = "新增车次";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.carnumber = "";
															
 
																+  ruleForm.contain = "";
															
 
																+  ruleForm.citime = "";
															
 
																+  ruleForm.route = "";
															
 
																+  ruleForm.startytime = "";
															
 
																+  ruleForm.workduration = "";
															
 
																+  ruleForm.noticetime = "";
															
 
																+};
															
 
																+//编辑按钮
															
 
																+const edit = (row) => {
															
 
																+  dialongTitle.value = "编辑车次";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.carnumber = row.car_number;
															
 
																+  ruleForm.contain = row.contain;
															
 
																+  ruleForm.citime = row.ci_time;
															
 
																+  ruleForm.route = row.route;
															
 
																+  ruleForm.startytime = row.starty_time;
															
 
																+  ruleForm.workduration = row.work_duration.split("~");
															
 
																+  ruleForm.noticetime = row.notice_time;
															
 
																+  ruleForm.id = row.id;
															
 
																+};
															
 
																+// 取消添加车次
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.carnumber = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 确认新增车次
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      if (dialongTitle.value == "新增车次") {
															
 
																+        let data = {
															
 
																+          car_number: ruleForm.carnumber,
															
 
																+          contain: ruleForm.contain,
															
 
																+          ci_time: ruleForm.citime,
															
 
																+          route: ruleForm.route,
															
 
																+          starty_time: ruleForm.startytime,
															
 
																+          work_duration:
															
 
																+            ruleForm.workduration[0] + "~" + ruleForm.workduration[1],
															
 
																+          notice_time: ruleForm.noticetime,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: "/api/carBook/ccinsert.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "添加账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        let data = {
															
 
																+          car_number: ruleForm.carnumber,
															
 
																+          contain: ruleForm.contain,
															
 
																+          ci_time: ruleForm.citime,
															
 
																+          route: ruleForm.route,
															
 
																+          starty_time: ruleForm.startytime,
															
 
																+          work_duration:
															
 
																+            ruleForm.workduration[0] + "~" + ruleForm.workduration[1],
															
 
																+          notice_time: ruleForm.noticetime,
															
 
																+          id: ruleForm.id,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: "/api/carBook/ccupdate.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "修改账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+//删除按钮
															
 
																+const del = (row) => {
															
 
																+  ElMessageBox.confirm(`是否删除 ${row.car_number} 车次?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let data = new FormData();
															
 
																+      data.set("id", row.id);
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: "/api/carBook/ccdel.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+          currentPage.value = currentPage.value - 1;
															
 
																+        }
															
 
																+        getList();
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+      console.log(res);
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消删除",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList(value);
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  getList(1);
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: 97.5%;
															
 
																+  height: 89%;
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    // width: calc(100wh - 40px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: 96%;
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: 96%;
															
 
																+    height: 550px;
															
 
																+    margin: 10px auto 30px;
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-form-item {
															
 
																+          label {
															
 
																+            width: 120px !important;
															
 
																+          }
															
 
																+          .el-form-item__label {
															
 
																+            width: 120px !important;
															
 
																+          }
															
 
																+          .informTime {
															
 
																+            display: flex;
															
 
																+            align-items: center;
															
 
																+            .el-input {
															
 
																+              width: 120px;
															
 
																+              margin-right: 10px;
															
 
																+              .el-input__inner {
															
 
																+                text-align: center;
															
 
																+              }
															
 
																+            }
															
 
																+          }
															
 
																+        }
															
 
																+        .el-form-item__content {
															
 
																+          flex: none;
															
 
																+          .el-input {
															
 
																+            width: 370px;
															
 
																+          }
															
 
																+        }
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin-left: 320px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    // width: 1600px;
															
 
																+    width: 96%;
															
 
																+    margin: 0 auto 18px;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/buspath/buspath.vue
+++ b/src/views/buspath/buspath.vue
@@ -0,0 +1,947 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">路线管理</span>
															
 
																+    </div>
															
 
																+    <div class="middles">
															
 
																+      <div class="middle">
															
 
																+        <!-- 路线管理 -->
															
 
																+        <div class="filter">
															
 
																+          <!-- <div class="addRoute">
															
 
																+            <el-button
															
 
																+              type="primary"
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              @click="addroute"
															
 
																+              ><el-icon><CirclePlus /></el-icon><span>新增路线</span></el-button
															
 
																+            >
															
 
																+          </div> -->
															
 
																+          <el-table
															
 
																+            :data="pathNum.list"
															
 
																+            @selection-change="handleSelectionChange"
															
 
																+            style="
															
 
																+              width: 100%;
															
 
																+              --el-table-border-color: none;
															
 
																+              font-size: 16px;
															
 
																+              color: #000;
															
 
																+            "
															
 
																+            height="138"
															
 
																+            :header-cell-style="{
															
 
																+              height: '40px',
															
 
																+              border: 0,
															
 
																+              fontSize: '16px',
															
 
																+              color: '#000',
															
 
																+            }"
															
 
																+          >
															
 
																+            <el-table-column
															
 
																+              align="left"
															
 
																+              prop="route"
															
 
																+              label="出发路线名称"
															
 
																+              width="300"
															
 
																+            />
															
 
																+            <el-table-column align="left" label="候补截止时间" width="300"
															
 
																+              ><template #default="scope">
															
 
																+                <el-time-picker
															
 
																+                  ref="hb_time"
															
 
																+                  v-model="scope.row.repair_end"
															
 
																+                  placeholder="请选择时间"
															
 
																+                  format="HH:mm"
															
 
																+                  value-format="HH:mm"
															
 
																+                  :clearable="false"
															
 
																+                  :editable="false"
															
 
																+                  @change="savePath(scope.row, '是否修改候补截止时间')"
															
 
																+                />
															
 
																+                <!-- @change="savePath(scope.row, '是否修改候补截止时间')" -->
															
 
																+              </template>
															
 
																+            </el-table-column>
															
 
																+            <el-table-column label="是否候补" width="150" align="center">
															
 
																+              <template #default="scope">
															
 
																+                <el-switch
															
 
																+                  :disabled="
															
 
																+                    scope.row.repair_end == '' || scope.row.repair_end == 'null'
															
 
																+                      ? true
															
 
																+                      : false
															
 
																+                  "
															
 
																+                  v-model="scope.row.state"
															
 
																+                  class="ml-2"
															
 
																+                  style="
															
 
																+                    --el-switch-on-color: rgba(
															
 
																+                      61,
															
 
																+                      81,
															
 
																+                      232,
															
 
																+                      1
															
 
																+                    ); /*
															
 
																+                --el-switch-off-color: rgba(61, 81, 232, 1); */
															
 
																+                  "
															
 
																+                  @change="savePath(scope.row, '是否启用候补')"
															
 
																+                />
															
 
																+                <!-- @change="savePath(scope.row, '是否启用/取消候补')" -->
															
 
																+              </template>
															
 
																+            </el-table-column>
															
 
																+          </el-table>
															
 
																+          <!-- <div class="route">
															
 
																+            <div class="startRoute">
															
 
																+              <div class="name">出发路线名称</div>
															
 
																+            </div>
															
 
																+            <div class="startRoute waiting">
															
 
																+              <div class="name">是否候补</div>
															
 
																+            </div>
															
 
																+          </div>
															
 
																+          <div class="routes">
															
 
																+            <div class="route" v-for="item in pathNum.list">
															
 
																+              <div class="startRoute">
															
 
																+                <el-input
															
 
																+                  clearable
															
 
																+                  v-model="item.route"
															
 
																+                  placeholder="请输入路线名称"
															
 
																+                />
															
 
																+              </div>
															
 
																+              <div class="startRoute waiting">
															
 
																+                <el-switch
															
 
																+                  style="
															
 
																+                    --el-switch-on-color: rgba(61, 81, 232, 1);
															
 
																+                    /* --el-switch-off-color: rgba(61, 81, 232, 1); */
															
 
																+                  "
															
 
																+                  v-model="item.is_repair"
															
 
																+                  :active-value="1"
															
 
																+                  :inactive-value="0"
															
 
																+                  size="large"
															
 
																+                />
															
 
																+              </div>
															
 
																+              <div class="startRoute save">
															
 
																+                <el-button
															
 
																+                  type="primary"
															
 
																+                  color="rgba(61, 81, 232, 1)"
															
 
																+                  @click="savePath(item.id)"
															
 
																+                  ><span>保存</span></el-button
															
 
																+                >
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </div> -->
															
 
																+        </div>
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">站点管理</span>
															
 
																+    </div>
															
 
																+    <div class="gongneng">
															
 
																+      <el-button type="primary" color="rgba(61, 81, 232, 1)" @click="addlist"
															
 
																+        ><el-icon><CirclePlus /></el-icon><span>新增站点</span></el-button
															
 
																+      >
															
 
																+    </div>
															
 
																+    <!-- 站点管理 -->
															
 
																+
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '45px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column align="center" prop="route" label="路线名称" />
															
 
																+        <el-table-column align="center" prop="route_end" label="站点" />
															
 
																+        <el-table-column align="center" prop="price" label="金额" />
															
 
																+        <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="edit(scope.row)"
															
 
																+              ><div class="look">编辑</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="del(scope.row)"
															
 
																+              ><div class="looks">删除</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加路线弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="609"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="线路名称 :" prop="route">
															
 
																+            <el-select
															
 
																+              v-model="ruleForm.route"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择线路名称"
															
 
																+            >
															
 
																+              <el-option
															
 
																+                :label="item.route"
															
 
																+                :value="item.route"
															
 
																+                v-for="item in pathNum.list"
															
 
																+                :key="item.route"
															
 
																+              />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="终点站 :" prop="route_end">
															
 
																+            <el-input
															
 
																+              clearable
															
 
																+              v-model="ruleForm.route_end"
															
 
																+              placeholder="请输入终点站"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="金额 :" prop="price">
															
 
																+            <el-input
															
 
																+              clearable
															
 
																+              v-model="ruleForm.price"
															
 
																+              placeholder="请输入金额"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  reactive,
															
 
																+  watch,
															
 
																+  nextTick,
															
 
																+  onBeforeMount,
															
 
																+  onUnmounted,
															
 
																+} from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const api = ref("");
															
 
																+const router = useRouter();
															
 
																+const hb_time = ref(); // 路线管理候补截止时间组件 ref
															
 
																+// 表格数据
															
 
																+const tableData = reactive({
															
 
																+  list: [],
															
 
																+});
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增站点"); // 弹窗标题
															
 
																+
															
 
																+const searchInput = reactive({
															
 
																+  carnumber: "",
															
 
																+  createTime: "",
															
 
																+  route: "",
															
 
																+  citime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(6);
															
 
																+const total = ref(10); // 当前总数
															
 
																+const selectData = reactive({
															
 
																+  list: [],
															
 
																+}); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  route: [],
															
 
																+  route_end: "",
															
 
																+  id: "",
															
 
																+  is_repair: "",
															
 
																+  price: "",
															
 
																+});
															
 
																+const pathNum = reactive({ list: [] });
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  route: [{ required: true, message: "线路名称不能为空", trigger: "blur" }],
															
 
																+  route_end: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "终点站不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  price: [
															
 
																+    { required: true, message: "金额不能为空", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern: /^(0|([1-9]\d*)(\.\d{1,2})?)$|^(0\.\d{1,2})$/,
															
 
																+      message: "金额输入有误，请重新输入",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+});
															
 
																+
															
 
																+watch(
															
 
																+  () => pathNum.list,
															
 
																+  (newValue, oldValue) => {
															
 
																+    newValue.forEach(async (item) => {
															
 
																+      if (item.repair_end == "" || item.repair_end == "null") {
															
 
																+        console.log("时间为空");
															
 
																+        item.state = false;
															
 
																+        item.is_repair = "0";
															
 
																+        let data = new FormData();
															
 
																+        data.set("route", item.route);
															
 
																+        data.set("is_repair", item.is_repair);
															
 
																+        data.set("repair_end", item.repair_end);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/routeupdateState.action",
															
 
																+          headers: {
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        console.log(res, "修改路线候补时间和是否开启");
															
 
																+        if (res.data.code == 200) {
															
 
																+          store.dispatch("pathSelect");
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    });
															
 
																+  }
															
 
																+);
															
 
																+
															
 
																+// 获取车次信息
															
 
																+const getList = async (flag) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/routelist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res);
															
 
																+
															
 
																+  if (res.status == 200) {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    tableData.list.forEach((item) => {
															
 
																+      item.route2 = item.route;
															
 
																+      item.route_end2 = item.route_end;
															
 
																+      item.path_start = item.route.split("-")[0];
															
 
																+      item.path_end = item.route.split("-")[1];
															
 
																+      if (item.is_repair == "" || item.is_repair == 0) {
															
 
																+        item.state = false;
															
 
																+      } else if (item.is_repair == 1) {
															
 
																+        item.state = true;
															
 
																+      }
															
 
																+    });
															
 
																+    // let pathSelect = tableData.list.filter((item) => {
															
 
																+    //   return item.is_repair == 1;
															
 
																+    // });
															
 
																+    // console.log(pathSelect);
															
 
																+    // pathNum.list = pathSelect;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 修改路线候补时间和是否开启
															
 
																+const savePath = async (row, title) => {
															
 
																+  ElMessageBox.confirm(`${title}`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let augment = pathNum.list.filter((item) => {
															
 
																+        return item.id == row.id;
															
 
																+      });
															
 
																+      if (augment[0].state == false) {
															
 
																+        augment[0].is_repair = 0;
															
 
																+      } else if (augment[0].state == true) {
															
 
																+        augment[0].is_repair = 1;
															
 
																+      }
															
 
																+      let data = new FormData();
															
 
																+      data.set("route", augment[0].route);
															
 
																+      data.set("is_repair", augment[0].is_repair);
															
 
																+      data.set("repair_end", augment[0].repair_end);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/routeupdateState.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      // console.log(res, "修改路线候补时间和是否开启");
															
 
																+      if (res.data.code == 200) {
															
 
																+        getList();
															
 
																+        store.dispatch("pathSelect");
															
 
																+        console.log(hb_time.value);
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+    })
															
 
																+    .catch((action) => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消",
															
 
																+      });
															
 
																+      pathNum.list = JSON.parse(sessionStorage.getItem("pathSelect"));
															
 
																+      if (row.is_repair == 0) {
															
 
																+        row.state = false;
															
 
																+      } else if (row.is_repair == 1) {
															
 
																+        row.state = true;
															
 
																+      }
															
 
																+    });
															
 
																+};
															
 
																+// 确定修改路线候补时间时选择时间框没有关闭的bug
															
 
																+const handleClose = (val) => {
															
 
																+  console.log(val);
															
 
																+};
															
 
																+
															
 
																+// 确定截止时间
															
 
																+const timeUpdata = (row) => {
															
 
																+  console.log(row);
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+
															
 
																+// 添加车次
															
 
																+const addlist = () => {
															
 
																+  dialongTitle.value = "新增站点";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.route = [];
															
 
																+  ruleForm.route_end = "";
															
 
																+  ruleForm.price = "";
															
 
																+};
															
 
																+//编辑按钮
															
 
																+const edit = (row) => {
															
 
																+  dialongTitle.value = "编辑站点";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.route = row.route;
															
 
																+  ruleForm.route_end = row.route_end;
															
 
																+  ruleForm.id = row.id;
															
 
																+  ruleForm.is_repair = row.is_repair;
															
 
																+  ruleForm.repair_end = row.repair_end;
															
 
																+  ruleForm.price = row.price;
															
 
																+};
															
 
																+// 取消添加车次
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 确认新增车次
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      if (dialongTitle.value == "新增站点") {
															
 
																+        let data = {
															
 
																+          route: ruleForm.route,
															
 
																+          route_end: ruleForm.route_end,
															
 
																+          price: ruleForm.price,
															
 
																+          // repair_end: ruleForm.repair_end,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/routeinsert.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "添加账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          store.dispatch("pathSelect");
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        let data = {
															
 
																+          route: ruleForm.route,
															
 
																+          route_end: ruleForm.route_end,
															
 
																+          id: ruleForm.id,
															
 
																+          is_repair: ruleForm.is_repair,
															
 
																+          repair_end: ruleForm.repair_end,
															
 
																+          price: ruleForm.price,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/routeupdate.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "修改账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          store.dispatch("pathSelect");
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("错误提交", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+//删除按钮
															
 
																+const del = (row) => {
															
 
																+  ElMessageBox.confirm(`是否删除 ${row.route} 这条路线?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let data = new FormData();
															
 
																+      data.set("id", row.id);
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/routedel.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+          currentPage.value = currentPage.value - 1;
															
 
																+        }
															
 
																+
															
 
																+        getList();
															
 
																+        store.dispatch("pathSelect");
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+      console.log(res);
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消删除",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  pathNum.list = JSON.parse(sessionStorage.getItem("pathSelect"));
															
 
																+  console.log(pathNum.list);
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+::-webkit-scrollbar {
															
 
																+  /* 对应纵向滚动条的宽度 */
															
 
																+  width: 10px;
															
 
																+  /* 对应横向滚动条的宽度 */
															
 
																+  height: 10px;
															
 
																+}
															
 
																+
															
 
																+/* 滚动条上的滚动滑块 */
															
 
																+::-webkit-scrollbar-thumb {
															
 
																+  background-color: rgba(61, 81, 232, 1);
															
 
																+  border-radius: 32px;
															
 
																+}
															
 
																+
															
 
																+/* 滚动条轨道 */
															
 
																+::-webkit-scrollbar-track {
															
 
																+  background-color: rgba(61, 81, 232, 0.2);
															
 
																+  border-radius: 32px;
															
 
																+}
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middles {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+    .middle {
															
 
																+      width: 100%;
															
 
																+      color: #000;
															
 
																+      // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+      .filter {
															
 
																+        // display: flex;
															
 
																+        // flex-wrap: wrap;
															
 
																+        // align-items: center;
															
 
																+        .route {
															
 
																+          display: flex;
															
 
																+          align-items: center;
															
 
																+          margin: 10px 0 0 0;
															
 
																+          .startRoute {
															
 
																+            width: 200px;
															
 
																+            display: flex;
															
 
																+            flex-direction: column;
															
 
																+            justify-content: center;
															
 
																+            .name {
															
 
																+              margin: 10px 0;
															
 
																+              font-size: 14px;
															
 
																+            }
															
 
																+          }
															
 
																+          .waiting {
															
 
																+            align-items: center;
															
 
																+            margin: 0 40px;
															
 
																+          }
															
 
																+          .line {
															
 
																+            // transform: translateY(48px);
															
 
																+            padding: 0 20px;
															
 
																+          }
															
 
																+          .save {
															
 
																+            .el-button {
															
 
																+              width: 100px;
															
 
																+            }
															
 
																+          }
															
 
																+        }
															
 
																+        .routes {
															
 
																+          height: 100px;
															
 
																+          overflow: auto;
															
 
																+        }
															
 
																+      }
															
 
																+
															
 
																+      :deep(.cont) {
															
 
																+        width: 60%;
															
 
																+        margin: 20px auto;
															
 
																+      }
															
 
																+      :deep(.download) {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px;
															
 
																+      }
															
 
																+      :deep(.download span) {
															
 
																+        font-size: 16px;
															
 
																+        margin-left: 20px;
															
 
																+      }
															
 
																+      :deep(.cont .el-button) {
															
 
																+        margin-left: 60px;
															
 
																+        margin-bottom: 30px;
															
 
																+      }
															
 
																+
															
 
																+      :deep(.cont .accomplish) {
															
 
																+        width: 100%;
															
 
																+        display: flex;
															
 
																+        justify-content: center;
															
 
																+      }
															
 
																+      :deep(.cont .accomplish .el-button) {
															
 
																+        width: 50%;
															
 
																+        margin: 0;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .gongneng {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 15px auto;
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex: 1;
															
 
																+    margin: 10px auto 10px;
															
 
																+    overflow: auto;
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 45px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-form-item {
															
 
																+          label {
															
 
																+            width: 120px !important;
															
 
																+          }
															
 
																+          .el-form-item__label {
															
 
																+            width: 120px !important;
															
 
																+          }
															
 
																+          .informTime {
															
 
																+            display: flex;
															
 
																+            align-items: center;
															
 
																+            .el-input {
															
 
																+              width: 120px;
															
 
																+              margin-right: 10px;
															
 
																+              .el-input__inner {
															
 
																+                text-align: center;
															
 
																+              }
															
 
																+            }
															
 
																+          }
															
 
																+        }
															
 
																+        .el-form-item__content {
															
 
																+          flex: none;
															
 
																+          .el-input {
															
 
																+            width: 370px;
															
 
																+          }
															
 
																+        }
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin-left: 320px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    // width: 1600px;
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/busquery/busquery.vue
+++ b/src/views/busquery/busquery.vue
--- a/src/views/classes/classes.vue
+++ b/src/views/classes/classes.vue
--- a/src/views/driver/audit.vue
+++ b/src/views/driver/audit.vue
@@ -0,0 +1,716 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">司机审核</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>状态 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择状态"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="待审核" value="待审核" />
															
 
																+            <el-option label="审核成功" value="审核成功" />
															
 
																+            <el-option label="拒绝" value="拒绝" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>司机姓名 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.name"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入司机姓名"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>手机号码 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入手机号码"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>车牌号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入车牌号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>提交时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+            :prefix-icon="Calendar"
															
 
																+            placeholder="请选择日期"
															
 
																+          />
															
 
																+        </div>
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          type="index"
															
 
																+          width="100"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_name" label="司机姓名" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="手机号码" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="证件号码" />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="user_phone"
															
 
																+          label="身份证正面图"
															
 
																+          width="200"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="user_phone"
															
 
																+          label="身份证反面图"
															
 
																+          width="200"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_phone" label="车辆型号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="颜色" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="车牌号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="驾驶证" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="行驶证" />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="user_phone"
															
 
																+          label="车辆年检照片"
															
 
																+          width="200"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="user_phone"
															
 
																+          width="200"
															
 
																+          label="车辆保险照片"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_phone" label="保证金" />
															
 
																+        <el-table-column align="center" prop="user_zz" label="审核内容" />
															
 
																+        <el-table-column align="center" prop="create_time" label="提交时间" />
															
 
																+        <el-table-column align="center" prop="create_time" label="审核时间" />
															
 
																+        <el-table-column align="center" prop="create_time" label="状态" />
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="pass(scope.row)"
															
 
																+              ><div class="look">通过</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="refuse(scope.row)"
															
 
																+              ><div class="looks">拒绝</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加员工弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="550"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="审核内容 :" prop="textarea">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.textarea"
															
 
																+              style="width: 360px"
															
 
																+              :rows="5"
															
 
																+              type="textarea"
															
 
																+              placeholder="请输入审核内容"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增驾驶员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  textarea: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  textarea: [{ required: true, message: "审核内容不能为空", trigger: "blur" }],
															
 
																+  // phone: [
															
 
																+  //   { required: true, message: "请输入手机号", trigger: "blur" },
															
 
																+  //   {
															
 
																+  //     // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+  //     pattern: /^((\(\+86\))|(\(86\)))?[1][3456789][0-9]{9}$/,
															
 
																+  //     message: "请输入合法手机号/电话号",
															
 
																+  //     trigger: "blur",
															
 
																+  //   },
															
 
																+  // ],
															
 
																+});
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    tableData.list = res.data.rows;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.phone = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 拒绝
															
 
																+const refuse = () => {
															
 
																+  dialongTitle.value = "拒绝审核";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.textarea = "";
															
 
																+};
															
 
																+
															
 
																+// 取消拒绝
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认添加员工
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      let data = {
															
 
																+        user_name: ruleForm.name,
															
 
																+        user_phone: ruleForm.phone,
															
 
																+        user_zz: ruleForm.post,
															
 
																+        id: ruleForm.id,
															
 
																+      };
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/userupdate.action",
															
 
																+        headers: {
															
 
																+          "Content-Type": "application/json;charset=utf-8",
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      // console.log(res, "修改账号");
															
 
																+      if (res.data.code == 200) {
															
 
																+        getList();
															
 
																+
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+        addDialogVisible.value = false;
															
 
																+        ruleFormRef.value.resetFields();
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+// 通过
															
 
																+const pass = (row) => {
															
 
																+  ElMessageBox.confirm(`是否通过审核`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      // let data = new FormData();
															
 
																+      // data.set("id", row.id);
															
 
																+      // let res = await axios({
															
 
																+      //   method: "post",
															
 
																+      //   url: api.value + "/carBook/userdel.action",
															
 
																+      //   headers: {
															
 
																+      //     token: sessionStorage.getItem("token"),
															
 
																+      //   },
															
 
																+      //   data: data,
															
 
																+      // });
															
 
																+      // if (res.data.code == 200) {
															
 
																+      //   if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+      //     currentPage.value = currentPage.value - 1;
															
 
																+      //   }
															
 
																+      //   getList();
															
 
																+      //   ElMessage({
															
 
																+      //     type: "success",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // } else {
															
 
																+      //   ElMessage({
															
 
																+      //     type: "error",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // }
															
 
																+    })
															
 
																+    .catch(() => {});
															
 
																+};
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/usertoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // // elt.setAttribute("download", "file.xlsx");
															
 
																+    // // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    // elt.click();
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex: 1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 25px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin: 30px 0 10px 350px;
															
 
																+          .el-form-item__content {
															
 
																+            margin: 0 !important;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 auto;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/driver/coupon.vue
+++ b/src/views/driver/coupon.vue
--- a/src/views/driver/couponRecord.vue
+++ b/src/views/driver/couponRecord.vue
@@ -0,0 +1,590 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">优惠券记录</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>状态 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择状态"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="启用中" value="启用中" />
															
 
																+            <el-option label="未开启" value="未开启" />
															
 
																+            <el-option label="已过期" value="已过期" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>优惠券类型 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 200px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择优惠券类型"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="平台赠送" value="平台赠送" />
															
 
																+            <el-option label="司机赔偿" value="司机赔偿" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>手机号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.name"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入手机号"
															
 
																+            style="width: 20 0px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important;"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+      <!-- <div class="gongneng"></div> -->
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          type="index"
															
 
																+          width="80"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_name" label="昵称" />
															
 
																+        <el-table-column align="center" prop="user_name" label="头像" />
															
 
																+        <el-table-column align="center" prop="user_name" label="手机号" />
															
 
																+        <el-table-column align="center" prop="user_name" label="优惠券名称" />
															
 
																+        <el-table-column align="center" prop="user_name" label="图片" />
															
 
																+        <el-table-column align="center" prop="user_name" label="优惠券类型" />
															
 
																+        <el-table-column align="center" prop="user_name" label="优惠券金额" />
															
 
																+        <el-table-column align="center" prop="user_name" label="最低消费金额" />
															
 
																+        <el-table-column align="center" prop="user_name" label="发放时间" />
															
 
																+        <el-table-column align="center" prop="user_name" label="过期时间" />
															
 
																+        <el-table-column align="center" prop="user_zz" label="状态" />
															
 
																+      </el-table>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增驾驶员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    tableData.list = res.data.rows;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.phone = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 拒绝
															
 
																+const edit = () => {
															
 
																+  dialongTitle.value = "编辑优惠券";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.textarea = "";
															
 
																+};
															
 
																+const addCoupon = () => {
															
 
																+  dialongTitle.value = "添加优惠券";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.textarea = "";
															
 
																+};
															
 
																+// 照片上传
															
 
																+const pictureRemove = (uploadFile, uploadFiles) => {
															
 
																+  console.log(uploadFile, uploadFiles);
															
 
																+  ruleForm.picture = "";
															
 
																+};
															
 
																+// 限制上传图片的大小
															
 
																+const beforeAvatarPicture = (rawFile) => {
															
 
																+  console.log(rawFile, 33333);
															
 
																+  if (rawFile.type !== "image/jpeg" && rawFile.type !== "image/png") {
															
 
																+    ElMessage.error("图片格式必须为JPG/PNG格式!");
															
 
																+    return false;
															
 
																+  } else if (rawFile.size / 1024 > 500) {
															
 
																+    ElMessage.error("图片的大小不能超过500kb!");
															
 
																+    return false;
															
 
																+  }
															
 
																+  return true;
															
 
																+};
															
 
																+
															
 
																+const pictureImportChange = async (file, fileLists) => {
															
 
																+  console.log(file, "1111");
															
 
																+  // if (!beforeAvatarPicture(file.raw)) {
															
 
																+  //   // 如果 beforeAvatarPicture 返回了 false，直接退出
															
 
																+  //   return;
															
 
																+  // }
															
 
																+  // let srcImg = file.raw;
															
 
																+  // let data = new FormData();
															
 
																+  // data.set("file", srcImg);
															
 
																+  // let res = await https.post(
															
 
																+  //   "/welcome/api/welcomeFile/uploadFile",
															
 
																+  //   "data",
															
 
																+  //   data
															
 
																+  // );
															
 
																+  // console.log(res, "导入照片");
															
 
																+  // if (res.code == 200) {
															
 
																+  //   ruleForm.picture = res.data.url;
															
 
																+  //   ElMessage({
															
 
																+  //     type: "success",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  // } else {
															
 
																+  //   ElMessage({
															
 
																+  //     type: "error",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  // }
															
 
																+};
															
 
																+
															
 
																+// 取消拒绝
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认添加员工
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      let data = {
															
 
																+        user_name: ruleForm.name,
															
 
																+        user_phone: ruleForm.phone,
															
 
																+        user_zz: ruleForm.post,
															
 
																+        id: ruleForm.id,
															
 
																+      };
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/userupdate.action",
															
 
																+        headers: {
															
 
																+          "Content-Type": "application/json;charset=utf-8",
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      // console.log(res, "修改账号");
															
 
																+      if (res.data.code == 200) {
															
 
																+        getList();
															
 
																+
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+        addDialogVisible.value = false;
															
 
																+        ruleFormRef.value.resetFields();
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+// 赠送优惠券 --------------------------------------------------------
															
 
																+const give = () => {
															
 
																+  giveCouponTitle.value = "赠送优惠券";
															
 
																+  giveCouponVisible.value = true;
															
 
																+  ruleFormCoupon.textarea = "";
															
 
																+};
															
 
																+const cancelCoupon = () => {
															
 
																+  giveCouponVisible.value = false;
															
 
																+};
															
 
																+const submitCoupon = () => {};
															
 
																+// --------------------------------------------------------
															
 
																+
															
 
																+// 用户列表 =================================================================
															
 
																+const userSelect = () => {
															
 
																+  userListVisible.value = true;
															
 
																+};
															
 
																+const userListCancel = () => {
															
 
																+  userListVisible.value = false;
															
 
																+};
															
 
																+// 分页
															
 
																+const userCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPageUser.value = value;
															
 
																+};
															
 
																+// =================================================================
															
 
																+
															
 
																+// 用户列表 ------------------------------------------------------------------
															
 
																+const lookCoupon = () => {
															
 
																+  lookVisible.value = true;
															
 
																+};
															
 
																+const lookCancel = () => {
															
 
																+  lookVisible.value = false;
															
 
																+};
															
 
																+// 分页
															
 
																+const lookCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPageLook.value = value;
															
 
																+};
															
 
																+// ------------------------------------------------------------------
															
 
																+
															
 
																+// 删除 --------------------------------------------------------
															
 
																+const pass = (row) => {
															
 
																+  ElMessageBox.confirm(`是否删除此优惠券`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      // let data = new FormData();
															
 
																+      // data.set("id", row.id);
															
 
																+      // let res = await axios({
															
 
																+      //   method: "post",
															
 
																+      //   url: api.value + "/carBook/userdel.action",
															
 
																+      //   headers: {
															
 
																+      //     token: sessionStorage.getItem("token"),
															
 
																+      //   },
															
 
																+      //   data: data,
															
 
																+      // });
															
 
																+      // if (res.data.code == 200) {
															
 
																+      //   if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+      //     currentPage.value = currentPage.value - 1;
															
 
																+      //   }
															
 
																+      //   getList();
															
 
																+      //   ElMessage({
															
 
																+      //     type: "success",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // } else {
															
 
																+      //   ElMessage({
															
 
																+      //     type: "error",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // }
															
 
																+    })
															
 
																+    .catch(() => {});
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex: 1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 auto;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/driver/deposit.vue
+++ b/src/views/driver/deposit.vue
@@ -0,0 +1,701 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">司机提现管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>状态 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择状态"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="已拒绝" value="已拒绝" />
															
 
																+            <el-option label="已转账" value="已转账" />
															
 
																+            <el-option label="待转账" value="待转账" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>司机姓名 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.name"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入司机姓名"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>手机号码 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入手机号码"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>申请时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="datetimerange"
															
 
																+            format="YYYY-MM-DD HH:mm:ss"
															
 
																+            value-format="YYYY-MM-DD HH:mm:ss"
															
 
																+            range-separator="-"
															
 
																+            start-placeholder="开始时间"
															
 
																+            end-placeholder="结束时间"
															
 
																+            :prefix-icon="Calendar"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>操作时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="datetimerange"
															
 
																+            format="YYYY-MM-DD HH:mm:ss"
															
 
																+            value-format="YYYY-MM-DD HH:mm:ss"
															
 
																+            range-separator="-"
															
 
																+            start-placeholder="开始时间"
															
 
																+            end-placeholder="结束时间"
															
 
																+            :prefix-icon="Calendar"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          type="index"
															
 
																+          width="80"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_name" label="司机姓名" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="手机号码" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="身份证号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="银行卡号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="开户行" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="开户人姓名" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="提现金额" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="状态" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="手续费" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="当前余额" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="拒绝原因" />
															
 
																+        <el-table-column align="center" prop="user_zz" label="申请时间" width="200"/>
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="create_time"
															
 
																+          label="转账拒绝时间"
															
 
																+          width="200"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="create_time" label="转账订单号" />
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="pass(scope.row)"
															
 
																+              ><div class="look">转账</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="refuse(scope.row)"
															
 
																+              ><div class="looks">拒绝</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加员工弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="550"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="审核内容 :" prop="textarea">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.textarea"
															
 
																+              style="width: 360px"
															
 
																+              :rows="5"
															
 
																+              type="textarea"
															
 
																+              placeholder="请输入审核内容"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增驾驶员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  textarea: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  textarea: [{ required: true, message: "审核内容不能为空", trigger: "blur" }],
															
 
																+  // phone: [
															
 
																+  //   { required: true, message: "请输入手机号", trigger: "blur" },
															
 
																+  //   {
															
 
																+  //     // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+  //     pattern: /^((\(\+86\))|(\(86\)))?[1][3456789][0-9]{9}$/,
															
 
																+  //     message: "请输入合法手机号/电话号",
															
 
																+  //     trigger: "blur",
															
 
																+  //   },
															
 
																+  // ],
															
 
																+});
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    tableData.list = res.data.rows;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.phone = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 拒绝
															
 
																+const refuse = () => {
															
 
																+  dialongTitle.value = "拒绝审核";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.textarea = "";
															
 
																+};
															
 
																+
															
 
																+// 取消拒绝
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认添加员工
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      let data = {
															
 
																+        user_name: ruleForm.name,
															
 
																+        user_phone: ruleForm.phone,
															
 
																+        user_zz: ruleForm.post,
															
 
																+        id: ruleForm.id,
															
 
																+      };
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/userupdate.action",
															
 
																+        headers: {
															
 
																+          "Content-Type": "application/json;charset=utf-8",
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      // console.log(res, "修改账号");
															
 
																+      if (res.data.code == 200) {
															
 
																+        getList();
															
 
																+
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+        addDialogVisible.value = false;
															
 
																+        ruleFormRef.value.resetFields();
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+// 通过
															
 
																+const pass = (row) => {
															
 
																+  ElMessageBox.confirm(`是否通过审核`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      // let data = new FormData();
															
 
																+      // data.set("id", row.id);
															
 
																+      // let res = await axios({
															
 
																+      //   method: "post",
															
 
																+      //   url: api.value + "/carBook/userdel.action",
															
 
																+      //   headers: {
															
 
																+      //     token: sessionStorage.getItem("token"),
															
 
																+      //   },
															
 
																+      //   data: data,
															
 
																+      // });
															
 
																+      // if (res.data.code == 200) {
															
 
																+      //   if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+      //     currentPage.value = currentPage.value - 1;
															
 
																+      //   }
															
 
																+      //   getList();
															
 
																+      //   ElMessage({
															
 
																+      //     type: "success",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // } else {
															
 
																+      //   ElMessage({
															
 
																+      //     type: "error",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // }
															
 
																+    })
															
 
																+    .catch(() => {});
															
 
																+};
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/usertoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // // elt.setAttribute("download", "file.xlsx");
															
 
																+    // // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    // elt.click();
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex: 1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 25px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin: 30px 0 10px 350px;
															
 
																+          .el-form-item__content {
															
 
																+            margin: 0 !important;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 auto;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/driver/management.vue
+++ b/src/views/driver/management.vue
@@ -0,0 +1,704 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">司机管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>司机姓名 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.name"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入司机姓名"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>手机号码 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入手机号码"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>车牌号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入车牌号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          type="index"
															
 
																+          width="80"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_name" label="司机姓名" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="手机号码" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="车辆型号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="颜色" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="车牌号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="接单状态" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="保证金" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="订单数量" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="保证金" />
															
 
																+        <el-table-column align="center" prop="user_zz" label="订单数量" />
															
 
																+        <el-table-column align="center" prop="create_time" label="审核时间" />
															
 
																+        <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+        <el-table-column align="center" label="操作" width="320">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="money(scope.row)"
															
 
																+              ><div class="look">保证金明细</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="primary" @click="account(scope.row)"
															
 
																+              ><div class="look">司机账户明细</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="banned(scope.row)"
															
 
																+              ><div class="looks">封禁</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 保证金明细 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        title="保证金明细"
															
 
																+        align-center
															
 
																+        width="1250"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-table
															
 
																+          :row-class-name="tableRowClassName"
															
 
																+          :data="tableData.list"
															
 
																+          @selection-change="handleSelectionChange"
															
 
																+          style="width: 100%"
															
 
																+          :header-cell-style="{
															
 
																+            background: 'rgba(240, 243, 247, 1)',
															
 
																+            height: '50px',
															
 
																+            border: 0,
															
 
																+          }"
															
 
																+        >
															
 
																+          <el-table-column
															
 
																+            type="index"
															
 
																+            width="100"
															
 
																+            align="center"
															
 
																+            label="序号"
															
 
																+            index="1"
															
 
																+          />
															
 
																+          <el-table-column align="center" prop="user_name" label="保证金" />
															
 
																+          <el-table-column align="center" prop="user_phone" label="标题" />
															
 
																+          <el-table-column align="center" prop="user_phone" label="内容" />
															
 
																+          <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+          <el-table-column align="center" prop="create_time" label="状态" />
															
 
																+        </el-table>
															
 
																+        <el-pagination
															
 
																+          background
															
 
																+          :current-page="currentPage1"
															
 
																+          :page-size="pageSize1"
															
 
																+          layout="total, prev, pager, next, jumper, slot"
															
 
																+          :total="total1"
															
 
																+          @update:current-page="handleCurrentChange1"
															
 
																+        />
															
 
																+      </el-dialog>
															
 
																+
															
 
																+      <!-- 司机账户明细 -->
															
 
																+      <el-dialog
															
 
																+        class="accountStaff"
															
 
																+        v-model="accountDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        title="司机账户明细"
															
 
																+        align-center
															
 
																+        width="1250"
															
 
																+        :before-close="cancelAccount"
															
 
																+      >
															
 
																+        <div class="money">
															
 
																+          <span>可提现金额</span>
															
 
																+          <span>400元</span>
															
 
																+        </div>
															
 
																+        <div class="table">
															
 
																+          <el-table
															
 
																+            :row-class-name="tableRowClassName"
															
 
																+            :data="tableData.list"
															
 
																+            @selection-change="handleSelectionChange"
															
 
																+            style="width: 100%"
															
 
																+            :header-cell-style="{
															
 
																+              background: 'rgba(240, 243, 247, 1)',
															
 
																+              height: '50px',
															
 
																+              border: 0,
															
 
																+            }"
															
 
																+          >
															
 
																+            <el-table-column
															
 
																+              type="index"
															
 
																+              width="100"
															
 
																+              align="center"
															
 
																+              label="序号"
															
 
																+              index="1"
															
 
																+            />
															
 
																+            <el-table-column align="center" prop="user_phone" label="标题" />
															
 
																+            <el-table-column align="center" prop="user_phone" label="内容" />
															
 
																+            <el-table-column align="center" prop="create_time" label="金额" />
															
 
																+            <el-table-column
															
 
																+              align="center"
															
 
																+              prop="create_time"
															
 
																+              label="创建时间"
															
 
																+            />
															
 
																+          </el-table>
															
 
																+          <el-pagination
															
 
																+            background
															
 
																+            :current-page="currentPage2"
															
 
																+            :page-size="pageSize2"
															
 
																+            layout="total, prev, pager, next, jumper, slot"
															
 
																+            :total="total2"
															
 
																+            @update:current-page="handleCurrentChange2"
															
 
																+          />
															
 
																+        </div>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增驾驶员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(10); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+const currentPage1 = ref(1); // 当前页
															
 
																+const pageSize1 = ref(10);
															
 
																+const total1 = ref(10); // 当前总数
															
 
																+
															
 
																+const accountDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+const currentPage2 = ref(1); // 当前页
															
 
																+const pageSize2 = ref(10);
															
 
																+const total2 = ref(10); // 当前总数
															
 
																+
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    tableData.list = res.data.rows;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.phone = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 保证金明细
															
 
																+const money = () => {
															
 
																+  addDialogVisible.value = true;
															
 
																+};
															
 
																+// 取消保证金明细
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+};
															
 
																+
															
 
																+// 司机账户明细
															
 
																+const account = () => {
															
 
																+  accountDialogVisible.value = true;
															
 
																+};
															
 
																+// 取消保证金明细
															
 
																+const cancelAccount = () => {
															
 
																+  accountDialogVisible.value = false;
															
 
																+};
															
 
																+
															
 
																+// 通过
															
 
																+const banned = (row) => {
															
 
																+  ElMessageBox.confirm(`是否封禁`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      // let data = new FormData();
															
 
																+      // data.set("id", row.id);
															
 
																+      // let res = await axios({
															
 
																+      //   method: "post",
															
 
																+      //   url: api.value + "/carBook/userdel.action",
															
 
																+      //   headers: {
															
 
																+      //     token: sessionStorage.getItem("token"),
															
 
																+      //   },
															
 
																+      //   data: data,
															
 
																+      // });
															
 
																+      // if (res.data.code == 200) {
															
 
																+      //   if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+      //     currentPage.value = currentPage.value - 1;
															
 
																+      //   }
															
 
																+      //   getList();
															
 
																+      //   ElMessage({
															
 
																+      //     type: "success",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // } else {
															
 
																+      //   ElMessage({
															
 
																+      //     type: "error",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // }
															
 
																+    })
															
 
																+    .catch(() => {});
															
 
																+};
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/usertoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // // elt.setAttribute("download", "file.xlsx");
															
 
																+    // // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    // elt.click();
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange1 = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage1.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange2 = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage2.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex: 1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 25px 25px 10px 25px;
															
 
																+        
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    :deep(.accountStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 25px 25px 10px 25px;
															
 
																+        display: flex;
															
 
																+        .money {
															
 
																+          width: 180px;
															
 
																+          height: 100px;
															
 
																+          border: 1px solid #000;
															
 
																+          margin-right: 20px;
															
 
																+          display: flex;
															
 
																+          flex-direction: column;
															
 
																+          align-items: center;
															
 
																+          justify-content: center;
															
 
																+        }
															
 
																+        .table {
															
 
																+          flex: 1;
															
 
																+        }
															
 
																+        .el-table--fit {
															
 
																+          height: 600px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 auto;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+// .el-input {
															
 
																+//   width: 192px;
															
 
																+// }
															
 
																+</style>
															
--- a/src/views/driver/order.vue
+++ b/src/views/driver/order.vue
@@ -0,0 +1,641 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">订单管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>状态 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择状态"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="队列中" value="队列中" />
															
 
																+            <el-option label="待出发" value="待出发" />
															
 
																+            <el-option label="行程中" value="行程中" />
															
 
																+            <el-option label="已完成" value="已完成" />
															
 
																+            <el-option label="已取消" value="已取消" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>用户手机号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入用户手机号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>出发地 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择出发地"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="队列中" value="队列中" />
															
 
																+            <el-option label="待出发" value="待出发" />
															
 
																+            <el-option label="行程中" value="行程中" />
															
 
																+            <el-option label="已完成" value="已完成" />
															
 
																+            <el-option label="已取消" value="已取消" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>目的地 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择目的地"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="队列中" value="队列中" />
															
 
																+            <el-option label="待出发" value="待出发" />
															
 
																+            <el-option label="行程中" value="行程中" />
															
 
																+            <el-option label="已完成" value="已完成" />
															
 
																+            <el-option label="已取消" value="已取消" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>订单号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入订单号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>司机姓名 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入司机姓名"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>司机手机号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入司机手机号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>车牌号 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入车牌号"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>乘车时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="datetimerange"
															
 
																+            format="YYYY-MM-DD HH:mm:ss"
															
 
																+            value-format="YYYY-MM-DD HH:mm:ss"
															
 
																+            range-separator="-"
															
 
																+            start-placeholder="开始时间"
															
 
																+            end-placeholder="结束时间"
															
 
																+            :prefix-icon="Calendar"
															
 
																+          />
															
 
																+        </div>
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          type="index"
															
 
																+          width="80"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_name" label="用户手机号" />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="user_zz"
															
 
																+          label="出发地"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_phone" label="目的地" />
															
 
																+        <el-table-column align="center" prop="user_phone" width="200" label="乘车时间" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="乘车人数" />
															
 
																+        <el-table-column align="center" prop="user_phone" width="200"  label="报名时间" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="订单号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="订单价格" />
															
 
																+        <el-table-column align="center" prop="user_phone" width="200"  label="司机接单时间" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="司机姓名" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="司机手机号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="车辆型号" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="车辆颜色" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="车牌号" />
															
 
																+        <el-table-column align="center" prop="user_phone" width="200"  label="行程开始时间" />
															
 
																+        <el-table-column align="center" prop="user_phone" width="200"  label="行程结束时间" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="状态" />
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="depart(scope.row)"
															
 
																+              ><div class="look">发车</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="departCancel(scope.row)"
															
 
																+              ><div class="looks">取消</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增驾驶员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  // let res = await adminApi.adminLogin(data);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    // ElMessage({
															
 
																+    //   type: "success",
															
 
																+    //   showClose: true,
															
 
																+    //   message: res.data.message,
															
 
																+    //   center: true,
															
 
																+    // });
															
 
																+    tableData.list = res.data.rows;
															
 
																+    // currentPage.value = res.data.currentPage;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+  // console.log(res);
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.phone = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+
															
 
																+//删除按钮
															
 
																+const departCancel = (row) => {
															
 
																+  ElMessageBox.confirm(`是否取消此订单?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      // let data = new FormData();
															
 
																+      // data.set("id", row.id);
															
 
																+      // let res = await axios({
															
 
																+      //   method: "post",
															
 
																+      //   url: api.value + "/carBook/userdel.action",
															
 
																+      //   headers: {
															
 
																+      //     token: sessionStorage.getItem("token"),
															
 
																+      //   },
															
 
																+      //   data: data,
															
 
																+      // });
															
 
																+      // if (res.data.code == 200) {
															
 
																+      //   if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+      //     currentPage.value = currentPage.value - 1;
															
 
																+      //   }
															
 
																+      //   getList();
															
 
																+      //   ElMessage({
															
 
																+      //     type: "success",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // } else {
															
 
																+      //   ElMessage({
															
 
																+      //     type: "error",
															
 
																+      //     showClose: true,
															
 
																+      //     message: res.data.message,
															
 
																+      //     center: true,
															
 
																+      //   });
															
 
																+      // }
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      
															
 
																+    });
															
 
																+};
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/usertoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // // elt.setAttribute("download", "file.xlsx");
															
 
																+    // // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    // elt.click();
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex:1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+    
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin-left: 320px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 auto;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/driver/path.vue
+++ b/src/views/driver/path.vue
@@ -0,0 +1,835 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">路线管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>地点 : </span>
															
 
																+          <el-select
															
 
																+            v-model="searchInput.phone"
															
 
																+            multiple
															
 
																+            collapse-tags
															
 
																+            collapse-tags-tooltip
															
 
																+            :max-collapse-tags="3"
															
 
																+            placeholder="请选择地点"
															
 
																+            style="width: 240px"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="待审核" value="待审核" />
															
 
																+            <el-option label="审核成功" value="审核成功" />
															
 
																+            <el-option label="拒绝" value="拒绝" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>状态 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择状态"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="待审核" value="待审核" />
															
 
																+            <el-option label="审核成功" value="审核成功" />
															
 
																+            <el-option label="拒绝" value="拒绝" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>出发地 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择出发地"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="待审核" value="待审核" />
															
 
																+            <el-option label="审核成功" value="审核成功" />
															
 
																+            <el-option label="拒绝" value="拒绝" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>目的地 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 180px"
															
 
																+            v-model="searchInput.car_number"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择目的地"
															
 
																+            :clearable="true"
															
 
																+          >
															
 
																+            <el-option label="全部" value="全部" />
															
 
																+            <el-option label="待审核" value="待审核" />
															
 
																+            <el-option label="审核成功" value="审核成功" />
															
 
																+            <el-option label="拒绝" value="拒绝" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>创建时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+            :prefix-icon="Calendar"
															
 
																+            placeholder="请选择日期"
															
 
																+          />
															
 
																+        </div>
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 10px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 10px !important"
															
 
																+          type="primary"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          @click="addlist"
															
 
																+          ><el-icon><CirclePlus /></el-icon><span>新增路线</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          type="index"
															
 
																+          width="100"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_name" label="出发地" />
															
 
																+        <el-table-column align="center" prop="user_zz" label="目的地" />
															
 
																+        <el-table-column align="center" prop="user_phone" label="每人车费" />
															
 
																+        <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="edit(scope.row)"
															
 
																+              ><div class="look">编辑</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="del(scope.row)"
															
 
																+              ><div class="looks">删除</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加员工弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="509"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="出发地 :" prop="name">
															
 
																+            <el-select
															
 
																+              style="width: 180px"
															
 
																+              v-model="searchInput.car_number"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择出发地"
															
 
																+              :clearable="true"
															
 
																+            >
															
 
																+              <el-option label="全部" value="全部" />
															
 
																+              <el-option label="待审核" value="待审核" />
															
 
																+              <el-option label="审核成功" value="审核成功" />
															
 
																+              <el-option label="拒绝" value="拒绝" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="目的地 :" prop="cardnumber">
															
 
																+            <el-select
															
 
																+              style="width: 180px"
															
 
																+              v-model="searchInput.car_number"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择目的地"
															
 
																+              :clearable="true"
															
 
																+            >
															
 
																+              <el-option label="全部" value="全部" />
															
 
																+              <el-option label="待审核" value="待审核" />
															
 
																+              <el-option label="审核成功" value="审核成功" />
															
 
																+              <el-option label="拒绝" value="拒绝" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item label="每人车费 :">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.phone"
															
 
																+              placeholder="请输入每人车费"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增驾驶员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  post: "0",
															
 
																+  cardnumber: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  name: [
															
 
																+    { required: true, message: "姓名不能为空", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern: /[\u4e00-\u9fa5]$/,
															
 
																+      message: "请输入正确姓名",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  // /^[\u4E00-\u9FA5]$/
															
 
																+  cardnumber: [
															
 
																+    { required: true, message: "卡号不能为空", trigger: "blur" },
															
 
																+    // {
															
 
																+    //   // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+    //   // pattern: /^[0-9]*$/,
															
 
																+    //   message: "请输入正确卡号(数字类型)",
															
 
																+    //   trigger: "blur",
															
 
																+    // },
															
 
																+  ],
															
 
																+  phone: [
															
 
																+    { required: true, message: "请输入手机号", trigger: "blur" },
															
 
																+    {
															
 
																+      // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+      pattern: /^((\(\+86\))|(\(86\)))?[1][3456789][0-9]{9}$/,
															
 
																+      message: "请输入合法手机号/电话号",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  post: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "职位不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+
															
 
																+  // desc: [{ required: true, message: "Please input activity form", trigger: "blur" }],
															
 
																+});
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  // let res = await adminApi.adminLogin(data);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    // ElMessage({
															
 
																+    //   type: "success",
															
 
																+    //   showClose: true,
															
 
																+    //   message: res.data.message,
															
 
																+    //   center: true,
															
 
																+    // });
															
 
																+    tableData.list = res.data.rows;
															
 
																+    // currentPage.value = res.data.currentPage;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+  // console.log(res);
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.phone = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 添加员工
															
 
																+const addlist = () => {
															
 
																+  dialongTitle.value = "新增路线";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.name = "";
															
 
																+  ruleForm.phone = "";
															
 
																+  ruleForm.post = "";
															
 
																+  ruleForm.cardnumber = "";
															
 
																+};
															
 
																+//编辑按钮
															
 
																+const edit = (row) => {
															
 
																+  dialongTitle.value = "编辑驾驶员";
															
 
																+  addDialogVisible.value = true;
															
 
																+  console.log(row);
															
 
																+  ruleForm.name = row.user_name;
															
 
																+  ruleForm.phone = row.user_phone;
															
 
																+  ruleForm.post = row.user_zz;
															
 
																+  ruleForm.id = row.id;
															
 
																+};
															
 
																+// 取消添加员工
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认添加员工
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      if (dialongTitle.value == "新增驾驶员") {
															
 
																+        let data = {
															
 
																+          user_name: ruleForm.name,
															
 
																+          user_phone: ruleForm.phone,
															
 
																+          user_zz: ruleForm.post,
															
 
																+          card_number: ruleForm.cardnumber,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/userinsert.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "添加账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        let data = {
															
 
																+          user_name: ruleForm.name,
															
 
																+          user_phone: ruleForm.phone,
															
 
																+          user_zz: ruleForm.post,
															
 
																+          id: ruleForm.id,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/userupdate.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "修改账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+//删除按钮
															
 
																+const del = (row) => {
															
 
																+  ElMessageBox.confirm(`是否删除 ${row.user_name} 驾驶员?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let data = new FormData();
															
 
																+      data.set("id", row.id);
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/userdel.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+          currentPage.value = currentPage.value - 1;
															
 
																+        }
															
 
																+        getList();
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+      console.log(res);
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消删除",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/usertoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // // elt.setAttribute("download", "file.xlsx");
															
 
																+    // // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    // elt.click();
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex: 1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          .el-form-item__content {
															
 
																+            margin: 0 !important;
															
 
																+            display: flex;
															
 
																+            flex-direction: row-reverse;
															
 
																+            .queding {
															
 
																+              margin-left: 10px;
															
 
																+            }
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 auto;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/driver/rule
+++ b/src/views/driver/rule
@@ -0,0 +1,439 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">规则设置</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <h3>可约车时间段设置</h3>
															
 
																+          <div>
															
 
																+            <span>约车时间段</span>
															
 
																+            <el-time-picker
															
 
																+              v-model="ruleForm.startTime"
															
 
																+              is-range
															
 
																+              range-separator="-"
															
 
																+              start-placeholder="开始时间"
															
 
																+              end-placeholder="结束时间"
															
 
																+              format="HH:mm"
															
 
																+              value-format="HH:mm"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>截至取消订单时间设置</h3>
															
 
																+          <div>
															
 
																+            <span>乘车时间前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;分钟</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>顺风车须知设置</h3>
															
 
																+          <div>
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.startTime"
															
 
																+              style="width: 500px"
															
 
																+              :rows="5"
															
 
																+              type="textarea"
															
 
																+              placeholder="请输入内容"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>客服联系方式设置</h3>
															
 
																+          <div>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.black_count"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 220px"
															
 
																+              placeholder="请输入联系方式"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        
															
 
																+        <div class="condition">
															
 
																+          <h3>顺风车服务条款设置</h3>
															
 
																+          <div>
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.startTime"
															
 
																+              style="width: 500px"
															
 
																+              :rows="5"
															
 
																+              type="textarea"
															
 
																+              placeholder="请输入内容"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>司机取消订单保证金扣款规则设置</h3>
															
 
																+          <div>
															
 
																+            <span>司机取消订单，扣当前订单的</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.notice_time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>（如0.25则是抽当前订单支付金额的25%，保留2位小数）</span>
															
 
																+          </div>
															
 
																+          <div style="margin: 10px 0">
															
 
																+            <span>保证金低于</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.notice_time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;则不能接单，需补交保证金</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>用户取消订单违约金规则设置</h3>
															
 
																+          <div>
															
 
																+            <span>司机取消订单，扣当前订单的</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.notice_time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>（如0.25则是抽当前订单支付金额的25%，保留2位小数）</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>保证金规则设置</h3>
															
 
																+          <div>
															
 
																+            <span>保证金退款</span>
															
 
																+            <div>
															
 
																+              <el-input
															
 
																+                v-model="ruleForm.startTime"
															
 
																+                style="width: 500px"
															
 
																+                :rows="5"
															
 
																+                type="textarea"
															
 
																+                placeholder="请输入保证金"
															
 
																+              />
															
 
																+            </div>
															
 
																+          </div>
															
 
																+          <div style="margin: 10px 0">
															
 
																+            <span>保证金缴纳</span>
															
 
																+            <div>
															
 
																+              <el-input
															
 
																+                v-model="ruleForm.startTime"
															
 
																+                style="width: 500px"
															
 
																+                :rows="5"
															
 
																+                type="textarea"
															
 
																+                placeholder="请输入保证金"
															
 
																+              />
															
 
																+            </div>
															
 
																+          </div>
															
 
																+          <div>
															
 
																+            <span>充值保证金</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.notice_time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>提现设置</h3>
															
 
																+          <div>
															
 
																+            <span>提现时平台技术服务费抽成</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.notice_time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>（如0.25则是抽当前订单支付金额的25%，保留2位小数）</span>
															
 
																+          </div>
															
 
																+          <div style="margin: 10px 0">
															
 
																+            <span>提现最低额度</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.notice_time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;元（保留2位小数）</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer"></div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  reactive,
															
 
																+  watch,
															
 
																+  nextTick,
															
 
																+  onBeforeMount,
															
 
																+  onUnmounted,
															
 
																+} from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const api = ref("");
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const ruleForm = reactive({
															
 
																+  time: "",
															
 
																+  yy_duration: "",
															
 
																+  hh_end: "", //截止预约时间设置
															
 
																+  yy_end: "", //候补截止预约时间设置
															
 
																+  black_count: "", //黑名单设置次数
															
 
																+  notice_time: "", //发车前提前
															
 
																+  startTime: "", // 扫码前时间
															
 
																+  endTime: "", // 扫码后时间
															
 
																+  scanInterval: "", // 扫码间隔
															
 
																+  bb_before: "", // 报备人预约车辆时间设置
															
 
																+  id: "",
															
 
																+});
															
 
																+
															
 
																+// 获取系统设置数据
															
 
																+const getlist = async (message) => {
															
 
																+  // let res = await axios({
															
 
																+  //   method: "post",
															
 
																+  //   url: api.value + "/carBook/cnqueryHb.action",
															
 
																+  //   headers: {
															
 
																+  //     token: sessionStorage.getItem("token"),
															
 
																+  //   },
															
 
																+  // });
															
 
																+  // console.log(res);
															
 
																+  // if (res.data.code == 200) {
															
 
																+  //   if (message) {
															
 
																+  //     ElMessage({
															
 
																+  //       type: "success",
															
 
																+  //       showClose: true,
															
 
																+  //       message: message,
															
 
																+  //       center: true,
															
 
																+  //     });
															
 
																+  //   }
															
 
																+  // } else {
															
 
																+  //   ElMessage({
															
 
																+  //     type: "error",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.data.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  //   if (res.data.message == "token错误") {
															
 
																+  //     router.push({
															
 
																+  //       path: `/login`,
															
 
																+  //     });
															
 
																+  //   }
															
 
																+  // }
															
 
																+};
															
 
																+const getTimeList = async () => {
															
 
																+  // let res = await axios({
															
 
																+  //   method: "post",
															
 
																+  //   url: api.value + "/carBook/weekConfigqueryList.action",
															
 
																+  //   headers: {
															
 
																+  //     token: sessionStorage.getItem("token"),
															
 
																+  //   },
															
 
																+  // });
															
 
																+  // console.log(res, "开始时间段配置");
															
 
																+  // if (res.data.code == 200) {
															
 
																+  //   let resData = res.data.data;
															
 
																+  // } else {
															
 
																+  //   ElMessage({
															
 
																+  //     type: "error",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.data.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  //   if (res.data.message == "token错误") {
															
 
																+  //     router.push({
															
 
																+  //       path: `/login`,
															
 
																+  //     });
															
 
																+  //   }
															
 
																+  // }
															
 
																+};
															
 
																+
															
 
																+// 页面数据一修改就调用函数
															
 
																+const timeVerify = (val) => {
															
 
																+  const regex = /^[0-9]+$/;
															
 
																+  if (regex.test(val)) {
															
 
																+    // timeUpdata();
															
 
																+  } else {
															
 
																+    // getlist();
															
 
																+    ElMessage({
															
 
																+      type: "warning",
															
 
																+      showClose: true,
															
 
																+      message: "请输入正确数值",
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+const timeUpdata = async () => {
															
 
																+  // let data = {
															
 
																+  //   yy_duration: ruleForm.yy_duration,
															
 
																+  //   scanInterval: ruleForm.scanInterval,
															
 
																+  //   yy_end: ruleForm.yy_end,
															
 
																+  //   hh_end: ruleForm.hh_end,
															
 
																+  //   black_count: ruleForm.black_count,
															
 
																+  //   notice_time: ruleForm.notice_time,
															
 
																+  //   sm_start: ruleForm.startTime,
															
 
																+  //   sm_end: ruleForm.endTime,
															
 
																+  //   bb_before: ruleForm.bb_before,
															
 
																+  //   id: ruleForm.id,
															
 
																+  // };
															
 
																+  // let res = await axios({
															
 
																+  //   method: "post",
															
 
																+  //   url: api.value + "/carBook/cnupdate.action",
															
 
																+  //   headers: {
															
 
																+  //     "Content-Type": "application/json;charset=utf-8",
															
 
																+  //     token: sessionStorage.getItem("token"),
															
 
																+  //   },
															
 
																+  //   data: data,
															
 
																+  // });
															
 
																+  // console.log(res, "修改候补");
															
 
																+  // if (res.data.code == 200) {
															
 
																+  //   // getlist();
															
 
																+  //   store.dispatch("sm_time");
															
 
																+  //   ElMessage({
															
 
																+  //     type: "success",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.data.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  // } else {
															
 
																+  //   getlist();
															
 
																+  //   ElMessage({
															
 
																+  //     type: "error",
															
 
																+  //     showClose: true,
															
 
																+  //     message: "修改失败",
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  // }
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getlist();
															
 
																+  getTimeList();
															
 
																+});
															
 
																+onUnmounted(() => {});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    // width: calc(100wh - 40px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: calc(100% - 60px);
															
 
																+    overflow: auto;
															
 
																+    margin: 0 auto;
															
 
																+    color: #000;
															
 
																+
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      flex-direction: column;
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        flex-direction: column;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        h3 {
															
 
																+          margin: 12px 12px 12px 0;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+          font-size: 18px;
															
 
																+          color: #000;
															
 
																+        }
															
 
																+        .addTime {
															
 
																+          display: flex;
															
 
																+          align-items: center;
															
 
																+          .el-checkbox-group {
															
 
																+            .el-checkbox {
															
 
																+              margin: 0 15px 0 0;
															
 
																+            }
															
 
																+          }
															
 
																+          :deep(.timePicker) {
															
 
																+            width: 200px;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+    .footer {
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/driver/rule.vue
+++ b/src/views/driver/rule.vue
@@ -0,0 +1,525 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">规则设置</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="0"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3 style="margin: 12px 0">可约车时间段设置</h3>
															
 
																+              <div>
															
 
																+                <span>约车时间段</span>
															
 
																+                <el-time-picker
															
 
																+                  v-model="ruleForm.startTime"
															
 
																+                  is-range
															
 
																+                  range-separator="-"
															
 
																+                  start-placeholder="开始时间"
															
 
																+                  end-placeholder="结束时间"
															
 
																+                  format="HH:mm"
															
 
																+                  value-format="HH:mm"
															
 
																+                />
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="time">
															
 
																+            <div class="condition">
															
 
																+              <h3>截至取消订单时间设置</h3>
															
 
																+              <div>
															
 
																+                <span>乘车时间前</span>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.time"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 100px"
															
 
																+                />
															
 
																+                <span>&nbsp;&nbsp;分钟</span>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3>顺风车须知设置</h3>
															
 
																+              <div>
															
 
																+                <el-input
															
 
																+                  v-model="ruleForm.startTime"
															
 
																+                  style="width: 500px"
															
 
																+                  :rows="5"
															
 
																+                  type="textarea"
															
 
																+                  placeholder="请输入内容"
															
 
																+                />
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3>客服联系方式设置</h3>
															
 
																+              <div>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.black_count"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 220px"
															
 
																+                  placeholder="请输入联系方式"
															
 
																+                />
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3>顺风车服务条款设置</h3>
															
 
																+              <div>
															
 
																+                <el-input
															
 
																+                  v-model="ruleForm.startTime"
															
 
																+                  style="width: 500px"
															
 
																+                  :rows="5"
															
 
																+                  type="textarea"
															
 
																+                  placeholder="请输入内容"
															
 
																+                />
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3>司机取消订单保证金扣款规则设置</h3>
															
 
																+              <div>
															
 
																+                <span>司机取消订单，扣当前订单的</span>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.notice_time"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 100px"
															
 
																+                />
															
 
																+                <span>（如0.25则是抽当前订单支付金额的25%，保留2位小数）</span>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <div>
															
 
																+                <span>保证金低于</span>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.notice_time"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 100px"
															
 
																+                />
															
 
																+                <span>&nbsp;&nbsp;则不能接单，需补交保证金</span>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3>用户取消订单违约金规则设置</h3>
															
 
																+              <div>
															
 
																+                <span>司机取消订单，扣当前订单的</span>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.notice_time"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 100px"
															
 
																+                />
															
 
																+                <span>（如0.25则是抽当前订单支付金额的25%，保留2位小数）</span>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3>保证金规则设置</h3>
															
 
																+              <div>
															
 
																+                <span>保证金退款</span>
															
 
																+                <div>
															
 
																+                  <el-input
															
 
																+                    v-model="ruleForm.startTime"
															
 
																+                    style="width: 500px"
															
 
																+                    :rows="5"
															
 
																+                    type="textarea"
															
 
																+                    placeholder="请输入保证金"
															
 
																+                  />
															
 
																+                </div>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <div>
															
 
																+                <span>保证金缴纳</span>
															
 
																+                <div>
															
 
																+                  <el-input
															
 
																+                    v-model="ruleForm.startTime"
															
 
																+                    style="width: 500px"
															
 
																+                    :rows="5"
															
 
																+                    type="textarea"
															
 
																+                    placeholder="请输入保证金"
															
 
																+                  />
															
 
																+                </div>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <div>
															
 
																+                <span>充值保证金</span>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.notice_time"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 100px"
															
 
																+                />
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="textarea">
															
 
																+            <div class="condition">
															
 
																+              <h3>提现设置</h3>
															
 
																+              <div>
															
 
																+                <span>提现时平台技术服务费抽成</span>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.notice_time"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 100px"
															
 
																+                />
															
 
																+                <span>（如0.25则是抽当前订单支付金额的25%，保留2位小数）</span>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="quota">
															
 
																+            <div class="condition">
															
 
																+              <div>
															
 
																+                <span>提现最低额度</span>
															
 
																+                <el-input
															
 
																+                  :clearable="false"
															
 
																+                  v-model="ruleForm.quota"
															
 
																+                  class="w-50 m-2"
															
 
																+                  style="width: 100px"
															
 
																+                />
															
 
																+                <span>&nbsp;&nbsp;元（保留2位小数）</span>
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </div>
															
 
																+      <div class="footer">
															
 
																+        <div class="options">
															
 
																+          <el-button
															
 
																+            color="rgba(61, 81, 232, 1)"
															
 
																+            class="queding"
															
 
																+            type="primary"
															
 
																+            @click="edit"
															
 
																+          >
															
 
																+            修改
															
 
																+          </el-button>
															
 
																+          <el-button
															
 
																+            color="rgba(61, 81, 232, 1)"
															
 
																+            class="queding"
															
 
																+            type="primary"
															
 
																+            @click="submit(ruleFormRef)"
															
 
																+          >
															
 
																+            确定
															
 
																+          </el-button>
															
 
																+          <el-button class="congzhi" @click="cancel">取消</el-button>
															
 
																+        </div>
															
 
																+      </div>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  reactive,
															
 
																+  watch,
															
 
																+  nextTick,
															
 
																+  onBeforeMount,
															
 
																+  onUnmounted,
															
 
																+} from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const api = ref("");
															
 
																+const router = useRouter();
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  time: "",
															
 
																+  yy_duration: "",
															
 
																+  hh_end: "", //截止预约时间设置
															
 
																+  yy_end: "", //候补截止预约时间设置
															
 
																+  black_count: "", //黑名单设置次数
															
 
																+  notice_time: "", //发车前提前
															
 
																+  startTime: "", // 扫码前时间
															
 
																+  endTime: "", // 扫码后时间
															
 
																+  scanInterval: "", // 扫码间隔
															
 
																+  bb_before: "", // 报备人预约车辆时间设置
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  time: [
															
 
																+    { required: true, message: "姓名不能为空", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern: /^(0|[1-9]\d*)$/,
															
 
																+      message: "请输入正确数字",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  quota: [
															
 
																+    { required: true, message: "额度不能为空", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern: /^(?!0\d)\d+(?:\.\d{1,2})?$/,
															
 
																+      message: "请输入正确额度",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+});
															
 
																+
															
 
																+// 获取系统设置数据
															
 
																+const getlist = async (message) => {
															
 
																+  // let res = await axios({
															
 
																+  //   method: "post",
															
 
																+  //   url: api.value + "/carBook/cnqueryHb.action",
															
 
																+  //   headers: {
															
 
																+  //     token: sessionStorage.getItem("token"),
															
 
																+  //   },
															
 
																+  // });
															
 
																+  // console.log(res);
															
 
																+  // if (res.data.code == 200) {
															
 
																+  //   if (message) {
															
 
																+  //     ElMessage({
															
 
																+  //       type: "success",
															
 
																+  //       showClose: true,
															
 
																+  //       message: message,
															
 
																+  //       center: true,
															
 
																+  //     });
															
 
																+  //   }
															
 
																+  // } else {
															
 
																+  //   ElMessage({
															
 
																+  //     type: "error",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.data.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  //   if (res.data.message == "token错误") {
															
 
																+  //     router.push({
															
 
																+  //       path: `/login`,
															
 
																+  //     });
															
 
																+  //   }
															
 
																+  // }
															
 
																+};
															
 
																+const getTimeList = async () => {
															
 
																+  // let res = await axios({
															
 
																+  //   method: "post",
															
 
																+  //   url: api.value + "/carBook/weekConfigqueryList.action",
															
 
																+  //   headers: {
															
 
																+  //     token: sessionStorage.getItem("token"),
															
 
																+  //   },
															
 
																+  // });
															
 
																+  // console.log(res, "开始时间段配置");
															
 
																+  // if (res.data.code == 200) {
															
 
																+  //   let resData = res.data.data;
															
 
																+  // } else {
															
 
																+  //   ElMessage({
															
 
																+  //     type: "error",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.data.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  //   if (res.data.message == "token错误") {
															
 
																+  //     router.push({
															
 
																+  //       path: `/login`,
															
 
																+  //     });
															
 
																+  //   }
															
 
																+  // }
															
 
																+};
															
 
																+
															
 
																+const timeUpdata = async () => {
															
 
																+  // let data = {
															
 
																+  //   yy_duration: ruleForm.yy_duration,
															
 
																+  //   scanInterval: ruleForm.scanInterval,
															
 
																+  //   yy_end: ruleForm.yy_end,
															
 
																+  //   hh_end: ruleForm.hh_end,
															
 
																+  //   black_count: ruleForm.black_count,
															
 
																+  //   notice_time: ruleForm.notice_time,
															
 
																+  //   sm_start: ruleForm.startTime,
															
 
																+  //   sm_end: ruleForm.endTime,
															
 
																+  //   bb_before: ruleForm.bb_before,
															
 
																+  //   id: ruleForm.id,
															
 
																+  // };
															
 
																+  // let res = await axios({
															
 
																+  //   method: "post",
															
 
																+  //   url: api.value + "/carBook/cnupdate.action",
															
 
																+  //   headers: {
															
 
																+  //     "Content-Type": "application/json;charset=utf-8",
															
 
																+  //     token: sessionStorage.getItem("token"),
															
 
																+  //   },
															
 
																+  //   data: data,
															
 
																+  // });
															
 
																+  // console.log(res, "修改候补");
															
 
																+  // if (res.data.code == 200) {
															
 
																+  //   // getlist();
															
 
																+  //   store.dispatch("sm_time");
															
 
																+  //   ElMessage({
															
 
																+  //     type: "success",
															
 
																+  //     showClose: true,
															
 
																+  //     message: res.data.message,
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  // } else {
															
 
																+  //   getlist();
															
 
																+  //   ElMessage({
															
 
																+  //     type: "error",
															
 
																+  //     showClose: true,
															
 
																+  //     message: "修改失败",
															
 
																+  //     center: true,
															
 
																+  //   });
															
 
																+  // }
															
 
																+};
															
 
																+
															
 
																+//编辑按钮
															
 
																+const edit = () => {};
															
 
																+// 取消
															
 
																+const cancel = () => {
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认
															
 
																+const submit = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getlist();
															
 
																+  getTimeList();
															
 
																+});
															
 
																+onUnmounted(() => {});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    // width: calc(100wh - 40px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: calc(100% - 60px);
															
 
																+    overflow: auto;
															
 
																+    margin: 0 auto;
															
 
																+    color: #000;
															
 
																+
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      flex-direction: column;
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        flex-direction: column;
															
 
																+        margin: 0;
															
 
																+        h3 {
															
 
																+          font-size: 19px;
															
 
																+          margin: 0px 12px 12px 0;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+          font-size: 16px;
															
 
																+          color: #000;
															
 
																+        }
															
 
																+        .addTime {
															
 
																+          display: flex;
															
 
																+          align-items: center;
															
 
																+          .el-checkbox-group {
															
 
																+            .el-checkbox {
															
 
																+              margin: 0 15px 0 0;
															
 
																+            }
															
 
																+          }
															
 
																+          :deep(.timePicker) {
															
 
																+            width: 200px;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+    .footer {
															
 
																+      margin: 10px 0 25px 0;
															
 
																+      .options {
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/log/log.vue
+++ b/src/views/log/log.vue
@@ -0,0 +1,517 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><UserFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">操作日志</span>
															
 
																+    </div>
															
 
																+
															
 
																+    <div class="filter">
															
 
																+      <div class="condition">
															
 
																+        <span>操作日期 : </span>
															
 
																+        <el-date-picker
															
 
																+          type="date"
															
 
																+          placeholder="请选择日期"
															
 
																+          format="YYYY-MM-DD"
															
 
																+          value-format="YYYY-MM-DD"
															
 
																+          v-model="searchInput.create_time"
															
 
																+        />
															
 
																+      </div>
															
 
																+
															
 
																+      <div class="condition">
															
 
																+        <span>车牌号 : </span>
															
 
																+        <el-select
															
 
																+          v-model="searchInput.car_number"
															
 
																+          class="m-2"
															
 
																+          placeholder="请选择车牌号"
															
 
																+          :clearable="true"
															
 
																+        >
															
 
																+          <el-option
															
 
																+            v-for="item in busNum.list"
															
 
																+            :key="item"
															
 
																+            :label="item.car_number"
															
 
																+            :value="item.car_number"
															
 
																+          />
															
 
																+        </el-select>
															
 
																+      </div>
															
 
																+      <!-- <div class="condition">
															
 
																+            <span>发车日期 : </span>
															
 
																+          
															
 
																+            <el-date-picker
															
 
																+              type="date"
															
 
																+              placeholder="请选择日期"
															
 
																+              format="YYYY-MM-DD"
															
 
																+              value-format="YYYY-MM-DD"
															
 
																+              v-model="searchInput.s_date"
															
 
																+            />
															
 
																+          </div> -->
															
 
																+      <el-button
															
 
																+        color="rgba(61, 81, 232, 1)"
															
 
																+        type="primary"
															
 
																+        class="search"
															
 
																+        @click="search"
															
 
																+        ><el-icon><Search /></el-icon><span>搜索</span></el-button
															
 
																+      >
															
 
																+      <el-button
															
 
																+        style="margin-left: 20px"
															
 
																+        color="rgba(61, 81, 232, 1)"
															
 
																+        type="primary"
															
 
																+        class="search"
															
 
																+        @click="resetSearch"
															
 
																+        ><el-icon><Search /></el-icon><span>重置</span></el-button
															
 
																+      >
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        style="width: 100%;"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <el-table-column
															
 
																+          width="280"
															
 
																+          align="center"
															
 
																+          prop="create_time"
															
 
																+          label="操作日期"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          width="100"
															
 
																+          prop="admin_name"
															
 
																+          label="操作账号"
															
 
																+        />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          width="150"
															
 
																+          prop="car_number"
															
 
																+          label="车牌"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="record1" label="操作详情" />
															
 
																+      </el-table>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页数据 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, watch, onBeforeMount, onMounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { Select, Pointer, Upload } from "@element-plus/icons-vue";
															
 
																+import { JSEncrypt } from "jsencrypt"; // 加密密码
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import axios from "axios";
															
 
																+import lodash from "lodash";
															
 
																+import adminApi from "@/api/admin.js";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+const api = ref("");
															
 
																+// 搜索框数据
															
 
																+const searchInput = reactive({
															
 
																+  startTime: "",
															
 
																+  car_number: "",
															
 
																+});
															
 
																+
															
 
																+const busNum = reactive({ list: [] }); // 车牌号
															
 
																+
															
 
																+// 表格数据
															
 
																+const tableData = reactive({
															
 
																+  list: [], //汇总数据
															
 
																+});
															
 
																+
															
 
																+const pageSize = ref(10);
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const total = ref(10); // 当前总数
															
 
																+
															
 
																+// 获取数据列表
															
 
																+const getList = async () => {
															
 
																+  {
															
 
																+    let data = new FormData();
															
 
																+    let time = dayjs().format("YYYY-MM-DD");
															
 
																+    console.log(searchInput.car_number);
															
 
																+    console.log(searchInput.create_time == null);
															
 
																+
															
 
																+    if (searchInput.car_number) {
															
 
																+      data.set("car_number", searchInput.car_number);
															
 
																+    }
															
 
																+    if (
															
 
																+      typeof searchInput.create_time == "undefined" ||
															
 
																+      searchInput.create_time == null
															
 
																+    ) {
															
 
																+      data.set("create_time", "");
															
 
																+    } else {
															
 
																+      data.set("create_time", searchInput.create_time);
															
 
																+    }
															
 
																+    data.set("page", currentPage.value);
															
 
																+    data.set("rows", pageSize.value);
															
 
																+    let res = await axios({
															
 
																+      method: "post",
															
 
																+      url: api.value + "/carBook/logslist.action",
															
 
																+      headers: {
															
 
																+        token: sessionStorage.getItem("token"),
															
 
																+      },
															
 
																+      data: data,
															
 
																+    });
															
 
																+    console.log(res, "操作日志");
															
 
																+    if (res.status == 200) {
															
 
																+      tableData.list = res.data.rows;
															
 
																+      // currentPage.value = res.data.currentPage;
															
 
																+      total.value = res.data.total;
															
 
																+    } else {
															
 
																+      tableData.list = res.data.rows;
															
 
																+      currentPage.value = 1;
															
 
																+      total.value = res.data.total;
															
 
																+      ElMessage({
															
 
																+        type: "error",
															
 
																+        showClose: true,
															
 
																+        message: res.data.message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+      if (res.data.message == "token错误") {
															
 
																+        router.push({
															
 
																+          path: `/login`,
															
 
																+        });
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 搜索按钮
															
 
																+const search = lodash.debounce(() => {
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 重置搜索框
															
 
																+const resetSearch = lodash.debounce(() => {
															
 
																+  searchInput.create_time = "";
															
 
																+  searchInput.car_number = "";
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onMounted(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  busNum.list = JSON.parse(sessionStorage.getItem("busSelect"));
															
 
																+
															
 
																+  getList();
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    justify-content: space-between;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    // padding: 10px 0;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+  }
															
 
																+  .filter {
															
 
																+    display: flex;
															
 
																+    flex-wrap: wrap;
															
 
																+    align-items: center;
															
 
																+
															
 
																+    //   width: 100%;
															
 
																+    .condition {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 15px 30px 15px 30px;
															
 
																+      color: #000;
															
 
																+      :deep(.el-input .el-input__inner) {
															
 
																+        font-size: 16px;
															
 
																+      }
															
 
																+      span {
															
 
																+        margin: 0 10px 0 0;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  :deep(.sendBus) {
															
 
																+    //   height: 420px;
															
 
																+    border-radius: 11px;
															
 
																+    .el-dialog__header {
															
 
																+      border-radius: 11px 11px 0 0;
															
 
																+      background: rgba(237, 241, 245, 1);
															
 
																+      font-weight: 600;
															
 
																+      margin: 0;
															
 
																+      .el-dialog__headerbtn {
															
 
																+        outline: none;
															
 
																+      }
															
 
																+    }
															
 
																+    .el-dialog__body {
															
 
																+      padding: 30px 20px 10px 20px;
															
 
																+      .el-form-item--feedback {
															
 
																+        .el-input__validateIcon {
															
 
																+          color: rgba(61, 81, 232, 1);
															
 
																+        }
															
 
																+      }
															
 
																+      .el-form-item.is-error .el-input__validateIcon {
															
 
																+        color: red;
															
 
																+      }
															
 
																+      .el-input {
															
 
																+        width: 200px;
															
 
																+      }
															
 
																+
															
 
																+      .options {
															
 
																+        margin-left: 200px;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  :deep(.mergeBus) {
															
 
																+    //   height: 420px;
															
 
																+    border-radius: 11px;
															
 
																+    /* 去掉全选按钮 */
															
 
																+
															
 
																+    .el-dialog__header {
															
 
																+      border-radius: 11px 11px 0 0;
															
 
																+      background: rgba(237, 241, 245, 1);
															
 
																+      font-weight: 600;
															
 
																+      margin: 0;
															
 
																+
															
 
																+      .el-dialog__headerbtn {
															
 
																+        outline: none;
															
 
																+      }
															
 
																+    }
															
 
																+    .el-dialog__body {
															
 
																+      padding: 30px 20px 10px 20px;
															
 
																+      .el-table__header {
															
 
																+        font-size: 17px;
															
 
																+      }
															
 
																+      .el-table__body-wrapper {
															
 
																+        .el-table__row {
															
 
																+          height: 48px;
															
 
																+          font-size: 17px;
															
 
																+          color: #000;
															
 
																+          td {
															
 
																+            padding: 0;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+
															
 
																+      .el-table__inner-wrapper::before {
															
 
																+        height: 0;
															
 
																+      }
															
 
																+      .el-table__inner-wrapper {
															
 
																+        .el-table__header-wrapper {
															
 
																+          .el-table__header {
															
 
																+            .disabledsele .cell .el-checkbox__inner {
															
 
																+              display: none !important;
															
 
																+            }
															
 
																+            .disabledsele .cell::before {
															
 
																+              content: "操作";
															
 
																+              text-align: center;
															
 
																+              line-height: 37px;
															
 
																+            }
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+
															
 
																+      .el-form-item--feedback {
															
 
																+        .el-input__validateIcon {
															
 
																+          color: rgba(61, 81, 232, 1);
															
 
																+        }
															
 
																+      }
															
 
																+      .el-form-item.is-error .el-input__validateIcon {
															
 
																+        color: red;
															
 
																+      }
															
 
																+      .el-input {
															
 
																+        width: 200px;
															
 
																+      }
															
 
																+
															
 
																+      .options {
															
 
																+        margin-left: 200px;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    .btn {
															
 
																+      width: 100%;
															
 
																+      height: 40px;
															
 
																+      margin-bottom: 20px;
															
 
																+      display: flex;
															
 
																+      flex-direction: row-reverse;
															
 
																+      align-items: center;
															
 
																+      justify-content: space-between;
															
 
																+      .txt {
															
 
																+        font-size: 18px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex:1;
															
 
																+    margin: 10px auto 10px;
															
 
																+    overflow: auto;
															
 
																+    :deep(.el-table__header-wrapper) {
															
 
																+      height: 48px;
															
 
																+
															
 
																+      .el-table__header {
															
 
																+        height: 48px;
															
 
																+        font-size: 16px;
															
 
																+      }
															
 
																+    }
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 48px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      :deep(.el-button) {
															
 
																+        width: 50px;
															
 
																+        height: 26px;
															
 
																+        border-radius: 40px;
															
 
																+        font-size: 15px;
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 3px 10px;
															
 
																+        border-radius: 40px;
															
 
																+        // border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.lookcar) {
															
 
																+        padding: 3px 10px;
															
 
																+        border-radius: 40px;
															
 
																+        // border: 0.74px solid #e6a23c;
															
 
																+      }
															
 
																+      :deep(.lookdel) {
															
 
																+        padding: 3px 5px;
															
 
																+        border-radius: 40px;
															
 
																+        // border: 0.74px solid #fa7070;
															
 
																+      }
															
 
																+      // 输出链接弹窗样式
															
 
																+      :deep(.link .el-dialog__header) {
															
 
																+        text-align: left;
															
 
																+        font-size: 20px;
															
 
																+        font-weight: 600;
															
 
																+      }
															
 
																+      :deep(.link .el-dialog__body) {
															
 
																+        padding: 10px 20px;
															
 
																+        height: 100px;
															
 
																+        margin-bottom: 10px;
															
 
																+      }
															
 
																+      .link {
															
 
																+        .linkcontent {
															
 
																+          text-align: left;
															
 
																+          height: 100px;
															
 
																+          border: 1px solid #ccc;
															
 
																+          p {
															
 
																+            margin: 5px 10px;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+
															
 
																+      :deep(.playVideo .el-dialog__header) {
															
 
																+        text-align: left;
															
 
																+        font-size: 20px;
															
 
																+        font-weight: 600;
															
 
																+        background-color: #ccc;
															
 
																+        margin-right: 0;
															
 
																+      }
															
 
																+      :deep(.playVideo .el-dialog__body) {
															
 
																+        height: 600px;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    // width: 1600px;
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -0,0 +1,303 @@
 
																+<template>
															
 
																+  <div class="box">
															
 
																+    <!-- <div class="middle"></div> -->
															
 
																+    <div class="left">
															
 
																+      <div class="loginForm">
															
 
																+        <div
															
 
																+          style="
															
 
																+            display: flex;
															
 
																+            align-items: center;
															
 
																+            justify-content: center;
															
 
																+            margin-top: 104px;
															
 
																+            margin-bottom: 121px;
															
 
																+          "
															
 
																+        >
															
 
																+          <img
															
 
																+            src="@/assets/nanchang.png"
															
 
																+            alt=""
															
 
																+            style="width: 56px; height: 56px; margin-right: 10px"
															
 
																+          />
															
 
																+          <span
															
 
																+            style="
															
 
																+              font-size: 38px;
															
 
																+              font-weight: 500;
															
 
																+              letter-spacing: 0px;
															
 
																+              color: rgba(0, 0, 0, 1);
															
 
																+            "
															
 
																+          >校团约车管理系统</span>
															
 
																+        </div>
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          status-icon
															
 
																+          :rules="rules"
															
 
																+          label-width="120px"
															
 
																+          class="demo-ruleForm"
															
 
																+        >
															
 
																+          <el-form-item label="" prop="user">
															
 
																+            <el-input
															
 
																+              :prefix-icon="User"
															
 
																+              v-model="ruleForm.user"
															
 
																+              placeholder="请输入登录名"
															
 
																+              autocomplete="off"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="" prop="pass">
															
 
																+            <el-input
															
 
																+              :prefix-icon="Lock"
															
 
																+              show-password
															
 
																+              v-model="ruleForm.pass"
															
 
																+              type="password"
															
 
																+              autocomplete="off"
															
 
																+              placeholder="请输入登录密码"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-checkbox v-model="checked" class="remeberPwd el-form-item">
															
 
																+            记住密码</el-checkbox
															
 
																+          >
															
 
																+          <el-form-item>
															
 
																+            <el-button
															
 
																+              :loading="loading"
															
 
																+              type="primary"
															
 
																+              @click="submitForm(ruleFormRef)"
															
 
																+              >登录</el-button
															
 
																+            >
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </div>
															
 
																+      <div class="rLogin">
															
 
																+        <img src="@/assets/login3.png" alt="" />
															
 
																+      </div>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, onMounted, onUnmounted } from "vue";
															
 
																+import { User, Lock } from "@element-plus/icons-vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage } from "element-plus";
															
 
																+import { JSEncrypt } from "jsencrypt"; // 加密密码
															
 
																+import adminApi from "@/api/admin.js";
															
 
																+import { useStore } from "vuex";
															
 
																+import axios from "axios";
															
 
																+
															
 
																+const router = useRouter();
															
 
																+const api = ref("");
															
 
																+const store = useStore();
															
 
																+const loading = ref(false);
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  user: "",
															
 
																+  pass: "",
															
 
																+});
															
 
																+const checked = ref(false); // 记住密码
															
 
																+
															
 
																+const rules = reactive({
															
 
																+  user: [{ required: true, message: "请填写用户名", trigger: "blur" }],
															
 
																+  pass: [{ required: true, message: "请填写密码", trigger: "blur" }],
															
 
																+});
															
 
																+
															
 
																+const submitForm = (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  formEl.validate(async (valid) => {
															
 
																+    if (valid) {
															
 
																+      loading.value = true;
															
 
																+      // let publicKey =
															
 
																+      //   "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDMOcPB06u5yKyQsPjfVWiWgbEIrd14kiXNNihciaVKb6HnkQvq7zpQuZ80WEX94spnUMI3iOAl/GmIvHrpGwcbB4hJbznm+PajiwnUSPuCCXA68YJF640cJKb/8KeM7WVz69OFkIEPHhVxOy4FFF5QWe/kt6zOZ19HmE+ak+5x/QIDAQAB";
															
 
																+      // let encryptor = new JSEncrypt(); // 新建JSEncrypt对象
															
 
																+      // encryptor.setPublicKey(publicKey); // 设置公钥
															
 
																+      // let rsaPassWord = encryptor.encrypt(ruleForm.pass); // 对密码进行加密
															
 
																+      // console.log(rsaPassWord);
															
 
																+      // let logincontent = {
															
 
																+      //   number: ruleForm.user,
															
 
																+      //   password: ruleForm.pass,
															
 
																+      // };
															
 
																+      let data = new FormData();
															
 
																+      data.set("number", ruleForm.user);
															
 
																+      data.set("password", ruleForm.pass); //前面的key记得对应！
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/adminlogin.action",
															
 
																+        data: data,
															
 
																+      });
															
 
																+
															
 
																+      console.log(res);
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (checked.value) {
															
 
																+          localStorage.setItem("user", ruleForm.user);
															
 
																+          localStorage.setItem("pass", ruleForm.pass);
															
 
																+        } else {
															
 
																+          localStorage.removeItem("user", ruleForm.user);
															
 
																+          localStorage.removeItem("pass", ruleForm.pass);
															
 
																+        }
															
 
																+        sessionStorage.setItem("token", res.data.access_token);
															
 
																+        sessionStorage.setItem("username", res.data.data[0].number);
															
 
																+        sessionStorage.setItem("sidevarItem", 9);
															
 
																+        store.commit("indexUp", 9);
															
 
																+        store.commit("userName", res.data.data[0].number);
															
 
																+        store.commit("passWord", res.data.data[0].password);
															
 
																+        router.push({
															
 
																+          path: `/schoolBus/busquery`,
															
 
																+        });
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: "登录成功",
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: "登录失败",
															
 
																+          center: true,
															
 
																+        });
															
 
																+        loading.value = false;
															
 
																+      }
															
 
																+    } else {
															
 
																+      return false;
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+const Enters = (e) => {
															
 
																+  // console.log("按键:", e.key);
															
 
																+  if (e.key == "Enter") {
															
 
																+    submitForm(ruleFormRef.value);
															
 
																+  }
															
 
																+};
															
 
																+onMounted(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  if (localStorage.getItem("pass") && localStorage.getItem("user")) {
															
 
																+    ruleForm.user = localStorage.getItem("user");
															
 
																+    ruleForm.pass = localStorage.getItem("pass");
															
 
																+    checked.value = true;
															
 
																+  }
															
 
																+  if (localStorage.getItem("user")) {
															
 
																+    ruleForm.user = localStorage.getItem("user");
															
 
																+  }
															
 
																+  document.addEventListener("keyup", Enters);
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style lang="scss" scoped>
															
 
																+.box {
															
 
																+  width: 100%;
															
 
																+  height: 100vh;
															
 
																+  background: url(@/assets/login.png);
															
 
																+  background-size: cover;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+  justify-content: center;
															
 
																+  // .middle {
															
 
																+  //   width: 1180px;
															
 
																+  //   height: 740px;
															
 
																+  //   position: absolute;
															
 
																+
															
 
																+  // }
															
 
																+  .left {
															
 
																+    box-shadow: 39px 30px 58px 0px rgba(8, 53, 115, 0.55);
															
 
																+
															
 
																+    width: 1180px;
															
 
																+    height: 740px;
															
 
																+    border-radius: 18px;
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    background-image: url(@/assets/login2.png);
															
 
																+    background-size: 110% 116%;
															
 
																+    background-position: -19px -28px;
															
 
																+    .loginForm {
															
 
																+      width: 497px;
															
 
																+      height: 740px;
															
 
																+      background-color: #fff;
															
 
																+      border-radius: 18px 0 0 18px;
															
 
																+
															
 
																+      .el-form {
															
 
																+        width: 500px;
															
 
																+        display: flex;
															
 
																+        flex-direction: column;
															
 
																+        justify-content: center;
															
 
																+        align-items: center;
															
 
																+        .el-form-item {
															
 
																+          width: 420px;
															
 
																+          height: 60px;
															
 
																+          // margin-bottom: 40px;
															
 
																+
															
 
																+          :deep(.el-form-item__content) {
															
 
																+            margin-left: 0 !important;
															
 
																+
															
 
																+            .el-input {
															
 
																+              height: 60px;
															
 
																+
															
 
																+              .el-input__wrapper {
															
 
																+                border-radius: 12px;
															
 
																+                .el-input__prefix {
															
 
																+                  margin: 0 10px 0 12px;
															
 
																+                }
															
 
																+              }
															
 
																+
															
 
																+              .el-icon {
															
 
																+                width: 24px;
															
 
																+                height: 24px;
															
 
																+                svg {
															
 
																+                  width: 24px;
															
 
																+                  height: 24px;
															
 
																+                }
															
 
																+              }
															
 
																+              .el-input__inner {
															
 
																+                height: 100%;
															
 
																+                font-size: 24px;
															
 
																+              }
															
 
																+            }
															
 
																+            .el-form-item__error {
															
 
																+              font-size: 16px;
															
 
																+            }
															
 
																+            .el-button {
															
 
																+              width: 100%;
															
 
																+              height: 60px;
															
 
																+              font-size: 24px;
															
 
																+              border-radius: 12px;
															
 
																+            }
															
 
																+          }
															
 
																+
															
 
																+          .el-button--primary {
															
 
																+            width: 380px;
															
 
																+          }
															
 
																+        }
															
 
																+        .remeberPwd {
															
 
																+          height: 30px;
															
 
																+          margin-bottom: 30px;
															
 
																+          :deep(.el-checkbox__input) {
															
 
																+            .el-checkbox__inner {
															
 
																+              width: 18px;
															
 
																+              height: 18px;
															
 
																+            }
															
 
																+            .el-checkbox__inner::after {
															
 
																+              width: 6px;
															
 
																+              height: 12px;
															
 
																+              top: -1px;
															
 
																+            }
															
 
																+          }
															
 
																+          :deep(.el-checkbox__label) {
															
 
																+            font-size: 18px;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .rLogin {
															
 
																+      width: 683px;
															
 
																+      height: 740px;
															
 
																+      border-radius: 0 18px 18px 0;
															
 
																+      display: flex;
															
 
																+      img {
															
 
																+        width: 683px;
															
 
																+        align-self: flex-end;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/views/news/news.vue
+++ b/src/views/news/news.vue
@@ -0,0 +1,655 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">消息通知</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>创建时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            placeholder="请选择时间"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>状态 : </span>
															
 
																+          <el-select
															
 
																+            style="width: 120px"
															
 
																+            v-model="searchInput.state"
															
 
																+            class="m-2"
															
 
																+            placeholder="请选择状态"
															
 
																+          >
															
 
																+            <el-option label="全部" value="2" />
															
 
																+            <el-option label="已读" value="1" />
															
 
																+            <el-option label="未读" value="0" />
															
 
																+          </el-select>
															
 
																+        </div>
															
 
																+
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>搜索</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button type="primary" color="rgba(61, 81, 232, 1)" @click="reset"
															
 
																+          ><el-icon><RefreshRight /></el-icon><span>刷新</span></el-button
															
 
																+        >
															
 
																+        <el-button type="danger" @click="allLook" color="rgba(61, 81, 232, 1)">
															
 
																+          <img
															
 
																+            src="@/assets/read.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>一键已读</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+
															
 
																+      <!-- 编辑/新增摄像头IP -->
															
 
																+      <el-dialog
															
 
																+        v-model="centerDialogVisible"
															
 
																+        :title="dialongTitle"
															
 
																+        width="40%"
															
 
																+        align-center
															
 
																+        :before-close="editClose"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="120px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="厂商" prop="count">
															
 
																+            <el-input v-model="ruleForm.count" placeholder="请输入厂商" />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="IP地址" prop="name">
															
 
																+            <el-input v-model="ruleForm.name" placeholder="请输入IP地址" />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="状态" prop="region">
															
 
																+            <el-select v-model="ruleForm.region" placeholder="请选择状态">
															
 
																+              <el-option label="在线" value="1" />
															
 
																+              <el-option label="离线" value="0" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item
															
 
																+            label="创建人"
															
 
																+            prop="username"
															
 
																+            v-show="dialongTitle == '新增摄像头IP'"
															
 
																+          >
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.username"
															
 
																+              placeholder="请输入创建人姓名"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="摄像头密码" prop="pass">
															
 
																+            <el-input v-model="ruleForm.pass" placeholder="请输入摄像头密码" />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item
															
 
																+            label="最后更新人"
															
 
																+            prop="username"
															
 
																+            v-show="dialongTitle == '修改摄像头IP'"
															
 
																+          >
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.username"
															
 
																+              placeholder="请输入更新人姓名"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="设备型号" prop="date1">
															
 
																+            <el-input v-model="ruleForm.date1" placeholder="请输入设备型号" />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="协议" prop="types">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.types"
															
 
																+              placeholder="请输入协议"
															
 
																+            ></el-input>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="安装位置" prop="date2">
															
 
																+            <el-input v-model="ruleForm.date2" placeholder="请输入安装位置" />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item label="摄像机编码" prop="resource">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.resource"
															
 
																+              placeholder="请输入摄像机编码"
															
 
																+            >
															
 
																+            </el-input>
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="备注" prop="desc">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.desc"
															
 
																+              type="textarea"
															
 
																+              placeholder="请输入备注"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item>
															
 
																+            <el-button type="primary" @click="submitForm(ruleFormRef)">
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+            <el-button @click="resetForm(ruleFormRef)">重置</el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="create_time"
															
 
																+          label="创建时间"
															
 
																+          width="250"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="message" label="消息" />
															
 
																+        <el-table-column align="center" prop="state" label="状态" width="200">
															
 
																+          <template #default="scope">
															
 
																+            <div v-if="scope.row.state == 1">已读</div>
															
 
																+            <div v-else-if="scope.row.state == 0" style="color: red">未读</div>
															
 
																+          </template> </el-table-column
															
 
																+        >>
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="look(scope.row)"
															
 
																+              ><div class="look">查看</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const api = ref("");
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref(""); // 弹窗标题
															
 
																+
															
 
																+const searchInput = reactive({
															
 
																+  state: "全部",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+5;
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(10); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const centerDialogVisible = ref(false); // 控制新增或修改弹窗开关
															
 
																+const videoDialogVisible = ref(false); // 控制播放弹窗开关
															
 
																+
															
 
																+const urlLink = ref(); // 输出链接
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  name: "",
															
 
																+  region: "",
															
 
																+  count: "",
															
 
																+  date1: "",
															
 
																+  date2: "",
															
 
																+  types: [],
															
 
																+  resource: "",
															
 
																+  desc: "",
															
 
																+  username: "",
															
 
																+  pass: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  region: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "状态不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  name: [
															
 
																+    { required: true, message: "IP地址不能为空", trigger: "blur" },
															
 
																+    // { min: 3, max: 5, message: "Length should be 3 to 5", trigger: "blur" },
															
 
																+  ],
															
 
																+  count: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "厂商不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  date1: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "设备型号不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  date2: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "安装位置不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  types: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "协议不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  username: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "更新人员姓名不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  pass: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "密码不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  resource: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "摄像机编码不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  // desc: [{ required: true, message: "Please input activity form", trigger: "blur" }],
															
 
																+});
															
 
																+// 获取消息列表
															
 
																+const getList = async () => {
															
 
																+  let data = new FormData();
															
 
																+  // console.log(searchInput.state === 0);
															
 
																+
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  if (searchInput.state == 2 || searchInput.state == "全部") {
															
 
																+  } else {
															
 
																+    data.set("state", searchInput.state);
															
 
																+  }
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userqueryMes.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    if (res.data.currentPage) {
															
 
																+      currentPage.value = res.data.currentPage;
															
 
																+    } else {
															
 
																+      currentPage.value = 1;
															
 
																+    }
															
 
																+    // if (tableData.list) {
															
 
																+    //   let newsArr = tableData.list.filter((item) => {
															
 
																+    //     return item.state == 0;
															
 
																+    //   });
															
 
																+    //   console.log(newsArr.length);
															
 
																+    //   sessionStorage.setItem("newsNum", newsArr.length);
															
 
																+    // } else {
															
 
																+    //   sessionStorage.setItem("newsNum", 0);
															
 
																+    // }
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+// 刷新
															
 
																+const reset = async () => {
															
 
																+  searchInput.state = "全部";
															
 
																+  searchInput.createTime = "";
															
 
																+  let data = new FormData();
															
 
																+  console.log(searchInput.state === 0);
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userqueryMes.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    if (res.data.currentPage) {
															
 
																+      currentPage.value = res.data.currentPage;
															
 
																+    } else {
															
 
																+      currentPage.value = 1;
															
 
																+    }
															
 
																+    if (tableData.list) {
															
 
																+      let newsArr = tableData.list.filter((item) => {
															
 
																+        return item.state == 0;
															
 
																+      });
															
 
																+      console.log(newsArr.length);
															
 
																+      sessionStorage.setItem("newsNum", newsArr.length);
															
 
																+    } else {
															
 
																+      sessionStorage.setItem("newsNum", 0);
															
 
																+    }
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+// 路由
															
 
																+const handleSelect = (key, keyPath) => {};
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+
															
 
																+// 查看按钮
															
 
																+const look = async (row) => {
															
 
																+  let data = new FormData();
															
 
																+  data.set("id", row.id);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userupdateMesState.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    store.dispatch("newsAsync");
															
 
																+    router.push({
															
 
																+      path: `/schoolBus/statement`,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 查看按钮
															
 
																+const allLook = async (row) => {
															
 
																+  let data = new FormData();
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userupdateAllMesState.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    getList();
															
 
																+    store.dispatch("newsAsync");
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: 97.5%;
															
 
																+  height: 89%;
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    // width: calc(100wh - 40px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: 96%;
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: 96%;
															
 
																+    height: 550px;
															
 
																+    margin: 10px auto 30px;
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 14px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    // width: 1600px;
															
 
																+    width: 96%;
															
 
																+    margin: 0 auto 18px;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/report/report.vue
+++ b/src/views/report/report.vue
@@ -0,0 +1,879 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">报备管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>姓名 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.name"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入姓名"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <!-- <div class="condition">
															
 
																+          <span>手机号码 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入手机号码"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div> -->
															
 
																+        <div class="condition">
															
 
																+          <span>创建时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+            :prefix-icon="Calendar"
															
 
																+            placeholder="请选择日期"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button type="primary" color="rgba(61, 81, 232, 1)" @click="addlist"
															
 
																+          ><el-icon><CirclePlus /></el-icon><span>新增报备人员</span></el-button
															
 
																+        >
															
 
																+        <!-- <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        > -->
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+        <el-table-column align="center" prop="user_name" label="姓名" />
															
 
																+        <el-table-column align="center" prop="card_number" label="卡号" />
															
 
																+        <el-table-column align="center" width="300" label="有效时间">
															
 
																+          <template #default="scope">
															
 
																+            <div>{{ scope.row.start_time + " ~ " + scope.row.end_time }}</div>
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+        <el-table-column align="center" prop="user_phone" label="电话号码" />
															
 
																+        <el-table-column align="center" label="操作">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="edit(scope.row)"
															
 
																+              ><div class="look">编辑</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="del(scope.row)"
															
 
																+              ><div class="looks">删除</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加报备人员弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="609"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="姓名 :" prop="name">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.name"
															
 
																+              placeholder="请输入姓名"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="卡号 :" prop="cardnumber">
															
 
																+            <!-- <el-tooltip
															
 
																+              :visible="cardVisible"
															
 
																+              placement="right-start"
															
 
																+              effect="light"
															
 
																+            >
															
 
																+              <template #content>
															
 
																+                <span>微校卡号</span>
															
 
																+              </template>
															
 
																+              <el-input
															
 
																+                v-model="ruleForm.cardnumber"
															
 
																+                placeholder="请输入卡号"
															
 
																+                clearable
															
 
																+                @focus="cardShow"
															
 
																+                @blur="cardHide"
															
 
																+              />
															
 
																+            </el-tooltip> -->
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.cardnumber"
															
 
																+              placeholder="请输入微校卡号"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item label="手机号码 :">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.phone"
															
 
																+              placeholder="请输入手机号码"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <!-- <el-form-item label="类型 :" prop="post">
															
 
																+            <el-select
															
 
																+              v-model="ruleForm.post"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择职位"
															
 
																+            >
															
 
																+              <el-option label="临时人员" value="临时人员" />
															
 
																+              <el-option label="学生" value="学生" />
															
 
																+            </el-select>
															
 
																+          </el-form-item> -->
															
 
																+          <el-form-item
															
 
																+            label="有效时间 :"
															
 
																+            prop="startTime"
															
 
																+            style="padding-bottom: 30px"
															
 
																+          >
															
 
																+            <el-date-picker
															
 
																+              v-model="ruleForm.startTime"
															
 
																+              type="daterange"
															
 
																+              range-separator="-"
															
 
																+              start-placeholder="开始时间"
															
 
																+              end-placeholder="结束时间"
															
 
																+              format="YYYY-MM-DD"
															
 
																+              value-format="YYYY-MM-DD"
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-divider />
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增报备人员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+const cardVisible = ref(false); // 卡号提示文字
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  post: "0",
															
 
																+  cardnumber: "",
															
 
																+  startTime: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  name: [
															
 
																+    { required: true, message: "姓名不能为空", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern: /[\u4e00-\u9fa5]$/,
															
 
																+      message: "请输入正确姓名",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  // /^[\u4E00-\u9FA5]$/
															
 
																+  cardnumber: [
															
 
																+    { required: true, message: "卡号不能为空", trigger: "blur" },
															
 
																+    // {
															
 
																+    //   // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+    //   // pattern: /^[0-9]*$/,
															
 
																+    //   message: "请输入正确卡号(数字类型)",
															
 
																+    //   trigger: "blur",
															
 
																+    // },
															
 
																+  ],
															
 
																+  phone: [
															
 
																+    { required: true, message: "请输入手机号", trigger: "blur" },
															
 
																+    {
															
 
																+      // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+      pattern: /^((\(\+86\))|(\(86\)))?[1][3456789][0-9]{9}$/,
															
 
																+      message: "请输入合法手机号/电话号",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  post: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "职位不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  startTime: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "请选择时间段",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+
															
 
																+  // desc: [{ required: true, message: "Please input activity form", trigger: "blur" }],
															
 
																+});
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  // let res = await adminApi.adminLogin(data);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/ubblist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res, "报备数据");
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    tableData.list = res.data.rows;
															
 
																+    // currentPage.value = res.data.currentPage;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+  // console.log(res);
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 添加员工
															
 
																+const addlist = () => {
															
 
																+  dialongTitle.value = "新增报备人员";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.name = "";
															
 
																+  ruleForm.cardnumber = "";
															
 
																+  ruleForm.phone = "";
															
 
																+  ruleForm.post = "";
															
 
																+  ruleForm.startTime = [];
															
 
																+};
															
 
																+//编辑按钮
															
 
																+const edit = (row) => {
															
 
																+  // console.log(ruleForm.startTime, row.start_time, row.end_time);
															
 
																+
															
 
																+  dialongTitle.value = "编辑报备人员";
															
 
																+  addDialogVisible.value = true;
															
 
																+  console.log(row);
															
 
																+  ruleForm.name = row.user_name;
															
 
																+  ruleForm.phone = row.user_phone;
															
 
																+  ruleForm.id = row.id;
															
 
																+  ruleForm.cardnumber = row.card_number;
															
 
																+  let data = [row.start_time, row.end_time];
															
 
																+  console.log(row.start_time == "");
															
 
																+  if (row.start_time != "") {
															
 
																+    ruleForm.startTime = data;
															
 
																+  } else {
															
 
																+    ruleForm.startTime = "";
															
 
																+  }
															
 
																+};
															
 
																+// 取消添加员工
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认添加员工
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      if (dialongTitle.value == "新增报备人员") {
															
 
																+        let data = {
															
 
																+          start_time: ruleForm.startTime[0],
															
 
																+          end_time: ruleForm.startTime[1],
															
 
																+          user_name: ruleForm.name,
															
 
																+          card_number: ruleForm.cardnumber,
															
 
																+          user_phone: ruleForm.phone,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/ubbinsert.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        console.log(res, "添加报备");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        let data = {
															
 
																+          user_name: ruleForm.name,
															
 
																+          user_phone: ruleForm.phone,
															
 
																+          id: ruleForm.id,
															
 
																+          card_number: ruleForm.cardnumber,
															
 
																+          start_time: ruleForm.startTime[0],
															
 
																+          end_time: ruleForm.startTime[1],
															
 
																+        };
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/ubbupdate.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        console.log(res, "修改报备");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+//删除按钮
															
 
																+const del = (row) => {
															
 
																+  ElMessageBox.confirm(`是否删除 ${row.user_name} 报备人员?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let data = new FormData();
															
 
																+      data.set("id", row.id);
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/ubbdel.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+          currentPage.value = currentPage.value - 1;
															
 
																+        }
															
 
																+        getList();
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+      console.log(res);
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消删除",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+
															
 
																+// 控制卡号显示
															
 
																+const cardShow = () => {
															
 
																+  cardVisible.value = true;
															
 
																+};
															
 
																+// 控制卡号隐藏
															
 
																+const cardHide = () => {
															
 
																+  cardVisible.value = false;
															
 
																+};
															
 
																+
															
 
																+//导出功能
															
 
																+// const importExcel = async () => {
															
 
																+//   if (searchInput.createTime == null) {
															
 
																+//     searchInput.createTime = "";
															
 
																+//   }
															
 
																+//   let data = new FormData();
															
 
																+//   data.set("user_name", searchInput.name);
															
 
																+//   data.set("user_phone", searchInput.phone);
															
 
																+//   data.set("create_time", searchInput.createTime);
															
 
																+//   let res = await axios({
															
 
																+//     method: "post",
															
 
																+//     url: api.value + "/carBook/usertoExcel.action",
															
 
																+//     headers: {
															
 
																+//       token: sessionStorage.getItem("token"),
															
 
																+//     },
															
 
																+//     data: data,
															
 
																+//   });
															
 
																+//   // console.log(res, "导出账号");
															
 
																+//   if (res.data.code == 200) {
															
 
																+//     // const elt = document.createElement("a");
															
 
																+//     // elt.setAttribute(
															
 
																+//     //   "href",
															
 
																+//     //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+//     // );
															
 
																+//     // // elt.setAttribute("download", "file.xlsx");
															
 
																+//     // // elt.style.display = "none";
															
 
																+//     // document.body.appendChild(elt);
															
 
																+//     // elt.click();
															
 
																+//     var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+//     console.log("获得地址数据:", downloadPath);
															
 
																+//     var downloadLink = document.createElement("a");
															
 
																+//     downloadLink.style.display = "none"; // 使其隐藏
															
 
																+//     downloadLink.href = downloadPath;
															
 
																+//     downloadLink.download = "";
															
 
																+//     downloadLink.click();
															
 
																+//     document.body.appendChild(downloadLink);
															
 
																+//     document.body.removeChild(downloadLink);
															
 
																+//     ElMessage({
															
 
																+//       type: "success",
															
 
																+//       showClose: true,
															
 
																+//       message: res.data.message,
															
 
																+//       center: true,
															
 
																+//     });
															
 
																+//   } else {
															
 
																+//     ElMessage({
															
 
																+//       type: "error",
															
 
																+//       showClose: true,
															
 
																+//       message: res.data.message,
															
 
																+//       center: true,
															
 
																+//     });
															
 
																+//   }
															
 
																+// };
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+  // let arr = [2, 4, 6, 3, 5, 8, 7, 9, 1];
															
 
																+  // for (let j = 1; j <= arr.length - 1; j++) {
															
 
																+  //   for (let i = 0; i <= arr.length - j; i++) {
															
 
																+  //     let a = arr[i];
															
 
																+  //     if (arr[i] > arr[i + 1]) {
															
 
																+  //       arr[i] = arr[i + 1];
															
 
																+  //       arr[i + 1] = a;
															
 
																+  //     }
															
 
																+  //   }
															
 
																+  // }
															
 
																+  // for (let j = 0; j <= arr.length - 2; j++) {
															
 
																+  //   for (let i = j + 1; i <= arr.length - 1; i++) {
															
 
																+  //     let a = arr[j];
															
 
																+  //     if (arr[j] < arr[i]) {
															
 
																+  //       arr[j] = arr[i];
															
 
																+  //       arr[i] = a;
															
 
																+  //     }
															
 
																+  //   }
															
 
																+  // }
															
 
																+  // let arr = [2, 4, 6, 3, 3, 4, 8, 9, 3, 1, 2, 5, 8, 7, 9, 1];
															
 
																+  // let arr2 = [];
															
 
																+  // for (let j = 0; j <= arr.length - 1; j++) {
															
 
																+  //   let flag = true;
															
 
																+  //   for (let i = 0; i <= arr2.length - 1; i++) {
															
 
																+  //     if (arr[j] == arr2[i]) {
															
 
																+  //       flag = false;
															
 
																+  //       break;
															
 
																+  //     }
															
 
																+  //   }
															
 
																+  //   if (flag) {
															
 
																+  //     arr2.push(arr[j]);
															
 
																+  //   }
															
 
																+  // }
															
 
																+  // console.log(arr2);
															
 
																+
															
 
																+  // let arr = [2, 4, 6, 3, 3, 4, 8, 9, 3, 1, 2, 5, 8, 7, 9, 1];
															
 
																+  // var newArr = arr.reduce((pre, cur) => {
															
 
																+  //   console.log(pre, cur);
															
 
																+  //   if (cur in pre) {
															
 
																+  //     pre[cur]++;
															
 
																+  //   } else {
															
 
																+  //     pre[cur] = 1;
															
 
																+  //   }
															
 
																+  //   return pre;
															
 
																+  // }, {}); //这里注意初始值要默认赋予空对象，不然会报错
															
 
																+  // console.log(newArr);
															
 
																+
															
 
																+  // let arr = [2, 4, 6, 3, 3, 4, 8, 9, 3, 1, 2, 5, 8, 7, 9, 1];
															
 
																+  // let newArr = arr.reduce((pre, cur) => {
															
 
																+  //   if (!pre.includes(cur)) {
															
 
																+  //     return pre.concat(cur);
															
 
																+  //   } else {
															
 
																+  //     return pre;
															
 
																+  //   }
															
 
																+  // }, []);
															
 
																+
															
 
																+  // console.log(newArr);
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 40px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex:1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        // .el-form-item {
															
 
																+        //   // width: 500px;
															
 
																+        // }
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin-left: 320px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    // width: 1600px;
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/staff/staff.vue
+++ b/src/views/staff/staff.vue
@@ -0,0 +1,797 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">驾驶员管理</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <span>姓名 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.name"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入姓名"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>手机号码 : </span>
															
 
																+          <el-input
															
 
																+            clearable
															
 
																+            v-model="searchInput.phone"
															
 
																+            class="w-50 m-2"
															
 
																+            placeholder="请输入手机号码"
															
 
																+            style="width: 150px"
															
 
																+          />
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <span>创建时间 : </span>
															
 
																+          <el-date-picker
															
 
																+            v-model="searchInput.createTime"
															
 
																+            type="date"
															
 
																+            format="YYYY-MM-DD"
															
 
																+            value-format="YYYY-MM-DD"
															
 
																+            :prefix-icon="Calendar"
															
 
																+            placeholder="请选择日期"
															
 
																+          />
															
 
																+        </div>
															
 
																+
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchBtn"
															
 
																+          ><el-icon><Search /></el-icon> <span>查询</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          style="margin-left: 20px !important"
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          type="primary"
															
 
																+          class="search"
															
 
																+          @click="searchRefresh"
															
 
																+          ><el-icon><Refresh /></el-icon><span>重置</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+      <!-- 按钮列表 -->
															
 
																+      <div class="gongneng">
															
 
																+        <el-button type="primary" color="rgba(61, 81, 232, 1)" @click="addlist"
															
 
																+          ><el-icon><CirclePlus /></el-icon><span>新增驾驶员</span></el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          color="rgba(61, 81, 232, 1)"
															
 
																+          class="import"
															
 
																+          type="primary"
															
 
																+          @click="importExcel"
															
 
																+          ><img
															
 
																+            src="@/assets/import.png"
															
 
																+            style="width: 14px; height: 14px; margin-right: 4px"
															
 
																+            alt=""
															
 
																+          />
															
 
																+          <span>导出表单</span></el-button
															
 
																+        >
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer">
															
 
																+      <el-table
															
 
																+        :row-class-name="tableRowClassName"
															
 
																+        :data="tableData.list"
															
 
																+        @selection-change="handleSelectionChange"
															
 
																+        style="width: 100%"
															
 
																+        :header-cell-style="{
															
 
																+          background: 'rgba(240, 243, 247, 1)',
															
 
																+          height: '50px',
															
 
																+          border: 0,
															
 
																+        }"
															
 
																+      >
															
 
																+        <!-- <el-table-column align="center" type="selection" width="80" /> -->
															
 
																+        <el-table-column
															
 
																+          type="index"
															
 
																+          width="100"
															
 
																+          align="center"
															
 
																+          label="序号"
															
 
																+          index="1"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_name" label="姓名" />
															
 
																+        <el-table-column
															
 
																+          align="center"
															
 
																+          prop="user_zz"
															
 
																+          label="职位"
															
 
																+          width="200"
															
 
																+        />
															
 
																+        <el-table-column align="center" prop="user_phone" label="电话号码" />
															
 
																+        <el-table-column align="center" prop="create_time" label="创建时间" />
															
 
																+
															
 
																+        <el-table-column align="center" label="操作" width="220">
															
 
																+          <template #default="scope">
															
 
																+            <el-button link type="primary" @click="edit(scope.row)"
															
 
																+              ><div class="look">编辑</div></el-button
															
 
																+            >
															
 
																+            <el-button link type="danger" @click="del(scope.row)"
															
 
																+              ><div class="looks">删除</div></el-button
															
 
																+            >
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+
															
 
																+      <!-- 添加员工弹窗 -->
															
 
																+      <el-dialog
															
 
																+        class="addStaff"
															
 
																+        v-model="addDialogVisible"
															
 
																+        :close-on-click-modal="false"
															
 
																+        :close-on-press-escape="false"
															
 
																+        :title="dialongTitle"
															
 
																+        align-center
															
 
																+        width="609"
															
 
																+        :before-close="cancelAdd"
															
 
																+      >
															
 
																+        <el-form
															
 
																+          ref="ruleFormRef"
															
 
																+          :model="ruleForm"
															
 
																+          :rules="rules"
															
 
																+          label-width="100px"
															
 
																+          class="demo-ruleForm"
															
 
																+          :size="formSize"
															
 
																+          label-position="left"
															
 
																+          status-icon
															
 
																+        >
															
 
																+          <el-form-item label="姓名 :" prop="name">
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.name"
															
 
																+              placeholder="请输入姓名"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item
															
 
																+            label="卡号 :"
															
 
																+            prop="cardnumber"
															
 
																+            v-if="dialongTitle == '新增驾驶员'"
															
 
																+          >
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.cardnumber"
															
 
																+              placeholder="请输入卡号"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item label="手机号码 :">
															
 
																+            <!-- prop="phone" -->
															
 
																+            <el-input
															
 
																+              v-model="ruleForm.phone"
															
 
																+              placeholder="请输入手机号码"
															
 
																+              clearable
															
 
																+            />
															
 
																+          </el-form-item>
															
 
																+          <el-form-item
															
 
																+            label="职位 :"
															
 
																+            prop="post"
															
 
																+            style="
															
 
																+              padding-bottom: 40px;
															
 
																+              border-bottom: 1px solid rgba(230, 230, 230, 1);
															
 
																+            "
															
 
																+          >
															
 
																+            <el-select
															
 
																+              v-model="ruleForm.post"
															
 
																+              class="m-2"
															
 
																+              placeholder="请选择职位"
															
 
																+            >
															
 
																+              <el-option label="车队长" value="车队长" />
															
 
																+              <el-option label="司机" value="司机" />
															
 
																+            </el-select>
															
 
																+          </el-form-item>
															
 
																+
															
 
																+          <el-form-item class="options">
															
 
																+            <el-button class="congzhi" @click="cancelAdd(ruleFormRef)"
															
 
																+              >取消</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              class="queding"
															
 
																+              type="primary"
															
 
																+              @click="submitAdd(ruleFormRef)"
															
 
																+            >
															
 
																+              确定
															
 
																+            </el-button>
															
 
																+          </el-form-item>
															
 
																+        </el-form>
															
 
																+      </el-dialog>
															
 
																+    </div>
															
 
																+
															
 
																+    <!-- 分页组件 -->
															
 
																+    <el-pagination
															
 
																+      background
															
 
																+      :current-page="currentPage"
															
 
																+      :page-size="pageSize"
															
 
																+      layout="total, prev, pager, next, jumper, slot"
															
 
																+      :total="total"
															
 
																+      @update:current-page="handleCurrentChange"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import { ref, reactive, nextTick, onBeforeMount, onUnmounted } from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { Calendar } from "@element-plus/icons-vue";
															
 
																+import vidiconsApi from "@/api/vidicons.js";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const tableData = reactive({ list: [] });
															
 
																+const activeIndex = ref(); // 默认跳转路由
															
 
																+const dialongTitle = ref("新增驾驶员"); // 弹窗标题
															
 
																+const api = ref("");
															
 
																+const searchInput = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  createTime: "",
															
 
																+}); // 搜索按钮数据
															
 
																+
															
 
																+const currentPage = ref(1); // 当前页
															
 
																+const pageSize = ref(10);
															
 
																+const total = ref(); // 当前总数
															
 
																+const selectData = reactive({ list: [] }); // 多选框选择的数据
															
 
																+
															
 
																+const addDialogVisible = ref(false); // 控制添加员工弹窗
															
 
																+
															
 
																+// 表单数据
															
 
																+const formSize = ref("default");
															
 
																+const ruleFormRef = ref();
															
 
																+const ruleForm = reactive({
															
 
																+  name: "",
															
 
																+  phone: "",
															
 
																+  post: "0",
															
 
																+  cardnumber: "",
															
 
																+  id: "",
															
 
																+});
															
 
																+// 表单验证
															
 
																+const rules = reactive({
															
 
																+  name: [
															
 
																+    { required: true, message: "姓名不能为空", trigger: "blur" },
															
 
																+    {
															
 
																+      pattern: /[\u4e00-\u9fa5]$/,
															
 
																+      message: "请输入正确姓名",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  // /^[\u4E00-\u9FA5]$/
															
 
																+  cardnumber: [
															
 
																+    { required: true, message: "卡号不能为空", trigger: "blur" },
															
 
																+    // {
															
 
																+    //   // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+    //   // pattern: /^[0-9]*$/,
															
 
																+    //   message: "请输入正确卡号(数字类型)",
															
 
																+    //   trigger: "blur",
															
 
																+    // },
															
 
																+  ],
															
 
																+  phone: [
															
 
																+    { required: true, message: "请输入手机号", trigger: "blur" },
															
 
																+    {
															
 
																+      // pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
															
 
																+      pattern: /^((\(\+86\))|(\(86\)))?[1][3456789][0-9]{9}$/,
															
 
																+      message: "请输入合法手机号/电话号",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+  post: [
															
 
																+    {
															
 
																+      required: true,
															
 
																+      message: "职位不能为空",
															
 
																+      trigger: "blur",
															
 
																+    },
															
 
																+  ],
															
 
																+
															
 
																+  // desc: [{ required: true, message: "Please input activity form", trigger: "blur" }],
															
 
																+});
															
 
																+// 获取摄像头列表
															
 
																+const getList = async (message) => {
															
 
																+  let data = new FormData();
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime); //前面的key记得对应！
															
 
																+  data.set("page", currentPage.value);
															
 
																+  data.set("rows", pageSize.value); //前面的key记得对应！
															
 
																+  // let res = await adminApi.adminLogin(data);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/userlist.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.status == 200) {
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+    // ElMessage({
															
 
																+    //   type: "success",
															
 
																+    //   showClose: true,
															
 
																+    //   message: res.data.message,
															
 
																+    //   center: true,
															
 
																+    // });
															
 
																+    tableData.list = res.data.rows;
															
 
																+    // currentPage.value = res.data.currentPage;
															
 
																+    total.value = res.data.total;
															
 
																+  } else {
															
 
																+    tableData.list = res.data.rows;
															
 
																+    currentPage.value = 1;
															
 
																+    total.value = res.data.total;
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+  // console.log(res);
															
 
																+};
															
 
																+
															
 
																+// 搜索功能
															
 
																+const searchBtn = lodash.debounce(async () => {
															
 
																+  getList("查询成功");
															
 
																+}, 300);
															
 
																+// 重置搜索
															
 
																+const searchRefresh = lodash.debounce(async () => {
															
 
																+  searchInput.name = "";
															
 
																+  searchInput.phone = "";
															
 
																+  searchInput.createTime = "";
															
 
																+  currentPage.value = 1;
															
 
																+  getList();
															
 
																+}, 300);
															
 
																+// 添加员工
															
 
																+const addlist = () => {
															
 
																+  dialongTitle.value = "新增驾驶员";
															
 
																+  addDialogVisible.value = true;
															
 
																+  ruleForm.name = "";
															
 
																+  ruleForm.phone = "";
															
 
																+  ruleForm.post = "";
															
 
																+  ruleForm.cardnumber = "";
															
 
																+};
															
 
																+//编辑按钮
															
 
																+const edit = (row) => {
															
 
																+  dialongTitle.value = "编辑驾驶员";
															
 
																+  addDialogVisible.value = true;
															
 
																+  console.log(row);
															
 
																+  ruleForm.name = row.user_name;
															
 
																+  ruleForm.phone = row.user_phone;
															
 
																+  ruleForm.post = row.user_zz;
															
 
																+  ruleForm.id = row.id;
															
 
																+};
															
 
																+// 取消添加员工
															
 
																+const cancelAdd = () => {
															
 
																+  addDialogVisible.value = false;
															
 
																+  ruleFormRef.value.resetFields();
															
 
																+};
															
 
																+// 确认添加员工
															
 
																+const submitAdd = async (formEl) => {
															
 
																+  if (!formEl) return;
															
 
																+  await formEl.validate(async (valid, fields) => {
															
 
																+    if (valid) {
															
 
																+      if (dialongTitle.value == "新增驾驶员") {
															
 
																+        let data = {
															
 
																+          user_name: ruleForm.name,
															
 
																+          user_phone: ruleForm.phone,
															
 
																+          user_zz: ruleForm.post,
															
 
																+          card_number: ruleForm.cardnumber,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/userinsert.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "添加账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      } else {
															
 
																+        let data = {
															
 
																+          user_name: ruleForm.name,
															
 
																+          user_phone: ruleForm.phone,
															
 
																+          user_zz: ruleForm.post,
															
 
																+          id: ruleForm.id,
															
 
																+        };
															
 
																+        // let res = await admin.adminAdd(data);
															
 
																+        let res = await axios({
															
 
																+          method: "post",
															
 
																+          url: api.value + "/carBook/userupdate.action",
															
 
																+          headers: {
															
 
																+            "Content-Type": "application/json;charset=utf-8",
															
 
																+            token: sessionStorage.getItem("token"),
															
 
																+          },
															
 
																+          data: data,
															
 
																+        });
															
 
																+        // console.log(res, "修改账号");
															
 
																+        if (res.data.code == 200) {
															
 
																+          getList();
															
 
																+
															
 
																+          ElMessage({
															
 
																+            type: "success",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+          addDialogVisible.value = false;
															
 
																+          ruleFormRef.value.resetFields();
															
 
																+        } else {
															
 
																+          ElMessage({
															
 
																+            type: "error",
															
 
																+            showClose: true,
															
 
																+            message: res.data.message,
															
 
																+            center: true,
															
 
																+          });
															
 
																+        }
															
 
																+      }
															
 
																+    } else {
															
 
																+      console.log("error submit!", fields);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+//删除按钮
															
 
																+const del = (row) => {
															
 
																+  ElMessageBox.confirm(`是否删除 ${row.user_name} 驾驶员?`, "提示", {
															
 
																+    confirmButtonText: "确认",
															
 
																+    cancelButtonText: "取消",
															
 
																+    type: "warning",
															
 
																+  })
															
 
																+    .then(async () => {
															
 
																+      let data = new FormData();
															
 
																+      data.set("id", row.id);
															
 
																+      // let res = await adminApi.adminLogin(data);
															
 
																+      let res = await axios({
															
 
																+        method: "post",
															
 
																+        url: api.value + "/carBook/userdel.action",
															
 
																+        headers: {
															
 
																+          token: sessionStorage.getItem("token"),
															
 
																+        },
															
 
																+        data: data,
															
 
																+      });
															
 
																+      if (res.data.code == 200) {
															
 
																+        if (tableData.list.length == 1 && currentPage.value != 1) {
															
 
																+          currentPage.value = currentPage.value - 1;
															
 
																+        }
															
 
																+        getList();
															
 
																+        ElMessage({
															
 
																+          type: "success",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      } else {
															
 
																+        ElMessage({
															
 
																+          type: "error",
															
 
																+          showClose: true,
															
 
																+          message: res.data.message,
															
 
																+          center: true,
															
 
																+        });
															
 
																+      }
															
 
																+      console.log(res);
															
 
																+    })
															
 
																+    .catch(() => {
															
 
																+      ElMessage({
															
 
																+        type: "info",
															
 
																+        message: "已取消删除",
															
 
																+      });
															
 
																+    });
															
 
																+};
															
 
																+//导出功能
															
 
																+const importExcel = async () => {
															
 
																+  if (searchInput.createTime == null) {
															
 
																+    searchInput.createTime = "";
															
 
																+  }
															
 
																+  let data = new FormData();
															
 
																+  data.set("user_name", searchInput.name);
															
 
																+  data.set("user_phone", searchInput.phone);
															
 
																+  data.set("create_time", searchInput.createTime);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/usertoExcel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  // console.log(res, "导出账号");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // const elt = document.createElement("a");
															
 
																+    // elt.setAttribute(
															
 
																+    //   "href",
															
 
																+    //   "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl
															
 
																+    // );
															
 
																+    // // elt.setAttribute("download", "file.xlsx");
															
 
																+    // // elt.style.display = "none";
															
 
																+    // document.body.appendChild(elt);
															
 
																+    // elt.click();
															
 
																+    var downloadPath = "https://car.meiyishuoo.com/ride-sharing" + res.data.downurl;
															
 
																+    console.log("获得地址数据:", downloadPath);
															
 
																+    var downloadLink = document.createElement("a");
															
 
																+    downloadLink.style.display = "none"; // 使其隐藏
															
 
																+    downloadLink.href = downloadPath;
															
 
																+    downloadLink.download = "";
															
 
																+    downloadLink.click();
															
 
																+    document.body.appendChild(downloadLink);
															
 
																+    document.body.removeChild(downloadLink);
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+// 多选框功能
															
 
																+const handleSelectionChange = (val) => {
															
 
																+  console.log(val);
															
 
																+  selectData.list = val;
															
 
																+};
															
 
																+
															
 
																+// 表格斑马纹颜色修改
															
 
																+const tableRowClassName = ({ row, rowIndex }) => {
															
 
																+  if (rowIndex % 2 === 0) {
															
 
																+    return "even";
															
 
																+  } else if (rowIndex % 2 !== 0) {
															
 
																+    return "odd";
															
 
																+  }
															
 
																+  return "";
															
 
																+};
															
 
																+// 分页
															
 
																+const handleCurrentChange = (value) => {
															
 
																+  // console.log(value);
															
 
																+  currentPage.value = value;
															
 
																+  getList();
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getList();
															
 
																+});
															
 
																+onUnmounted(() => {
															
 
																+  // document.removeEventListener("keyup", Enters);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    width: calc(100% - 60px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    margin: 0 auto;
															
 
																+
															
 
																+    color: #000;
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      display: flex;
															
 
																+      flex-wrap: wrap;
															
 
																+      align-items: center;
															
 
																+      margin: 10px 0 0 0;
															
 
																+      .search {
															
 
																+        margin-left: 0 !important;
															
 
																+      }
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        align-items: center;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        :deep(.el-input .el-input__inner) {
															
 
																+          font-size: 16px;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+  .footer {
															
 
																+    width: calc(100% - 60px);
															
 
																+    flex: 1;
															
 
																+    margin: 10px auto;
															
 
																+    overflow: auto;
															
 
																+
															
 
																+    .el-table--fit {
															
 
																+      height: 100%;
															
 
																+      :deep(.el-table__header-wrapper) {
															
 
																+        background-color: #000;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row) {
															
 
																+        height: 50px;
															
 
																+        font-size: 16px;
															
 
																+        color: #000;
															
 
																+      }
															
 
																+      :deep(.el-table__row td) {
															
 
																+        padding: 0;
															
 
																+        border: 0;
															
 
																+      }
															
 
																+
															
 
																+      .el-button--primary {
															
 
																+        margin-left: 5px;
															
 
																+      }
															
 
																+      :deep(.el-table__body .even) {
															
 
																+        background-color: #fff;
															
 
																+      }
															
 
																+      :deep(.el-table__body .odd) {
															
 
																+        background-color: rgba(240, 243, 247, 1);
															
 
																+      }
															
 
																+      :deep(.look) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid rgba(30, 125, 251, 1);
															
 
																+      }
															
 
																+      :deep(.looks) {
															
 
																+        padding: 5px 10px;
															
 
																+        border-radius: 45px;
															
 
																+        border: 0.74px solid #f56c6c;
															
 
																+      }
															
 
																+    }
															
 
																+
															
 
																+    // 添加员工弹窗样式
															
 
																+    :deep(.addStaff) {
															
 
																+      //   height: 420px;
															
 
																+      border-radius: 11px;
															
 
																+      .el-dialog__header {
															
 
																+        border-radius: 11px 11px 0 0;
															
 
																+        background: rgba(237, 241, 245, 1);
															
 
																+        font-weight: 600;
															
 
																+        margin: 0;
															
 
																+        .el-dialog__headerbtn {
															
 
																+          outline: none;
															
 
																+        }
															
 
																+      }
															
 
																+      .el-dialog__body {
															
 
																+        padding: 30px 20px 10px 20px;
															
 
																+        .el-input {
															
 
																+          width: 200px;
															
 
																+        }
															
 
																+        .options {
															
 
																+          margin-left: 320px;
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .el-pagination {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: 60px;
															
 
																+    margin: 0 auto;
															
 
																+    justify-content: flex-end;
															
 
																+    :deep(.el-pagination__total) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__goto) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-pagination__classifier) {
															
 
																+      color: #000;
															
 
																+    }
															
 
																+    :deep(.el-input__wrapper) {
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      box-shadow: none;
															
 
																+    }
															
 
																+    :deep(.el-pager li) {
															
 
																+      margin: 0 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.el-pager li.is-active) {
															
 
																+      background-color: rgba(30, 125, 251, 1);
															
 
																+    }
															
 
																+    :deep(.btn-prev) {
															
 
																+      margin-right: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+    :deep(.btn-next) {
															
 
																+      margin-left: 5px;
															
 
																+      border: 1px solid rgba(0, 0, 0, 1);
															
 
																+      border-radius: 5px;
															
 
																+      background-color: transparent;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/src/views/statement/statement.vue
+++ b/src/views/statement/statement.vue
--- a/src/views/waiting/waiting.vue
+++ b/src/views/waiting/waiting.vue
@@ -0,0 +1,801 @@
 
																+<template>
															
 
																+  <div class="content-box">
															
 
																+    <div class="left">
															
 
																+      <!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
															
 
																+      <span class="cameratxt">系统设置</span>
															
 
																+    </div>
															
 
																+    <div class="middle">
															
 
																+      <div class="filter">
															
 
																+        <div class="condition">
															
 
																+          <div style="display: flex; align-items: center">
															
 
																+            <h3>开始时间段设置</h3>
															
 
																+            <!-- <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              @click="editSystem"
															
 
																+              v-if="timeShow"
															
 
																+              type="primary"
															
 
																+              >修改</el-button
															
 
																+            >
															
 
																+            <el-button
															
 
																+              color="rgba(61, 81, 232, 1)"
															
 
																+              @click="saveSystem"
															
 
																+              v-if="!timeShow"
															
 
																+              type="primary"
															
 
																+              >保存</el-button
															
 
																+            >
															
 
																+            <el-button @click="cancelSystem" v-if="!timeShow" plain
															
 
																+              >取消</el-button
															
 
																+            > -->
															
 
																+          </div>
															
 
																+          <span>周期配置 :&nbsp;&nbsp;</span>
															
 
																+          <div
															
 
																+            style="margin-bottom: 8px"
															
 
																+            v-for="(i, ind) in timeList.list"
															
 
																+            :key="ind"
															
 
																+          >
															
 
																+            <div class="addTime">
															
 
																+              <el-checkbox-group
															
 
																+                @change="saveTime($event, i.id, '星期一')"
															
 
																+                v-model="i.day1"
															
 
																+              >
															
 
																+                <el-checkbox :label="1">星期一</el-checkbox>
															
 
																+              </el-checkbox-group>
															
 
																+              <el-checkbox-group
															
 
																+                @change="saveTime($event, i.id, '星期二')"
															
 
																+                v-model="i.day2"
															
 
																+              >
															
 
																+                <el-checkbox :label="1">星期二</el-checkbox>
															
 
																+              </el-checkbox-group>
															
 
																+              <el-checkbox-group
															
 
																+                @change="saveTime($event, i.id, '星期三')"
															
 
																+                v-model="i.day3"
															
 
																+              >
															
 
																+                <el-checkbox :label="1">星期三</el-checkbox>
															
 
																+              </el-checkbox-group>
															
 
																+              <el-checkbox-group
															
 
																+                @change="saveTime($event, i.id, '星期四')"
															
 
																+                v-model="i.day4"
															
 
																+              >
															
 
																+                <el-checkbox :label="1">星期四</el-checkbox>
															
 
																+              </el-checkbox-group>
															
 
																+              <el-checkbox-group
															
 
																+                @change="saveTime($event, i.id, '星期五')"
															
 
																+                v-model="i.day5"
															
 
																+              >
															
 
																+                <el-checkbox :label="1">星期五</el-checkbox>
															
 
																+              </el-checkbox-group>
															
 
																+              <el-checkbox-group
															
 
																+                @change="saveTime($event, i.id, '星期六')"
															
 
																+                v-model="i.day6"
															
 
																+              >
															
 
																+                <el-checkbox :label="1">星期六</el-checkbox>
															
 
																+              </el-checkbox-group>
															
 
																+              <el-checkbox-group
															
 
																+                @change="saveTime($event, i.id, '星期日')"
															
 
																+                v-model="i.day7"
															
 
																+              >
															
 
																+                <el-checkbox :label="1">星期日</el-checkbox>
															
 
																+              </el-checkbox-group>
															
 
																+
															
 
																+              <div style="margin: 0 18px">
															
 
																+                <el-time-picker
															
 
																+                  class="timePicker"
															
 
																+                  v-model="i.timePicker"
															
 
																+                  :clearable="false"
															
 
																+                  is-range
															
 
																+                  format="HH:mm"
															
 
																+                  value-format="HH:mm"
															
 
																+                  range-separator="-"
															
 
																+                  start-placeholder="开始时间"
															
 
																+                  end-placeholder="结束时间"
															
 
																+                  @change="saveTime($event, i.id)"
															
 
																+                />
															
 
																+              </div>
															
 
																+              <div>
															
 
																+                <span
															
 
																+                  @click="addTime(ind)"
															
 
																+                  style="cursor: pointer; color: rgb(30, 125, 251)"
															
 
																+                  >添加</span
															
 
																+                >
															
 
																+                <span
															
 
																+                  v-if="timeList.list.length > 1"
															
 
																+                  @click="delTime(ind, i.id)"
															
 
																+                  style="cursor: pointer; color: #f56c6c"
															
 
																+                  >删除</span
															
 
																+                >
															
 
																+              </div>
															
 
																+            </div>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>截止预约时间设置</h3>
															
 
																+          <div>
															
 
																+            <span>发车前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.yy_end"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <!-- <el-time-picker
															
 
																+              v-model="ruleForm.hh_end"
															
 
																+              format="HH:mm"
															
 
																+              value-format="HH:mm"
															
 
																+              @change="timeUpdata"
															
 
																+            /> -->
															
 
																+            <span>&nbsp;&nbsp;分钟</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>扫码时间设置</h3>
															
 
																+          <div>
															
 
																+            <span>发车前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.startTime"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;分钟 ,</span>
															
 
																+            <span>发车后</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.endTime"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;分钟可扫码核销 </span>
															
 
																+          </div>
															
 
																+          <div style="margin-top: 15px">
															
 
																+            <span>扫码间隔</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.scanInterval"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;分钟 ,</span>
															
 
																+            <span>在此时间内多次扫码均提示已预约</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <!-- <div class="condition">
															
 
																+          <h3>候补截止预约时间设置</h3>
															
 
																+          <div>
															
 
																+            <span>候补截止时间</span>
															
 
																+            <el-time-picker
															
 
																+              v-model="ruleForm.hh_end"
															
 
																+              placeholder="请选择时间"
															
 
																+              format="HH:mm"
															
 
																+              value-format="HH:mm"
															
 
																+              @change="timeUpdata"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </div> -->
															
 
																+        <div class="condition">
															
 
																+          <h3>黑名单设置</h3>
															
 
																+          <div>
															
 
																+            <span>爽约</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.black_count"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;次，锁定账号</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>通知时间</h3>
															
 
																+          <div>
															
 
																+            <span>发车前提前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.notice_time"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;分钟，发送通知</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>报备人员开始预约时间设置</h3>
															
 
																+          <div>
															
 
																+            <span>发车前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.bb_before"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 100px"
															
 
																+              @change="timeVerify"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;分钟，可以预约车辆</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+      </div>
															
 
																+      <div class="filter">
															
 
																+        <div class="condition" style="margin: 10px 0">
															
 
																+          <h3>退改设置</h3>
															
 
																+          <div>
															
 
																+            <span>发车前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.refundRule.a1.start"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 80px"
															
 
																+              @change="refundRuleClick"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;小时以上，免收手续费</span>
															
 
																+          </div>
															
 
																+          <div style="margin-top: 15px">
															
 
																+            <span>发车前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.refundRule.a2.start"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 80px"
															
 
																+              @change="refundRuleClick"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;小时以上</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.refundRule.a2.end"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 80px"
															
 
																+              @change="refundRuleClick"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;小时以内，收取</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.refundRule.a2.fee"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 60px"
															
 
																+              @change="refundRuleClick"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;(元)手续费</span>
															
 
																+          </div>
															
 
																+          <div style="margin-top: 15px">
															
 
																+            <span>发车前</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.refundRule.a3.end"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 80px"
															
 
																+              @change="refundRuleClick"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;小时以内，收取</span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.refundRule.a3.fee"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 80px"
															
 
																+              @change="refundRuleClick"
															
 
																+            />
															
 
																+            <span>&nbsp;&nbsp;(元)手续费</span>
															
 
																+          </div>
															
 
																+          <div style="margin-top: 15px">
															
 
																+            <span>发车后不退票</span>
															
 
																+          </div>
															
 
																+        </div>
															
 
																+        <div class="condition">
															
 
																+          <h3>客服设置</h3>
															
 
																+          <div>
															
 
																+            <span>客服工作时间 </span>
															
 
																+            <el-time-picker
															
 
																+              style="width: 180px"
															
 
																+              class="timePicker"
															
 
																+              v-model="ruleForm.workTime"
															
 
																+              :clearable="false"
															
 
																+              is-range
															
 
																+              format="HH:mm"
															
 
																+              value-format="HH:mm"
															
 
																+              range-separator="-"
															
 
																+              start-placeholder="开始时间"
															
 
																+              end-placeholder="结束时间"
															
 
																+              @change="timeUpdata"
															
 
																+            />
															
 
																+          </div>
															
 
																+          <div style="margin-top: 15px">
															
 
																+            <span>客服手机号 </span>
															
 
																+            <el-input
															
 
																+              :clearable="false"
															
 
																+              v-model="ruleForm.workMobile"
															
 
																+              class="w-50 m-2"
															
 
																+              style="width: 180px"
															
 
																+              @change="timeUpdata"
															
 
																+            />
															
 
																+          </div>
															
 
																+        </div>
															
 
																+      </div>
															
 
																+    </div>
															
 
																+    <div class="footer"></div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup>
															
 
																+import {
															
 
																+  ref,
															
 
																+  reactive,
															
 
																+  watch,
															
 
																+  nextTick,
															
 
																+  onBeforeMount,
															
 
																+  onUnmounted,
															
 
																+} from "vue";
															
 
																+import { useRouter } from "vue-router";
															
 
																+import { ElMessage, ElMessageBox } from "element-plus";
															
 
																+import { dayjs } from "element-plus";
															
 
																+import lodash from "lodash";
															
 
																+import axios from "axios";
															
 
																+import { useStore } from "vuex";
															
 
																+const store = useStore();
															
 
																+const api = ref("");
															
 
																+const router = useRouter();
															
 
																+// 表格数据
															
 
																+const ruleForm = reactive({
															
 
																+  yy_duration: "",
															
 
																+  hh_end: "", //截止预约时间设置
															
 
																+  yy_end: "", //候补截止预约时间设置
															
 
																+  black_count: "", //黑名单设置次数
															
 
																+  notice_time: "", //发车前提前
															
 
																+  startTime: "", // 扫码前时间
															
 
																+  endTime: "", // 扫码后时间
															
 
																+  scanInterval: "", // 扫码间隔
															
 
																+  bb_before: "", // 报备人预约车辆时间设置
															
 
																+  workTime: [], // 客服工作时间
															
 
																+  workMobile: [], // 客服手机号
															
 
																+  refundRule: {
															
 
																+    a1: { fee: 0, start: 0 },
															
 
																+    a2: { fee: 0, start: 0, end: 0 },
															
 
																+    a3: { fee: 0, end: 0 },
															
 
																+  }, // 退改设置
															
 
																+  id: "",
															
 
																+});
															
 
																+// 开始时间段配置
															
 
																+const timeList = reactive({
															
 
																+  list: [
															
 
																+    {
															
 
																+      day1: [],
															
 
																+      day2: [],
															
 
																+      day3: [],
															
 
																+      day4: [],
															
 
																+      day5: [],
															
 
																+      day6: [],
															
 
																+      day7: [],
															
 
																+      timePicker: [],
															
 
																+      id: "",
															
 
																+    },
															
 
																+  ],
															
 
																+});
															
 
																+
															
 
																+const timeShow = ref(true);
															
 
																+
															
 
																+// 获取系统设置数据
															
 
																+const getlist = async (message) => {
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/cnqueryHb.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+  });
															
 
																+  console.log(res);
															
 
																+  if (res.data.code == 200) {
															
 
																+    ruleForm.yy_duration = res.data.data.yy_duration;
															
 
																+    ruleForm.scanInterval = res.data.data.scanInterval;
															
 
																+    ruleForm.yy_end = res.data.data.yy_end; //
															
 
																+    ruleForm.hh_end = res.data.data.hh_end; //
															
 
																+    ruleForm.black_count = res.data.data.black_count;
															
 
																+    ruleForm.notice_time = res.data.data.notice_time;
															
 
																+    ruleForm.startTime = res.data.data.sm_start;
															
 
																+    ruleForm.endTime = res.data.data.sm_end;
															
 
																+    ruleForm.bb_before = res.data.data.bb_before;
															
 
																+    ruleForm.workTime = res.data.data.workTime.split("-");
															
 
																+    ruleForm.workMobile = res.data.data.workMobile;
															
 
																+    ruleForm.id = res.data.data.id;
															
 
																+    sessionStorage.setItem("sm_start", res.data.data.sm_start);
															
 
																+    sessionStorage.setItem("sm_end", res.data.data.sm_end);
															
 
																+
															
 
																+    ruleForm.refundRule = res.data.data.refundRule;
															
 
																+    
															
 
																+    if (message) {
															
 
																+      ElMessage({
															
 
																+        type: "success",
															
 
																+        showClose: true,
															
 
																+        message: message,
															
 
																+        center: true,
															
 
																+      });
															
 
																+    }
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+const getTimeList = async () => {
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/weekConfigqueryList.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+  });
															
 
																+  console.log(res, "开始时间段配置");
															
 
																+  if (res.data.code == 200) {
															
 
																+    let resData = res.data.data;
															
 
																+    let arr = [];
															
 
																+    resData.forEach((i) => {
															
 
																+      arr.push({
															
 
																+        day1: i.day1 ? [i.day1] : [],
															
 
																+        day2: i.day2 ? [i.day2] : [],
															
 
																+        day3: i.day3 ? [i.day3] : [],
															
 
																+        day4: i.day4 ? [i.day4] : [],
															
 
																+        day5: i.day5 ? [i.day5] : [],
															
 
																+        day6: i.day6 ? [i.day6] : [],
															
 
																+        day7: i.day7 ? [i.day7] : [],
															
 
																+        timePicker: [i.startTime, i.endTime],
															
 
																+        id: i.id,
															
 
																+      });
															
 
																+    });
															
 
																+    timeList.list = arr;
															
 
																+    console.log(arr, "开始时间段配置");
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+    if (res.data.message == "token错误") {
															
 
																+      router.push({
															
 
																+        path: `/login`,
															
 
																+      });
															
 
																+    }
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 页面数据一修改就调用函数
															
 
																+const timeVerify = (val) => {
															
 
																+  const regex = /^[0-9]+$/;
															
 
																+  if (regex.test(val)) {
															
 
																+    timeUpdata();
															
 
																+  } else {
															
 
																+    getlist();
															
 
																+    ElMessage({
															
 
																+      type: "warning",
															
 
																+      showClose: true,
															
 
																+      message: "请输入正确数值",
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+// 退改设置修改就调用函数
															
 
																+const refundRuleClick = (val) => {
															
 
																+  const regex = /^(\d+)(\.\d{1,2})?$/;
															
 
																+  if (regex.test(val)) {
															
 
																+    timeUpdata();
															
 
																+  } else {
															
 
																+    getlist();
															
 
																+    ElMessage({
															
 
																+      type: "warning",
															
 
																+      showClose: true,
															
 
																+      message: "请输入正确数值",
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+const timeUpdata = async () => {
															
 
																+  if (ruleForm.black_count <= 0) {
															
 
																+    ruleForm.black_count = 1;
															
 
																+  }
															
 
																+  let data = {
															
 
																+    yy_duration: ruleForm.yy_duration,
															
 
																+    scanInterval: ruleForm.scanInterval,
															
 
																+    yy_end: ruleForm.yy_end,
															
 
																+    hh_end: ruleForm.hh_end,
															
 
																+    black_count: ruleForm.black_count,
															
 
																+    notice_time: ruleForm.notice_time,
															
 
																+    sm_start: ruleForm.startTime,
															
 
																+    sm_end: ruleForm.endTime,
															
 
																+    bb_before: ruleForm.bb_before,
															
 
																+    id: ruleForm.id,
															
 
																+
															
 
																+    workTime:ruleForm.workTime.join("-"),
															
 
																+    workMobile:ruleForm.workMobile,
															
 
																+    refundRule: JSON.stringify(ruleForm.refundRule),
															
 
																+  };
															
 
																+  console.log(data);
															
 
																+  
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/cnupdate.action",
															
 
																+    headers: {
															
 
																+      "Content-Type": "application/json;charset=utf-8",
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  console.log(res, "修改候补");
															
 
																+  if (res.data.code == 200) {
															
 
																+    // getlist();
															
 
																+    store.dispatch("sm_time");
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    getlist();
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: "修改失败",
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+const addTime = lodash.debounce(async (ind) => {
															
 
																+  console.log("添加", ind);
															
 
																+  // timeList.list.splice(ind + 1, 0, {
															
 
																+  //   day1: [],
															
 
																+  //   day2: [],
															
 
																+  //   day3: [],
															
 
																+  //   day4: [],
															
 
																+  //   day5: [],
															
 
																+  //   day6: [],
															
 
																+  //   day7: [],
															
 
																+  //   timePicker: [],
															
 
																+  //   id: "",
															
 
																+  // });
															
 
																+  let arr = {
															
 
																+    day1: 0,
															
 
																+    day2: 0,
															
 
																+    day3: 0,
															
 
																+    day4: 0,
															
 
																+    day5: 0,
															
 
																+    day6: 0,
															
 
																+    day7: 0,
															
 
																+    timePicker: null,
															
 
																+  };
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/weekConfiginsert.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: arr,
															
 
																+  });
															
 
																+  if (res.data.code == 200) {
															
 
																+    getTimeList();
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+}, 500);
															
 
																+const delTime = async (ind, id) => {
															
 
																+  // timeList.list.splice(ind, 1);
															
 
																+  let data = new FormData();
															
 
																+  data.append("id", id);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/weekConfigdel.action",
															
 
																+    headers: {
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: data,
															
 
																+  });
															
 
																+  if (res.data.code == 200) {
															
 
																+    getTimeList();
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+const saveTime = async (event, id, txt) => {
															
 
																+  // console.log(event,'id:'+id,txt);
															
 
																+  console.log(timeList.list);
															
 
																+  let arr = timeList.list.map((i) => {
															
 
																+    console.log(i);
															
 
																+    return {
															
 
																+      day1: i.day1.length ? 1 : 0,
															
 
																+      day2: i.day2.length ? 1 : 0,
															
 
																+      day3: i.day3.length ? 1 : 0,
															
 
																+      day4: i.day4.length ? 1 : 0,
															
 
																+      day5: i.day5.length ? 1 : 0,
															
 
																+      day6: i.day6.length ? 1 : 0,
															
 
																+      day7: i.day7.length ? 1 : 0,
															
 
																+      startTime: i.timePicker[0],
															
 
																+      endTime: i.timePicker[1],
															
 
																+      id: i.id,
															
 
																+    };
															
 
																+  });
															
 
																+  // console.log(arr);
															
 
																+  let augment = arr.filter((i) => {
															
 
																+    return i.id == id;
															
 
																+  });
															
 
																+  // console.log(augment);
															
 
																+  let res = await axios({
															
 
																+    method: "post",
															
 
																+    url: api.value + "/carBook/weekConfigupdate.action",
															
 
																+    headers: {
															
 
																+      "Content-Type": "application/json;charset=utf-8",
															
 
																+      token: sessionStorage.getItem("token"),
															
 
																+    },
															
 
																+    data: augment[0],
															
 
																+  });
															
 
																+  if (res.data.code == 200) {
															
 
																+    getTimeList();
															
 
																+    ElMessage({
															
 
																+      type: "success",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  } else {
															
 
																+    getTimeList();
															
 
																+    ElMessage({
															
 
																+      type: "error",
															
 
																+      showClose: true,
															
 
																+      message: res.data.message,
															
 
																+      center: true,
															
 
																+    });
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+const editSystem = () => {
															
 
																+  timeShow.value = false;
															
 
																+};
															
 
																+const saveSystem = () => {
															
 
																+  timeShow.value = true;
															
 
																+};
															
 
																+const cancelSystem = () => {
															
 
																+  timeShow.value = true;
															
 
																+};
															
 
																+
															
 
																+onBeforeMount(() => {
															
 
																+  api.value = store.state.user.api;
															
 
																+  getlist();
															
 
																+  getTimeList();
															
 
																+});
															
 
																+onUnmounted(() => {});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped lang="scss">
															
 
																+.content-box {
															
 
																+  width: calc(100% - 40px);
															
 
																+  height: calc(100% - 105px);
															
 
																+  margin: 20px auto;
															
 
																+  background-color: #fff;
															
 
																+  color: #fff;
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+
															
 
																+  .left {
															
 
																+    // width: calc(100wh - 40px);
															
 
																+    display: flex;
															
 
																+    align-items: center;
															
 
																+    height: 60px;
															
 
																+    margin: 0 30px;
															
 
																+    border-bottom: 1px solid #ccc;
															
 
																+    color: #000;
															
 
																+    font-size: 18px;
															
 
																+    font-weight: 600;
															
 
																+    .camera {
															
 
																+      margin-right: 15px;
															
 
																+      color: #4392f7;
															
 
																+    }
															
 
																+  }
															
 
																+  .middle {
															
 
																+    width: calc(100% - 60px);
															
 
																+    height: calc(100% - 60px);
															
 
																+    // overflow: auto;
															
 
																+    margin: 0 auto;
															
 
																+    color: #000;
															
 
																+    display: flex;
															
 
																+
															
 
																+    // border-bottom: 1px solid rgb(231, 231, 231);
															
 
																+    .filter {
															
 
																+      height: 100%;
															
 
																+      display: flex;
															
 
																+      // flex-wrap: wrap;
															
 
																+      flex-direction: column;
															
 
																+      overflow: auto;
															
 
																+      .condition {
															
 
																+        display: flex;
															
 
																+        flex-direction: column;
															
 
																+        margin: 10px 30px 10px 0;
															
 
																+        h3 {
															
 
																+          margin: 12px 12px 12px 0;
															
 
																+        }
															
 
																+        span {
															
 
																+          margin: 0 10px 0 0;
															
 
																+          font-size: 18px;
															
 
																+          color: #000;
															
 
																+        }
															
 
																+        .addTime {
															
 
																+          display: flex;
															
 
																+          flex-wrap: wrap;
															
 
																+          align-items: center;
															
 
																+          .el-checkbox-group {
															
 
																+            .el-checkbox {
															
 
																+              margin: 0 15px 0 0;
															
 
																+            }
															
 
																+          }
															
 
																+          :deep(.timePicker) {
															
 
																+            width: 200px;
															
 
																+          }
															
 
																+        }
															
 
																+      }
															
 
																+    }
															
 
																+    .gongneng {
															
 
																+      margin: 10px 0;
															
 
																+    }
															
 
																+    :deep(.cont) {
															
 
																+      width: 60%;
															
 
																+      margin: 20px auto;
															
 
																+    }
															
 
																+    :deep(.download) {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+      margin: 10px;
															
 
																+    }
															
 
																+    :deep(.download span) {
															
 
																+      font-size: 16px;
															
 
																+      margin-left: 20px;
															
 
																+    }
															
 
																+    :deep(.cont .el-button) {
															
 
																+      margin-left: 60px;
															
 
																+      margin-bottom: 30px;
															
 
																+    }
															
 
																+
															
 
																+    :deep(.cont .accomplish) {
															
 
																+      width: 100%;
															
 
																+      display: flex;
															
 
																+      justify-content: center;
															
 
																+    }
															
 
																+    :deep(.cont .accomplish .el-button) {
															
 
																+      width: 50%;
															
 
																+      margin: 0;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+.el-input {
															
 
																+  width: 192px;
															
 
																+}
															
 
																+</style>
															
--- a/text.json
+++ b/text.json
@@ -0,0 +1,22 @@
 
																+MD5( "${HA1}:${nonce}:${nc}:${cno
															
 
																+nce}:${qop}:${HA2}" ) =
															
 
																+6629fae49393a05397450978507c4
															
 
																+ef1
															
 
																+
															
 
																+
															
 
																+HA1 =
															
 
																+MD5( "${username}:${realm}:${pas
															
 
																+sword}" ) =
															
 
																+939e7578ed9e3c518a452acee763
															
 
																+bce9
															
 
																+HA2 = MD5( "POST:${uri}" ) =
															
 
																+39aff3a2bab6126f332b942af96d33
															
 
																+66
															
 
																+
															
 
																+username="admin",realm="127.0.0.1host .com",nonce="dcd98b7102dd2f0e8b11d0f600bfh0c093"
															
 
																+,uri="/dir/index,html",gop="auth",nc=00000001, cnonce="0a4f113b",response="f8877dald712423e963da0aed9fb7cf8",opague="5ccc069c403ebaf9f0171e9517f40e41"
															
 
																+
															
 
																+
															
 
																+qop="auth",opaque="5ccc069c403ebaf9f0171e9517f40e41",realm="127.0.0.1@host.com",nonce="dcd98b7102dd2f0e8b11d0f600bfb0c093"
															
 
																+
															
 
																+username="admin",realm="127.0.0.1@host.com",nonce="dcd98b7102dd2f0e8b11d0f600bfb0c093",uri="/dir/index,html",qop="auth",nc=00000001,cnonce="0a4f113b",response="f8877dald712423e963da0aed9fb7cf8",opague="5ccc069c403ebaf9f0171e9517f40e41"
															
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,93 @@
 
																+import { defineConfig } from "vite";
															
 
																+import vue from "@vitejs/plugin-vue";
															
 
																+import path from "path";
															
 
																+import { resolve, join } from "path";
															
 
																+// https://vitejs.dev/config/
															
 
																+export default defineConfig({
															
 
																+  plugins: [vue()],
															
 
																+  resolve: {
															
 
																+    alias: {
															
 
																+      "@": path.resolve("./src"), // @代替src
															
 
																+    },
															
 
																+  },
															
 
																+  css: {
															
 
																+    preprocessorOptions: {
															
 
																+      scss: {
															
 
																+        additionalData: `@import "./src/style/mixin.scss";`, // 此处全局的scss文件
															
 
																+      },
															
 
																+    },
															
 
																+  },
															
 
																+  server: {
															
 
																+    host: "0.0.0.0",
															
 
																+    port: 8990,
															
 
																+    // 是否开启 https
															
 
																+    // https: false,
															
 
																+    // 线上地址
															
 
																+    // proxy: {
															
 
																+    //   "/carstop/carbook": {
															
 
																+    //     target: "https://chtech.ncjti.edu.cn/carstop/carbook",
															
 
																+    //     changeOrigin: true,
															
 
																+    //     rewrite: (path) => path.replace(/^\/carstop\/carbook/, ""),
															
 
																+    //   },
															
 
																+    // },
															
 
																+
															
 
																+    // 测试地址
															
 
																+    proxy: {
															
 
																+      "/ride-sharing/carBuy": {
															
 
																+        // target: "https://chtech.ncjti.edu.cn/testingServertomcat/carbook", // 测试环境
															
 
																+        // target: "https://chtech.ncjti.edu.cn/carstop/carBuy", // 测试环境
															
 
																+        target: "https://car.meiyishuoo.com/ride-sharing/carBuy", // 校团环境
															
 
																+        changeOrigin: true,
															
 
																+        rewrite: (path) => path.replace(/^\/ride-sharing\/carBuy/, ""),
															
 
																+      },
															
 
																+    },
															
 
																+    // proxy: {
															
 
																+    //   "/carstop/carBuy": {
															
 
																+    //     // target: "https://chtech.ncjti.edu.cn/testingServertomcat/carbook", // 测试环境
															
 
																+    //     target: "https://chtech.ncjti.edu.cn/carstop/carBuy", // 测试环境
															
 
																+    //     // target: "https://car.meiyishuoo.com/ride-sharing/carBuy", // 校团线上环境
															
 
																+    //     changeOrigin: true,
															
 
																+    //     rewrite: (path) => path.replace(/^\/carstop\/carBuy/, ""),
															
 
																+    //   },
															
 
																+    // },
															
 
																+  },
															
 
																+  publicDir: "public",
															
 
																+  base: "./",
															
 
																+  // 打包配置
															
 
																+  build: {
															
 
																+    target: "modules", //设置最终构建的浏览器兼容目标  //es2015(编译成es5) | modules
															
 
																+    outDir: "dist", // 构建得包名  默认：dist
															
 
																+    assetsDir: "static", // 静态资源得存放路径文件名  assets
															
 
																+    // sourcemap: false, //构建后是否生成 source map 文件
															
 
																+    // brotliSize: false, // 启用/禁用 brotli 压缩大小报告。 禁用该功能可能会提高大型项目的构建性能
															
 
																+    chunkSizeWarningLimit: 1000, //chunk 大小警告的限制（以 kbs 为单位）默认：500
															
 
																+    // cssTarget: 'chrome61' //防止 vite 将 rgba() 颜色转化为 #RGBA 十六进制符号的形式  (要兼容的场景是安卓微信中的 webview 时,它不支持 CSS 中的 #RGBA 十六进制颜色符号)
															
 
																+    rollupOptions: {
															
 
																+      input: {
															
 
																+        index: resolve(__dirname, "index.html"),
															
 
																+      },
															
 
																+      output: {
															
 
																+        manualChunks(id) {
															
 
																+          if (id.includes("node_modules")) {
															
 
																+            return id
															
 
																+              .toString()
															
 
																+              .split("node_modules/")[1]
															
 
																+              .split("/")[0]
															
 
																+              .toString();
															
 
																+          }
															
 
																+        },
															
 
																+        chunkFileNames: "static/js/[name]-[hash].js",
															
 
																+        entryFileNames: "static/js/[name]-[hash].js",
															
 
																+        assetFileNames: "static/[ext]/name-[hash].[ext]",
															
 
																+      },
															
 
																+    },
															
 
																+    minify: "terser", // 项目压缩 :boolean | 'terser' | 'esbuild'
															
 
																+    terserOptions: {
															
 
																+      // 生产环境移除console
															
 
																+      compress: {
															
 
																+        drop_console: true,
															
 
																+        drop_debugger: true,
															
 
																+      },
															
 
																+    },
															
 
																+  },
															
 
																+});