supplier_system/src/dashoo.cn/frontend_web/src/pages/select/companyselect/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="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-input size="mini" v-model="searchForm.AccessCardNo" placeholder="请输入内容"></el-input>
          </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-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"
              @click="initDatas($event)"
              @command="searchCommand"
            >
              查询
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item command="search">高级查询</el-dropdown-item>
                <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-table
        id="rebateSetTable"
        :data="entityList"
        size="mini"
        border
        height="calc(100vh - 243px)"
        style="width: 100%"
        @sort-change="orderby"
      >
        <el-table-column label="操作" min-width="200px" align="center" fixed="right">
          <template slot-scope="scope">
            <el-button type="text" @click="toWord(scope.row)" title="下载" size="mini" icon="el-icon-download" width="120px">下载</el-button>
            <el-button type="text" @click="toPdf(scope.row)" title="导出" size="mini" icon="el-icon-document" width="120px">导出</el-button>

          </template>
        </el-table-column>
        <!--内框表格剩余栏显示-->
        <el-table-column label="准入证号" width="100px" prop="AccessCardNo" sortable align="center"></el-table-column>
        <el-table-column label="企业名称" width="280px" prop="SupplierName" sortable align="center"></el-table-column>
        <el-table-column label="准入类别" prop="SupplierTypeCode" align="center">
          <template slot-scope="scope">
              {{transferStr(scope.row.SupplierTypeCode)}}
          </template>
        </el-table-column>
        <el-table-column label="法人代表"  width="100px" prop="LegalPerson" align="center"></el-table-column>
        <el-table-column label="注册资金（万元）"  width="150px" prop="RegCapital" sortable align="center"></el-table-column>
        <el-table-column label="移动电话"  width="100px" prop="Mobile" align="center"></el-table-column>
        <el-table-column label="最后一次年审" width="100px" prop="AuditDate" align="center">
          <template slot-scope="scope">{{ jstimehandle(scope.row.AuditDate) }}</template>
        </el-table-column>
        <el-table-column label="有效期至" width="100px" prop="ApplyTime" align="center">
          <template slot-scope="scope">{{ jstimehandle(scope.row.ApplyTime) }}</template>
        </el-table-column>
        <el-table-column label="状态" prop="InFlag" width="100px" align="center">
          <template slot-scope="scope">
            <el-alert
              v-if="scope.row.InFlag=='1'"
              :closable="false"
              style="background:rgba(255,255,255,0.2)"
              title="准入"
              type="success"
            ></el-alert>
            <el-alert
              v-if="scope.row.InFlag=='2'"
              :closable="false"
              style="background:rgba(255,255,255,0.2)"
              title="暂停"
              type="warning"
            ></el-alert>
            <el-alert
              v-if="scope.row.InFlag=='3'"
              :closable="false"
              style="background:rgba(255,255,255,0.2)"
              title="取消"
              type="error"
            ></el-alert>
          </template>
        </el-table-column>
        <el-table-column label="企业曾用名" width="280px" prop="OldSupplierName" align="center"></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-card>

    <!-- 详情框（默认隐藏） -->
