From bb1ead60a4abc232dbe7fc02d5c59751754e1cf6 Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Fri, 22 Nov 2024 17:39:28 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx=5F20?=
 =?UTF-8?q?24-11-15=5Ftemporary):=20flowStep.vue=20=20-=20=E4=B8=B4?=
 =?UTF-8?q?=E6=97=B6=E8=AE=BF=E5=AE=A2=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=20sendUtil.vue=20=20-=20=E4=B8=B4=E6=97=B6=E4=BA=BA=E5=91=98?=
 =?UTF-8?q?=EF=BC=8C=E8=BD=A6=E8=BE=86=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../temporaryAccess/car/components/list.vue   |  67 ++++++--
 .../person/components/flowStep.vue            | 106 ++++++++++++
 .../person/components/list.vue                |  57 ++++++-
 .../person/components/sendUtil.vue            | 152 ++++++++++++++++++
 src/views/temporaryAccess/person/index.vue    |   9 +-
 5 files changed, 372 insertions(+), 19 deletions(-)
 create mode 100644 src/views/temporaryAccess/person/components/flowStep.vue
 create mode 100644 src/views/temporaryAccess/person/components/sendUtil.vue

diff --git a/src/views/temporaryAccess/car/components/list.vue b/src/views/temporaryAccess/car/components/list.vue
index 29b6ba4..01505aa 100644
--- a/src/views/temporaryAccess/car/components/list.vue
+++ b/src/views/temporaryAccess/car/components/list.vue
@@ -40,28 +40,42 @@
       <el-table-column prop="CORPINFO_NAME" label="企业名称"/>
       <el-table-column prop="DEPARTMENT_NAME" label="部门名称"/>
       <el-table-column prop="CAR_NO" label="车牌号"/>
-      <el-table-column prop="CAR_PLANT_TYPE" label="车牌类型"/>
-      <el-table-column prop="CAR_TYPE" label="车辆类型"/>
+      <el-table-column label="车牌类型" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getCarPlantType(row.CAR_PLANT_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="车辆类型" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getCarType(row.CAR_TYPE) }}
+        </template>
+      </el-table-column>
       <el-table-column prop="VISIT_START_TIME" label="访问起始时间"/>
       <el-table-column prop="VISIT_END_TIME" label="访问结束时间"/>
       <el-table-column prop="DOOR_NAME" label="访问口门名称"/>
-      <!--      <el-table-column label="操作" align="left" width="110">-->
-      <!--        <template slot-scope="{row}">-->
-      <!--          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row)">查看</el-button>-->
-      <!--        </template>-->
-      <!--      </el-table-column>-->
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="getAuditInfo(row)">详情</el-button>
+          <el-button v-if="showFirstButton(row.FIRST_AUDIT_USER_ID,row.AUDIT_TYPE)" type="success" icon="el-icon-view" size="mini" @click="approve(row)">审核</el-button>
+        </template>
+      </el-table-column>
     </el-table>
     <div class="page-btn-group">
+      <div/><div/>
       <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
     </div>
+    <send-util ref="sendUtil" append-to-body @refresh="getList"/>
+    <flow-step ref="flowStep" append-to-body @refresh="getList"/>
   </div>
 </template>
 
 <script>
 import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
 import { requestFN } from '@/utils/request'
