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

<template>
  <div style="overflow-y: auto">
    <el-card class="box-card">
      <span>
          <i class="icon icon-table2"></i> &nbsp;待办/已办
        </span>
      <el-form ref="form" :inline="true" style="float: right;">
        <el-form-item label="提交时间">
          <el-date-picker size="mini" style="width: 220px" v-model="CreateOn" :unlink-panels="true" type="daterange" range-separator="至"
                          start-placeholder="提交日期" end-placeholder="提交日期"></el-date-picker>
        </el-form-item>
        <el-form-item label="类型">
          <el-select size="mini" style="width:100px" v-model="searchForm.Type" placeholder="准入类别">
            <el-option label="全部" value=""></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="7"></el-option>
            <el-option label="收入业务" value="9"></el-option>
            <el-option label="合同评审" value="10"></el-option>
          </el-select>
        </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-input size="mini" v-model="searchForm.SupplierName" clearable placeholder="请输入公司名称" style="width: 100%"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button size="mini" type="primary" @click="handleSearch">查 询</el-button>
        </el-form-item>
      </el-form>

    </el-card>
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane name="first">
        <span slot="label">待办任务</span>
        <el-table
          :data="entityListtode"
          size="mini"
          border
          :stripe="true"
          style="width: 100%"
          highlight-current-row v-loading="loading">

          <!--<el-table-column type="index" label="序号"></el-table-column>-->
          <el-table-column label="序号" align="center" width="70">
            <template slot-scope="scope">
              <span>{{scope.$index+(currentPage - 1) * size + 1}} </span>
            </template>
          </el-table-column>
          <el-table-column label="待办类型" prop="Type" sortable align="center">
            <template slot-scope="scope">
              <span v-if="scope.row.Type=='1'" style="color:#E6A23C">准入-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='2'" style="color:#E6A23C">增项-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='3'" style="color:#E6A23C">年审-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='4'" style="color:#E6A23C">信息变更-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='5'" style="color:#E6A23C">企业注册-待审批</span>
              <!-- <span v-if="scope.row.Type=='7'" style="color:#E6A23C">准入-{{scope.row.TaskName}}</span> -->
              <span v-if="scope.row.Type=='8'" style="color:#E6A23C">发票</span>
              <span v-if="scope.row.Type=='9'" style="color:#E6A23C">目录申请-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='10'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='11'" style="color:#E6A23C">合同年度评审-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='12'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
            </template>
          </el-table-column>

          <!--<el-table-column label="当前状态" prop="Status" align="center">-->
          <!--&lt;!&ndash;<template slot-scope="scope">&ndash;&gt;-->
          <!--&lt;!&ndash;{{statusStr(scope.row.Status, scope.row.Type)}}&ndash;&gt;-->
          <!--&lt;!&ndash;</template>&ndash;&gt;-->
          <!--</el-table-column>-->
          <el-table-column label="类别" prop="SupplierTypeCode" sortable align="center">
            <!-- <template slot-scope="scope" v-if="scope.row.Type=='10'">
              <span v-if="scope.row.SupplierTypeCode=='01'">供应商</span>
              <span v-if="scope.row.SupplierTypeCode=='02'">承包商</span>
              <span v-if="scope.row.SupplierTypeCode=='03'">服务商</span>
            </template> -->
            <template slot-scope="scope" >
              <span v-if="scope.row.SupplierTypeCode=='01' && scope.row.Type!='10' && scope.row.Type!='11' && scope.row.Type!='12'">物资类</span>
              <span v-if="scope.row.SupplierTypeCode=='02' && scope.row.Type!='10' && scope.row.Type!='11' && scope.row.Type!='12'">基建类</span>
              <span v-if="scope.row.SupplierTypeCode=='03' && scope.row.Type!='10' && scope.row.Type!='11' && scope.row.Type!='12'">服务类</span>
              <span v-if="scope.row.SupplierTypeCode=='4'">信息变更</span>
              <span v-if="scope.row.SupplierTypeCode=='5'">企业注册</span>
              <span v-if="scope.row.SupplierTypeCode=='8'">待开发票</span>
              <span v-if="scope.row.SupplierTypeCode=='9-6'">外部市场</span>
              <span v-if="scope.row.SupplierTypeCode=='9-7'">收入业务</span>
              <span v-if="scope.row.SupplierTypeCode=='01' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">供应商</span>
              <span v-if="scope.row.SupplierTypeCode=='02' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">承包商</span>
              <span v-if="scope.row.SupplierTypeCode=='03' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">服务商</span>
            </template>


          </el-table-column>

          <el-table-column label="公司名称" prop="SupplierName" sortable align="center"></el-table-column>

          <el-table-column label="执行人" prop="UserName" sortable align="center"></el-table-column>

          <el-table-column label="提交时间" prop="CreateTime" sortable align="center">
            <template slot-scope="scope">
              {{ jstimehandle(timestampToTime(scope.row.CreateTime)) }}
            </template>
          </el-table-column>

          <el-table-column label="当前状态" prop="Status" sortable align="center">
            <template slot-scope="scope">
              <span>{{statusStr(scope.row.Status, scope.row.Type)}}</span>
            </template>
          </el-table-column>


          <el-table-column label="操作" width="130" align="center" fixed="right">
            <template slot-scope="scope">
              <el-button type="text" title="办理"  icon="el-icon-edit" size="mini" @click="rowClick(scope.row)">办理</el-button>
              <!--<el-button type="text" title="编辑"  icon="el-icon-s-promotion" size="mini">跟踪</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
          :data="entityListdone"
          size="mini"
          border
          :stripe="true"
          style="width: 100%"
          highlight-current-row v-loading="loading">
          <el-table-column label="序号" align="center" width="70">
            <template slot-scope="scope">
              <span>{{scope.$index+(currentPageFinished - 1) * sizeFinished + 1}} </span>
            </template>
          </el-table-column>
          <el-table-column label="已办类型" prop="Type" sortable align="center">
            <template slot-scope="scope">
              <span v-if="scope.row.Type=='1'" style="color:#E6A23C">准入-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='2'" style="color:#E6A23C">增项-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='3'" style="color:#E6A23C">年审-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='4'" style="color:#E6A23C">信息变更-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='5'" style="color:#E6A23C">企业注册-待审批</span>
              <span v-if="scope.row.Type=='8'" style="color:#E6A23C">发票</span>
              <span v-if="scope.row.Type=='9'" style="color:#E6A23C">目录申请-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='10'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='11'" style="color:#E6A23C">合同年度评审-{{scope.row.TaskName}}</span>
              <span v-if="scope.row.Type=='12'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
            </template>
          </el-table-column>
          <el-table-column label="类别" prop="SupplierTypeCode" sortable align="center">
            <template slot-scope="scope">
              <span v-if="scope.row.SupplierTypeCode=='01' && scope.row.Type!='10'&&scope.row.Type!='11'&&scope.row.Type!='12'">物资类</span>
              <span v-if="scope.row.SupplierTypeCode=='02' && scope.row.Type!='10'&&scope.row.Type!='11'&&scope.row.Type!='12'">基建类</span>
              <span v-if="scope.row.SupplierTypeCode=='03' && scope.row.Type!='10'&&scope.row.Type!='11'&&scope.row.Type!='12'">服务类</span>
              <span v-if="scope.row.SupplierTypeCode=='4'">信息变更</span>
              <span v-if="scope.row.SupplierTypeCode=='5'">企业注册</span>
              <span v-if="scope.row.SupplierTypeCode=='8'">待开发票</span>
              <span v-if="scope.row.SupplierTypeCode=='9-6'">外部市场</span>
              <span v-if="scope.row.SupplierTypeCode=='9-7'">收入业务</span>
              <span v-if="scope.row.SupplierTypeCode=='01' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">供应商</span>
              <span v-if="scope.row.SupplierTypeCode=='02' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">承包商</span>
              <span v-if="scope.row.SupplierTypeCode=='03' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">服务商</span>

            </template>
          </el-table-column>

          <el-table-column label="公司名称" prop="SupplierName" sortable align="center"></el-table-column>

          <el-table-column label="执行人" prop="UserName" sortable align="center"></el-table-column>

          <el-table-column label="完成时间" prop="CreateTime" sortable align="center">
            <template slot-scope="scope">
              {{ jstimehandle(timestampToTime(scope.row.CreateTime)) }}
            </template>
          </el-table-column>
          <el-table-column label="当前状态" prop="Status" sortable align="center">
            <template slot-scope="scope">
              <span>{{statusStr(scope.row.Status, scope.row.Type)}}</span>
            </template>
          </el-table-column>

          <el-table-column label="操作" width="130" align="center" fixed="right">
            <template slot-scope="scope">
              <el-button type="text" title="打开"  icon="el-icon-edit" size="mini" @click="rowFinishedClick(scope.row)">打开</el-button>
              <!--<el-button type="text" title="编辑"  icon="el-icon-s-promotion" size="mini">跟踪</el-button>-->
            </template>
          </el-table-column>
        </el-table>
        <el-pagination @size-change="handleSizeChangeFinished"
                       @current-change="handleCurrentChangeFinished"
                       :current-page="currentPageFinished"
                       :page-sizes="[10, 50, 100, 200, 500]"
                       :page-size="sizeFinished"
                       layout="total, sizes, prev, pager, next, jumper"
                       :total="currentItemCountFinished">
        </el-pagination>
      </el-tab-pane>
    </el-tabs>
    <!-- 公司审核信息 -->
    <el-dialog title="企业注册信息" :visible.sync="dialogVisible">
      <el-form label-width="135px" ref="formData" :model="formData" size="small">
        <el-row>
          <el-col :span="24">
            <el-form-item label="公司名称" label-width="150px" style="width: 100%" prop="SupplierName">
              <el-input v-model="formData.SupplierName" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="统一社会信用代码" label-width="150px" style="width: 100%" prop="CommercialNo">
              <el-input v-model="formData.CommercialNo" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="法定代表人姓名" label-width="150px" style="width: 100%" prop="LegalPerson">
              <el-input v-model="formData.LegalPerson" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="有效证件类型" label-width="150px" style="width: 100%;">
              <el-select  v-model="formData.CardNoType1" disabled placeholder="请选择有效证件类型" label-width="150px" style="width: 100%">
                <el-option :key=0 label="身份证" :value=0 ></el-option>
                <el-option :key=1 label="护照" :value=1 ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item v-if="formData.CardNoType1" label="法定代表人护照编号" label-width="150px" style="width: 100%" prop="LegalPersonId">
              <el-input v-model="formData.LegalPersonId" readonly></el-input>
            </el-form-item>
            <el-form-item v-else label="法定代表人身份证号" label-width="150px" style="width: 100%" prop="LegalPersonId">
              <el-input v-model="formData.LegalPersonId" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="有效证件扫描件"
                          label-width="170px"
                          prop="LegalPersonImg">
              <div class="block"
                   style="overflow: auto;">
                <template>
                  <el-row>
                    <el-col :span="12"
                            v-for="(url, index) in urlList"
                            :key="index">
                      <span @click="bigImg(url)">
                        <el-image style="width: 170px; height: 100px; cursor: pointer"
                                  :src="url"></el-image>
                      </span>
                    </el-col>
                  </el-row>
                </template>
              </div>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="联系人姓名" label-width="150px" style="width: 100%" prop="ContactName">
              <el-input v-model="formData.ContactName" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="有效证件类型" label-width="150px" style="width: 100%;">
              <el-select v-model="formData.CardNoType2" disabled placeholder="请选择有效证件类型" label-width="150px" style="width: 100%">
                <el-option :key=0 label="身份证" :value=0 ></el-option>
                <el-option :key=1 label="护照" :value=1 ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item v-if="formData.CardNoType2" label="联系人护照编号" label-width="150px" style="width: 100%" prop="ContactId">
              <el-input v-model="formData.ContactId"  readonly></el-input>
            </el-form-item>
            <el-form-item v-else label="联系人身份证号" label-width="150px" style="width: 100%" prop="ContactId">
              <el-input v-model="formData.ContactId"  readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="有效证件扫描件" label-width="170px" prop="ContactImg">
              <div class="block" style="overflow: auto;">
                <template>
                  <el-row>
                    <el-col :span="12" v-for="(url, index) in urlList2" :key="index">
                      <span @click="bigImg1(url)">
                        <el-image style="width: 170px; height: 100px; cursor: pointer" :src="url"></el-image>
                      </span>
                    </el-col>
                  </el-row>
                </template>
              </div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="邮箱" label-width="150px" style="width: 100%" prop="EMail">
              <el-input v-model="formData.EMail" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="手机号"   style="width: 100%" prop="UserTelephone">
              <el-input v-model="formData.UserTelephone" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="用户名"  label-width="150px" style="width: 100%" prop="UserName">
              <el-input v-model="formData.UserName" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!--<el-row style="margin-left: 35%; margin-top: 10px; margin-bottom: 20px;">-->
          <!--<el-button size="mini" @click="cancelOption" v-if="formData.CheckStatus==0">审核未通过</el-button>-->
          <!--<el-button size="mini" type="primary" @click="ensureOption" style="margin-left: 20%;" v-if="formData.CheckStatus==0">审核通过</el-button>-->
        <!--</el-row>-->
      </el-form>
      <div slot="footer" class="dialog-footer" style="margin-top: -25px">
        <el-button  type="primary" size="mini" @click="ComAudit" v-if="formData.CheckStatus == 0">审核</el-button>
      </div>
    </el-dialog>
    <el-dialog :title="invoicetitle" :visible.sync="invoiceVisible" width="70%">
      <el-card class="box-card">
        <div slot="header">
        <span>
          <i class="icon icon-table2"></i> {{this.invoicetitle}}
        </span>
          <span style="float: right;">
          <el-form ref="form" :inline="true" style="margin-top: -10px">
            <el-form-item>
              <el-button type="primary" size="mini" style="margin-right: 15px" @click="confirmIsInvoice()" v-if="this.formDataInvoice.IsInvoice == '0'" :loading="invoiceLoading">确认</el-button>
            </el-form-item>
          </el-form>
        </span>
        </div>
        <div class="table-layout" style="margin-top: 0px">
          <el-row>
            <el-col :span="9" class="table-cell-title">单位名称</el-col>
            <el-col :span="10" class="table-cell-title">注册地址</el-col>
            <el-col :span="5" class="table-cell-title">税号</el-col>
          </el-row>

          <el-row>
            <el-col :span="9" class="table-cell">{{this.formDataInvoice.SupplierName}}</el-col>
            <el-col :span="10" class="table-cell">{{this.formDataInvoice.Address}}</el-col>
            <el-col :span="5" class="table-cell">{{this.formDataInvoice.CommercialNo}}</el-col>
          </el-row>
          <el-row>
            <el-col :span="9" class="table-cell-title">开户银行</el-col>
            <el-col :span="10" class="table-cell-title">银行账号</el-col>
            <el-col :span="5" class="table-cell-title">邮箱</el-col>
          </el-row>

          <el-row>
            <el-col :span="9" class="table-cell">{{this.formDataInvoice.DepositBank}}</el-col>
            <el-col :span="10" class="table-cell">{{this.formDataInvoice.BankAccount}}</el-col>
            <el-col :span="5" class="table-cell">{{this.formDataInvoice.Email}}</el-col>
          </el-row>
        </div>
      </el-card>
      <el-card class="box-card" style="margin-top: 5px"> <!--v-if="entityList && entityList.length > 0"-->
        <div slot="header">
        <span>
          <span style="font-weight: bold;">
            金额合计： <font color="red">{{this.formDataInvoice.Amount}} 元</font>
          </span>
        </span>
        </div>
        <el-table :data="paymentinfoList" size="mini" border style="width: 100%">
          <!--<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="PayType" label="交费类型">
            <template slot-scope="scope">
              {{ transferStr(scope.row.PayType) }}
            </template>
          </el-table-column>
          <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Amount" label="交费金额">
          </el-table-column>
          <el-table-column prop="CreateOn" sortable min-width="150" label="交费时间" align="center" show-overflow-tooltip>
            <template slot-scope="scope">
              {{ jstimehandle(scope.row.PayDate) }}
            </template>
          </el-table-column>
        </el-table>
      </el-card>
    </el-dialog>
    <el-dialog title="审核" :close-on-click-modal="false" :visible.sync="Auditshow">
      <el-form :model="shenheForm" label-width="100px" ref="shenheForm">
        <el-form-item label="审核状态">
          <template>
            <el-radio class="radio" v-model="shenheForm.SuccessStatus" :label="1">通过</el-radio>
            <el-radio class="radio" v-model="shenheForm.SuccessStatus" :label="2">未通过</el-radio>
          </template>
        </el-form-item>
        <el-form-item label="意见" :rules="[{ required: true, message: '请输入审批意见', trigger: 'blur' }]">
          <el-input type="textarea" v-model="shenheForm.AuditorRemark" placeholder="请输入审核意见"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer" style="margin-top: -25px">
        <el-button size="small" @click="Auditshow = false">取 消</el-button>
        <el-button type="primary" size="small" @click="makeSure()" :loading="btnLoading">确 定</el-button>
      </div>
    </el-dialog>

    <!--点击图片放大区域-->
    <el-dialog
      title="法定代表人有效证件扫描件"
      :visible.sync="legalPersonImgVisible"
      width="40%">
      <el-image :src="bigUrl"></el-image>
    </el-dialog>
    <el-dialog
      title="联系人有效证件扫描件"
      :visible.sync="legalPersonImg1Visible"
      width="40%">
      <el-image :src="bigUrl"></el-image>
    </el-dialog>
  </div>
