qgb-process 0.2.3 → 0.2.7

package/src/components/CommonAduit.vue

@@ -1,512 +1,512 @@
-<template>
-  <div class="exam-add-edit">
-    <div class="exam-detail">
-      <div class="detail-left">
-        <div class="exmAndapproInfo" style="border-top: none;">
-          <div>
-            <p class="title">审批信息</p>
-            <el-row>
-              <el-col :span="12">
-                <p class="linbP">
-                  审批编号:
-                  <span>{{dataInfo.no}}</span>
-                </p>
-              </el-col>
-              <el-col :span="12">
-                <p class="linbP">
-                  审批状态:
-                  <span :style="{'color':$auditColor(dataInfo.status)}">{{dataInfo.status | auditStatus}}</span>
-                </p>
-              </el-col>
-              <el-col :span="12">
-                <p class="linbP">
-                  审批类型:
-                  <span>{{dataInfo.type | auditType}}</span>
-                </p>
-              </el-col>
-              <el-col :span="12">
-                <p class="linbP">
-                  发起人:
-                  <span>{{dataInfo.create_user_name}}</span>
-                </p>
-              </el-col>
-              <el-col :span="12">
-                <p class="linbP">
-                  发起时间:
-                  <span>{{dataInfo.create_time | formaHoures}}</span>
-                </p>
-              </el-col>
-            </el-row>
-          </div>
-        </div>
-        <div class="exmAndapproInfo">
-          <p class="title">审批日志</p>
-          <div class="audit-log">
-            <el-table
-              :data="logData"
-              border
-              :header-cell-style="$TableCell.setHeaderCellStyle"
-              :cell-style="$TableCell.setCellStyle"
-              tooltip-effect="dark"
-              style="width: 100%;"
-            >
-              <el-table-column
-                show-overflow-tooltip
-                :resizable="false"
-                prop="audit_user_name"
-                label="操作人员"
-                align="left"
-              ></el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                :resizable="false"
-                prop="result"
-                label="操作结果"
-                align="left"
-              >
-                <template slot-scope="scope">
-                  <span v-if="scope.$index == 0">发起流程成功</span>
-                  <span v-if="scope.$index !== 0 && scope.row.status == 0">待审核</span>
-                  <span v-if="scope.$index !== 0 && (scope.row.status == 1 || scope.row.status == 3)">审批通过</span>
-                  <span v-if="scope.$index !== 0 && scope.row.status == 2">审批不通过</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                :resizable="false"
-                prop="audit_time"
-                label="操作时间"
-                align="left"
-              >
-                <template slot-scope="scope">
-                  <span>{{time(scope.row.audit_time)}}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                :resizable="false"
-                prop="useTime"
-                label="共计用时"
-                align="left"
-              >
-                <template slot-scope="scope">
-                  <span>{{scope.row.use_time}}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                show-overflow-tooltip
-                :resizable="false"
-                prop="reason"
-                label="操作备注"
-                align="left"
-              ></el-table-column>
-            </el-table>
-            <!-- <div class="pagination" style="text-align: center;padding: 20px 0">
-              <el-pagination
-                @current-change="operationPageChange"
-                :current-page.sync="log.page"
-                :page-size="log.limit"
-                layout="prev, pager, next, jumper"
-                :total="total"
-              ></el-pagination>
-            </div> -->
-          </div>
-        </div>
-      </div>
-      <div class="detail-right">
-        <div class="exmAndapproInfo">
-          <p class="title">审批流程</p>
-          <div class="box">
-            <div class="dw">
-              <ul>
-                <li v-for="(item, index) in flowData" :key="index">
-                  <div class="titleDiv" v-if="index == 0 || item.status == 1">
-                    <i class="el-icon-check"></i>
-                  </div>
-                  <div class="titleDiv" v-else>{{index}}</div>
-                  <div class>
-                    <p class="name">
-                      <span>{{item.audit_user_name}}</span>
-                      <span class="passlabel passing" v-if="index !== 0 && item.status == 0">待审核</span>
-                      <span class="passlabel pass" v-if="index !== 0 && item.status == 1 || item.status == 3">通过</span>
-                      <span class="passlabel nopass" v-if="index !== 0 && item.status == 2">未通过</span>
-                    </p>
-                    <p class="time">
-                      <span v-if="item.audit_time != 0">{{time(item.audit_time)}}</span>
-                      <span v-if="index !== 0 &&item.use_time"> (用时:{{ item.use_time }})</span>
-                    </p>
-                    <p class="reason" v-if="item.status == 2">拒绝原因：{{item.reason}}</p>
-                    <p class="attention"  v-if="item.status !== 2 && item.reason">备注：{{item.reason}}</p>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="exmAndapproInfo" style="padding: 20px" v-if="$route.query.approve">
-          <el-form ref="form" :rules="rules" :model="form" label-width="80px">
-            <el-form-item
-label="审批操作"
-prop="result"
-              :rules="[{ required: true, message: '请选择审批操作', trigger: 'blur' }]">
-              <el-radio @change="changeHarld" v-model="form.result" :label="1">通过</el-radio>
-              <el-radio @change="changeHarld" v-model="form.result" :label="2">不通过</el-radio>
-            </el-form-item>
-            <el-form-item label="审批意见" prop="reason" :rules="form.result == '2' ? [{ required: true, message: '请输入审批意见', trigger: 'blur' }] : []">
-              <el-input
-                type="textarea"
-                :rows="4"
-                maxlength="300"
-                show-word-limit
-                v-model="form.reason"
-                placeholder="请填写300字以内的审批意见"
-              ></el-input>
-            </el-form-item>
-          </el-form>
-          <div class="save">
-            <el-button @click="$router.go(-1)">取消</el-button>
-            <el-button type="primary" @click="save">保存</el-button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import apiApprove from "@/api/ApiExAndapp"
-import { approvalAudit } from "@/api/apiAudit/apiAudit"
-import apiBudget from "@/api/apiBudget/apiBudget.js" // 预算
-import { leaseRentInfoApprove } from "@/api/apiMachine/apiLease" // 机械
-import apiEquipmentRental from "@/api/apiEquipmentRental" // 设备
-import apiEmployeeRegularization from "@/api/apiEmployeeRegularization" // 员工
-import { sealApprove } from "@/api/apiSealRecord" // 印章
-import { carApplyApprove } from "@/api/apiCarRecord" // 车辆
-import apiCheckingIn from "@/api/apiCheckingIn"
-import cookie from "@/storage/cookies"
-export default {
-  name: "AuditDetail",
-  data() {
-    return {
-      total: null,
-      activeName: "first",
-      form: {
-        no: "",
-        result: "",
-        reason: ""
-      },
-      rules: {
-        resource: [
-          { required: true, message: "请选择审批操作", trigger: "change" }
-        ]
-      },
-      dataInfo: { no: "" },
-      dataContent: {},
-      flowData: [],
-      logData: [],
-      log: {
-        id: this.$route.params.id,
-        limit: 20,
-        page: 1
-      },
-      logoData: [],
-      auditType: 0
-    }
-  },
-  props: {
-    auditData: {
-      type: Object
-    }
-  },
-  filters: {
-    leaseDataFn(val) {
-      console.log(val)
-      return val
-    },
-    telEllipsis(val) {
-      return val
-    }
-  },
-  watch: {
-    auditData(val) {
-      this.initData(val)
-    }
-  },
-  mounted() {
-    this.initData(this.auditData)
-  },
-  methods: {
-    initData(val) {
-      if (val.auditRecord) {
-        this.dataInfo = val.auditDetail
-        this.flowData = val.auditRecord
-
-        /* 流程目前进行到哪一步日志显示到那一条 */
-        let ind = 0
-        val.auditRecord.forEach((v, i) => {
-          if (ind < 1 && !v.audit_time) {
-            ind = i
-          }
-        })
-        if (ind) {
-          this.logData = val.auditRecord.slice(0, ind)
-        } else {
-          this.logData = val.auditRecord
-        }
-        this.form.no = val.auditDetail.no
-        this.form.billNo = val.auditDetail.bill_no
-
-        this.auditType = val.auditDetail.type
-      }
-    },
-    // 分页
-    operationPageChange(page) {
-      this.log.page = page
-      this.handleClick()
-    },
-    async handleClick() {
-      if (this.activeName == "second") {
-        const res = await apiApprove.postExAndapplog(this.log)
-        if (res.data.code == 200) {
-          this.logoData = res.data.data.records
-          this.total = Number(res.data.data.total)
-        }
-        console.log(res)
-      }
-    },
-    save() {
-      this.$refs["form"].validate(async valid => {
-        if (valid) {
-          if (this.auditType === 2) {
-            var { data } = await apiEmployeeRegularization.employeeApprove(this.form)
-          } else if (this.auditType === 5) {
-            var { data } = await apiBudget.budgetApprove(this.form)
-          } else if (this.auditType === 6) {
-            var { data } = await leaseRentInfoApprove(this.form)
-          } else if (this.auditType === 7) {
-            var { data } = await apiEquipmentRental.rentInfoApprove(this.form)
-          } else {
-            // var {data} = await approvalAudit(this.form)
-            var token = cookie.cookieRead("token")
-            const params = {
-              resourceToken: token,
-              userNo: this.$store.state.user.no,
-              reason: this.form.reason,
-              result: this.form.result,
-              applyNo: this.form.billNo
-            }
-            var { data } = await apiCheckingIn.approvalAudit(params)
-          }
-          if (data.code === 200 || data.code === 0) {
-            const msg = data.msg || "操作成功"
-            this.$message({
-              showClose: true,
-              message: msg,
-              type: "success"
-            })
-            this.$removeTag("/")
-          } else if (data.state == "ok") {
-            const msg = data.data || "操作成功"
-            this.$message({
-              showClose: true,
-              message: msg,
-              type: "success"
-            })
-            this.$removeTag("/")
-          } else {
-            const msg = data.msg || "操作失败"
-            this.$message.error(data.msg)
-          }
-        }
-      })
-    },
-    changeHarld() {
-      this.$refs.form.clearValidate()
-    },
-    time(val) {
-      if (!val) {
-        return ""
-      }
-      var date = new Date(val)
-      var year = date.getFullYear()
-      var month = date.getMonth() + 1 // js从0开始取
-      var date1 = date.getDate()
-      var hour = date.getHours()
-      var minutes = date.getMinutes()
-      var second = date.getSeconds()
-
-      if ((month + "").length === 1) {
-        month = "0" + month
-      }
-      if ((date1 + "").length === 1) {
-        date1 = "0" + date1
-      }
-      if ((hour + "").length === 1) {
-        hour = "0" + hour
-      }
-      if ((minutes + "").length === 1) {
-        minutes = "0" + minutes
-      }
-      if ((second + "").length === 1) {
-        second = "0" + second
-      }
-      return year + "-" + month + "-" + date1 + " " + hour + ":" + minutes
-      //  return year + '年' + month + '月' + date1 + '日' + hour + '时' + minutes + '分' + second + '秒'
-    }
-  }
-}
-</script>
-<style lang="scss">
-.exam-add-edit .el-tabs__header {
-  margin: 0;
-}
-</style>
-<style scoped lang="scss" rel="stylesheet/scss">
-.box {
-  margin: 20px 0 0 20px;
-  .dw {
-  }
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    /*margin-left: -22px;*/
-    li {
-      position: relative;
-      padding-left: 30px;
-      border-left: 1px solid #e4e7ed;
-      &:last-child {
-        min-height: 0 !important;
-        border: none;
-      }
-      min-height: 100px;
-      div {
-        .reason {
-          font-size: 12px;
-          color: #FF0000;
-        }
-        .attention {
-        }
-        .name {
-          color: #333333;
-          font-size: 14px;
-          span {
-            display: inline-block;
-          }
-          .passlabel{
-            padding: 5px;
-            text-align: center;
-            margin-left: 10px;
-            color: #ffffff;
-            border-radius: 4px;
-          }
-          .pass {
-            background-color: #3E8E05;
-          }
-          .nopass {
-            background-color: #FF0000;
-          }
-          .passing{
-            background-color: #ff6600;
-          }
-        }
-        .time {
-          font-size: 12px;
-          color: #666666;
-          padding: 5px 0;
-        }
-        p {
-          margin: 0;
-        }
-      }
-      .titleDiv {
-        position: absolute;
-        left: -22px;
-        border: 1px solid #0286df;
-        font-size: 14px;
-        margin-right: 20px;
-        background-color: #ffffff;
-        padding-top: 10px;
-        height: 30px;
-        width: 40px;
-        text-align: center;
-        border-radius: 50%;
-        color: #0286df;
-        i {
-          font-size: 20px;
-          color: #0286df;
-        }
-      }
-    }
-  }
-}
-.save {
-  text-align: center;
-}
-.audit-box .exam-detail{
-  border-top: 1px solid #e4e7ed;
-}
-.exam-detail {
-  display: flex;
-  border: 1px solid #e4e7ed;
-  border-top: 0;
-
-  .exmAndapproInfo {
-    .audit-log{
-      padding: 15px 20px 0 0;
-    }
-    .title {
-      margin: 0;
-      /*padding: 20px 0 20px 20px;*/
-      /*border-bottom: 1px solid #E4E7ED;*/
-      font-size: 16px;
-      color: #333333;
-      font-weight: bold;
-    }
-    margin: 0;
-    padding: 20px 0 20px 20px;
-    font-size: 14px;
-    color: #666666;
-    span {
-      color: #333333;
-    }
-    .linbP {
-      font-size: 14px;
-      color: #666666;
-      span {
-        margin-left: 10px;
-        color: #333333;
-      }
-    }
-  }
-  .detail-left {
-    flex: 1;
-    border-right: 1px solid #e4e7ed;
-    .exmAndapproInfo {
-      border-bottom: 1px solid #e4e7ed;
-      &:last-child {
-        border-bottom: 0;
-      }
-    }
-  }
-  .detail-right {
-    width: 360px;
-    .exmAndapproInfo {
-      border: 0;
-    }
-  }
-}
-
-.headTitle {
-  color: #000000;
-  padding-bottom: 20px;
-  /*padding: 20px 20px 0 20px;*/
-  div {
-    /*border-bottom: 1px solid #0286df;*/
-    /*padding-bottom: 30px;*/
-    span {
-      font-size: 16px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="exam-add-edit">
+    <div class="exam-detail">
+      <div class="detail-left">
+        <div class="exmAndapproInfo" style="border-top: none;">
+          <div>
+            <p class="title">审批信息</p>
+            <el-row>
+              <el-col :span="12">
+                <p class="linbP">
+                  审批编号:
+                  <span>{{dataInfo.no}}</span>
+                </p>
+              </el-col>
+              <el-col :span="12">
+                <p class="linbP">
+                  审批状态:
+                  <span :style="{'color':$auditColor(dataInfo.status)}">{{dataInfo.status | auditStatus}}</span>
+                </p>
+              </el-col>
+              <el-col :span="12">
+                <p class="linbP">
+                  审批类型:
+                  <span>{{dataInfo.type | auditType}}</span>
+                </p>
+              </el-col>
+              <el-col :span="12">
+                <p class="linbP">
+                  发起人:
+                  <span>{{dataInfo.create_user_name}}</span>
+                </p>
+              </el-col>
+              <el-col :span="12">
+                <p class="linbP">
+                  发起时间:
+                  <span>{{dataInfo.create_time | formaHoures}}</span>
+                </p>
+              </el-col>
+            </el-row>
+          </div>
+        </div>
+        <div class="exmAndapproInfo">
+          <p class="title">审批日志</p>
+          <div class="audit-log">
+            <el-table
+              :data="logData"
+              border
+              :header-cell-style="$TableCell.setHeaderCellStyle"
+              :cell-style="$TableCell.setCellStyle"
+              tooltip-effect="dark"
+              style="width: 100%;"
+            >
+              <el-table-column
+                show-overflow-tooltip
+                :resizable="false"
+                prop="audit_user_name"
+                label="操作人员"
+                align="left"
+              ></el-table-column>
+              <el-table-column
+                show-overflow-tooltip
+                :resizable="false"
+                prop="result"
+                label="操作结果"
+                align="left"
+              >
+                <template slot-scope="scope">
+                  <span v-if="scope.$index == 0">发起流程成功</span>
+                  <span v-if="scope.$index !== 0 && scope.row.status == 0">待审核</span>
+                  <span v-if="scope.$index !== 0 && (scope.row.status == 1 || scope.row.status == 3)">审批通过</span>
+                  <span v-if="scope.$index !== 0 && scope.row.status == 2">审批不通过</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                show-overflow-tooltip
+                :resizable="false"
+                prop="audit_time"
+                label="操作时间"
+                align="left"
+              >
+                <template slot-scope="scope">
+                  <span>{{time(scope.row.audit_time)}}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                show-overflow-tooltip
+                :resizable="false"
+                prop="useTime"
+                label="共计用时"
+                align="left"
+              >
+                <template slot-scope="scope">
+                  <span>{{scope.row.use_time}}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                show-overflow-tooltip
+                :resizable="false"
+                prop="reason"
+                label="操作备注"
+                align="left"
+              ></el-table-column>
+            </el-table>
+            <!-- <div class="pagination" style="text-align: center;padding: 20px 0">
+              <el-pagination
+                @current-change="operationPageChange"
+                :current-page.sync="log.page"
+                :page-size="log.limit"
+                layout="prev, pager, next, jumper"
+                :total="total"
+              ></el-pagination>
+            </div> -->
+          </div>
+        </div>
+      </div>
+      <div class="detail-right">
+        <div class="exmAndapproInfo">
+          <p class="title">审批流程</p>
+          <div class="box">
+            <div class="dw">
+              <ul>
+                <li v-for="(item, index) in flowData" :key="index">
+                  <div class="titleDiv" v-if="index == 0 || item.status == 1">
+                    <i class="el-icon-check"></i>
+                  </div>
+                  <div class="titleDiv" v-else>{{index}}</div>
+                  <div class>
+                    <p class="name">
+                      <span>{{item.audit_user_name}}</span>
+                      <span class="passlabel passing" v-if="index !== 0 && item.status == 0">待审核</span>
+                      <span class="passlabel pass" v-if="index !== 0 && item.status == 1 || item.status == 3">通过</span>
+                      <span class="passlabel nopass" v-if="index !== 0 && item.status == 2">未通过</span>
+                    </p>
+                    <p class="time">
+                      <span v-if="item.audit_time != 0">{{time(item.audit_time)}}</span>
+                      <span v-if="index !== 0 &&item.use_time"> (用时:{{ item.use_time }})</span>
+                    </p>
+                    <p class="reason" v-if="item.status == 2">拒绝原因：{{item.reason}}</p>
+                    <p class="attention"  v-if="item.status !== 2 && item.reason">备注：{{item.reason}}</p>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="exmAndapproInfo" style="padding: 20px" v-if="$route.query.approve">
+          <el-form ref="form" :rules="rules" :model="form" label-width="80px">
+            <el-form-item
+label="审批操作"
+prop="result"
+              :rules="[{ required: true, message: '请选择审批操作', trigger: 'blur' }]">
+              <el-radio @change="changeHarld" v-model="form.result" :label="1">通过</el-radio>
+              <el-radio @change="changeHarld" v-model="form.result" :label="2">不通过</el-radio>
+            </el-form-item>
+            <el-form-item label="审批意见" prop="reason" :rules="form.result == '2' ? [{ required: true, message: '请输入审批意见', trigger: 'blur' }] : []">
+              <el-input
+                type="textarea"
+                :rows="4"
+                maxlength="300"
+                show-word-limit
+                v-model="form.reason"
+                placeholder="请填写300字以内的审批意见"
+              ></el-input>
+            </el-form-item>
+          </el-form>
+          <div class="save">
+            <el-button @click="$router.go(-1)">取消</el-button>
+            <el-button type="primary" @click="save">保存</el-button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import apiApprove from "@/api/ApiExAndapp"
+import { approvalAudit } from "@/api/apiAudit/apiAudit"
+import apiBudget from "@/api/apiBudget/apiBudget.js" // 预算
+import { leaseRentInfoApprove } from "@/api/apiMachine/apiLease" // 机械
+import apiEquipmentRental from "@/api/apiEquipmentRental" // 设备
+import apiEmployeeRegularization from "@/api/apiEmployeeRegularization" // 员工
+import { sealApprove } from "@/api/apiSealRecord" // 印章
+import { carApplyApprove } from "@/api/apiCarRecord" // 车辆
+import apiCheckingIn from "@/api/apiCheckingIn"
+import cookie from "@/storage/cookies"
+export default {
+  name: "AuditDetail",
+  data() {
+    return {
+      total: null,
+      activeName: "first",
+      form: {
+        no: "",
+        result: "",
+        reason: ""
+      },
+      rules: {
+        resource: [
+          { required: true, message: "请选择审批操作", trigger: "change" }
+        ]
+      },
+      dataInfo: { no: "" },
+      dataContent: {},
+      flowData: [],
+      logData: [],
+      log: {
+        id: this.$route.params.id,
+        limit: 20,
+        page: 1
+      },
+      logoData: [],
+      auditType: 0
+    }
+  },
+  props: {
+    auditData: {
+      type: Object
+    }
+  },
+  filters: {
+    leaseDataFn(val) {
+      console.log(val)
+      return val
+    },
+    telEllipsis(val) {
+      return val
+    }
+  },
+  watch: {
+    auditData(val) {
+      this.initData(val)
+    }
+  },
+  mounted() {
+    this.initData(this.auditData)
+  },
+  methods: {
+    initData(val) {
+      if (val.auditRecord) {
+        this.dataInfo = val.auditDetail
+        this.flowData = val.auditRecord
+
+        /* 流程目前进行到哪一步日志显示到那一条 */
+        let ind = 0
+        val.auditRecord.forEach((v, i) => {
+          if (ind < 1 && !v.audit_time) {
+            ind = i
+          }
+        })
+        if (ind) {
+          this.logData = val.auditRecord.slice(0, ind)
+        } else {
+          this.logData = val.auditRecord
+        }
+        this.form.no = val.auditDetail.no
+        this.form.billNo = val.auditDetail.bill_no
+
+        this.auditType = val.auditDetail.type
+      }
+    },
+    // 分页
+    operationPageChange(page) {
+      this.log.page = page
+      this.handleClick()
+    },
+    async handleClick() {
+      if (this.activeName == "second") {
+        const res = await apiApprove.postExAndapplog(this.log)
+        if (res.data.code == 200) {
+          this.logoData = res.data.data.records
+          this.total = Number(res.data.data.total)
+        }
+        console.log(res)
+      }
+    },
+    save() {
+      this.$refs["form"].validate(async valid => {
+        if (valid) {
+          if (this.auditType === 2) {
+            var { data } = await apiEmployeeRegularization.employeeApprove(this.form)
+          } else if (this.auditType === 5) {
+            var { data } = await apiBudget.budgetApprove(this.form)
+          } else if (this.auditType === 6) {
+            var { data } = await leaseRentInfoApprove(this.form)
+          } else if (this.auditType === 7) {
+            var { data } = await apiEquipmentRental.rentInfoApprove(this.form)
+          } else {
+            // var {data} = await approvalAudit(this.form)
+            var token = cookie.cookieRead("token")
+            const params = {
+              resourceToken: token,
+              userNo: this.$store.state.user.no,
+              reason: this.form.reason,
+              result: this.form.result,
+              applyNo: this.form.billNo
+            }
+            var { data } = await apiCheckingIn.approvalAudit(params)
+          }
+          if (data.code === 200 || data.code === 0) {
+            const msg = data.msg || "操作成功"
+            this.$message({
+              showClose: true,
+              message: msg,
+              type: "success"
+            })
+            this.$removeTag("/")
+          } else if (data.state == "ok") {
+            const msg = data.data || "操作成功"
+            this.$message({
+              showClose: true,
+              message: msg,
+              type: "success"
+            })
+            this.$removeTag("/")
+          } else {
+            const msg = data.msg || "操作失败"
+            this.$message.error(data.msg)
+          }
+        }
+      })
+    },
+    changeHarld() {
+      this.$refs.form.clearValidate()
+    },
+    time(val) {
+      if (!val) {
+        return ""
+      }
+      var date = new Date(val)
+      var year = date.getFullYear()
+      var month = date.getMonth() + 1 // js从0开始取
+      var date1 = date.getDate()
+      var hour = date.getHours()
+      var minutes = date.getMinutes()
+      var second = date.getSeconds()
+
+      if ((month + "").length === 1) {
+        month = "0" + month
+      }
+      if ((date1 + "").length === 1) {
+        date1 = "0" + date1
+      }
+      if ((hour + "").length === 1) {
+        hour = "0" + hour
+      }
+      if ((minutes + "").length === 1) {
+        minutes = "0" + minutes
+      }
+      if ((second + "").length === 1) {
+        second = "0" + second
+      }
+      return year + "-" + month + "-" + date1 + " " + hour + ":" + minutes
+      //  return year + '年' + month + '月' + date1 + '日' + hour + '时' + minutes + '分' + second + '秒'
+    }
+  }
+}
+</script>
+<style lang="scss">
+.exam-add-edit .el-tabs__header {
+  margin: 0;
+}
+</style>
+<style scoped lang="scss" rel="stylesheet/scss">
+.box {
+  margin: 20px 0 0 20px;
+  .dw {
+  }
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    /*margin-left: -22px;*/
+    li {
+      position: relative;
+      padding-left: 30px;
+      border-left: 1px solid #e4e7ed;
+      &:last-child {
+        min-height: 0 !important;
+        border: none;
+      }
+      min-height: 100px;
+      div {
+        .reason {
+          font-size: 12px;
+          color: #FF0000;
+        }
+        .attention {
+        }
+        .name {
+          color: #333333;
+          font-size: 14px;
+          span {
+            display: inline-block;
+          }
+          .passlabel{
+            padding: 5px;
+            text-align: center;
+            margin-left: 10px;
+            color: #ffffff;
+            border-radius: 4px;
+          }
+          .pass {
+            background-color: #3E8E05;
+          }
+          .nopass {
+            background-color: #FF0000;
+          }
+          .passing{
+            background-color: #ff6600;
+          }
+        }
+        .time {
+          font-size: 12px;
+          color: #666666;
+          padding: 5px 0;
+        }
+        p {
+          margin: 0;
+        }
+      }
+      .titleDiv {
+        position: absolute;
+        left: -22px;
+        border: 1px solid #0286df;
+        font-size: 14px;
+        margin-right: 20px;
+        background-color: #ffffff;
+        padding-top: 10px;
+        height: 30px;
+        width: 40px;
+        text-align: center;
+        border-radius: 50%;
+        color: #0286df;
+        i {
+          font-size: 20px;
+          color: #0286df;
+        }
+      }
+    }
+  }
+}
+.save {
+  text-align: center;
+}
+.audit-box .exam-detail{
+  border-top: 1px solid #e4e7ed;
+}
+.exam-detail {
+  display: flex;
+  border: 1px solid #e4e7ed;
+  border-top: 0;
+
+  .exmAndapproInfo {
+    .audit-log{
+      padding: 15px 20px 0 0;
+    }
+    .title {
+      margin: 0;
+      /*padding: 20px 0 20px 20px;*/
+      /*border-bottom: 1px solid #E4E7ED;*/
+      font-size: 16px;
+      color: #333333;
+      font-weight: bold;
+    }
+    margin: 0;
+    padding: 20px 0 20px 20px;
+    font-size: 14px;
+    color: #666666;
+    span {
+      color: #333333;
+    }
+    .linbP {
+      font-size: 14px;
+      color: #666666;
+      span {
+        margin-left: 10px;
+        color: #333333;
+      }
+    }
+  }
+  .detail-left {
+    flex: 1;
+    border-right: 1px solid #e4e7ed;
+    .exmAndapproInfo {
+      border-bottom: 1px solid #e4e7ed;
+      &:last-child {
+        border-bottom: 0;
+      }
+    }
+  }
+  .detail-right {
+    width: 360px;
+    .exmAndapproInfo {
+      border: 0;
+    }
+  }
+}
+
+.headTitle {
+  color: #000000;
+  padding-bottom: 20px;
+  /*padding: 20px 20px 0 20px;*/
+  div {
+    /*border-bottom: 1px solid #0286df;*/
+    /*padding-bottom: 30px;*/
+    span {
+      font-size: 16px;
+    }
+  }
+}
+</style>