+import SendUtil from '../../person/components/sendUtil.vue'
+import FlowStep from '../../person/components/flowStep.vue'
 export default{
-  components: { Pagination },
+  components: { SendUtil, FlowStep, Pagination },
   data() {
     return {
       listQuery: {
@@ -83,7 +97,8 @@ export default{
         DEPARTMENT_NAME: '',
         VISIT_START_TIME: '',
         VISIT_END_TIME: '',
-        DOOR_NAME: ''
+        DOOR_NAME: '',
+        TEMPORARY_TYPE: '2'
       }
     }
   },
@@ -91,6 +106,34 @@ export default{
     this.getList()
   },
   methods: {
+    // 获取车牌类型
+    getCarPlantType(CAR_PLANT_TYPE) {
+      if (CAR_PLANT_TYPE === '0') {
+        return '白牌'
+      } else if (CAR_PLANT_TYPE === '1') {
+        return '蓝牌'
+      } else if (CAR_PLANT_TYPE === '2') {
+        return '黄牌'
+      } else if (CAR_PLANT_TYPE === '3') {
+        return '绿牌'
+      } else if (CAR_PLANT_TYPE === '4') {
+        return '黑牌'
+      }
+    },
+
+    getCarType(CAR_TYPE) {
+      if (CAR_TYPE === '0') {
+        return '货车'
+      } else if (CAR_TYPE === '1') {
+        return '轿车'
+      } else if (CAR_TYPE === '2') {
+        return '大巴客车'
+      }
+    },
+    // 判断审核按钮权限
+    showFirstButton(FIRST_AUDIT_USER_ID, AUDIT_TYPE) {
+      return FIRST_AUDIT_USER_ID === JSON.parse(sessionStorage.getItem('user')).USER_ID && AUDIT_TYPE === '1'
+    },
     // 搜索
     getQuery() {
       this.$refs.multipleTable.clearSelection()
@@ -125,6 +168,12 @@ export default{
       }).catch((e) => {
         this.listLoading = false
       })
+    },
+    approve(row) {
+      this.$refs.sendUtil.init(row)
+    },
+    getAuditInfo(row) {
+      this.$refs.flowStep.init(row)
     }
   }
 
diff --git a/src/views/temporaryAccess/person/components/flowStep.vue b/src/views/temporaryAccess/person/components/flowStep.vue
new file mode 100644
index 0000000..81aa8c3
--- /dev/null
+++ b/src/views/temporaryAccess/person/components/flowStep.vue
@@ -0,0 +1,106 @@
+<template>
+  <el-dialog
+    v-if="visible"
+    :visible.sync="visible"
+    :v-loading="loading"
+    :before-close="handleClose"
+    :append-to-body="true"
+    :title="title"
+    width="60%">
+    <el-steps :space="200" :active="step" direction="vertical" finish-status="success">
+      <el-step v-for="item in list" :key="item.INDEX" :value="item.INDEX" :title="item.INDEX">
+        <template slot="description">
+          <el-card class="box-card" style="width: 900px;">
+            <div slot="header" class="clearfix">
+              <span>审批信息</span>
+            </div>
+            <div>
+              <el-row>
+                <el-col>
+                  审批人：{{ item.FIRST_AUDIT_USER_NAME }}
+                </el-col>
+                <el-col>
+                  审批人公司：{{ item.FIRST_AUDIT_COMPANY_NAME }}
+                </el-col>
+                <el-col>
+                  审批人部门：{{ item.FIRST_AUDIT_DEPARTMENT_NAME }}
+                </el-col>
+                <el-col>
+                  审批状态：{{ getAuditType(item.AUDIT_TYPE) }}
+                </el-col>
+                <el-col v-if="item.AUDIT_TYPE === '2'">
+                  审批时间：{{ item.FIRST_AUDIT_TIME }}
+                </el-col>
+                <el-col v-if="item.AUDIT_TYPE === '0'">
+                  审批意见：{{ item.REASON }}
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+        </template>
+      </el-step>
+    </el-steps>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="closeWindow">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import { requestFN } from '@/utils/request'
+
+export default {
+  props: {
+    corpInfo: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      list: [],
+      title: '审批详情',
+      form: {
+        TEMPORARY_ID: ''
+      },
+      step: 0
+    }
+  },
+  methods: {
+    init(e) {
+      this.form.TEMPORARY_ID = e.TEMPORARY_ID
+      this.getInfo()
+    },
+    getAuditType(AUDIT_TYPE) {
+      if (AUDIT_TYPE === '0') {
+        return '不通过'
+      } else if (AUDIT_TYPE === '1') {
+        return '审核中'
+      } else if (AUDIT_TYPE === '2') {
+        return '通过'
+      }
+    },
+    getInfo() {
+      requestFN(
+        '/temporary/access/getAuditInfo', this.form
+      ).then((data) => {
+        this.list = data.auditIndo
+        this.visible = true
+        this.loading = false
+      }).catch((e) => {
+        console.log(e)
+      })
+    },
+    handleClose() {
+      this.visible = false
+      this.$emit('refresh', '')
+    },
+    closeWindow() {
+      this.handleClose()
+    }
+  }
+}
+</script>
diff --git a/src/views/temporaryAccess/person/components/list.vue b/src/views/temporaryAccess/person/components/list.vue
index 2546a09..11a8310 100644
--- a/src/views/temporaryAccess/person/components/list.vue
+++ b/src/views/temporaryAccess/person/components/list.vue
@@ -43,23 +43,36 @@
       <el-table-column prop="VISIT_START_TIME" label="访问起始时间"/>
       <el-table-column prop="VISIT_END_TIME" label="访问结束时间"/>
       <el-table-column prop="DOOR_NAME" label="访问口门名称"/>
