更新

package.json

@@ -22,6 +22,7 @@
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",
     "vue": "2.6.10",
+    "vue-quill-editor": "^3.0.6",
     "vue-router": "3.0.6",
     "vuex": "3.1.0"
   },

src/main.js

@@ -14,7 +14,12 @@ import router from './router'
 
 import '@/icons' // icon
 import '@/permission' // permission control
-
+//富文本
+import VueQuillEditor from 'vue-quill-editor'
+import 'quill/dist/quill.core.css'
+import 'quill/dist/quill.snow.css'
+import 'quill/dist/quill.bubble.css'
+Vue.use(VueQuillEditor)
 /**
  * If you don't want to use mock-server
  * you want to use MockJs for mock api

src/styles/sidebar.scss

@@ -82,12 +82,11 @@
       color: $subMenuActiveText !important;
     }
 	.nest-menu .is-active{
-		border-right: 4px solid #2A50ED;
+		border-right: 5px solid #2A50ED;
 	}
 
     & .nest-menu .el-submenu>.el-submenu__title,
     & .el-submenu .el-menu-item {
-		margin-left: 30px;
       min-width: $sideBarWidth !important;
       background-color: $subMenuBg !important;
 	
@@ -96,6 +95,9 @@
       }
     }
   }
+  .el-submenu .el-menu-item span{
+	  margin-left: 30px;
+  }
 
   .hideSidebar {
     .sidebar-container {

src/views/cargoOwnerManagement/empowerExamine.vue

@@ -82,8 +82,8 @@
 						<el-dropdown>
 							<span class="btn_css">•••</span>
 							<el-dropdown-menu slot="dropdown">
-								<el-dropdown-item :disabled="scope.row.authenticationStatus == '禁用' && scope.row.authenticationStatus != '审核中'"><span @click="switchChange(scope.row,'1')">禁用</span></el-dropdown-item>
-								<el-dropdown-item :disabled="scope.row.authenticationStatus != '禁用' && scope.row.authenticationStatus != '审核中'"><span @click="switchChange(scope.row,'2')">启用</span></el-dropdown-item>
+								<el-dropdown-item :disabled="scope.row.authenticationStatus == '已禁用' && scope.row.authenticationStatus != '审核中'"><span @click="switchChange(scope.row,'1')">禁用</span></el-dropdown-item>
+								<el-dropdown-item :disabled="scope.row.authenticationStatus != '已禁用' && scope.row.authenticationStatus != '审核中'"><span @click="switchChange(scope.row,'2')">启用</span></el-dropdown-item>
 							</el-dropdown-menu>
 						</el-dropdown>
 					</template>

src/views/contractManagement/contractModel.vue

@@ -1,27 +1,282 @@
 // 合同模板
 <template>
   <div class="center">
-    <div>合同模板</div>
-    <el-button @click="number">{{ num }}</el-button>
+    <div class="center_css">
+      <div class="top_css">
+        <el-row>
+          <el-col :span="14">
+            <el-button type="primary">添加</el-button>
+          </el-col>
+          <el-col :span="10">
+            <div class="screen">
+              <el-input placeholder="可按司机姓名、账号、身份证号查找" v-model="searchkeyWord" clearable></el-input>
+              <el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
+                  src="../../../public/img/sousuo.png" /></el-button><span
+                class="count_css">共{{ deptBudgetTotal }}条</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col>
+            <div class="search_btn">
+              <div :class="search == '' ? 'search' : 'searchNo'" class="search_item search_block"
+                @click="searchBtn('')">
+                全部
+              </div>
+              <div :class="search == 1 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(1)">
+                待审核
+              </div>
+              <div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
+                已通过
+              </div>
+              <div :class="search == 2 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(2)">
+                已驳回
+              </div>
+              <div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+                已过期
+              </div>
+              <!-- <div :class="search == 7 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(7)">
+								未认证
+							</div> -->
+              <!-- <div :class="search == 8 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(8)">
+								已注销
+							</div> -->
+              <div :class="search == 4 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(4)">
+                已禁用
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border>
+        <el-table-column prop="driverName" label="司机姓名" min-width="130"></el-table-column>
+        <el-table-column prop="driverPhone" label="账号" min-width="110"></el-table-column>
+        <el-table-column prop="numberCard" label="身份证号" min-width="165"></el-table-column>
+        <el-table-column prop="amountMoney" label="承运次数"></el-table-column>
+        <el-table-column prop="createDate" label="注册日期" min-width="100"></el-table-column>
+        <el-table-column prop="authenticationStatus" label="状态"></el-table-column>
+        <el-table-column label="操作" min-width="300">
+          <template slot-scope="scope">
+            <el-link target="_blank" type="primary" :underline="false">通过</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" type="primary" :underline="false">驳回</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" type="primary" :underline="false">消息</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-dropdown>
+              <span class="btn_css">•••</span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item><span @click="switchChange(scope.row,'1')">禁用</span>
+                </el-dropdown-item>
+                <el-dropdown-item><span @click="switchChange(scope.row,'2')">启用</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
+      style="text-align: center; margin-top: 10px" :page-size="deptCircularPage.pageSize"
+      layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
+    </el-pagination>
+    <!-- //消息 -->
+    <el-dialog title="发送信息" :visible.sync="sendInfo" width="400px" :before-close="sendInfoClose">
+      <div class="Info_css">
+        <div class="Info_title">标题</div>
+        <div class="Info_item">
+          <el-input placeholder="输入消息标题，不超过4-20个字。" v-model="Info.newsTitle" maxlength="20"></el-input>
+        </div>
+        <div class="Info_title">内容</div>
+        <div class="Info_item">
+          <el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="100"
+            v-model="Info.newsContent"></el-input>
+        </div>
+        <div class="Info_btn">
+          <el-button @click="sendInfoClose">取消</el-button>
+          <el-button @click="submitInfo" type="primary">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: "1111",
-    };
-  },
-  methods: {
-    number() {
-      this.num = '合同模板';
+  // import {} from '@/api/driverManagement'
+  export default {
+    data() {
+      return {
+        tableData: [],
+        //分页
+        searchkeyWord: "",
+        currentPage: 1,
+        pageSize: 10,
+        deptBudgetTotal: 0,
+        deptCircularPage: {},
+        search: "",
+        Info: {},
+        sendInfo: false,
+
+      };
     },
-  },
-};
+
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      getList() {
+        this.listLoading = true
+      },
+      find() {
+        this.getList()
+      },
+      sendInfoClose() {
+        this.sendInfo = false
+      },
+      submitInfo() {},
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`);
+        this.pageSize = val;
+        this.getList();
+      },
+      handleCurrentChange(val) {
+        this.currentPage = val;
+        console.log(`当前页: ${val}`);
+        this.getList();
+      },
+    },
+  };
 </script>
 <style lang="scss" scoped>
-.center {
-  padding: 10px;
-  background: #e8ecf6;
-}
+  .center {
+    padding: 10px 20px;
+    background: #f5f6f7;
+    height: calc(100vh - 5vh);
+
+    .top_css {
+      padding: 10px;
+
+      .search_btn {
+        height: 80px;
+        background: linear-gradient(#fafbfb, #ffffff);
+        display: flex;
+        margin-top: 20px;
+
+        .search_block {
+          margin-left: 20px;
+        }
+
+        .search_item {
+          text-align: center;
+          font-size: 14px;
+          font-weight: 600;
+          line-height: 40px;
+          width: 112px;
+          height: 40px;
+          background: #f7f8f9;
+          cursor: pointer;
+          margin-top: 30px;
+        }
+
+        .searchNo {
+          color: #323233;
+        }
+
+        .search {
+          color: #2f53eb;
+          background: #ffffff;
+        }
+      }
+    }
+
+    .screen {
+      display: flex;
+
+      .search {
+        width: 40px;
+        height: 40px;
+        background: #f7f8fa;
+        border-radius: 0px 2px 2px 0px;
+        border: 1px solid #f0f1f2;
+      }
+
+      .count_css {
+        width: 80px;
+        text-align: center;
+        line-height: 40px;
+        color: #666666;
+      }
+    }
+
+    .el-button {
+      padding: 10px 20px !important;
+    }
+
+    .center_css {
+      background: #ffffff;
+      border-radius: 1px;
+      margin-top: 10px;
+      padding-bottom: 10px;
+
+      ::v-deep .el-table th,
+      ::v-deep .el-table td {
+        text-align: center;
+      }
+
+      .fujian {
+        font-size: 24px;
+        color: #409eff;
+      }
+
+      .warning {
+        font-size: 14px;
+        color: #ed1d1d;
+      }
+    }
+  }
+
+  .tips {
+    color: #999999;
+    font-size: 14px;
+  }
+
+  .car_item {
+    width: 200px;
+    height: 160px;
+    border-radius: 5px;
+  }
+
+  ::v-deep .el-table--border .el-table__header th {
+    background: #f7f8f9;
+  }
+
+  .btn_css {
+    color: #409EFF;
+    cursor: pointer
+  }
+
+  .btn_css1 {
+    margin-left: -20px;
+  }
+
+  .sign {
+    font-size: 14px;
+    color: red;
+  }
+
+  //发送信息
+  .Info_css {
+    .Info_title {
+      color: #323233;
+      font-size: 16px;
+    }
+
+    .Info_item {
+      margin: 20px 0;
+    }
+
+    .Info_btn {
+      text-align: right;
+      margin-top: 10px;
+    }
+  }
 </style>

src/views/driverManagement/identityExamine.vue

@@ -1,755 +1,787 @@
 // 司机身份审核
 <template>
-	<div class="center">
-		<div class="center_css">
-			<div class="top_css">
-				<el-row>
-					<el-col :span="14">
-						<el-button type="primary">添加</el-button>
-					</el-col>
-					<el-col :span="10">
-						<div class="screen">
-							<el-input placeholder="可按司机姓名、账号、身份证号查找" v-model="searchkeyWord" clearable></el-input>
-							<el-button class="search" @click="find"><img width="16" height="16"
-									style="margin-left: -8px" src="../../../public/img/sousuo.png" /></el-button><span
-								class="count_css">共{{ deptBudgetTotal }}条</span>
-						</div>
-					</el-col>
-				</el-row>
-				<el-row>
-					<el-col>
-						<div class="search_btn">
-							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item search_block"
-								@click="searchBtn('')">
-								全部
-							</div>
-							<div :class="search == 1 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(1)">
-								待审核
-							</div>
-							<div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
-								已通过
-							</div>
-							<div :class="search == 2 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(2)">
-								已驳回
-							</div>
-							<div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
-								已过期
-							</div>
-							<!-- <div :class="search == 7 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(7)">
+  <div class="center">
+    <div class="center_css">
+      <div class="top_css">
+        <el-row>
+          <el-col :span="14">
+            <el-button type="primary">添加</el-button>
+          </el-col>
+          <el-col :span="10">
+            <div class="screen">
+              <el-input placeholder="可按司机姓名、账号、身份证号查找" v-model="searchkeyWord" clearable></el-input>
+              <el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
+                  src="../../../public/img/sousuo.png" /></el-button><span
+                class="count_css">共{{ deptBudgetTotal }}条</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col>
+            <div class="search_btn">
+              <div :class="search == '' ? 'search' : 'searchNo'" class="search_item search_block"
+                @click="searchBtn('')">
+                全部
+              </div>
+              <div :class="search == 1 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(1)">
+                待审核
+              </div>
+              <div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
+                已通过
+              </div>
+              <div :class="search == 2 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(2)">
+                已驳回
+              </div>
+              <div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+                已过期
+              </div>
+              <!-- <div :class="search == 7 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(7)">
 								未认证
 							</div> -->
-							<!-- <div :class="search == 8 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(8)">
+              <!-- <div :class="search == 8 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(8)">
 								已注销
 							</div> -->
-							<div :class="search == 4 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(4)">
-								已禁用
-							</div>
-						</div>
-					</el-col>
-				</el-row>
-			</div>
-			<el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border>
-				<el-table-column prop="driverName" label="司机姓名" min-width="130"></el-table-column>
-				<el-table-column prop="driverPhone" label="账号" min-width="110"></el-table-column>
-				<el-table-column prop="numberCard" label="身份证号" min-width="165"></el-table-column>
-				<el-table-column prop="amountMoney" label="承运次数"></el-table-column>
-				<el-table-column prop="amountMoney" label="评分" min-width="170">
-					<template slot-scope="scope">
-						<el-rate v-model="scope.row.count" disabled show-score text-color="#ff9900"
-							score-template="{value}"></el-rate>
-					</template>
-				</el-table-column>
-				<el-table-column prop="amountMoney" label="累计支付运费(元)" min-width="130"></el-table-column>
-				<el-table-column label="车辆">
-					<template slot-scope="scope">
-						<span @click="carLook(scope.row)" class="btn_css">查看</span>
-					</template>
-
-				</el-table-column>
-				<el-table-column prop="payee" label="账户">
-					<template slot-scope="scope">
-						<span @click="account(scope.row)" class="btn_css">查看</span>
-					</template>
-				</el-table-column>
-				<el-table-column prop="paymentDate" label="附件">
-					<template slot-scope="scope">
-					<span class="btn_css btn_css1" @click="fujianLook(scope.row)">查看</span>
-					<el-tooltip placement="top">
-						<div slot="content">身份证已过有效期 <br />驾驶证已过有效期</div>
-						<span style="margin-top:10px"></span>
-						<img src="../../../public/img/wenhao.png" alt="" class="ask_css">
-					</el-tooltip>
-					</template>
-				</el-table-column>
-				<el-table-column prop="createDate" label="注册日期" min-width="100"></el-table-column>
-				<el-table-column prop="authenticationStatus" label="状态"></el-table-column>
-				<el-table-column label="操作" min-width="300">
-					<template slot-scope="scope">
-						 <el-link  target="_blank" @click="adopt(scope.row)" type="primary" :underline="false" :disabled="scope.row.authenticationStatus != '审核中'">通过</el-link>
-						<el-divider direction="vertical"></el-divider>
-						 <el-link  target="_blank" @click="reject(scope.row)" type="primary" :underline="false" :disabled="scope.row.authenticationStatus != '审核中'">驳回</el-link>
-						<el-divider direction="vertical"></el-divider>
-						 <el-link  target="_blank" @click="newInfo(scope.row)" type="primary" :underline="false" :disabled="scope.row.authenticationStatus == '审核中'">消息</el-link>
-						<el-divider direction="vertical"></el-divider>
-						<el-dropdown>
-							<span class="btn_css">•••</span>
-							<el-dropdown-menu slot="dropdown">
-								<el-dropdown-item :disabled="scope.row.authenticationStatus == '禁用' && scope.row.authenticationStatus != '审核中'"><span @click="switchChange(scope.row,'1')">禁用</span>
-								</el-dropdown-item>
-								<el-dropdown-item :disabled="scope.row.authenticationStatus != '禁用' && scope.row.authenticationStatus != '审核中'"><span @click="switchChange(scope.row,'2')">启用</span>
-								</el-dropdown-item>
-							</el-dropdown-menu>
-						</el-dropdown>
-					</template>
-				</el-table-column>
-			</el-table>
-		</div>
-		<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
-			style="text-align: center; margin-top: 10px" :page-size="deptCircularPage.pageSize"
-			layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
-		</el-pagination>
-		<el-dialog title="车辆信息" :visible.sync="carInfo" width="500px" :before-close="carClose">
-			<span class="tips">注：车辆信息不在本页面审核，仅供查看</span>
-			<div class="car_css" v-for="(item,index) in carSee" :key="index">
-				<img :src="item.addressUrl" class="car_item" />
-				<div class="status_css" v-if="item.status == '审核中'" style="color: #2F53EB; background: #CFDBFE  ;">
-					{{item.status}}</div>
-				<div class="status_css" v-else-if="item.status == '已通过'" style="color: #3AC602; background: #EEFAEA;">
-					{{item.status}}</div>
-				<div class="status_css" v-else style="color: #F53F3F; background: #FFEFF0 ;">{{item.status}}</div>
-				<div class="carno_css">
-					{{item.carNumber}}
-				</div>
-				<div class="carborder_css"></div>
-			</div>
-		</el-dialog>
-		<el-dialog title="账户信息" :visible.sync="userInfo" width="500px" :before-close="userClose">
-			<div class="user" v-for="(item,index) in paySee" :key="index">
-				<div class="name_css">{{item.payeeName}}</div>
-				<div class="id_css">{{item.bankCard}}</div>
-				<div class="pay_name">{{item.bankDepositBranch}}</div>
-				<img :src="item.payeeAddressUrl" class="user_item" />
-				<div class="border_css"></div>
-			</div>
-		</el-dialog>
-		<el-dialog title="附件" :visible.sync="fujianInfo" width="830px" :before-close="fujianClose">
-			<div class="file">
-				<div class="fujian_css" >
-					<div class="fujian_item" :class="count == 1 ? 'file_btn':''" @click="btnChange(1)">身份证</div>
-					<div class="fujian_item" :class="count == 2 ? 'file_btn':''" @click="btnChange(2)">驾驶证</div>
-					<div class="fujian_item" :class="count == 3 ? 'file_btn':''" @click="btnChange(3)">行驶证</div>
-					<div class="fujian_item" :class="count == 4 ? 'file_btn':''" @click="btnChange(4)">从业资格证</div>
-					<div class="fujian_item" :class="count == 5 ? 'file_btn':''" @click="btnChange(5)">挂车行驶证</div>
-					<div class="fujian_item" :class="count == 6 ? 'file_btn':''" @click="btnChange(6)">运营证</div>
-					<div class="fujian_item" :class="count == 7 ? 'file_btn':''" @click="btnChange(7)">挂车运营证</div>
-				</div>
-				<div class="file_img">
-					<img :src="img[index]" class="img_css">
-				</div>
-				<div class="btn">
-					<el-button style="margin-right: 120px;" @click="index = 0" :disabled="count == 4 || count == 6 || count == 7">身份证人像面</el-button>
-					<el-button @click="index = 1" :disabled="count == 4 || count == 6 || count == 7">身份证国徽面</el-button>
-				</div>
-				</div>
-		</el-dialog>
-		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
-			<div>
-				<div><span class="sign">*</span>选择驳回原因</div>
-				<div class="form_css">
-					<el-form ref="form" :model="form" label-width="80px">
-						<el-checkbox-group v-model="checkList">
-							<el-checkbox label="证件照片不清晰" value="1"></el-checkbox>
-							<el-checkbox label="证件照片上传错误" value="2"></el-checkbox>
-							<el-checkbox label="身份信息填写错误" value="3"></el-checkbox>
-							<el-checkbox label="证件信息填写错误" value="4"></el-checkbox>
-							<el-checkbox label="其他" value="5"></el-checkbox>
-						</el-checkbox-group>
-						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
-						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，1-100个字"
-							v-model="form.rejectReasonDescription" maxlength="100"></el-input>
-						<div class="form_btn">
-							<el-button @click="rejectClose">取消</el-button>
-							<el-button @click="submit" type="primary">确定</el-button>
-						</div>
-					</el-form>
-				</div>
-			</div>
-		</el-dialog>
-		<!-- //消息 -->
-		<el-dialog title="发送信息" :visible.sync="sendInfo" width="400px" :before-close="sendInfoClose">
-			<div class="Info_css">
-				<div class="Info_title">标题</div>
-				<div class="Info_item">
-					<el-input placeholder="输入消息标题，不超过4-20个字。" v-model="Info.newsTitle" maxlength="20"></el-input>
-				</div>
-				<div class="Info_title">内容</div>
-				<div class="Info_item">
-					<el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="100"
-						v-model="Info.newsContent"></el-input>
-				</div>
-				<div class="Info_btn">
-					<el-button @click="sendInfoClose">取消</el-button>
-					<el-button @click="submitInfo" type="primary">确定</el-button>
-				</div>
-			</div>
-		</el-dialog>
-	</div>
+              <div :class="search == 4 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(4)">
+                已禁用
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border>
+        <el-table-column prop="driverName" label="司机姓名" min-width="130"></el-table-column>
+        <el-table-column prop="driverPhone" label="账号" min-width="110"></el-table-column>
+        <el-table-column prop="numberCard" label="身份证号" min-width="165"></el-table-column>
+        <el-table-column prop="amountMoney" label="承运次数"></el-table-column>
+        <el-table-column prop="amountMoney" label="评分" min-width="170">
+          <template slot-scope="scope">
+            <el-rate v-model="scope.row.count" disabled show-score text-color="#ff9900" score-template="{value}">
+            </el-rate>
+          </template>
+        </el-table-column>
+        <el-table-column prop="amountMoney" label="累计支付运费(元)" min-width="130"></el-table-column>
+        <el-table-column label="车辆">
+          <template slot-scope="scope">
+            <span @click="carLook(scope.row)" class="btn_css">查看</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="payee" label="账户">
+          <template slot-scope="scope">
+            <span @click="account(scope.row)" class="btn_css">查看</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="paymentDate" label="附件">
+          <template slot-scope="scope" style="text-align: center;">
+            <span class="btn_css btn_css1" @click="fujianLook(scope.row)">查看</span>
+            <el-tooltip placement="top">
+              <div slot="content"><span v-if="scope.row.overdueFlag == 1">身份证已过有效期</span> <span
+                  v-if="scope.row.driverOverdueFlag == 1"><br />驾驶证已过有效期</span><span
+                  v-if="scope.row.driverOverdueFlag == 1"><br />行驶证已过有效期</span><span
+                  v-if="scope.row.trailerOverdueFlag == 1"><br />挂车行驶证已过有效期</span><span
+                  v-if="scope.row.qualificationOverdueFlag == 1"><br />从业资格证已过有效期</span><span
+                  v-if="scope.row.operationOverdueFlag == 1"><br />道路运输证已过有效期</span><span
+                  v-if="scope.row.trailerOperationOverdueFlag == 1"><br />挂车运输证已过有效期</span></div>
+              <span style="margin-top:10px"></span>
+              <img src="../../../public/img/wenhao.png" alt="" class="ask_css">
+            </el-tooltip>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createDate" label="注册日期" min-width="100"></el-table-column>
+        <el-table-column prop="authenticationStatus" label="状态"></el-table-column>
+        <el-table-column label="操作" min-width="300">
+          <template slot-scope="scope">
+            <el-link target="_blank" @click="adopt(scope.row)" type="primary" :underline="false"
+              :disabled="scope.row.authenticationStatus != '审核中'">通过</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" @click="reject(scope.row)" type="primary" :underline="false"
+              :disabled="scope.row.authenticationStatus != '审核中'">驳回</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" @click="newInfo(scope.row)" type="primary" :underline="false"
+              :disabled="scope.row.authenticationStatus == '审核中'">消息</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-dropdown>
+              <span class="btn_css">•••</span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item
+                  :disabled="scope.row.authenticationStatus == '已禁用' && scope.row.authenticationStatus != '审核中'"><span
+                    @click="switchChange(scope.row,'1')">禁用</span>
+                </el-dropdown-item>
+                <el-dropdown-item
+                  :disabled="scope.row.authenticationStatus != '已禁用' && scope.row.authenticationStatus != '审核中'"><span
+                    @click="switchChange(scope.row,'2')">启用</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
+      style="text-align: center; margin-top: 10px" :page-size="deptCircularPage.pageSize"
+      layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
+    </el-pagination>
+    <el-dialog title="车辆信息" :visible.sync="carInfo" width="500px" :before-close="carClose">
+      <span class="tips">注：车辆信息不在本页面审核，仅供查看</span>
+      <div class="car_css" v-for="(item,index) in carSee" :key="index">
+        <img :src="item.addressUrl" class="car_item" />
+        <div class="status_css" v-if="item.status == '审核中'" style="color: #2F53EB; background: #CFDBFE  ;">
+          {{item.status}}
+        </div>
+        <div class="status_css" v-else-if="item.status == '已通过'" style="color: #3AC602; background: #EEFAEA;">
+          {{item.status}}
+        </div>
+        <div class="status_css" v-else style="color: #F53F3F; background: #FFEFF0 ;">{{item.status}}</div>
+        <div class="carno_css">
+          {{item.carNumber}}
+        </div>
+        <div class="carborder_css"></div>
+      </div>
+    </el-dialog>
+    <el-dialog title="账户信息" :visible.sync="userInfo" width="500px" :before-close="userClose">
+      <div class="user" v-for="(item,index) in paySee" :key="index">
+        <div class="name_css">{{item.payeeName}}</div>
+        <div class="id_css">{{item.bankCard}}</div>
+        <div class="pay_name">{{item.bankDepositBranch}}</div>
+        <img :src="item.payeeAddressUrl" class="user_item" />
+        <div class="border_css"></div>
+      </div>
+    </el-dialog>
+    <el-dialog title="附件" :visible.sync="fujianInfo" width="830px" :before-close="fujianClose">
+      <div class="file">
+        <div class="fujian_css">
+          <div class="fujian_item" :class="count == 1 ? 'file_btn':''" @click="btnChange(1)">身份证</div>
+          <div class="fujian_item" :class="count == 2 ? 'file_btn':''" @click="btnChange(2)">驾驶证</div>
+          <div class="fujian_item" :class="count == 3 ? 'file_btn':''" @click="btnChange(3)">行驶证</div>
+          <div class="fujian_item" :class="count == 4 ? 'file_btn':''" @click="btnChange(4)">从业资格证</div>
+          <div class="fujian_item" :class="count == 5 ? 'file_btn':''" @click="btnChange(5)">挂车行驶证</div>
+          <div class="fujian_item" :class="count == 6 ? 'file_btn':''" @click="btnChange(6)">运营证</div>
+          <div class="fujian_item" :class="count == 7 ? 'file_btn':''" @click="btnChange(7)">挂车运营证</div>
+        </div>
+        <div class="file_img">
+          <img :src="img[index]" class="img_css">
+        </div>
+        <div class="btn">
+          <el-button style="margin-right: 120px;" @click="index = 0"
+            v-if="count == 1 || count == 2 || count == 3 || count == 5">{{abilityName}}</el-button>
+          <el-button @click="index = 1" v-if="count == 1 || count == 2 || count == 3 || count == 5">{{abilityName1}}
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
+    <el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+      <div>
+        <div><span class="sign">*</span>选择驳回原因</div>
+        <div class="form_css">
+          <el-form ref="form" :model="form" label-width="80px">
+            <el-checkbox-group v-model="checkList">
+              <el-checkbox label="证件照片不清晰" value="1"></el-checkbox>
+              <el-checkbox label="证件照片上传错误" value="2"></el-checkbox>
+              <el-checkbox label="身份信息填写错误" value="3"></el-checkbox>
+              <el-checkbox label="证件信息填写错误" value="4"></el-checkbox>
+              <el-checkbox label="其他" value="5"></el-checkbox>
+            </el-checkbox-group>
+            <div style="margin: 20px 0;">驳回原因描述（选填）</div>
+            <el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，1-100个字"
+              v-model="form.rejectReasonDescription" maxlength="100"></el-input>
+            <div class="form_btn">
+              <el-button @click="rejectClose">取消</el-button>
+              <el-button @click="submit" type="primary">确定</el-button>
+            </div>
+          </el-form>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- //消息 -->
+    <el-dialog title="发送信息" :visible.sync="sendInfo" width="400px" :before-close="sendInfoClose">
+      <div class="Info_css">
+        <div class="Info_title">标题</div>
+        <div class="Info_item">
+          <el-input placeholder="输入消息标题，不超过4-20个字。" v-model="Info.newsTitle" maxlength="20"></el-input>
+        </div>
+        <div class="Info_title">内容</div>
+        <div class="Info_item">
+          <el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="100"
+            v-model="Info.newsContent"></el-input>
+        </div>
+        <div class="Info_btn">
+          <el-button @click="sendInfoClose">取消</el-button>
+          <el-button @click="submitInfo" type="primary">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 <script>
-	import {
-		getList,
-		toExamine,
-		postNews
-	} from '@/api/driverManagement'
-	export default {
-		data() {
-			return {
-				tableData: [],
-				//分页
-				searchkeyWord: "",
-				currentPage: 1,
-				pageSize: 10,
-				deptBudgetTotal: 0,
-				deptCircularPage: {},
-				search: "",
-				addressUrl: [],
-				disabled: false,
-				carInfo: false,
-				userInfo: false,
-				fujianInfo: false,
-				rejectInfo: false,
-				form: {
-					id: "",
-					rejectReasonDescription: "",
-				},
-				checkList:[],
-				carSee: [],
-				paySee: [],
-				sendInfo: false,
-				Info: {},
-				file:{},
-				img:[],
-				index:'0',
-				count:'1',
-			};
-		},
-
-		mounted() {
-			this.getList()
-		},
-		methods: {
-			getList() {
-				this.loading = true
-				let _obj = {}
-				_obj.currentPage = this.currentPage
-				_obj.pageSize = this.pageSize
-				_obj.searchKeyWord = this.searchkeyWord
-				_obj.searchType = this.search
-				getList(_obj).then(response => {
-						this.tableData = response.data.records
-						this.deptBudgetTotal = response.data.total
-						this.listLoading = false
-					})
-					.catch(() => {
-						this.loading = false
-					})
-			},
-			btnChange(num){
-				this.count = num
-				if(num == 1){
-					this.img[0] = this.file.cardAddressUrl
-					this.img[1] = this.file.cardBackAddressUrl
-				}else if(num == 2){
-					this.img[0] = this.file.driverLicenseHomePage
-					this.img[1] = this.file. driverLicenseBackPage
-				}else if(num == 3){
-					this.img[0] = this.file.drivingLicenseHomePage
-					this.img[1] = this.file.drivingLicenseBackPage
-				}else if(num == 4){
-					this.index = 0
-					this.img[0] = this.file.qualificationCertificate
-				}else if(num == 5){
-					this.img[0] = this.file.trailerLicenseHomePage
-					this.img[1] = this.file.trailerLicenseBackPage
-				}else if(num == 6){
-					this.index = 0
-					this.img[0] = this.file.operationCertificate
-				}else if(num == 7){
-					this.index = 0
-					this.img[0] = this.file.trailerOperationCertificate
-				}
-
-			},
-			newInfo(row) {
-				this.Info.newsTypeKey = 1
-				this.Info.newsType = "系统消息"
-				this.Info.crtCommonId = JSON.parse(localStorage.getItem('UserInfo')).userId
-				this.Info.reCommonId = row.commonId
-				this.Info.bussId = row.id
-				this.sendInfo = true
-			},
-			sendInfoClose() {
-				this.Info = {}
-				this.sendInfo = false
-			},
-			submitInfo() {
-				if(!this.Info.newsTitle){
-					this.$message.error("标题不能为空")
-					return
-				}
-				if(!this.Info.newsContent){
-					this.$message.error("消息内容不能为空")
-					return
-				}
-				if(this.Info.newsTitle.length < 4 || this.Info.newsTitle.length > 20){
-					this.$message.error("标题字数应在4-20之间")
-					return
-				}
-				if(this.Info.newsContent.length < 10 || this.Info.newsContent.length > 100){
-					this.$message.error("消息内容字数应在10-100之间")
-					return
-				}
-				this.listLoading = true
-				postNews(this.Info).then(response => {
-						this.$notify({
-							title: '成功',
-							message: '发送成功！',
-							type: 'success'
-						});
-						this.sendInfoClose()
-						this.listLoading = false
-					})
-					.catch(() => {
-						this.loading = false
-					})
-			},
-			switchChange(row, num) {
-				var _examine = {}
-				_examine.id = row.id
-				let title
-				if (num == 1) {
-					_examine.flag = 3
-					title = "禁用后客户将无法使用所有功能，是否确定禁用？"
-				} else if (num == 2) {
-					title = "确定重新启用该用户？"
-					_examine.flag = 4
-				}
-				this.$confirm(title, '提示', {
-						confirmButtonText: '确定',
-						cancelButtonText: '取消',
-						type: 'warning',
-					})
-					.then(() => {
-						this.listLoading = true
-						toExamine(_examine).then(response => {
-								if (num == 1) {
-									this.$notify({
-										title: '成功',
-										message: '禁用成功！',
-										type: 'success'
-									});
-								} else if (num == 2) {
-									this.$notify({
-										title: '成功',
-										message: '启用成功！',
-										type: 'success'
-									});
-								}
-								this.getList()
-								this.listLoading = false
-							})
-							.catch(() => {
-								this.loading = false
-							})
-					})
-			},
-			account(row) {
-				this.paySee = row.driverPayeeInfoList
-				this.userInfo = true;
-			},
-			fujianLook(row) {
-				this.file = row
-				this.index = 0
-				this.img[0] = this.file.cardAddressUrl
-				this.img[1] = this.file.cardBackAddressUrl
-				this.fujianInfo = true
-			},
-			userClose() {
-				this.userInfo = false;
-			},
-			fujianClose() {
-				this.count = 1
-				this.fujianInfo = false
-			},
-			carLook(row) {
-				this.carSee = row.driverCarInfoList
-				this.carInfo = true;
-			},
-			carClose() {
-				this.carInfo = false;
-			},
-			searchBtn(num) {
-				this.search = num;
-				this.getList();
-			},
-			find() {
-				this.getList();
-			},
-			adopt(row) {
-				this.$confirm('确定通过身份审核？', '提示', {
-						confirmButtonText: '确定',
-						cancelButtonText: '取消',
-						type: 'warning',
-					})
-					.then(() => {
-						this.listLoading = true
-						var _examine = {}
-						_examine.id = row.id
-						_examine.flag = 1
-						toExamine(_examine).then(response => {
-								this.$notify({
-									title: '成功',
-									message: '通过成功！',
-									type: 'success'
-								});
-								this.rejectInfo = false
-								this.getList()
-								this.listLoading = false
-							})
-							.catch(() => {
-								this.loading = false
-							})
-					})
-			},
-			submit() {
-				if (this.checkList.length == 0) {
-					this.$message.error("请选择驳回原因")
-					return
-				}
-				this.listLoading = true
-				this.form.rejectReason = this.checkList.toString()
-				// delete this.form.checkList
-				toExamine(this.form).then(response => {
-						this.$notify({
-							title: '成功',
-							message: '驳回成功！',
-							type: 'success'
-						});
-						this.checkList = []
-						this.form = {}
-						this.rejectInfo = false
-						this.getList()
-						this.listLoading = false
-					})
-					.catch(() => {
-						this.loading = false
-					})
-			},
-			reject(row) {
-				this.form.id = row.id
-				this.form.flag = 2
-				this.rejectInfo = true
-			},
-			rejectClose() {
-				this.checkList = []
-				this.form = {}
-				this.rejectInfo = false
-			},
-			// onChange() {
-			// 	this.$refs.upload
-			// 		.handleSaveBill()
-			// 		.then(async (response) => {
-			// 			this.formData.addressUrl = response;
-			// 		})
-			// 		.catch((res) => {
-			// 			EventBus.$emit("error", (JSON.parse(res) || {}).message);
-			// 			this.$refs.upload.clearFiles();
-			// 		});
-			// },
-			handleSizeChange(val) {
-				console.log(`每页 ${val} 条`);
-				this.pageSize = val;
-				this.getList();
-			},
-			handleCurrentChange(val) {
-				this.currentPage = val;
-				console.log(`当前页: ${val}`);
-				this.getList();
-			},
-		},
-	};
+  import {
+    getList,
+    toExamine,
+    postNews
+  } from '@/api/driverManagement'
+  export default {
+    data() {
+      return {
+        tableData: [],
+        //分页
+        searchkeyWord: "",
+        currentPage: 1,
+        pageSize: 10,
+        deptBudgetTotal: 0,
+        deptCircularPage: {},
+        search: "",
+        addressUrl: [],
+        disabled: false,
+        carInfo: false,
+        userInfo: false,
+        fujianInfo: false,
+        rejectInfo: false,
+        form: {
+          id: "",
+          rejectReasonDescription: "",
+        },
+        checkList: [],
+        carSee: [],
+        paySee: [],
+        sendInfo: false,
+        Info: {},
+        file: {},
+        img: [],
+        index: '0',
+        count: '1',
+        abilityName: '身份证人像面',
+        abilityName1: '身份证国徽面',
+      };
+    },
+
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      getList() {
+        this.listLoading = true
+        let _obj = {}
+        _obj.currentPage = this.currentPage
+        _obj.pageSize = this.pageSize
+        _obj.searchKeyWord = this.searchkeyWord
+        _obj.searchType = this.search
+        getList(_obj).then(response => {
+            this.tableData = response.data.records
+            this.deptBudgetTotal = response.data.total
+            this.listLoading = false
+          })
+          .catch(() => {
+            this.listLoading = false
+          })
+      },
+      btnChange(num) {
+        this.count = num
+        if (num == 1) {
+          this.abilityName = '身份证人像面'
+          this.abilityName1 = '身份证国徽面'
+          this.img[0] = this.file.cardAddressUrl
+          this.img[1] = this.file.cardBackAddressUrl
+        } else if (num == 2) {
+          this.abilityName = '驾驶证主页'
+          this.abilityName1 = '驾驶证副页'
+          this.img[0] = this.file.driverLicenseHomePage
+          this.img[1] = this.file.driverLicenseBackPage
+        } else if (num == 3) {
+          this.abilityName = '行驶证主页'
+          this.abilityName1 = '行驶证副页'
+          this.img[0] = this.file.drivingLicenseHomePage
+          this.img[1] = this.file.drivingLicenseBackPage
+        } else if (num == 4) {
+          this.index = 0
+          this.img[0] = this.file.qualificationCertificate
+        } else if (num == 5) {
+          this.abilityName = '挂车行驶证主页'
+          this.abilityName1 = '挂车行驶证副页'
+          this.img[0] = this.file.trailerLicenseHomePage
+          this.img[1] = this.file.trailerLicenseBackPage
+        } else if (num == 6) {
+          this.index = 0
+          this.img[0] = this.file.operationCertificate
+        } else if (num == 7) {
+          this.index = 0
+          this.img[0] = this.file.trailerOperationCertificate
+        }
+
+      },
+      newInfo(row) {
+        this.Info.newsTypeKey = 1
+        this.Info.newsType = "系统消息"
+        this.Info.crtCommonId = JSON.parse(localStorage.getItem('UserInfo')).userId
+        this.Info.reCommonId = row.commonId
+        this.Info.bussId = row.id
+        this.sendInfo = true
+      },
+      sendInfoClose() {
+        this.Info = {}
+        this.sendInfo = false
+      },
+      submitInfo() {
+        if (!this.Info.newsTitle) {
+          this.$message.error("标题不能为空")
+          return
+        }
+        if (!this.Info.newsContent) {
+          this.$message.error("消息内容不能为空")
+          return
+        }
+        if (this.Info.newsTitle.length < 4 || this.Info.newsTitle.length > 20) {
+          this.$message.error("标题字数应在4-20之间")
+          return
+        }
+        if (this.Info.newsContent.length < 10 || this.Info.newsContent.length > 100) {
+          this.$message.error("消息内容字数应在10-100之间")
+          return
+        }
+        this.listLoading = true
+        postNews(this.Info).then(response => {
+            this.$notify({
+              title: '成功',
+              message: '发送成功！',
+              type: 'success'
+            });
+            this.sendInfoClose()
+            this.listLoading = false
+          })
+          .catch(() => {
+            this.listLoading = false
+          })
+      },
+      switchChange(row, num) {
+        var _examine = {}
+        _examine.id = row.id
+        let title
+        if (num == 1) {
+          _examine.flag = 3
+          title = "禁用后客户将无法使用所有功能，是否确定禁用？"
+        } else if (num == 2) {
+          title = "确定重新启用该用户？"
+          _examine.flag = 4
+        }
+        this.$confirm(title, '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          })
+          .then(() => {
+            this.listLoading = true
+            toExamine(_examine).then(response => {
+                if (num == 1) {
+                  this.$notify({
+                    title: '成功',
+                    message: '禁用成功！',
+                    type: 'success'
+                  });
+                } else if (num == 2) {
+                  this.$notify({
+                    title: '成功',
+                    message: '启用成功！',
+                    type: 'success'
+                  });
+                }
+                this.getList()
+                this.listLoading = false
+              })
+              .catch(() => {
+                this.listLoading = false
+              })
+          })
+      },
+      account(row) {
+        this.paySee = row.driverPayeeInfoList
+        this.userInfo = true;
+      },
+      fujianLook(row) {
+        this.file = row
+        this.index = 0
+        this.img[0] = this.file.cardAddressUrl
+        this.img[1] = this.file.cardBackAddressUrl
+        this.fujianInfo = true
+      },
+      userClose() {
+        this.userInfo = false;
+      },
+      fujianClose() {
+        this.count = 1
+        this.fujianInfo = false
+      },
+      carLook(row) {
+        this.carSee = row.driverCarInfoList
+        this.carInfo = true;
+      },
+      carClose() {
+        this.carInfo = false;
+      },
+      searchBtn(num) {
+        this.search = num;
+        this.getList();
+      },
+      find() {
+        this.getList();
+      },
+      adopt(row) {
+        this.$confirm('确定通过身份审核？', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          })
+          .then(() => {
+            this.listLoading = true
+            var _examine = {}
+            _examine.id = row.id
+            _examine.flag = 1
+            toExamine(_examine).then(response => {
+                this.$notify({
+                  title: '成功',
+                  message: '通过成功！',
+                  type: 'success'
+                });
+                this.rejectInfo = false
+                this.getList()
+                this.listLoading = false
+              })
+              .catch(() => {
+                this.listLoading = false
+              })
+          })
+      },
+      submit() {
+        if (this.checkList.length == 0) {
+          this.$message.error("请选择驳回原因")
+          return
+        }
+        this.listLoading = true
+        this.form.rejectReason = this.checkList.toString()
+        // delete this.form.checkList
+        toExamine(this.form).then(response => {
+            this.$notify({
+              title: '成功',
+              message: '驳回成功！',
+              type: 'success'
+            });
+            this.checkList = []
+            this.form = {}
+            this.rejectInfo = false
+            this.getList()
+            this.listLoading = false
+          })
+          .catch(() => {
+            this.listLoading = false
+          })
+      },
+      reject(row) {
+        this.form.id = row.id
+        this.form.flag = 2
+        this.rejectInfo = true
+      },
+      rejectClose() {
+        this.checkList = []
+        this.form = {}
+        this.rejectInfo = false
+      },
+      // onChange() {
+      // 	this.$refs.upload
+      // 		.handleSaveBill()
+      // 		.then(async (response) => {
+      // 			this.formData.addressUrl = response;
+      // 		})
+      // 		.catch((res) => {
+      // 			EventBus.$emit("error", (JSON.parse(res) || {}).message);
+      // 			this.$refs.upload.clearFiles();
+      // 		});
+      // },
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`);
+        this.pageSize = val;
+        this.getList();
+      },
+      handleCurrentChange(val) {
+        this.currentPage = val;
+        console.log(`当前页: ${val}`);
+        this.getList();
+      },
+    },
+  };
 </script>
 <style lang="scss" scoped>
-	.center {
-		padding: 10px 20px;
-		background: #f5f6f7;
-		height: calc(100vh - 5vh);
+  .center {
+    padding: 10px 20px;
+    background: #f5f6f7;
+    height: calc(100vh - 5vh);
 
 
-		.top_css {
-			padding: 10px;
+    .top_css {
+      padding: 10px;
 
 
-			.search_btn {
-         height: 80px;
+      .search_btn {
+        height: 80px;
         background: linear-gradient(#fafbfb, #ffffff);
-				display: flex;
-				margin-top: 20px;
-        .search_block{
+        display: flex;
+        margin-top: 20px;
+
+        .search_block {
           margin-left: 20px;
         }
 
-				.search_item {
-					text-align: center;
-					font-size: 14px;
-					font-weight: 600;
-					line-height: 40px;
-					width: 112px;
-					height: 40px;
-					background: #f7f8f9;
-					cursor: pointer;
+        .search_item {
+          text-align: center;
+          font-size: 14px;
+          font-weight: 600;
+          line-height: 40px;
+          width: 112px;
+          height: 40px;
+          background: #f7f8f9;
+          cursor: pointer;
           margin-top: 30px;
-				}
-
-				.searchNo {
-					color: #323233;
-				}
-
-				.search {
-					color: #2f53eb;
-					background: #ffffff;
-				}
-			}
-		}
-
-		.ask_css {
-			position: absolute;
-			margin: 3px 0 0 10px;
-		}
-
-		.center_css {
-			background: #ffffff;
-			border-radius: 1px;
-			margin-top: 10px;
-			padding-bottom: 10px;
-		}
-
-		.screen {
-			display: flex;
-
-			.search {
-				width: 40px;
-				height: 40px;
-				background: #f7f8fa;
-				border-radius: 0px 2px 2px 0px;
-				border: 1px solid #f0f1f2;
-			}
-
-			.count_css {
-				width: 80px;
-				text-align: center;
-				line-height: 40px;
-				color: #666666;
-			}
-		}
-
-		.el-button {
-			padding: 10px 20px !important;
-		}
-
-		.center_css {
-
-			::v-deep .el-table th,
-			::v-deep .el-table td {
-				text-align: center;
-			}
-
-			.fujian {
-				font-size: 24px;
-				color: #409eff;
-			}
-
-			.warning {
-				font-size: 14px;
-				color: #ed1d1d;
-			}
-		}
-	}
-
-	.car_css {
-		width: 50%;
-		display: inline-block;
-		text-align: center;
-		margin-top: 30px;
-		position: relative;
-
-		.status_css {
-			background: #3AC602;
-			width: 50px;
-			height: 17px;
-			position: absolute;
-			top: 0px;
-			right: 15px;
-			border-radius: 3px;
-		}
-
-		.carno_css {
-			padding: 1px 5px;
-			background-color: #F5F6F7;
-			color: #666666;
-			border-radius: 12px;
-			text-align: center;
-			width: 100px;
-			margin: 10px auto 0;
-		}
-
-		.carborder_css {
-			border: 1px solid #F0F1F2;
-			margin: 15px auto 0;
-			width: 90%;
-		}
-	}
-
-	.tips {
-		color: #999999;
-		font-size: 14px;
-	}
-
-	.car_item {
-		width: 200px;
-		height: 160px;
-		border-radius: 5px;
-	}
-
-	.user {
-		margin-bottom: 20px;
-
-		.id_css {
-			font-size: 14px;
-		}
-
-		.id_css,
-		.name_css {
-			margin: 5px 0;
-			color: #0D0D0D;
-		}
-
-		.pay_name {
-			color: #9D9D9D;
-			font-size: 14px;
-		}
-
-		.name_css {
-			font-size: 16px;
-		}
-
-		.user_item {
-			margin: 25px 0;
-			width: 450px;
-			height: 300px;
-		}
-
-		.border_css {
-			width: 100%;
-			border: 1px solid #F0F1F2;
-		}
-	}
-
-	::v-deep .el-table--border .el-table__header th {
-		background: #f7f8f9;
-	}
-
-	.btn_css {
-		color: #409EFF;
-		cursor: pointer
-	}
-
-	.btn_css1 {
-		margin-left: -20px;
-	}
-
-	.sign {
-		font-size: 14px;
-		color: red;
-	}
-
-	.form_css {
-		width: 100%;
-		margin: 20px auto 20px;
-
-		::v-deep .el-checkbox {
-			width: 40%;
-			height: 30px;
-		}
-
-		// ::v-deep .el-dialog__body{
-		// 	padding: 10px 20px;
-		// }
-		::v-deep .el-dialog__title {
-			font-size: 16px;
-		}
-
-		::v-deep .el-textarea__inner {
-			background: #F0F1F2;
-		}
-
-		.form_btn {
-			text-align: right;
-			margin-top: 10px;
-		}
-	}
-
-	//发送信息
-	.Info_css {
-		.Info_title {
-			color: #323233;
-			font-size: 16px;
-		}
-
-		.Info_item {
-			margin: 20px 0;
-		}
-
-		.Info_btn {
-			text-align: right;
-			margin-top: 10px;
-		}
-	}
-	//附件
-	.file{
-		.fujian_css{
-		width: 631px;
-		display: flex;
-		margin: 0 auto;
-		text-align: center;
-		line-height:32px;
-		border: 1px solid #F0F1F2;
-		border-right: 0px;
-		border-radius: 2px 0px 0px 2px;
-		.fujian_item{
-			cursor:pointer;
-			width: 90px;
-			height: 32px;
-			border-right: 1px solid #F0F1F2;
-		}
-		.file_btn{
-			color: #2F53EB ;
-			background-color: #CFDBFE;
-		}
-	}
-	.file_img{
-		width: 525px;
-		height: 332px;
-		margin: 20px auto;
-	}
-	.img_css{
-		width: 525px;
-		height: 332px;
-	}
-	.btn{
-		width: 400px;
-		margin: 0 auto;
-	}
-	}
+        }
 
+        .searchNo {
+          color: #323233;
+        }
+
+        .search {
+          color: #2f53eb;
+          background: #ffffff;
+        }
+      }
+    }
+
+    .ask_css {
+      position: absolute;
+      margin: 3px 0 0 10px;
+    }
+
+    .center_css {
+      background: #ffffff;
+      border-radius: 1px;
+      margin-top: 10px;
+      padding-bottom: 10px;
+    }
+
+    .screen {
+      display: flex;
+
+      .search {
+        width: 40px;
+        height: 40px;
+        background: #f7f8fa;
+        border-radius: 0px 2px 2px 0px;
+        border: 1px solid #f0f1f2;
+      }
+
+      .count_css {
+        width: 80px;
+        text-align: center;
+        line-height: 40px;
+        color: #666666;
+      }
+    }
+
+    .el-button {
+      padding: 10px 20px !important;
+    }
+
+    .center_css {
+
+      ::v-deep .el-table th,
+      ::v-deep .el-table td {
+        text-align: center;
+      }
+
+      .fujian {
+        font-size: 24px;
+        color: #409eff;
+      }
+
+      .warning {
+        font-size: 14px;
+        color: #ed1d1d;
+      }
+    }
+  }
+
+  .car_css {
+    width: 50%;
+    display: inline-block;
+    text-align: center;
+    margin-top: 30px;
+    position: relative;
+
+    .status_css {
+      background: #3AC602;
+      width: 50px;
+      height: 17px;
+      position: absolute;
+      top: 0px;
+      right: 15px;
+      border-radius: 3px;
+    }
+
+    .carno_css {
+      padding: 1px 5px;
+      background-color: #F5F6F7;
+      color: #666666;
+      border-radius: 12px;
+      text-align: center;
+      width: 100px;
+      margin: 10px auto 0;
+    }
+
+    .carborder_css {
+      border: 1px solid #F0F1F2;
+      margin: 15px auto 0;
+      width: 90%;
+    }
+  }
+
+  .tips {
+    color: #999999;
+    font-size: 14px;
+  }
+
+  .car_item {
+    width: 200px;
+    height: 160px;
+    border-radius: 5px;
+  }
+
+  .user {
+    margin-bottom: 20px;
+
+    .id_css {
+      font-size: 14px;
+    }
+
+    .id_css,
+    .name_css {
+      margin: 5px 0;
+      color: #0D0D0D;
+    }
+
+    .pay_name {
+      color: #9D9D9D;
+      font-size: 14px;
+    }
+
+    .name_css {
+      font-size: 16px;
+    }
+
+    .user_item {
+      margin: 25px 0;
+      width: 450px;
+      height: 300px;
+    }
+
+    .border_css {
+      width: 100%;
+      border: 1px solid #F0F1F2;
+    }
+  }
+
+  ::v-deep .el-table--border .el-table__header th {
+    background: #f7f8f9;
+  }
+
+  .btn_css {
+    color: #409EFF;
+    cursor: pointer
+  }
+
+  .btn_css1 {
+    margin-left: -20px;
+  }
+
+  .sign {
+    font-size: 14px;
+    color: red;
+  }
+
+  .form_css {
+    width: 100%;
+    margin: 20px auto 20px;
+
+    ::v-deep .el-checkbox {
+      width: 40%;
+      height: 30px;
+    }
+
+    // ::v-deep .el-dialog__body{
+    // 	padding: 10px 20px;
+    // }
+    ::v-deep .el-dialog__title {
+      font-size: 16px;
+    }
+
+    ::v-deep .el-textarea__inner {
+      background: #F0F1F2;
+    }
+
+    .form_btn {
+      text-align: right;
+      margin-top: 10px;
+    }
+  }
+
+  //发送信息
+  .Info_css {
+    .Info_title {
+      color: #323233;
+      font-size: 16px;
+    }
+
+    .Info_item {
+      margin: 20px 0;
+    }
+
+    .Info_btn {
+      text-align: right;
+      margin-top: 10px;
+    }
+  }
+
+  //附件
+  .file {
+    .fujian_css {
+      width: 631px;
+      display: flex;
+      margin: 0 auto;
+      text-align: center;
+      line-height: 32px;
+      border: 1px solid #F0F1F2;
+      border-right: 0px;
+      border-radius: 2px 0px 0px 2px;
+
+      .fujian_item {
+        cursor: pointer;
+        width: 90px;
+        height: 32px;
+        border-right: 1px solid #F0F1F2;
+      }
+
+      .file_btn {
+        color: #2F53EB;
+        background-color: #CFDBFE;
+      }
+    }
+
+    .file_img {
+      width: 525px;
+      height: 332px;
+      margin: 20px auto;
+    }
+
+    .img_css {
+      width: 525px;
+      height: 332px;
+    }
+
+    .btn {
+      width: 410px;
+      margin: 0 auto;
+    }
+  }
 </style>

src/views/feedbackManagement/userFeedback.vue

@@ -1,27 +1,282 @@
 // 用户反馈
 <template>
   <div class="center">
-    <div>用户反馈</div>
-    <el-button @click="number">{{ num }}</el-button>
+    <div class="center_css">
+      <div class="top_css">
+        <el-row>
+          <el-col :span="14">
+            <el-button type="primary">添加</el-button>
+          </el-col>
+          <el-col :span="10">
+            <div class="screen">
+              <el-input placeholder="可按司机姓名、账号、身份证号查找" v-model="searchkeyWord" clearable></el-input>
+              <el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
+                  src="../../../public/img/sousuo.png" /></el-button><span
+                class="count_css">共{{ deptBudgetTotal }}条</span>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col>
+            <div class="search_btn">
+              <div :class="search == '' ? 'search' : 'searchNo'" class="search_item search_block"
+                @click="searchBtn('')">
+                全部
+              </div>
+              <div :class="search == 1 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(1)">
+                待审核
+              </div>
+              <div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
+                已通过
+              </div>
+              <div :class="search == 2 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(2)">
+                已驳回
+              </div>
+              <div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+                已过期
+              </div>
+              <!-- <div :class="search == 7 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(7)">
+								未认证
+							</div> -->
+              <!-- <div :class="search == 8 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(8)">
+								已注销
+							</div> -->
+              <div :class="search == 4 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(4)">
+                已禁用
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border>
+        <el-table-column prop="driverName" label="司机姓名" min-width="130"></el-table-column>
+        <el-table-column prop="driverPhone" label="账号" min-width="110"></el-table-column>
+        <el-table-column prop="numberCard" label="身份证号" min-width="165"></el-table-column>
+        <el-table-column prop="amountMoney" label="承运次数"></el-table-column>
+        <el-table-column prop="createDate" label="注册日期" min-width="100"></el-table-column>
+        <el-table-column prop="authenticationStatus" label="状态"></el-table-column>
+        <el-table-column label="操作" min-width="300">
+          <template slot-scope="scope">
+            <el-link target="_blank" type="primary" :underline="false">通过</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" type="primary" :underline="false">驳回</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-link target="_blank" type="primary" :underline="false">消息</el-link>
+            <el-divider direction="vertical"></el-divider>
+            <el-dropdown>
+              <span class="btn_css">•••</span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item><span @click="switchChange(scope.row,'1')">禁用</span>
+                </el-dropdown-item>
+                <el-dropdown-item><span @click="switchChange(scope.row,'2')">启用</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
+      style="text-align: center; margin-top: 10px" :page-size="deptCircularPage.pageSize"
+      layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
+    </el-pagination>
+    <!-- //消息 -->
+    <el-dialog title="发送信息" :visible.sync="sendInfo" width="400px" :before-close="sendInfoClose">
+      <div class="Info_css">
+        <div class="Info_title">标题</div>
+        <div class="Info_item">
+          <el-input placeholder="输入消息标题，不超过4-20个字。" v-model="Info.newsTitle" maxlength="20"></el-input>
+        </div>
+        <div class="Info_title">内容</div>
+        <div class="Info_item">
+          <el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="100"
+            v-model="Info.newsContent"></el-input>
+        </div>
+        <div class="Info_btn">
+          <el-button @click="sendInfoClose">取消</el-button>
+          <el-button @click="submitInfo" type="primary">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: 1111,
-    };
-  },
-  methods: {
-    number() {
-      this.num = '用户反馈';
+  // import {} from '@/api/driverManagement'
+  export default {
+    data() {
+      return {
+        tableData: [],
+        //分页
+        searchkeyWord: "",
+        currentPage: 1,
+        pageSize: 10,
+        deptBudgetTotal: 0,
+        deptCircularPage: {},
+        search: "",
+        Info: {},
+        sendInfo: false,
+
+      };
     },
-  },
-};
+
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      getList() {
+        this.listLoading = true
+      },
+      find() {
+        this.getList()
+      },
+      sendInfoClose() {
+        this.sendInfo = false
+      },
+      submitInfo() {},
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`);
+        this.pageSize = val;
+        this.getList();
+      },
+      handleCurrentChange(val) {
+        this.currentPage = val;
+        console.log(`当前页: ${val}`);
+        this.getList();
+      },
+    },
+  };
 </script>
 <style lang="scss" scoped>
-.center {
-  padding: 10px;
-  background: #e8ecf6;
-}
-</style>
+  .center {
+    padding: 10px 20px;
+    background: #f5f6f7;
+    height: calc(100vh - 5vh);
+
+    .top_css {
+      padding: 10px;
+
+      .search_btn {
+        height: 80px;
+        background: linear-gradient(#fafbfb, #ffffff);
+        display: flex;
+        margin-top: 20px;
+
+        .search_block {
+          margin-left: 20px;
+        }
+
+        .search_item {
+          text-align: center;
+          font-size: 14px;
+          font-weight: 600;
+          line-height: 40px;
+          width: 112px;
+          height: 40px;
+          background: #f7f8f9;
+          cursor: pointer;
+          margin-top: 30px;
+        }
+
+        .searchNo {
+          color: #323233;
+        }
+
+        .search {
+          color: #2f53eb;
+          background: #ffffff;
+        }
+      }
+    }
+
+    .screen {
+      display: flex;
+
+      .search {
+        width: 40px;
+        height: 40px;
+        background: #f7f8fa;
+        border-radius: 0px 2px 2px 0px;
+        border: 1px solid #f0f1f2;
+      }
+
+      .count_css {
+        width: 80px;
+        text-align: center;
+        line-height: 40px;
+        color: #666666;
+      }
+    }
+
+    .el-button {
+      padding: 10px 20px !important;
+    }
+
+    .center_css {
+      background: #ffffff;
+      border-radius: 1px;
+      margin-top: 10px;
+      padding-bottom: 10px;
+
+      ::v-deep .el-table th,
+      ::v-deep .el-table td {
+        text-align: center;
+      }
+
+      .fujian {
+        font-size: 24px;
+        color: #409eff;
+      }
+
+      .warning {
+        font-size: 14px;
+        color: #ed1d1d;
+      }
+    }
+  }
+
+  .tips {
+    color: #999999;
+    font-size: 14px;
+  }
+
+  .car_item {
+    width: 200px;
+    height: 160px;
+    border-radius: 5px;
+  }
+
+  ::v-deep .el-table--border .el-table__header th {
+    background: #f7f8f9;
+  }
+
+  .btn_css {
+    color: #409EFF;
+    cursor: pointer
+  }
+
+  .btn_css1 {
+    margin-left: -20px;
+  }
+
+  .sign {
+    font-size: 14px;
+    color: red;
+  }
+
+  //发送信息
+  .Info_css {
+    .Info_title {
+      color: #323233;
+      font-size: 16px;
+    }
+
+    .Info_item {
+      margin: 20px 0;
+    }
+
+    .Info_btn {
+      text-align: right;
+      margin-top: 10px;
+    }
+  }
+</style>

src/views/orderManagement/orderAudit.vue

@@ -54,7 +54,11 @@
             <span v-else>{{ scope.$index + 1 }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="orderNo" label="订单编号" min-width="150"></el-table-column>
+        <el-table-column prop="orderNo" label="订单编号" min-width="182">
+          <template scope="scope">
+            <div>{{scope.row.orderNo}} <span class="pad_css" v-if="scope.row.freightAdvance == 1">垫</span></div>
+          </template>
+        </el-table-column>
         <el-table-column prop="cargoOwner" label="货主"></el-table-column>
         <el-table-column prop="driverName" label="司机"></el-table-column>
         <el-table-column prop="freight" label="运费(元)">
@@ -79,7 +83,7 @@
         <el-table-column prop="payee" label="合同">
           <span @click="account" class="btn_css">查看</span>
         </el-table-column>
-        <el-table-column prop="updateDate" label="更新时间" min-width="110"></el-table-column>
+        <el-table-column prop="updateDate" label="更新时间" min-width="160"></el-table-column>
         <el-table-column prop="orderStatus" label="状态" min-width="92"></el-table-column>
         <el-table-column label="操作" min-width="350">
           <template slot-scope="scope">
@@ -112,7 +116,6 @@
                 </el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-
           </template>
         </el-table-column>
       </el-table>
@@ -487,7 +490,6 @@
         .search_block{
           margin-left: 20px;
         }
-
         .search_item {
           text-align: center;
           font-size: 14px;
@@ -687,6 +689,12 @@
       margin-top: 10px;
     }
   }
+  .pad_css{
+    background: #F0F4FF;
+    color: #2F53EB;
+    padding: 2px;
+    margin-left: 10px;
+  }
 
   ::v-deep .el-drawer {
     overflow: auto;

src/views/platformManagement/specifiedRecordsAdd.vue

@@ -1,134 +1,158 @@
 <template>
-	<div class="center">
-		<div class="main_css">
-			<div class="formData">
-				<el-form ref="form" :model="form" label-width="80px">
-					<el-form-item label="编写单位">
-						<el-input v-model="form.compilationUnit" clearable placeholder="请输入编写单位"></el-input>
-					</el-form-item>
-					<el-form-item label="编撰人员">
-						<el-input v-model="form.editor" clearable placeholder="请输入编撰人员"></el-input>
-					</el-form-item>
-					<el-form-item label="版本号">
-						<el-input v-model="form.versionNumber" clearable placeholder="请输入版本号"></el-input>
-					</el-form-item>
-					<el-form-item label="提交人">
-						<el-input v-model="form.submitter" clearable placeholder="自动获取,不可编辑" disabled></el-input>
-					</el-form-item>
-					<el-form-item label="版本说明">
-						<el-input v-model="form.versionDescription" clearable placeholder="请输入版本说明" maxlength="100">
-						</el-input>
-					</el-form-item>
-					<div class="title_css">* 版本号已默认上一次加1</div>
-				</el-form>
-			</div>
-			<div class="btn">
-				<el-button @click="submit">提交</el-button>
-			</div>
-		</div>
-	</div>
+  <div class="center">
+    <div class="main_css">
+      <div class="formData">
+        <el-form ref="form" :model="form" label-width="80px">
+          <el-form-item label="编写单位">
+            <el-input v-model="form.compilationUnit" clearable placeholder="请输入编写单位"></el-input>
+          </el-form-item>
+          <el-form-item label="编撰人员">
+            <el-input v-model="form.editor" clearable placeholder="请输入编撰人员"></el-input>
+          </el-form-item>
+          <el-form-item label="版本号">
+            <el-input v-model="form.versionNumber" clearable placeholder="请输入版本号"></el-input>
+          </el-form-item>
+          <el-form-item label="提交人">
+            <el-input v-model="form.submitter" clearable placeholder="自动获取,不可编辑" disabled></el-input>
+          </el-form-item>
+          <el-form-item label="版本说明">
+            <el-input v-model="form.versionDescription" clearable placeholder="请输入版本说明" maxlength="100">
+            </el-input>
+          </el-form-item>
+          <div>
+            <quill-editor v-model="form.content" res="myQuillEditor" :options="editorOption" id="editor">
+              <!-- @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)" -->
+            </quill-editor>
+          </div>
+        </el-form>
+      </div>
+      <div class="btn">
+        <el-button @click="submit">提交</el-button>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-	import {
-		addFormData
-	} from '@/api/platformManagement'
-	export default {
-		data() {
-			return {
-				form: {},
-				regulations: {},
-				version:[],
-				count:""
-			}
-		},
-		created() {
-			this.form.submitter = JSON.parse(localStorage.getItem('UserInfo')).deptName
-			this.regulations = JSON.parse(localStorage.getItem("regulations"))
-			if (this.regulations) {
-				this.$set(this.form, "compilationUnit", this.regulations.compilationUnit)
-				this.$set(this.form, "editor", this.regulations.editor)
-				// 默认当前生效规定版本版本号尾号 + 1
-				this.version = this.regulations.versionNumber.split(".")
-				this.count = Number(this.version[this.version.length- 1]) + 1
-				this.$set(this.form, "versionNumber",this.regulations.versionNumber.substr(0,this.version.length+1) + this.count)
-			}
-		},
-		methods: {
-			submit() {
-				if (this.form.compilationUnit && (this.form.compilationUnit.length < 0 || this.form.compilationUnit.length > 25)) {
-					this.$message.error("编写单位字数应在 0 - 25 之间")
-					return
-				}
-				if (this.form.editor && (this.form.editor.length < 0 || this.form.editor.length > 10)) {
-					this.$message.error("编撰人员字数应在 0 - 10 之间")
-					return
-				}
-				if(!this.form.versionNumber){
-					this.$message.error("请输入版本号")
-					return
-				}
-				if(this.form.versionNumber.indexOf(".") == -1){
-					this.$message.error("版本号格式不正确，如 1.**")
-					return
-				}
-				if (this.form.versionDescription && (this.form.versionDescription.length < 0 || this.form.versionDescription.length > 100)) {
-					this.$message.error("版本说明字数应在 0 - 100 之间")
-					return
-				}
-				this.listLoading = true
-				addFormData(this.form).then(response => {
-						this.$notify({
-							title: '成功',
-							message: '添加成功！',
-							type: 'success'
-						});
-						var _obj = {}
-						_obj.compilationUnit = this.form.compilationUnit
-						_obj.editor = this.form.editor
-						_obj.versionNumber = this.form.versionNumber
-						localStorage.setItem("regulations", JSON.stringify(_obj))
-						this.listLoading = false
-						this.$router.go(-1)
-					})
-					.catch(() => {
-						this.loading = false
-					})
-			}
-		}
-	}
+  import {
+    addFormData
+  } from '@/api/platformManagement'
+  import quillEditor from 'Vue-quill-editor';
+  export default {
+    data() {
+      return {
+        editorOption: {
+          // modules: {
+          //   // toolbar: [
+          //   //   ['bold', 'italic', 'underline', 'strike', 'background', 'color', 'font', 'size'],
+          //   //   ['blockquote', 'code-block']
+          //   // ]
+          // }
+        },
+        form: {},
+        regulations: {},
+        version: [],
+        count: ""
+      }
+    },
+    created() {
+      this.form.submitter = JSON.parse(localStorage.getItem('UserInfo')).deptName
+      this.regulations = JSON.parse(localStorage.getItem("regulations"))
+      if (this.regulations) {
+        this.$set(this.form, "compilationUnit", this.regulations.compilationUnit)
+        this.$set(this.form, "editor", this.regulations.editor)
+        // 默认当前生效规定版本版本号尾号 + 1
+        this.version = this.regulations.versionNumber.split(".")
+        this.count = Number(this.version[this.version.length - 1]) + 1
+        this.$set(this.form, "versionNumber", this.regulations.versionNumber.substr(0, this.version.length + 1) + this
+          .count)
+      }
+    },
+    methods: {
+      // Oneditorblur(e) {//失去焦点事件
+      //   console.log(e)
+      // },
+      // Oneditorfocus(e) {//获得焦点事件
+      //   console.log(e)
+      // },
+      // Oneditorchange(e) {//内容改变事件
+      //   console.log(this.content)
+      // },
+      // SaveHtml(event) {//富文本点击保存按钮
+      //   alert(this.content);
+      // },
+      submit() {
+        if (this.form.compilationUnit && (this.form.compilationUnit.length < 0 || this.form.compilationUnit.length >
+          25)) {
+          this.$message.error("编写单位字数应在 0 - 25 之间")
+          return
+        }
+        if (this.form.editor && (this.form.editor.length < 0 || this.form.editor.length > 10)) {
+          this.$message.error("编撰人员字数应在 0 - 10 之间")
+          return
+        }
+        if (!this.form.versionNumber) {
+          this.$message.error("请输入版本号")
+          return
+        }
+        if (this.form.versionNumber.indexOf(".") == -1) {
+          this.$message.error("版本号格式不正确，如 1.**")
+          return
+        }
+        if (this.form.versionDescription && (this.form.versionDescription.length < 0 || this.form.versionDescription
+            .length > 100)) {
+          this.$message.error("版本说明字数应在 0 - 100 之间")
+          return
+        }
+        this.listLoading = true
+        addFormData(this.form).then(response => {
+            this.$notify({
+              title: '成功',
+              message: '添加成功！',
+              type: 'success'
+            });
+            var _obj = {}
+            _obj.compilationUnit = this.form.compilationUnit
+            _obj.editor = this.form.editor
+            _obj.versionNumber = this.form.versionNumber
+            localStorage.setItem("regulations", JSON.stringify(_obj))
+            this.listLoading = false
+            this.$router.go(-1)
+          })
+          .catch(() => {
+            this.loading = false
+          })
+      }
+    }
+  }
 </script>
 
 <style lang="scss" scoped>
-	.center {
-		background: #F5F6F7;
-		height: calc(100vh - 4.5vh);
-		padding-top: 20px;
+  .center {
+    background: #F5F6F7;
+    height: calc(100vh - 4.5vh);
+    padding-top: 20px;
 
-	}
+  }
 
-	.main_css {
-		width: 96%;
-		height: 90vh;
-		background: #FFFFFF;
-		margin: 20px auto;
-		padding-top: 20px;
-	}
+  .main_css {
+    width: 96%;
+    height: 90vh;
+    overflow-y: scroll;
+    background: #FFFFFF;
+    margin: 20px auto;
+    padding-top: 20px;
+  }
 
-	.formData {
-		width: 50%;
-		margin: 20px 0 0 140px;
-	}
+  .formData {
+    width: 50%;
+    margin: 20px 0 0 140px;
+  }
 
-	.btn {
-		text-align: right;
-		position: absolute;
-		right: 200px;
-		bottom: 100px;
-	}
-	.title_css{
-		font-size: 12px;
-		margin: 10px 0;
-		color: red;
-	}
+  .btn {
+    text-align: right;
+    position: absolute;
+    right: 200px;
+    bottom: 100px;
+  }
 </style>

src/views/platformManagement/specifiedRecordsLook.vue

@@ -18,6 +18,11 @@
 					<el-form-item label="版本说明">
 						<el-input v-model="form.versionDescription" clearable placeholder="暂无" :disabled="type == 1"></el-input>
 					</el-form-item>
+          <div>
+            <quill-editor v-model="form.content" res="myQuillEditor" :options="editorOption" id="editor">
+              <!-- @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)" -->
+            </quill-editor>
+          </div>
 				</el-form>
 			</div>
 			<div class="btn">
@@ -36,10 +41,19 @@
 		editFormData,
 		auditFormData
 	} from '@/api/platformManagement'
+   import quillEditor from 'Vue-quill-editor';
 	export default {
 		data() {
 			return {
 				form: {},
+        editorOption: {
+          // modules: {
+          //   // toolbar: [
+          //   //   ['bold', 'italic', 'underline', 'strike', 'background', 'color', 'font', 'size'],
+          //   //   ['blockquote', 'code-block']
+          //   // ]
+          // }
+        },
 				id:"",
 				type:"",
 			}
@@ -95,7 +109,7 @@
 								this.loading = false
 							})
 					})
-				
+
 			},
 			edit() {
 				if (this.form.compilationUnit && (this.form.compilationUnit.length < 0 || this.form.compilationUnit.length > 25)) {