</template>

<script>
  import api from '@/api/oilsupplier/supplier'
  import contractApi from '@/api/oilcontract/contract'

  import {
    mapGetters
  } from 'vuex'
  export default {
    name: 'index',

    computed: mapGetters({
      authUser: 'authUser'
    }),

    data () {
      return {
        urlList: [], // 照片地址数组
        urlList2: [], // 照片地址数组2
        bigUrl: '',
        invoicetitle: '待开发票',
        Auditshow: false,
        btnLoading: false,
        dialogVisible: false,
        invoiceVisible: false,
        legalPersonImgVisible: false,
        legalPersonImg1Visible: false,
        tabindex: '',
        activeName: 'first',
        currentDate: new Date(),
        // 查询时间
        CreateOn: null,
        // 分页参数
        size: 10,
        currentPage: 1,
        currentItemCount: 0,
        // finished
        // 分页参数
        sizeFinished: 10,
        currentPageFinished: 1,
        currentItemCountFinished: 0,
        shenheForm: {
          SuccessStatus: 1,
          AuditorRemark: ''
        },
        // 列表排序
        Column: {
          Order: '',
          Prop: ''
        },
        ColumnFinished: {
          Order: '',
          Prop: ''
        },
        // 查询项
        searchForm: {
          Id: '',
          Type: '',
          SupplierTypeCode: '',
          SupplierName: '',
          IsPay: '1',
          CreateUserId: '',
          CreateBy: '',
          ModifiedOn: '',
          ModifiedUserId: '',
          ModifiedBy: ''

        },
        formData: {
          Id: '', // int
          UserId: '', // int
          UserName: '', // 账号/Email
          UserRealName: '', // 用户真实姓名
          UserTelephone: '', // 用户手机号
          UserPass: '',
          UserPass2: '',
          SupplierName: '',
          OilCertificateNo: '',
          Grade: '',
          MgrUnit: '',
          OperType: '',
          Country: '',
          CommercialNo: '',
          OrganCode: '',
          CountryTaxNo: '',
          LocalTaxNo: '',
          Address: '',
          DetailAddress: '',
          Province: '',
          City: '',
          Street: '',
          HouseNo: '',
          ZipCode: '',
          BusinessScope: '',
          LegalPerson: '',
          LegalPersonId: '',
          LegalPersonURL: '',
          CategoryCode: '',
          CategoryName: '',
          RegCapital: 0, // float32
          Currency: '',
          ContactName: '',
          ContactId: '',
          ContactURL: '',
          CompanyType: '',
          SetupTime: '', // time
          DepositBank: '',
          BankAccount: '',
          EMail: '',
          BankCreditRating: '',
          Mobile: '',
          Telphone: '',
          Fax: '',
          CompanyTel: '',
          QQ: '',
          CompanyUrl: '',
          Remark: '',
          CheckStatus: 0, // 二级单位审核状态，0：未通过，1：通过 默认0
          IsDelete: 0, // 删除状态，0正常，1已删除
          LinkAddress: '',
          LinkProvince: '',
          LinkCity: '',
          LinkStreet: '',
          LinkHouseNo: '',
          LinkZipCode: '',
          HseTraining: '',
          CardNoType1: 0,
          CardNoType2: 0
        },
        formDataInvoice: {
          Id: '',
          SrcIds: '',
          IsInvoice: '',
          SupplierName: '',
          CommercialNo: '',
          Address: '',
          DepositBank: '',
          BankAccount: '',
          Email: '',
          Amount: ''
        },
        paymentinfoList: [],
        entityListtode: [],
        entityListdone: [],
        invoiceLoading: false,
        loading: false
      }
    },
    created () {
      if (process.client) {
        if (window.localStorage.getItem('firstContractInfoParams') === '1') {
          this.firstLoginInfo()
        }
      }
      if (this.authUser.Profile.IsCompanyUser == 1) {
        this.$router.push('/oilsupplier/supplier') // 跳转到登录页
      }
      this.initDatas()
    },
    methods: {
      firstLoginInfo () {
        let _this = this
        const params = {
          categoryId: 'GFGL_CONTRACT',
          parameterId: 'paramset',
          parameterCode: 'isStartEva'
        }
        _this.$axios.get('paramset/get-param-by-cate', { params })
          .then(res => {
            if (res.data === 'true') {
              let contractNum = 0
              contractApi.getNeedEvaList(this.$axios).then(res => {
                if (res.status === 200 && res.data.items !== null) {
                  contractNum = res.data.currentItemCount
                  this.$notify({
                    title: '提醒',
                    message: '您有 ' + contractNum + ' 份合同评价待处理，请及时评价！',
                    type: 'warning',
                    duration: 0
                  })
                  if (process.client) {
                    window.localStorage.setItem('firstContractInfoParams', '2') // 初次登录弹框
                  }
                }
              }).catch(err => {
                console.log(err)
              })
            }
          })
      },
      confirmIsInvoice () {
        this.invoiceLoading = true
        let params = {
          Id: this.formDataInvoice.Id,
          SrcIds: this.formDataInvoice.SrcIds
        }
        api.updateIsInvoice(params, this.$axios).then(res => {
          if (res.data.code === 0) {
            this.$message({
              type: 'success',
              message: res.data.message
            })
            // 关闭dialog
            this.invoiceVisible = false
            // 更新列表
            this.initDatas()
          } else {
            this.$message({
              type: 'warning',
              message: res.data.message
            })
          }
          this.invoiceLoading = false
        })
      },
      initDatas () {
        this.loading = true
        // 分页及列表条件
        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]))
        }
        let params = {
          _currentPage: this.currentPage,
          _size: this.size,
          Order: this.Column.Order,
          Prop: this.Column.Prop,
          CreateOn: myCreateOn.join(',')
        }
        // 查询条件
        Object.assign(params, this.searchForm)
        // 访问接口
        api.getTodoList(params, this.$axios).then(res => {
          this.entityListtode = res.data.items
          this.currentItemCount = res.data.currentItemCount
          this.loading = false
        }).catch(err => {
          console.error(err)
        })
      },
      handleSearch () {
        this.currentPage = 1
        if (this.tabindex === '0') {
          this.initDatas()
        } else {
          this.finishedData()
        }
        this.initDatas()
      },
      handleClick (tab) {
        this.tabindex = tab.index
        if (tab.index === '0') {
          this.initDatas()
        } else {
          this.finishedData()
        }
      },
      rowClick (val) {
        // alert(JSON.stringify(val))
        // return
        let SupplierType = ''

        if (val.Type == '1') { // 准入
          if (val.Status === '7') {
            // 待入库状态时直接跳转单独的入库审批页面,.信息变更入库不需要区分类型, 直接审批。
            if (val.SupplierTypeCode === '01') {
              SupplierType = 'goodsedit'
            } else if (val.SupplierTypeCode === '02') {
              SupplierType = 'basisedit'
            } else {
              SupplierType = 'techedit'
            }
            this.$router.push('oilsupplier/supplierstorage/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&applytype=' + val.Type + '&is_todo=1')
          } else {
            // 到详情页面
            if (val.SupplierTypeCode === '01') {
              SupplierType = 'goodsedit'
            } else if (val.SupplierTypeCode === '02') {
              SupplierType = 'basisedit'
            } else {
              SupplierType = 'techedit'
            }
            // 准入 且审批未通过之后 创建人中的待办按钮
            if (Number(val.Status) <= 0) {
              this.$router.push('oilsupplier/supplier/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId)
            } else {
              this.$router.push('oilsupplier/supplieraudit/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&is_todo=1')
            }
          }
        } else if (val.Type == '2') { // 增项
          let appendId = ''
          if (val.SupplierTypeCode === '01') {
            SupplierType = 'goodsdataopera'
            appendId = '1'
          } else if (val.SupplierTypeCode === '02') {
            appendId = '2'
            SupplierType = 'basisdataopera'
          } else {
            appendId = '3'
            SupplierType = 'techdataopera'
          }
          if (Number(val.Status) <= 0) {
            this.$router.push('oilsupplier/supplierappend/' + appendId + '/' + SupplierType + '?Id=' + val.Id + '&editFlag=1&sId=' + val.SupplierId)
          }
          this.$router.push('oilsupplier/addtionaudit/' + val.Id + '/' + SupplierType + '?is_todo=1')
        } else if (val.Type == '3') { // 年审
          if (val.SupplierTypeCode === '01') {
            SupplierType = 'auditoperation'
          } else if (val.SupplierTypeCode === '02') {
            SupplierType = 'basicauditoperation'
          } else {
            SupplierType = 'techoperation'
          }
          if (Number(val.Status) <= 0) {
            this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&Status=' + val.Status + '&Step=' + val.Step + '&annualId=' + val.Id)
          } else {
            this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&AnnualStatus=' + val.Status + '&annualId=' + val.Id + '&Step=' + val.Step + '&is_todo=1')
          }
        } else if (val.Type == '4') { // 信息变更
          this.$router.push('/oilsupplier/infochangech/' + val.Id + '/auditoperation?InfoStatus=' + val.Status + '&SupId=' + val.SupplierId + '&is_todo=1')
        } else if (val.Type == '5') { // 企业注册
          this.initDataregister(val.Id)
        } else if (val.Type == '8') { // 发票
          if (val.Status === '未开') {
            this.invoicetitle = '待开发票'
          } else {
            this.invoicetitle = '已开发票'
          }
          this.initInvoiceDatas(val.Id)
          this.invoiceVisible = true
        } else if (val.Type == '9') { // 目录申请
          this.$router.push('/oilsupplier/oilcatalogsub/' + val.Id + '/incomeedit?is_todo=1')
        } else if (val.Type == '10') { // 日常评价
          if (val.SupplierTypeCode == '01') {
            this.$router.push({
              path: '/oilcontract/contract-goods/' + val.Id + '/evaluate',
              query: {
                is_todo: 1
              }
            })
          } else if (val.SupplierTypeCode == '02') {
            this.$router.push({
              path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
              query: {
                is_todo: 1
              }
            })
          } else if (val.SupplierTypeCode == '03') {
            this.$router.push({
              path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
              query: {
                is_todo: 1
              }
            })
          }
        } else if (val.Type == '11') { // 年度评价
          if (val.SupplierTypeCode == '01') {
            this.$router.push({
              path: '/oilcontract/contract-goods-year/' + val.Id + '/operation'
            })
          } else if (val.SupplierTypeCode == '02') {
            this.$router.push({
              path: '/oilcontract/contract-basis-year/' + val.Id + '/operation'
            })
          } else if (val.SupplierTypeCode == '03') {
            this.$router.push({
              path: '/oilcontract/contract-service-year/' + val.Id + '/operation'
            })
          }
        } else if (val.Type == '12') { // 日常评价
          if (val.SupplierTypeCode == '01') {
            this.$router.push({
              path: '/oilcontract/contract-goods/' + val.Id + '/evaluate',
              query: {
                isBusiness: 1,
                is_todo: 1
              }
            })
          } else if (val.SupplierTypeCode == '02') {
            this.$router.push({
              path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
              query: {
                isBusiness: 1,
                is_todo: 1
              }
            })
          } else if (val.SupplierTypeCode == '03') {
            this.$router.push({
              path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
              query: {
                isBusiness: 1,
                is_todo: 1
              }
            })
          }
        }
      },
      rowFinishedClick (val) {
        let SupplierType = ''

        if (val.Type == '1') { // 准入
          if (val.TaskName == '企管法规处编号、入库') {
            // 待入库状态时直接跳转单独的入库审批页面,.信息变更入库不需要区分类型, 直接审批。
            if (val.SupplierTypeCode === '01') {
              SupplierType = 'goodsedit'
            } else if (val.SupplierTypeCode === '02') {
              SupplierType = 'basisedit'
            } else {
              SupplierType = 'techedit'
            }
            this.$router.push('oilsupplier/supplierstorage/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&applytype=' + val.Type)
          } else {
            // 到详情页面
            if (val.SupplierTypeCode === '01') {
              SupplierType = 'goodsedit'
            } else if (val.SupplierTypeCode === '02') {
              SupplierType = 'basisedit'
            } else {
              SupplierType = 'techedit'
            }
            // 准入 且审批未通过之后 创建人中的待办按钮
            this.$router.push('oilsupplier/supplieraudit/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId)
          }
        } else if (val.Type == '2') { // 增项
          let appendId = ''
          if (val.SupplierTypeCode === '01') {
            SupplierType = 'goodsdataopera'
            appendId = '1'
          } else if (val.SupplierTypeCode === '02') {
            appendId = '2'
            SupplierType = 'basisdataopera'
          } else {
            appendId = '3'
            SupplierType = 'techdataopera'
          }
          this.$router.push('oilsupplier/addtionaudit/' + val.Id + '/' + SupplierType)
        } else if (val.Type == '3') { // 年审
          if (val.SupplierTypeCode === '01') {
            SupplierType = 'auditoperation'
          } else if (val.SupplierTypeCode === '02') {
            SupplierType = 'basicauditoperation'
          } else {
            SupplierType = 'techoperation'
          }
          this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&AnnualStatus=' + val.Status + '&annualId=' + val.Id + '&Step=' + val.Step)
        } else if (val.Type == '4') { // 信息变更
          this.$router.push('/oilsupplier/infochangech/' + val.Id + '/auditoperation?InfoStatus=' + val.Status + '&SupId=' + val.SupplierId)
        } else if (val.Type == '5') { // 企业注册
          this.initDataregister(val.Id)
        } else if (val.Type == '8') { // 发票
          if (val.Status === '未开') {
            this.invoicetitle = '待开发票'
          } else {
            this.invoicetitle = '已开发票'
          }
          this.initInvoiceDatas(val.Id)
          this.invoiceVisible = true
        } else if (val.Type == '9') { // 目录申请
          this.$router.push('/oilsupplier/oilcatalogsub/' + val.Id + '/incomeedit')
        } else if (val.Type == '10') { // 日常评价 评价呀
          if (val.SupplierTypeCode == '01') {
            this.$router.push({
              path: '/oilcontract/contract-goods/' + val.Id + '/evaluate'
            })
          } else if (val.SupplierTypeCode == '02') {
            this.$router.push({
              path: '/oilcontract/contract-basis/' + val.Id + '/evaluate'
            })
          } else if (val.SupplierTypeCode == '03') {
            this.$router.push({
              path: '/oilcontract/contract-service/' + val.Id + '/evaluate'
            })
          }
        } else if (val.Type == '11') { // 年度评价 评价呀
          if (val.SupplierTypeCode == '01') {
            this.$router.push({
              path: '/oilcontract/contract-goods-year/' + val.Id + '/operation'
            })
          } else if (val.SupplierTypeCode == '02') {
            this.$router.push({
              path: '/oilcontract/contract-basis-year/' + val.Id + '/operation'
            })
          } else if (val.SupplierTypeCode == '03') {
            this.$router.push({
              path: '/oilcontract/contract-service-year/' + val.Id + '/operation'
            })
          }
        }
      },

      initInvoiceDatas (Id) {
        let params = {
          Id: Id
        }
        api.getInvoiceData(params, this.$axios).then(res => {
          this.formDataInvoice = res.data.items['invoiceinfo']
          this.paymentinfoList = res.data.items['paymentinfos']
        }).catch(err => {
          console.error(err)
        })
      },
      bigImg (url) {
        this.bigUrl = url
        this.legalPersonImgVisible = true
      },
      bigImg1 (url) {
        this.bigUrl = url
        this.legalPersonImg1Visible = true
      },
      initDataregister (Id) {
        let _this = this
        const params = {
          _currentPage: _this.currentPage,
          _size: _this.size,
          Name: _this.searchForm.SupplierName
        }
        this.$axios.get('/register/get/' + Id)
          .then(function (response) {
            _this.formData = response.data
            _this.dialogVisible = true
            // 处理URL
            _this.urlList = []
            let urlArr = _this.formData.LegalPersonURL.split('&')
            if (urlArr) {
              for (let i = 0; i < urlArr.length; i++) {
                let tempURL = urlArr[i].split('|')
                if (tempURL[0].indexOf('/upfile') === 0) {
                  const myDomain = window.location.host
                  _this.urlList.push('http://' + myDomain + tempURL[0])
                } else {
                  _this.urlList.push('http://' + tempURL[0])
                }
              }
            }
            _this.urlList2 = []
            let urlArr2 = _this.formData.ContactURL.split('&')
            if (urlArr2) {
              for (let i = 0; i < urlArr2.length; i++) {
                let tempURL = urlArr2[i].split('|')
                if (tempURL[0].indexOf('/upfile') === 0) {
                  const myDomain = window.location.host
                  _this.urlList2.push('http://' + myDomain + tempURL[0])
                } else {
                  _this.urlList2.push('http://' + tempURL[0])
                }
              }
            }
          })
          .catch(function (error) {
            console.log(error)
          })
      },
      ComAudit () {
        this.Auditshow = true
      },
      // 审核
      makeSure () {
        if (this.shenheForm.AuditorRemark.trim().length < 1) {
          this.$message({
            type: 'warning',
            message: '请填写审批意见！'
          })
          return
        }
        this.checkstatus()
      },
      // 审核未通过
      checkstatus () {
        let _this = this
        _this.btnLoading = true
        const params = _this.shenheForm
        _this.$axios.post('/register/comaudit/', _this.formData, {params})
          .then(res => {
            if (res.data.code === 0) {
              _this.$message({
                type: 'success',
                message: res.data.message
              })
              // 关闭dialog
              _this.Auditshow = false
              _this.dialogVisible = false
              // 更新列表
              _this.initDatas()
            } else {
              _this.$message({
                type: 'warning',
                message: res.data.message
              })
            }
            this.btnLoading = false
          })
          .catch(err => {
            console.error(err)
          })
      },
      ensureOption () {
        let _this = this
        _this.$axios.post('/register/adduser/', _this.formData)
          .then(res => {
            if (res.data.code === 0) {
              _this.$message({
                type: 'success',
                message: res.data.message
              })
              // 关闭dialog
              _this.dialogVisible = false
              // 更新列表
              this.initDatas()
            } else {
              _this.$message({
                type: 'warning',
                message: res.data.message
              })
            }
          })
          .catch(err => {
            console.error(err)
          })
      },

      finishedData () {
        this.loading = true
        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]))
        }
        // 分页及列表条件
        let params = {
          _currentPage: this.currentPageFinished,
          _size: this.sizeFinished,
          Order: this.ColumnFinished.Order,
          Prop: this.ColumnFinished.Prop,
          CreateOn: myCreateOn.join(',')
        }
        // 查询条件
        Object.assign(params, this.searchForm)
        api.getMyTaskFinished(params, this.$axios).then(res => {
          this.entityListdone = res.data.items
          this.currentItemCountFinished = res.data.currentItemCount
          this.loading = false
        }).catch(err => {
          console.error(err)
        })
      },
      /** statusStr (val, type) {
        if (type == '1') { //准入
          this.statusApplyStr()
        } else if (type == '2') { //增项
          this.statusApplyStr()
        } else if (type == '3') { //年审

        } else if (type == '4') { //信息变更

        } else if (type == '5') { //企业注册

        } else if (type == '8') { //发票

        } else if (type == '9') { //目录申请

        }
      }, */
      statusStr (val, type) {
        switch (val) {
          case '':
            return '待提交'
          case '0':
            if (type == '5') { // 企业注册
              return '待审核'
            } else {
              return '待提交'
            }
          case '1':
            return '待初审'
          case '2':
            return '待复审'
          case '3':
            return '待专业处室分办'
          case '4':
            return '待专业处室审批'
          case '5':
            if (type == '3') { // 年审
              return '待企管法规处审批'
            } else if (type == '4') { // 信息变更
              return '待企管法规处审批'
            } else if (type == '9') { // 目录申请
              return '待企管法规处审批'
            } else {
              return '待集中评审'
            }
          case '6':
            return '待交费'
          case '7':
            if (type == '10' || type == '11' || type == '12') {
              return '待企管法规处审批'
            } else {
              return '待入库'
            }
          case '8':
            if (type == '10' || type == '11' || type == '12') {
              return '已完成'
            } else {
              return '已入库'
            }
          case '9':
            return '待企管法规处审批'
          case '10':
            return '分办'
          case '11':
            return '审核完成'
          case '-1':
            if (type == '5') {
              return '审核未通过'
            } else {
              return '初审未通过'
            }
          case '-2':
            return '复审未通过'
          case '-3':
            return '专业处室分办未通过'
          case '-4':
            return '专业处室审批未通过'
          case '-5':
            if (type == '4') { // 信息变更
              return '企管法规处审批未通过'
            } else if (type == '9') { // 目录申请
              return '待企管法规处审批'
            } else {
              return '集中评审未通过'
            }
          case '-7':
            return '入库未通过'
          case '-9':
            return '企管法规处审批未通过'
          case '-10':
            return '二级单位分办未通过'
          default:
            return val
        }
      },
      transferStr (val) {
        if (val === '1') {
          return '准入交费'
        } else if (val === '2') {
          return '年审交费'
        } else if (val === '3') {
          return '增项交费'
        } else if (val === '7') {
          return '信息变更交费'
        } else {
          return val
        }
      },
      timestampToTime (val) {
        let date = new Date(val) // 时间戳为10位需*1000，时间戳为13位的话不需乘1000
        let offsetGMT = new Date().getTimezoneOffset()
        if (offsetGMT !== -480) {
          date = new Date(val + offsetGMT * 60 * 1000 + 8 * 60 * 60 * 1000)
        }
        let Y = date.getFullYear() + '-'
        let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
        let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
        let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
        let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
        let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
        return Y + M + D + h + m + s
      },
      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 if (val === '1970-01-01 8:0:0') {
          return '----'
        } else if (val === '1970-01-1 8:0:0') {
          return '----'
        } else {
          val = val.replace('T', ' ')
          return val.substring(0, 19)
        }
      },
      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()
        h = h < 10 ? ('0' + h) : h
        var minute = date.getMinutes()
        minute = minute < 10 ? ('0' + minute) : minute
        return y + '-' + m + '-' + d + ' ' + h + ':' + minute
      },
      formatDateTimeymd (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
        return y + '-' + m + '-' + d
      },
      handleCurrentChangeFinished (value) {
        this.currentPageFinished = value
        this.finishedData()
      },
      handleSizeChangeFinished (value) {
        this.sizeFinished = value
        this.currentPageFinished = 1
        this.finishedData()
      },
      handleCurrentChange (value) {
        this.currentPage = value
        this.initDatas()
      },
      handleSizeChange (value) {
        this.size = value
        this.currentPage = 1
        this.initDatas()
      }
    }
  }
</script>

<style lang="scss">
  .el-pagination {
    margin: 1rem 0 2rem;
    text-align: right;
  }
  .item {
     margin-top: 10px;
     margin-right: 40px;
   }
  .table-layout {
    margin-top: 20px;
    border-left: 1px solid #DCDFE6;
    border-top: 1px solid #DCDFE6;
  }
  .table-cell {
    height: 40px;
    /*line-height: 20px;*/
    border-right: 1px solid #DCDFE6;
    border-bottom: 1px solid #DCDFE6;
    padding: 10px;
    font-size: 14px;
    color: #606266;
    text-align: center;
    overflow: hidden;
  }

  .table-cell-title {
    border-right: 1px solid #DCDFE6;
    border-bottom: 1px solid #DCDFE6;
    padding: 10px;
    background: #F2F6FC;
    text-align: center;
    font-size: 14px;
    color: #303133;
  }

</style>