supplier_system/src/dashoo.cn/frontend_web/src/pages/select/processselect/index.vue

<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="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-input size="mini" v-model="searchForm.SupplierName" clearable placeholder="请输入内容"></el-input>
          </el-form-item>
          <el-form-item label="类型">
            <el-select size="mini" style="width:100px" 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 label="申请时间">
            <el-date-picker size="mini"
                            style="width: 220px"
                            v-model="CreateOn"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"></el-date-picker>
          </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-item>
            <el-button type="primary" size="mini" @click="exportExcel">导出</el-button>
          </el-form-item>
        </el-form>
      </div>
      <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
        <el-tab-pane label="全部" name="all">
          <el-table highlight-current-row stripe :data="entityListAll" v-loading="loading" id="rebateSetTable0" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
            <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
            <el-table-column label="准入编码" show-tooltip-when-overflow prop="AccessCardNo" align="center" width="110px">
              <template slot-scope="scope" >
                <span style="font-family:'黑体';font-size:13px">{{scope.row.AccessCardNo}}</span>
              </template>
            </el-table-column>
            <el-table-column align="center" label="公司名称" prop="SupplierName" width="300px"></el-table-column>
            <el-table-column align="center" label="申请时间" prop="CreateOn" width="100px">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.CreateOn+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="完成时间" prop="AddinTime" width="100px">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.AddinTime+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="推荐单位" show-tooltip-when-overflow prop="RecUnitName"></el-table-column>
            <el-table-column align="center" label="申报人员" show-tooltip-when-overflow prop="ContactName"></el-table-column>
            <el-table-column align="center" label="联系电话"  width="110" prop="Mobile"></el-table-column>
            <el-table-column align="center" label="类别" prop="Type">
              <template slot-scope="scope">
                {{typeStr(scope.row.Type)}}
              </template>
            </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 align="center" label="当前状态" prop="Status">
              <template slot-scope="scope">
                {{statusStr(scope.row.Status)}}
              </template>
            </el-table-column>
            <el-table-column align="center" label="操作">
              <template slot-scope="scope">
                <el-button type="text" title="查看流程"  icon="el-icon-edit" size="mini" @click="openwfhistory(scope.row)">查看流程</el-button>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination @size-change="handleSizeChangeAll" @current-change="handleCurrentChangeAll" :current-page="currentPage"
                         :page-sizes="[10, 50, 100, 200, 500]" :page-size="sizeAll" layout="total, sizes, prev, pager, next, jumper" :total="currentItemCount">
          </el-pagination>
        </el-tab-pane>
        <el-tab-pane label="准入" name="first">
          <el-table highlight-current-row :data="entityList" v-loading="loading" id="rebateSetTable1" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
            <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
            <el-table-column label="准入编码" prop="AccessCardNo" align="center">
              <template slot-scope="scope" >
                <span style="font-family:'黑体';font-size:13px">{{scope.row.AccessCardNo}}</span>
              </template>
            </el-table-column>
            <el-table-column align="center" label="公司名称" prop="SupplierName" width="300px"></el-table-column>
            <el-table-column align="center" label="申请时间" prop="CreateOn">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.CreateOn+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="完成时间" prop="AddinTime">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.AddinTime+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="推荐单位" prop="RecUnitName"></el-table-column>
            <el-table-column align="center" label="申报人员"  show-tooltip-when-overflow prop="ContactName"></el-table-column>
            <el-table-column align="center" label="联系电话"  width="100"prop="Mobile"></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 align="center" label="当前状态" prop="Status">
              <template slot-scope="scope">
                {{statusStr(scope.row.Status)}}
              </template>
            </el-table-column>
            <el-table-column align="center" label="操作">
              <template slot-scope="scope">
              <el-button type="text" title="查看流程"  icon="el-icon-edit" size="mini" @click="openwfhistory(scope.row)">查看流程</el-button>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
                         :page-sizes="[10, 50, 100, 200, 500]" :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 highlight-current-row :data="entityList1" v-loading="loading" id="rebateSetTable2" size="mini"  border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
            <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
            <el-table-column label="准入编码" prop="AccessCardNo" align="center">
              <template slot-scope="scope" >
                <span style="font-family:'黑体';font-size:13px">{{scope.row.AccessCardNo}}</span>
              </template>
            </el-table-column>
            <el-table-column align="center" label="公司名称" prop="SupplierName" width="300px"></el-table-column>
            <el-table-column align="center" label="申请时间" prop="CreateOn">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.CreateOn+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="完成时间" prop="AddinTime">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.AddinTime+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="推荐单位" prop="RecUnitName"></el-table-column>
            <el-table-column align="center" label="申报人员"  show-tooltip-when-overflow prop="ContactName"></el-table-column>
            <el-table-column align="center" label="联系电话"  width="100"prop="Mobile"></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 align="center" label="当前状态" prop="Status">
              <template slot-scope="scope">
                {{statusStr(scope.row.Status)}}
              </template>
            </el-table-column>
            <el-table-column align="center" label="操作">
              <template slot-scope="scope">
                <el-button type="text" title="查看流程"  icon="el-icon-edit" size="mini" @click="openwfhistory(scope.row)">查看流程</el-button>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
                         :page-sizes="[10, 50, 100, 200, 500]" :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 highlight-current-row :data="entityList2" v-loading="loading" id="rebateSetTable3" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
            <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
            <el-table-column label="准入编码" prop="AccessCardNo" align="center">
              <template slot-scope="scope" >
                <span style="font-family:'黑体';font-size:13px">{{scope.row.AccessCardNo}}</span>
              </template>
            </el-table-column>
            <el-table-column align="center" label="公司名称" prop="SupplierName" width="300px"></el-table-column>
            <el-table-column align="center" label="申请时间" prop="CreateOn">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.CreateOn+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="完成时间" prop="AddinTime">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.AddinTime+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="推荐单位" prop="RecUnitName"></el-table-column>
            <el-table-column align="center" label="申报人员"  show-tooltip-when-overflow prop="ContactName"></el-table-column>
            <el-table-column align="center" label="联系电话"  width="100"prop="Mobile"></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 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-column align="center" label="操作">
              <template slot-scope="scope">
                <el-button type="text" title="查看流程"  icon="el-icon-edit" size="mini" @click="openwfhistory(scope.row)">查看流程</el-button>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
                         :page-sizes="[10, 50, 100, 200, 500]" :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 highlight-current-row :data="entityList3" v-loading="loading" id="rebateSetTable4" size="mini" border style="width: 100%" @sort-change="orderby" height="calc(100vh - 330px)">
            <!--<el-table-column align="center" label="准入编码" prop="AccessCardNo"></el-table-column>-->
            <el-table-column label="准入编码" prop="AccessCardNo" align="center">
              <template slot-scope="scope" >
                <span style="font-family:'黑体';font-size:13px">{{scope.row.AccessCardNo}}</span>
              </template>
            </el-table-column>
            <el-table-column align="center" label="公司名称" prop="SupplierName" width="300px"></el-table-column>
            <el-table-column align="center" label="申请时间" prop="CreateOn">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.CreateOn+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="完成时间" prop="AddinTime">
              <template slot-scope="scope">
                {{ jstimehandle(scope.row.AddinTime+'') }}
              </template>
            </el-table-column>
            <el-table-column align="center" label="推荐单位" prop="RecUnitName"></el-table-column>
            <el-table-column align="center" label="申报人员"  show-tooltip-when-overflow prop="ContactName"></el-table-column>
            <el-table-column align="center" label="联系电话"  width="100" prop="Mobile"></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=='-2'">初审未通过</span>
                <span v-if="scope.row.Status=='2'" >待法规处审核</span>
                <span v-if="scope.row.Status=='-3'">审核未通过</span>
                <span v-if="scope.row.Status=='3'" >审核通过</span>
              </template>
            </el-table-column>
            <el-table-column align="center" label="操作">
              <template slot-scope="scope">
                <el-button type="text" title="查看流程"  icon="el-icon-edit" size="mini" @click="openwfhistory(scope.row)">查看流程</el-button>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
                         :page-sizes="[10, 50, 100, 200, 500]" :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-column align="center" label="操作">-->
              <!--<template slot-scope="scope">-->
                <!--<el-button type="text" title="查看流程"  icon="el-icon-edit" size="mini" @click="openwfhistory(scope.row)">查看流程</el-button>-->
              <!--</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>
    <el-dialog title="审批流程" :visible.sync="dialogVisible" width="1024px">
      <wf-multi-history :entryinfo="entrydetail"></wf-multi-history>
    </el-dialog>
    <!--<el-dialog title="审批流程" :visible.sync="dialogVisible1" width="1024px">-->
      <!--<el-card class="box-card">-->
        <!--<div slot="header" class="clearfix">-->
          <!--<span>审批流程</span>-->
        <!--</div>-->
        <!--<wf-history ref="WfHistory" :entryinfo="entrydetail"></wf-history>-->
      <!--</el-card>-->
    <!--</el-dialog>-->
  </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'
  import FileSaver from 'file-saver'
  import XLSX from 'xlsx'

  export default {
    components: {
      WfMultiHistory,
      WfHistory
    },
    computed: {
      ...mapGetters({
        authUser: 'authUser'
      })
    },
    data () {
      return {
        activeName: 'all',
        dialogVisible: false,
        dialogVisible1: false,
        loading: false,
        // 列表数据
        entityListAll: [],
        entityList: [],
        entityList1: [],
        entityList2: [],
        entityList3: [],
        entitySumList: [],
        // 分页参数
        sizeAll: 40,
        size: 10,
        currentPage: 1,
        currentItemCount: 0,
        // 列表排序
        Column: {
          Order: '',
          Prop: ''
        },
        // 查询时间
        CreateOn: [],
        // 查询项
        searchFormReset: {},
        searchForm: {
          Id: '',
          SupplierTypeCode: '',
          SupplierName: '',
          CreateOn: '',
          CreateUserId: '',
          CreateBy: '',
          ModifiedOn: '',
          ModifiedUserId: '',
          ModifiedBy: ''
        },
        entrydetail: {
          Id: '',
          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)
      },
      openwfhistory (val) {
        if (this.tabinx == '1' || val.Type == '1') { // 准入
          this.entrydetail.Id = val.Id
          this.entrydetail.business = val.Id
          this.entrydetail.instance = val.WorkflowId
          this.entrydetail.status = val.Status
          this.entrydetail.process = val.ProcessKey
          this.dialogVisible = true
        } else if (this.tabinx == '2' || val.Type == '2') { //  增项
          this.entrydetail.Id = val.Id
          this.entrydetail.business = val.Id
          this.entrydetail.instance = val.WorkflowId
          this.entrydetail.process = val.ProcessKey
          this.dialogVisible = true
        } else if (this.tabinx == '3' || val.Type == '3') { // 年审
          this.entrydetail.Id = val.Id
          this.entrydetail.business = val.Id
          this.entrydetail.instance = val.WorkflowId
          this.entrydetail.process = 'oil_audit_apply'
          this.dialogVisible = true
        } else if (this.tabinx == '4'  || val.Type == '4') { // 信息变更
          this.entrydetail.business = val.Id
          this.entrydetail.instance = val.WorkflowId
          this.entrydetail.process = 'oil_info_change'
          this.dialogVisible = true
        } else if (this.tabinx == '5') { // 资质变更
          this.entrydetail.business = val.Id
          this.entrydetail.instance = val.WorkflowId
          this.dialogVisible = true
        }
      },

      initDatas (val,event) {
        this.loading = true
        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 != null && 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)
        // 访问接口
        api.getProcessAuditList(myCreateOn.join(','), params, this.$axios).then(res => {
          if (val == '1') {
            this.entityList = res.data.items
          } else if (val == '2') {
            this.entityList1 = res.data.items
          } else if (val == '3') {
            this.entityList2 = res.data.items
          } else if (val == '4') {
            this.entityList3 = res.data.items
          } else if (val == "0") {
            this.entityListAll = res.data.items
          }
          this.currentItemCount = res.data.currentItemCount
          this.loading = false
        }).catch(err => {
          console.error(err)
        })
      },

      exportExcel () {
        let tablename = "#rebateSetTable" + this.tabinx
        /* generate workbook object from table */
        let wb = XLSX.utils.table_to_book(
          document.querySelector(tablename)
        )
        console.log(tablename, 'tablename')
        let filename
        if (this.tabinx === '0') { // 准入
          filename = "AccessIn.xlsx"
        } else if (this.tabinx === '1') { //  增项
          filename = "Addition.xlsx"
        } else if (this.tabinx === '2') { // 年审
          filename = "AnnualAuditor.xlsx"
        } else if (this.tabinx === '3') { // 信息变更
          filename = "InfoChanged.xlsx"
        } else if (this.tabinx === '4') { // 资质变更
          filename = "AptitudeChanged.xlsx"
        }
        /* get binary string as output */
        let wbout = XLSX.write(wb, {
          bookType: "xlsx",
          bookSST: true,
          type: "array"
        })
        try {
          FileSaver.saveAs(
            new Blob([wbout], { type: "application/octet-stream" }),
            filename
          )
        } catch (e) {
          if (typeof console !== "undefined") console.log(e, wbout);
        }
        return wbout
      },
      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)
      },
      typeStr (val) {
        if (val === '1') {
          return '准入'
        } else if (val === '2') {
          return '增项'
        } else if (val === '3') {
          return '年审'
        } else if (val === '4') {
          return '信息变更'
        } else {
          return ''
        }
      },
      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 '未通过'
          case '10':
            return '待分办'
          case '11':
            return '审核完成'
          default:
            return val
        }
      },
      handleSearch () {
        this.currentPage = 1
        this.dialogVisible = false
        this.initDatas(this.tabinx)
      },
      handleCurrentChange (value) {
        this.currentPage = value
        this.initDatas(this.tabinx)
      },
      handleCurrentChangeAll (value) {
        this.currentPage = value
        this.initDatas(this.tabinx)
      },
      handleSizeChange (value) {
        this.size = value
        this.currentPage = 1
        this.initDatas(this.tabinx)
      },
      handleSizeChangeAll (value) {
        this.sizeAll = value
        this.size = parseInt(value / 4)
        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 === '0001-01-01T00:00:00Z') {
          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>

<style>
  .el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 47px;
  }
  .eldialog .el-input__inner {
    border: none;
  }

  .eldialog .el-textarea__inner {
    border: none;
    resize: none;
    height: 70px;
  }
  .el-pagination {
    margin: 1rem 0 2rem;
    text-align: right;
  }
</style>