<!--
    <el-dialog
      class="eldialog"
      title="大港油田公司供方情况一览表"
      :visible.sync="show"
      width="1000px"
      :center="true"
    >
      <el-form :inline="true" style="float: right;position:absolute;right:60px;top:10.5px">
        <el-form-item>
          &lt;!&ndash; <el-button type="primary" size="mini" @click="print">打印</el-button> &ndash;&gt;
        </el-form-item>
      </el-form>
      &lt;!&ndash;打印内容开始&ndash;&gt;
      <el-form label-width="135px" :model="formData" size="mini">
        <el-row>
          <el-col :span="8">
            <el-form-item label="供方名称 :" prop="SupplierName">
              <el-input v-model="formData.SupplierName" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="准入证号 :" prop="AccessCardNo">
              <el-input v-model="formData.AccessCardNo" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="单位关系 :" prop="SpecTypeCode">
              <el-input v-model="formData.SpecTypeCode" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="国家 :" prop="Country">
              <el-input v-model="formData.Country" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="准入方式 :" prop="InStyle">
              <el-input v-model="formData.InStyle" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="管理单位 :" prop="ManagementUnit">
              <el-input v-model="formData.ManagementUnit" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="证件合一 :" prop="CredentialFlag">
              <el-input v-model="formData.CredentialFlag" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="统一社会信用代码 :" prop="CommercialNo">
              <el-input v-model="formData.CommercialNo" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="税务登记证编号 :" prop="CountryTaxNo">
              <el-input v-model="formData.CountryTaxNo" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="组织机构代码 :" prop="OrganCode">
              <el-input v-model="formData.OrganCode" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="注册地址 :" prop="Address">
              <el-input v-model="formData.Address" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="邮编 :" prop="ZipCode">
              <el-input v-model="formData.ZipCode" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="通信地址 :" prop="LinkAddress">
              <el-input v-model="formData.LinkAddress" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="邮编 :" prop="LinkZipCode">
              <el-input v-model="formData.LinkZipCode" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="法人姓名 :" prop="LegalPerson">
              <el-input v-model="formData.LegalPerson" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="公司类型 :" prop="CompanyType">
              <el-input v-model="formData.CompanyType" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="注册资本（万元） :" prop="RegCapital">
              <el-input v-model="formData.RegCapital" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="成立时间 :" prop="SetupTime">
              <el-input v-model="formData.SetupTime" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="开户银行 :" prop="DepositBank">
              <el-input v-model="formData.DepositBank" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="银行账号 :" prop="BankAccount">
              <el-input v-model="formData.BankAccount" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系人姓名 :" prop="ContactName">
              <el-input v-model="formData.ContactName" style="width: 100%" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="移动电话" prop="Mobile">
              <el-input v-model="formData.Mobile" maxlength="20" readonly style="width: 100%"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="固定电话" prop="Telphone">
              <el-input v-model="formData.Telphone" maxlength="20" readonly style="width: 100%"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="传真" prop="Fax">
              <el-input v-model="formData.Fax" maxlength="20" readonly style="width: 100%"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="财务电话" prop="CompanyTel">
              <el-input v-model="formData.CompanyTel" maxlength="20" readonly style="width: 100%"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="电子邮箱" prop="EMail">
              <el-input v-model="formData.EMail" maxlength="50" readonly style="width: 100%"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="银行信用等级" prop="BankCreditRating">
              <el-input
                v-model="formData.BankCreditRating"
                maxlength="10"
                readonly
                style="width: 100%"
              ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="级别" prop="Level">
              <el-input v-model="formData.Level" maxlength="255" readonly style="width: 100%"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="HSE审查培训" prop="HseTraining">
              <el-input v-model="formData.HseTraining" maxlength="255" readonly style="width: 100%"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <el-form label-position="top" size="mini">
        <el-row :gutter="60">
          <el-col :span="8">
            <el-form-item label="质量管理体系认证情况及认证机构">
              <el-input
                readonly
                v-model="formData.QualitySystemCert"
                maxlength="200"
                type="textarea"
                style="width: 100%"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产品质量认证情况及认证机构">
              <el-input
                readonly
                v-model="formData.ProductQualityCert"
                maxlength="200"
                type="textarea"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="生产/制造许可证获证情况及编号">
              <el-input readonly v-model="formData.MaunLicense" maxlength="200" type="textarea"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="所代理制造商名称">
              <el-input
                readonly
                v-model="formData.AgentManufacturer"
                maxlength="255"
                type="textarea"
              ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="中石油物资供应商证书">
              <el-input
                readonly
                v-model="formData.SupplierCertificate"
                maxlength="255"
                type="textarea"
                style="width: 100%"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="安全生产许可证">
              <el-input
                readonly
                v-model="formData.SafetyLicense"
                maxlength="200"
                type="textarea"
                style="width: 100%"
              ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="行业特殊要求的认证证书">
              <el-input
                readonly
                v-model="formData.SpecIndustryCert"
                maxlength="200"
                type="textarea"
                style="width: 100%"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="营业范围" prop="BusinessScope">
              <el-input
                readonly
                v-model="formData.BusinessScope"
                maxlength="200"
                type="textarea"
                style="width: 100%"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input
                readonly
                v-model="formData.Remark"
                maxlength="500"
                type="textarea"
                style="width: 100%"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-dialog>