-      <!--      <el-table-column label="操作" align="left" width="110">-->
-      <!--        <template slot-scope="{row}">-->
-      <!--          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row)">查看</el-button>-->
-      <!--        </template>-->
-      <!--      </el-table-column>-->
+      <el-table-column label="审核状态" align="center" width="120">
+        <template slot-scope="{row}">
+          {{ getType(row.AUDIT_TYPE) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="getAuditInfo(row)">详情</el-button>
+          <el-button v-if="showFirstButton(row.FIRST_AUDIT_USER_ID,row.AUDIT_TYPE)" type="success" icon="el-icon-view" size="mini" @click="approve(row)">审核</el-button>
+        </template>
+      </el-table-column>
     </el-table>
     <div class="page-btn-group">
+      <div/><div/>
       <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
     </div>
+    <send-util ref="sendUtil" append-to-body @refresh="getList"/>
+    <flow-step ref="flowStep" append-to-body @refresh="getList"/>
   </div>
 </template>
 
 <script>
 import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
 import { requestFN } from '@/utils/request'
+import SendUtil from '../components/sendUtil.vue'
+import FlowStep from '../components/flowStep.vue'
+import waves from '@/directive/waves' // waves directive
 export default{
-  components: { Pagination },
+  components: { SendUtil, FlowStep, Pagination },
+  directives: { waves },
   data() {
     return {
       listQuery: {
@@ -81,14 +94,36 @@ export default{
         DEPARTMENT_NAME: '',
         VISIT_START_TIME: '',
         VISIT_END_TIME: '',
-        DOOR_NAME: ''
-      }
+        DOOR_NAME: '',
+        TEMPORARY_TYPE: '1'
+      },
+      TEMPORARY_ID: ''
     }
   },
   created() {
     this.getList()
   },
   methods: {
+    getRowKey(row) {
+      return row.TEMPORARY_ID
+    },
+    // 获取审核类型
+    getType(AUDIT_TYPE) {
+      if (AUDIT_TYPE === '0') {
+        return '不通过'
+      } else if (AUDIT_TYPE === '1') {
+        return '审核中'
+      } else if (AUDIT_TYPE === '2') {
+        return '通过'
+      }
+    },
+    // 判断审核按钮是否显示
+    showFirstButton(FIRST_AUDIT_USER_ID, AUDIT_TYPE) {
+      return FIRST_AUDIT_USER_ID === JSON.parse(sessionStorage.getItem('user')).USER_ID && AUDIT_TYPE === '1'
+    },
+    // showSecondButton(SECOND_AUDIT_USER_ID, AUDIT_TYPE) {
+    //   return SECOND_AUDIT_USER_ID === JSON.parse(sessionStorage.getItem('user')).USER_ID && AUDIT_TYPE === 2
+    // },
     // 搜索
     getQuery() {
       this.$refs.multipleTable.clearSelection()
@@ -123,6 +158,12 @@ export default{
       }).catch((e) => {
         this.listLoading = false
       })
+    },
+    approve(row) {
+      this.$refs.sendUtil.init(row)
+    },
+    getAuditInfo(row) {
+      this.$refs.flowStep.init(row)
     }
   }
 
diff --git a/src/views/temporaryAccess/person/components/sendUtil.vue b/src/views/temporaryAccess/person/components/sendUtil.vue
new file mode 100644
index 0000000..8cabfe1
--- /dev/null
+++ b/src/views/temporaryAccess/person/components/sendUtil.vue
@@ -0,0 +1,152 @@
+<template>
+  <div>
+    <el-dialog
+      v-loading="loading"
+      :visible.sync="visible"
+      :append-to-body="appendToBody"
+      :before-close="beforeClose"
+      title="审批"
+      width="1200px"
+      destroy-on-close>
+      <el-form ref="form" :model="form" :rules="rules" label-width="200px" label-position="right" type="flex">
+        <el-row :gutter="12">
+          <el-col :span="12">
+            <el-form-item prop="STATUS" label="是否通过: ">
+              <el-select v-model="form.STATUS" filterable style="width: 300px" placeholder="请选择" @change="clearInfo">
+                <el-option label="是" value="1"/>
+                <el-option label="否" value="0"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col v-if="form.STATUS === '0'" :span="24">
+            <el-form-item v-if="form.STATUS === '0'" prop="OPINION" label="打回原因:">
+              <el-input v-model="form.OPINION" :rows="2" type="textarea" placeholder="填写审批意见"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">关 闭</el-button>
+        <el-button type="primary" @click="sendMessage">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import vueQr from 'vue-qr'
+import Treeselect from '@riophae/vue-treeselect'
+import uploadFile from '../../../util/uploadFile/index.vue'
+import { requestFN } from '@/utils/request'
+export default {
+  components: { uploadFile, Treeselect, vueQr },
+  props: {
+    appendToBody: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      form: {
+        STATUS: null,
+        APPOINT_CORP_ID: '',
+        APPOINT_CORP_NAME: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: null,
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        APPOINT_ANNEX: [],
+        user: '',
+        tm: new Date().getTime(),
+        list: [],
+        isShow: true,
+        info: {},
+        BACK_NAME: '',
+        BACK_STEP: ''
+      },
+      rules: {
+        STATUS: [
+          { required: true, message: '请选择是否通过', trigger: 'change' }
+        ],
+        OPINION: [
+          { required: true, message: '请填写打回原因', trigger: 'change' }
+        ]
+      },
+      heirloom: {},
+
+      normalizer(node) {
+        return {
+          id: node.id,
+          label: node.name,
+          children: node.nodes
+        }
+      },
+
+      departmentTree: [],
+      peopleList: [],
+      corpFlag: false,
+      menu: {
+        department: '',
+        user: '',
+        uploadFile: '',
+        limitFlag: ''
+      },
+      step: 0,
+      list: [],
+      ACCESS_AUDIT_ID: ''
+    }
+  },
+  methods: {
+    async init(e) {
+      this.loading = true
+      this.visible = true
+      this.ACCESS_AUDIT_ID = e.ACCESS_AUDIT_ID
+      console.log(this.ACCESS_AUDIT_ID)
+      console.log(e.ACCESS_AUDIT_ID)
+      this.loading = false
+    },
+    handleClose() {
+      this.form = {
+        STATUS: '',
+        APPOINT_DEPARTMENT_ID: null,
+        APPOINT_DEPARTMENT_NAME: '',
+        APPOINT_USER_ID: '',
+        APPOINT_USER_NAME: '',
+        OPINION: '',
+        user: '',
+        list: [],
+        tm: new Date().getTime()
+      }
+      this.visible = false
+    },
+    goDetail() {
+      this.$parent.activeName = 'List'
+    },
+    sendMessage() {
+      requestFN(
+        '/temporary/access/audit',
+        {
+          FIRST_AUDIT_USER_ID: JSON.parse(sessionStorage.getItem('user')).USER_ID,
+          STATUS: this.form.STATUS,
+          ACCESS_AUDIT_ID: this.ACCESS_AUDIT_ID,
+          REASON: this.form.OPINION
+        }
+      ).then((data) => {
+        this.visible = false
+        this.$emit('refresh', '')
+      }).catch((e) => {
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/views/temporaryAccess/person/index.vue b/src/views/temporaryAccess/person/index.vue
index b307af1..c768aed 100644
--- a/src/views/temporaryAccess/person/index.vue
+++ b/src/views/temporaryAccess/person/index.vue
@@ -1,12 +1,17 @@
 <template>
-  <component :is="activeName" />
+  <div>
+    <List v-show="activeName==='List'" ref="list" />
+    <SendUtil v-if="activeName==='SendUtil'" />
+  </div>
 </template>
 
 <script>
 import List from './components/list'
+import SendUtil from './components/sendUtil.vue'
 export default {
   components: {
-    List: List
+    List: List,
+    SendUtil: SendUtil
   },
   data() {
     return {