用车申请

src/api/militaryvehicleManagement/thebusApply.js

@@ -109,4 +109,13 @@ export function exportThebusCha(params) {
     method: 'get',
     params
   })
+}
+
+// 查询可出车列表
+export function chuCarList(query) {
+  return request({
+    url: '/militaryvehicleManagement/thebusApply/chuchelist',
+    method: 'get',
+    params: query
+  })
 }

src/assets/styles/global.css

@@ -515,6 +515,30 @@ color: #fff;
   background-color: #1d96ff;
 }
 
+/* 按钮特殊审批 */
+.el-button--bts {
+  width: 80px !important;
+  border: 1px solid transparent;
+  padding: 3px 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  border-radius: 3px;
+  color: #fff;
+  background-color: #1d96ff;
+  margin-bottom: 10px;
+}
+.el-button--bts:focus,
+.el-button--bts:hover {
+  background: #41a4fa;
+  border-color: #41a4fa;
+  color: #FFFFFF;
+}
+.el-button--bts.is-active,
+.el-button--bts:active {
+  background: #1d96ff;
+  border-color: #1d96ff;
+  color: #FFFFFF;
+}
 /* 控制按钮样式颜色 end */
 
 

src/views/militaryvehicleManagement/thebusApply/index.vue

@@ -107,12 +107,18 @@
       <el-table-column label="人数" align="center" prop="peopleCount" />
       <el-table-column label="单位" align="center" prop="unitName" />
       <el-table-column label="人员名称" align="center" prop="peopleName" />
-      <el-table-column label="联系方式" align="center" prop="contact" />
+      <el-table-column
+        label="联系方式"
+        align="center"
+        prop="contact"
+        width="130"
+      />
       <el-table-column label="外出事由" align="center" prop="cause" />
       <el-table-column
         label="营级审批人"
         align="center"
         prop="unitPeopleName"
+        width="150"
       />
       <el-table-column label="营级审批状态" align="center" width="100">
         <template slot-scope="scope">
@@ -158,7 +164,12 @@
           >
         </template>
       </el-table-column>
-      <el-table-column label="一级审批人" align="center" prop="peopleoneName" />
+      <el-table-column
+        label="一级审批人"
+        align="center"
+        prop="peopleoneName"
+        width="150"
+      />
       <el-table-column label="一级审批状态" align="center" width="100">
         <template slot-scope="scope">
           <el-col v-if="scope.row.peopleoneState == 1" style="color: #ff4949"
@@ -181,7 +192,12 @@
           >
         </template>
       </el-table-column>
-      <el-table-column label="二级审批人" align="center" prop="peopletwoName" />
+      <el-table-column
+        label="二级审批人"
+        align="center"
+        prop="peopletwoName"
+        width="150"
+      />
       <el-table-column label="二级审批状态" align="center" width="100">
         <template slot-scope="scope">
           <el-col v-if="scope.row.peopletwoState == 1" style="color: #ff4949"
@@ -208,6 +224,7 @@
         label="三级审批人"
         align="center"
         prop="peoplethreeName"
+        width="150"
       />
       <el-table-column label="三级审批状态" align="center" width="100">
         <template slot-scope="scope">
@@ -236,12 +253,13 @@
         align="center"
         class-name="small-padding fixed-width"
         width="200"
+        fixed="right"
       >
         <template slot-scope="scope">
           <div v-if="scope.row.isTeShu == '1'">
             <!-- 1 -->
             <el-button
-              size="btc"
+              size="bts"
               type="text"
               v-if="
                 scope.row.peopleoneState == '1' &&
@@ -249,11 +267,12 @@
               "
               @click="handleTeShuShenPi(scope.row)"
               v-hasPermi="['militaryvehicleManagement:thebusApply:edit']"
+              style="width: 100px"
               >特殊审批</el-button
             >
             <!-- 2 -->
             <el-button
-              size="btc"
+              size="bts"
               type="text"
               v-if="
                 scope.row.peopletwoState == '1' &&
@@ -265,7 +284,7 @@
             >
             <!-- 3 -->
             <el-button
-              size="btc"
+              size="bts"
               type="text"
               v-if="
                 scope.row.peoplethreeState == '1' &&
@@ -906,7 +925,7 @@ export default {
           { required: true, message: "请输入不通过原因", trigger: "blur" },
         ],
         teShuYuanYing: [
-          { required: true, message: "请输特级审批原因", trigger: "blur" },
+          { required: true, message: "请输特殊审批原因", trigger: "blur" },
         ],
       },
       // 用车审批状态
@@ -1514,5 +1533,9 @@ export default {
 ::v-deep input:-moz-placeholder {
   color: #bdbdbd4f !important;
 }
+/* 右侧上浮框 */
+::v-deep .el-table .el-table__body .el-table__row.hover-row td {
+  background-color: #004d86;
+}
 </style>