-->


    <!--查询框-->
    <el-dialog title="高级查询" :visible.sync="dialogVisible" width="720px">
      <el-form label-width="135px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="准入证号">
              <el-input size="mini" v-model="searchForm.AccessCardNo" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="企业名称">
              <el-input size="mini" v-model="searchForm.SupplierName" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="企业曾用名称">
              <el-input size="mini" v-model="searchForm.OldSupplierName" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="准入类别">
              <el-select
                size="mini"
                style="width:100%"
                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-col>
          <el-col :span="12">
            <el-form-item label="准入标识">
              <el-select
                size="mini"
                style="width:100%"
                v-model="searchForm.InFlag"
                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-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="法人">
              <el-input size="mini" v-model="searchForm.LegalPerson" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联系人">
              <el-input size="mini" v-model="searchForm.ContactName" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="统一社会信用代码">
              <el-input size="mini" v-model="searchForm.CommercialNo" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="开户银行">
              <el-input size="mini" v-model="searchForm.DepositBank" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="HSE审查培训">
              <el-select
                size="mini"
                v-model="searchForm.HseTraining"
                placeholder="请选择"
                style="width: 100%;"
              >
                <el-option
                  v-for="item in HSEOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                  style="width: 100%"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="公司类型" prop="CompanyType">
              <el-select
                size="mini"
                v-model="searchForm.CompanyType"
                maxlength="50"
                filterable
                placeholder="请选择"
                style="width: 100%;"
              >
                <el-option
                  v-for="item in CompanyTypeOptions"
                  :key="item.Id"
                  :label="item.Key"
                  :value="item.Value"
                  style="width: 100%"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="成立时间">
              <el-date-picker
                v-model="SetupTime"
                size="mini"
                type="date"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-form-item label="注册资本（万元）">
            <el-col :span="5">
              <el-input size="mini" v-model="searchForm.RegCapital1" placeholder="请输入内容"></el-input>
            </el-col>
            <el-col :span="1">
              <span>&nbsp;~</span>
            </el-col>
            <el-col :span="5">
              <el-input size="mini" v-model="searchForm.RegCapital2" placeholder="请输入内容"></el-input>
            </el-col>
          </el-form-item>
        </el-row>

        <el-row>
          <el-col :span="24">
            <el-form-item label="注册地址">
              <el-row>
                <el-col :span="10">
                  <el-cascader
                    :change-on-select="true"
                    v-model="CityAry"
                    size="mini"
                    :options="countryoptions"
                    :props="countryprops"
                    maxlength="100"
                    placeholder="省市区"
                    style="width: 100%"
                    @change="handleAreaChange"
                  ></el-cascader>
                </el-col>
                <el-col :span="14">
                  <el-input
                    size="mini"
                    v-model="searchForm.Address"
                    maxlength="500"
                    placeholder="详细地址"
                    style="width: 100%"
                  ></el-input>
                </el-col>
              </el-row>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="通信地址">
              <el-row>
                <el-col :span="10">
                  <el-cascader
                    :change-on-select="true"
                    v-model="LinkCityAry"
                    size="mini"
                    :options="countryoptions"
                    :props="countryprops"
                    maxlength="100"
                    placeholder="省市区"
                    style="width: 100%"
                    @change="handleLinkAreaChange"
                  ></el-cascader>
                </el-col>
                <el-col :span="14">
                  <el-input
                    size="mini"
                    v-model="searchForm.LinkAddress"
                    maxlength="500"
                    placeholder="详细地址"
                    style="width: 100%"
                  ></el-input>
                </el-col>
              </el-row>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="营业范围">
              <el-input size="mini" v-model="searchForm.BusinessScope" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row>
          <el-col :span="24">
            <el-form-item label="企业资质">
              <el-select
                size="mini"
                style="width: 100%"
                v-model="searchForm.NeedFileType"
                filterable
                multiple
                placeholder="请选择"
              >
                <el-option
                  v-for="item in nftOptions"
                  :key="item.Id"
                  :label="item.Name"
                  :value="item.Name"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row> -->
         <el-row>
          <el-col :span="24">
            <el-form-item label="企业资质">
              <el-input size="mini" v-model="searchForm.NeedFileType" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="准入范围">
              <el-input size="mini" v-model="searchForm.CerSubName" placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button size="mini" @click="dialogVisible = false">取 消</el-button>
        <el-button size="mini" type="primary" @click="initDatas($event)">查 询</el-button>
      </span>
    </el-dialog>
  </div>
