|
|
@@ -0,0 +1,439 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <!--顶部显示-->
|
|
|
+ <el-breadcrumb class="heading">
|
|
|
+ <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item>业务办理跟踪</el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+
|
|
|
+ <!--内框顶部显示-->
|
|
|
+ <el-card class="box-card" style="height: calc(100vh - 115px);position:relative">
|
|
|
+ <div slot="header">
|
|
|
+ <span>
|
|
|
+ <i class="icon icon-table2"></i> 业务办理情况表
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <el-form
|
|
|
+ :model="searchForm"
|
|
|
+ ref="searchformRef"
|
|
|
+ :inline="true"
|
|
|
+ style="float: right;position:absolute;right:15px;top:10.5px"
|
|
|
+ >
|
|
|
+ <el-form-item label="状态标识">
|
|
|
+ <el-select
|
|
|
+ size="mini"
|
|
|
+ style="width:150px"
|
|
|
+ v-model="searchForm.Status"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option label="全部" value></el-option>
|
|
|
+ <el-option label="初始" value="0"></el-option>
|
|
|
+ <el-option label="待二级初审" value="1"></el-option>
|
|
|
+ <el-option label="待二级复审" value="2"></el-option>
|
|
|
+ <el-option label="专业科室接收" value="3"></el-option>
|
|
|
+ <el-option label="待专业科室审核" value="4"></el-option>
|
|
|
+ <el-option label="待集中评审" value="5"></el-option>
|
|
|
+ <el-option label="待交费" value="6"></el-option>
|
|
|
+ <el-option label="待入库" value="7"></el-option>
|
|
|
+ <el-option label="完成" value="8"></el-option>
|
|
|
+ <el-option label="审核未通过" value="9"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业名称">
|
|
|
+ <el-input size="mini" v-model="searchForm.SupplierName" placeholder="请输入内容"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="准入证号">
|
|
|
+ <el-input size="mini" v-model="searchForm.AccessCardNo" placeholder="请输入内容"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="准入类别">
|
|
|
+ <el-select
|
|
|
+ size="mini"
|
|
|
+ style="width:150px"
|
|
|
+ v-model="searchForm.SupplierTypeCode"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option label="全部" value></el-option>
|
|
|
+ <el-option label="物资类" value="01"></el-option>
|
|
|
+ <el-option label="基建类" value="02"></el-option>
|
|
|
+ <el-option label="技术服务类" value="03"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-dropdown split-button type="primary" size="mini" @command="searchCommand" @click="initDatas(tabinx,$event)">
|
|
|
+ 查询
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item command="clear">查询重置</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+<!--
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="CreateOn" label="申请日期"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="AccessCardNo" label="准入证号"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierName" label="企业名称"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierTypeName" label="准入类别"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="AccessCardNo" label="办理项目"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="AccessCardNo" label="申请单位"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="CreateBy" label="录入员"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="AccessCardNo" label="电话"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Status" label="状态标识"></el-table-column>
|
|
|
+-->
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="准入" name="first">
|
|
|
+ <el-table :data="entityList" id="rebateSetTable0" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="CreateOn" label="申请日期"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="AccessCardNo" label="准入证号"></el-table-column>
|
|
|
+ <el-table-column align="center" label="公司名称" prop="SupplierName"></el-table-column>
|
|
|
+ <el-table-column align="center" label="准入类别" prop="SupplierTypeCode">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{transferStr(scope.row.SupplierTypeCode)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" label="办理项目">准入</el-table-column>
|
|
|
+ <!--<el-table-column sortable min-width="120" align="center" prop="AccessCardNo" label="申请单位"></el-table-column>-->
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="CreateBy" label="录入员"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="EnterUserTel" label="电话"></el-table-column>
|
|
|
+ <el-table-column align="center" label="当前状态" prop="Status">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{statusStr(scope.row.Status)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
+ :page-sizes="[10, 15, 20, 25]" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="currentItemCount">
|
|
|
+ </el-pagination>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="增项" name="second">
|
|
|
+ <el-table :data="entityList" id="rebateSetTable1" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="CreateOn" label="申请日期"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="AccessCardNo" label="准入证号"></el-table-column>
|
|
|
+ <el-table-column align="center" label="公司名称" prop="SupplierName"></el-table-column>
|
|
|
+ <el-table-column align="center" label="准入类别" prop="SupplierTypeCode">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{transferStr(scope.row.SupplierTypeCode)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" label="办理项目">增项</el-table-column>
|
|
|
+ <!--<el-table-column sortable min-width="120" align="center" prop="AccessCardNo" label="申请单位"></el-table-column>-->
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="CreateBy" label="录入员"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="EnterUserTel" label="电话"></el-table-column>
|
|
|
+ <el-table-column align="center" label="当前状态" prop="Status">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{statusStr(scope.row.Status)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
+ :page-sizes="[10, 15, 20, 25]" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="currentItemCount">
|
|
|
+ </el-pagination>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="年审" name="third">
|
|
|
+ <el-table :data="entityList" id="rebateSetTable2" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="CreateOn" label="申请日期"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="AccessCardNo" label="准入证号"></el-table-column>
|
|
|
+ <el-table-column align="center" label="公司名称" prop="SupplierName"></el-table-column>
|
|
|
+ <el-table-column align="center" label="类型" prop="SupplierTypeName">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{transferStr(scope.row.SupplierTypeName)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" label="办理项目">年审</el-table-column>
|
|
|
+ <!--<el-table-column sortable min-width="120" align="center" prop="AccessCardNo" label="申请单位"></el-table-column>-->
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="CreateBy" label="录入员"></el-table-column>
|
|
|
+ <el-table-column sortable min-width="120" align="center" prop="EnterUserTel" label="电话"></el-table-column>
|
|
|
+ <el-table-column align="center" label="当前状态" prop="Status">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.Status=='0'">待提交</span>
|
|
|
+ <span v-if="scope.row.Status=='1'">待初审</span>
|
|
|
+ <span v-if="scope.row.Status=='-1'">初审未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='2'">待复审</span>
|
|
|
+ <span v-if="scope.row.Status=='-2'">复审未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='3'">待专业处室分办</span>
|
|
|
+ <span v-if="scope.row.Status=='4'">待专业处室审批</span>
|
|
|
+ <span v-if="scope.row.Status=='-4'">专业处室审批未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='5'">审核通过</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
+ :page-sizes="[10, 15, 20, 25]" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="currentItemCount">
|
|
|
+ </el-pagination>
|
|
|
+ </el-tab-pane>
|
|
|
+<!--
|
|
|
+ <el-tab-pane label="信息变更" name="fourth">
|
|
|
+ <el-table :data="entityList" id="rebateSetTable3" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
+ <el-table-column align="center" label="公司名称" prop="OldSupplierName"></el-table-column>
|
|
|
+ <el-table-column align="center" label="当前状态" prop="Status">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.Status=='0'" style="color:#E6A23C">待提交</span>
|
|
|
+ <span v-if="scope.row.Status=='1'" style="color:#E6A23C">已申请</span>
|
|
|
+ <span v-if="scope.row.Status=='-2'" style="color:#F56C6C">初审未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='2'" style="color:#E6A23C">待法规处审核</span>
|
|
|
+ <span v-if="scope.row.Status=='-3'" style="color:#F56C6C">审核未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='3'" style="color:#67C23A">审核通过</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
+ :page-sizes="[10, 15, 20, 25]" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="currentItemCount">
|
|
|
+ </el-pagination>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="资质变更" name="fifth">
|
|
|
+ <el-table :data="entityList" id="rebateSetTable4" size="mini" border style="width: 100%" @sort-change="orderby">
|
|
|
+ <el-table-column align="center" label="公司名称" prop="SupplierName"></el-table-column>
|
|
|
+ <el-table-column align="center" label="当前状态" prop="Status">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.Status=='0'" style="color:#E6A23C">待提交</span>
|
|
|
+ <span v-if="scope.row.Status=='1'" style="color:#E6A23C">已申请</span>
|
|
|
+ <span v-if="scope.row.Status=='-2'" style="color:#F56C6C">初审未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='2'" style="color:#E6A23C">待法规处审核</span>
|
|
|
+ <span v-if="scope.row.Status=='-3'" style="color:#F56C6C">审核未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='3'" style="color:#67C23A">审核通过</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
+ :page-sizes="[10, 15, 20, 25]" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="currentItemCount">
|
|
|
+ </el-pagination>
|
|
|
+-->
|
|
|
+ <!--</el-tab-pane>-->
|
|
|
+ </el-tabs>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ mapGetters
|
|
|
+ } from 'vuex'
|
|
|
+ import api from '@/api/oilsupplier/select'
|
|
|
+ import WfMultiHistory from '@/pages/select/processselect/wfmultihistory.vue'
|
|
|
+ import WfHistory from '@/components/workflow/wfhistory.vue'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ WfMultiHistory,
|
|
|
+ WfHistory
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters({
|
|
|
+ authUser: 'authUser'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ activeName: 'first',
|
|
|
+ // 列表数据
|
|
|
+ entityList: [],
|
|
|
+ entitySumList: [],
|
|
|
+ // 分页参数
|
|
|
+ size: 10,
|
|
|
+ currentPage: 1,
|
|
|
+ currentItemCount: 0,
|
|
|
+ // 列表排序
|
|
|
+ Column: {
|
|
|
+ Order: '',
|
|
|
+ Prop: ''
|
|
|
+ },
|
|
|
+ // 查询时间
|
|
|
+ CreateOn: [new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000), new Date()],
|
|
|
+ // 查询项
|
|
|
+ searchFormReset: {},
|
|
|
+ searchForm: {
|
|
|
+ Id: '',
|
|
|
+ SupplierTypeCode: '',
|
|
|
+ SupplierName: '',
|
|
|
+ CreateOn: '',
|
|
|
+ CreateUserId: '',
|
|
|
+ CreateBy: '',
|
|
|
+ ModifiedOn: '',
|
|
|
+ ModifiedUserId: '',
|
|
|
+ ModifiedBy: ''
|
|
|
+ },
|
|
|
+ entrydetail: {
|
|
|
+ process: '',
|
|
|
+ business: '',
|
|
|
+ instance: '',
|
|
|
+ status: ''
|
|
|
+ },
|
|
|
+ tabinx: '0'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ // 查询条件初始值备份
|
|
|
+ Object.assign(this.searchFormReset, this.searchForm)
|
|
|
+ // 查询列表
|
|
|
+ this.initDatas('0')
|
|
|
+ // this.getDictOptions()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleClick (tab) {
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.size= 10;
|
|
|
+ this.tabinx = tab.index
|
|
|
+ this.initDatas(tab.index)
|
|
|
+ },
|
|
|
+ initDatas (val,event) {
|
|
|
+ if (event != null) {
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.size= 10;
|
|
|
+ }
|
|
|
+ // 分页及列表条件
|
|
|
+ let params = {
|
|
|
+ _currentPage: this.currentPage,
|
|
|
+ _size: this.size,
|
|
|
+ Order: this.Column.Order,
|
|
|
+ Prop: this.Column.Prop,
|
|
|
+ tabinx: val
|
|
|
+ }
|
|
|
+ let myCreateOn = []
|
|
|
+ // 解析时间
|
|
|
+ if (this.CreateOn && this.CreateOn.length === 2) {
|
|
|
+ this.CreateOn[1].setHours(23)
|
|
|
+ this.CreateOn[1].setMinutes(59)
|
|
|
+ this.CreateOn[1].setSeconds(59)
|
|
|
+ myCreateOn.push(this.formatDateTime(this.CreateOn[0]))
|
|
|
+ myCreateOn.push(this.formatDateTime(this.CreateOn[1]))
|
|
|
+ }
|
|
|
+ // 查询条件
|
|
|
+ Object.assign(params, this.searchForm)
|
|
|
+ // 访问接口
|
|
|
+ console.log(params)
|
|
|
+ api.getProcessAuditList(myCreateOn.join(','), params, this.$axios).then(res => {
|
|
|
+ this.entityList = res.data.items
|
|
|
+ this.currentItemCount = res.data.currentItemCount
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ searchCommand (command) {
|
|
|
+ if (command === 'search') {
|
|
|
+ this.dialogVisible = true
|
|
|
+ } else if (command === 'clear') {
|
|
|
+ this.clearSearch()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 列表排序功能
|
|
|
+ orderby (column) {
|
|
|
+ if (column.order === 'ascending') {
|
|
|
+ this.Column.Order = 'asc'
|
|
|
+ } else if (column.order === 'descending') {
|
|
|
+ this.Column.Order = 'desc'
|
|
|
+ }
|
|
|
+ this.Column.Prop = column.prop
|
|
|
+ this.initDatas(this.tabinx)
|
|
|
+ },
|
|
|
+ clearSearch () {
|
|
|
+ Object.assign(this.searchForm, this.searchFormReset)
|
|
|
+ // this.searchForm = this.searchFormReset;
|
|
|
+ this.CreateOn = ''
|
|
|
+ this.initDatas(this.tabinx)
|
|
|
+ },
|
|
|
+
|
|
|
+ transferStr (val) {
|
|
|
+ if (val === '01') {
|
|
|
+ return '物资类'
|
|
|
+ } else if (val === '02') {
|
|
|
+ return '基建类'
|
|
|
+ } else if (val === '03') {
|
|
|
+ return '技术服务类'
|
|
|
+ } else {
|
|
|
+ return val
|
|
|
+ }
|
|
|
+ },
|
|
|
+ statusStr (val) {
|
|
|
+ switch (val) {
|
|
|
+ case '':
|
|
|
+ return '待提交'
|
|
|
+ case '0':
|
|
|
+ return '待提交'
|
|
|
+ case '1':
|
|
|
+ return '待初审'
|
|
|
+ case '-1':
|
|
|
+ return '初审未通过'
|
|
|
+ case '2':
|
|
|
+ return '待复审'
|
|
|
+ case '-2':
|
|
|
+ return '复审未通过'
|
|
|
+ case '3':
|
|
|
+ return '待专业处室分办'
|
|
|
+ case '4':
|
|
|
+ return '待专业处室审批'
|
|
|
+ case '-4':
|
|
|
+ return '专业处室审批未通过'
|
|
|
+ case '5':
|
|
|
+ return '待集中评审'
|
|
|
+ case '-5':
|
|
|
+ return '集中评审未通过'
|
|
|
+ case '6':
|
|
|
+ return '待缴费'
|
|
|
+ case '7':
|
|
|
+ return '待入库'
|
|
|
+ case '8':
|
|
|
+ return '已入库'
|
|
|
+ case '9':
|
|
|
+ return '未通过'
|
|
|
+ default:
|
|
|
+ return val
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSearch () {
|
|
|
+ this.currentPage = 1
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.initDatas(this.tabinx)
|
|
|
+ },
|
|
|
+ handleCurrentChange (value) {
|
|
|
+ this.currentPage = value
|
|
|
+ this.initDatas(this.tabinx)
|
|
|
+ },
|
|
|
+ handleSizeChange (value) {
|
|
|
+ this.size = value
|
|
|
+ this.currentPage = 1
|
|
|
+ this.initDatas(this.tabinx)
|
|
|
+ },
|
|
|
+
|
|
|
+ GetCommand (cmdType, row) {
|
|
|
+ let cmd = {}
|
|
|
+ cmd.Command = cmdType
|
|
|
+ cmd.row = row
|
|
|
+ return cmd
|
|
|
+ },
|
|
|
+
|
|
|
+ jstimehandle (val) {
|
|
|
+ if (val === '') {
|
|
|
+ return '----'
|
|
|
+ } else if (val === '0001-01-01T08:00:00+08:00') {
|
|
|
+ return '----'
|
|
|
+ } else if (val === '5000-01-01T23:59:59+08:00') {
|
|
|
+ return '永久'
|
|
|
+ } else {
|
|
|
+ val = val.replace('T', ' ')
|
|
|
+ return val.substring(0, 10)
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ formatDateTime (date) {
|
|
|
+ var y = date.getFullYear()
|
|
|
+ var m = date.getMonth() + 1
|
|
|
+ m = m < 10 ? ('0' + m) : m
|
|
|
+ var d = date.getDate()
|
|
|
+ d = d < 10 ? ('0' + d) : d
|
|
|
+ var h = date.getHours()
|
|
|
+ var minute = date.getMinutes()
|
|
|
+ minute = minute < 10 ? ('0' + minute) : minute
|
|
|
+ return y + '-' + m + '-' + d + ' ' + h + ':' + minute
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
shiyi