</template>





<script>
import api from '@/api/oilsupplier/select'
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
import oapi from '@/api/oilsupplier/supplier'
import dataapi from '@/api/oilsupplier/dataentry'
import watermark from '@/assets/js/watermark'
export default {
  created () {
    Object.assign(this.searchFormReset, this.searchForm)
    // 执行初始化方法
    this.getDictOptions()
    this.initDatas()
    this.initNftOptions()
    //watermark.set("大港油田企业法规处")
  },
  data () {
    return {
      HSEOptions: [
        {
          value: '',
          label: '全部'
        },
        {
          value: '1',
          label: '是'
        },
        {
          value: '0',
          label: '否'
        }
      ],
      nftOptions: [],
      CityAry: [],
      LinkCityAry: [],
      countryprops: {
        value: 'adcode',
        label: 'name',
        children: 'districts'
      },
      CompanyTypeOptions: [],
      dictData: null,
      searchFormReset: {},
      dialogVisible: false,
      formData: {
        SupplierName: '',
        AccessCardNo: '',
        SpecTypeCode: '',
        Country: '',
        InStyle: '',
        ManagementUnit: '',
        CredentialFlag: '',
        CommercialNo: '',
        CountryTaxNo: '',
        OrganCode: '',
        Address: '',
        ZipCode: '',
        LinkAddress: '',
        LinkZipCode: '',
        LegalPerson: '',
        CompanyType: '',
        RegCapital: '',
        SetupTime: '',
        DepositBank: '',
        BankAccount: '',
        ContactName: '',
        Mobile: '',
        Telphone: '',
        Fax: '',
        CompanyTel: '',
        EMail: '',
        BankCreditRating: '',
        Level: '',
        HseTraining: '',
        QualitySystemCert: '',
        ProductQualityCert: '',
        MaunLicense: '',
        AgentManufacturer: '',
        SupplierCertificate: '',
        SafetyLicense: '',
        SpecIndustryCert: '',
        BusinessScope: '',
        Remark: ''
      },
      show: false,
      // 定义列表数据
      entityList: [],
      // 分页参数
      size: 10,
      currentPage: 1,
      currentItemCount: 0,
      SetupTime: '', // 成立时间
      searchForm: {
        AccessCardNo: '',
        SupplierName: '',
        SupplierTypeCode: '',
        InFlag: '',
        LegalPerson: '',
        ContactName: '',
        CommercialNo: '',
        RegCapital1: '',
        RegCapital2: '',
        CompanyType: '',
        Province: '',
        City: '',
        Street: '',
        Address: '',
        LinkProvince: '',
        LinkCity: '',
        LinkStreet: '',
        LinkAddress: '',
        DepositBank: '',
        BusinessScope: '',
        OldSupplierName: '',
        HseTraining: '',
        // NeedFileType: [],
        NeedFileType: '',
        CerSubName: ''
      },
      // 列表排序
      Column: {
        Order: '',
        Prop: ''
      },
      countryoptions: []
    }
  },

  methods: {
    transferStr (val) {
      if (val === '01') {
        return '物资类'
      } else if (val === '02') {
        return '基建类'
      } else if (val === '03') {
        return '技术服务类'
      } else {
        return val
      }
    },
    initNftOptions () {
      api
        .getNFTOptions(this.$axios)
        .then(res => {
          this.nftOptions = res.data.items
        })
        .catch(err => {
          console.error(err)
        })
    },
    handleLinkAreaChange (value) {
      this.searchForm.LinkProvince = value[0]
      this.searchForm.LinkCity = value[1]
      this.searchForm.LinkStreet = value[2]
    },
    handleAreaChange (value) {
      this.searchForm.Province = value[0]
      this.searchForm.City = value[1]
      this.searchForm.Street = value[2]
    },
    getDictOptions () {
      oapi
        .getDictList(this.$axios)
        .then(res => {
          this.dictData = res.data.items
          this.CompanyTypeOptions = this.dictData['CompanyType']
          this.getCityList(this.dictData['GaodeMapChinaAreas'])
        })
        .catch(err => {
          console.error(err)
        })
    },
    getCityList (val) {
      let resultData = JSON.parse(val)
      let countstr = JSON.stringify(resultData.districts[0].districts)
      countstr = countstr.replace(/\,\"districts\"\:\[\]/g, '')
      this.countryoptions = JSON.parse(countstr)
    },
    exportExcel () {
      /* generate workbook object from table */
      let wb = XLSX.utils.table_to_book(
        document.querySelector('#rebateSetTable')
      )
      /* 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' }),
          'SupplierSituation.xlsx'
        )
      } catch (e) {
        if (typeof console !== 'undefined') console.log(e, wbout)
      }
      return wbout
    },
    //导出到Word文件
    toWord (val) {
      dataapi.docexport(val.Id, this.$axios)
        .then(res => {
          // response
          if (res.data.code === 0) {
            this.$message({
              type: 'success',
              message: res.data.message
            })
            let docurl = res.data.item
            // 内网服务器专用
            if (process.client && docurl.indexOf('upfile') === 0) {
              const myDomain = window.location.host
              location.href = 'http://' + myDomain + '/' + docurl
            } else {
              location.href = 'http://' + docurl
            }
          }
        }).catch(err => {
          console.error(err)
        })
    },
    //导出准入范围到pdf
    toPdf (val) {
      dataapi.pdfexport(val.Id, this.$axios)
        .then(res => {
          // response
          if (res.data.code === 0) {
            this.$message({
              type: 'success',
              message: res.data.message
            })
            let docurl = res.data.item
            let pdfurl
            // 内网服务器专用
            if (process.client && docurl.indexOf('upfile') === 0) {
              const myDomain = window.location.host
              // location.href = 'http://' + myDomain + '/' + docurl
              pdfurl = 'http://' + myDomain + '/' + docurl
              let requestParams = {
                pdfUrl: pdfurl,
                watermark: val.SupplierName
              }
              this.$axios.post('supplierdataentry/word-to-pdf-watermark', requestParams)
                .then(function (res) {
                  window.open('http://' + res.data)
                })
            } else {
              // location.href = 'http://' + docurl
              pdfurl = 'http://' + docurl
              let requestParams = {
                pdfUrl: pdfurl,
                watermark: val.SupplierName
              }
              this.$axios.post('supplierdataentry/word-to-pdf-watermark', requestParams)
                .then(function (res) {
                  window.open('http://' + res.data)
                })
            }
          }
        }).catch(err => {
        console.error(err)
      })
    },
    // 列表排序功能
    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()
    },
    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)
      }
    },
    // 初始化列表方法
    initDatas (event) {
      if (event != null) {
        this.currentPage = 1
        this.dialogVisible = false
      }
      let params = {
        _size: this.size,
        _currentPage: this.currentPage,
        Order: this.Column.Order,
        Prop: this.Column.Prop,
        SetupTime: this.SetupTime
      }
      api
        .getCompanyList(params, this.searchForm, this.$axios)
        .then(res => {
          this.entityList = res.data.items
          this.currentItemCount = res.data.currentItemCount
        })
        .catch(err => {
          console.error(err)
        })
    },
    // 分页方法
    handleCurrentChange (value) {
      this.currentPage = value
      this.initDatas()
    },
    handleSizeChange (value) {
      this.size = value
      this.currentPage = 1
      this.initDatas()
    },
    searchCommand (command) {
      if (command == 'search') {
        this.dialogVisible = true
      } else if (command == 'clear') {
        this.clearSearch()
      }
    },
    clearSearch () {
      Object.assign(this.searchForm, this.searchFormReset)
      this.CityAry = []
      this.SetupTime = '';
      (this.LinkCityAry = []), (this.currentPage = 1)
      this.initDatas()
    }
  }
}
</script>

<style>
.eldialog .el-input__inner {
  border: none;
}
.eldialog .el-textarea__inner {
  border: none;
  resize: none;
  height: 70px;
}
</style>