|
|
@@ -0,0 +1,1004 @@
|
|
|
+<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> （2019）年度已年审核供方一览表
|
|
|
+ </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"
|
|
|
+ @row-click="handle"
|
|
|
+ >
|
|
|
+ <!--内框表格剩余栏显示-->
|
|
|
+ <el-table-column label="准入证号" prop="AccessCardNo" sortable align="center"></el-table-column>
|
|
|
+ <el-table-column label="企业名称" prop="SupplierName" sortable align="center"></el-table-column>
|
|
|
+ <!-- <el-table-column label="企业曾用名" prop="OldSupplierName" 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="状态" prop="InFlag" 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="2017年年审记录" prop="" sortable align="center"></el-table-column>
|
|
|
+ <el-table-column label="2018年年审记录" prop="" sortable align="center"></el-table-column>
|
|
|
+ <el-table-column label="2019年年审记录" prop="SetupTime" sortable align="center"></el-table-column>
|
|
|
+ <el-table-column label="备注" prop="Remark" sortable align="center"></el-table-column>
|
|
|
+
|
|
|
+ <!-- <el-table-column label="法人代表" prop="LegalPerson" align="center"></el-table-column> -->
|
|
|
+ <!-- <el-table-column label="注册资金（万元）" prop="RegCapital" width="180px" sortable align="center"></el-table-column> -->
|
|
|
+ <!-- <el-table-column label="移动电话" prop="Mobile" align="center"></el-table-column> -->
|
|
|
+ <!-- <el-table-column label="最后一次年审" prop="AuditDate" align="center">
|
|
|
+ <template slot-scope="scope">{{ jstimehandle(scope.row.AuditDate) }}</template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <!-- <el-table-column label="有效期至" prop="ApplyTime" align="center">
|
|
|
+ <template slot-scope="scope">{{ jstimehandle(scope.row.ApplyTime) }}</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-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>
|
|
|
+ <!-- <el-button type="primary" size="mini" @click="print">打印</el-button> -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!--打印内容开始-->
|
|
|
+ <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> ~</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'
|
|
|
+export default {
|
|
|
+ created () {
|
|
|
+ Object.assign(this.searchFormReset, this.searchForm)
|
|
|
+ // 执行初始化方法
|
|
|
+ this.getDictOptions()
|
|
|
+ this.initDatas()
|
|
|
+ this.initNftOptions()
|
|
|
+ },
|
|
|
+ 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']
|
|
|
+ console.log(this.CompanyTypeOptions)
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ handle (row, column, event, cell) {
|
|
|
+ this.formData.SupplierName = row.SupplierName
|
|
|
+ this.formData.AccessCardNo = row.AccessCardNo
|
|
|
+ this.formData.SpecTypeCode = row.SpecTypeCode
|
|
|
+ this.formData.Country = row.Country
|
|
|
+ this.formData.InStyle = row.InStyle
|
|
|
+ this.formData.ManagementUnit = row.ManagementUnit
|
|
|
+ this.formData.CredentialFlag = row.CredentialFlag
|
|
|
+ this.formData.CommercialNo = row.CommercialNo
|
|
|
+ this.formData.CountryTaxNo = row.CountryTaxNo
|
|
|
+ this.formData.OrganCode = row.OrganCode
|
|
|
+ this.formData.Address = row.Address
|
|
|
+ this.formData.ZipCode = row.ZipCode
|
|
|
+ this.formData.LinkAddress = row.LinkAddress
|
|
|
+ this.formData.LinkZipCode = row.LinkZipCode
|
|
|
+ this.formData.LegalPerson = row.LegalPerson
|
|
|
+ this.formData.CompanyType = row.CompanyType
|
|
|
+ this.formData.RegCapital = row.RegCapital
|
|
|
+ this.formData.SetupTime = row.SetupTime
|
|
|
+ this.formData.DepositBank = row.DepositBank
|
|
|
+ this.formData.BankAccount = row.BankAccount
|
|
|
+ this.formData.ContactName = row.ContactName
|
|
|
+ this.formData.Mobile = row.Mobile
|
|
|
+ this.formData.Telphone = row.Telphone
|
|
|
+ this.formData.Fax = row.Fax
|
|
|
+ this.formData.CompanyTel = row.CompanyTel
|
|
|
+ this.formData.EMail = row.EMail
|
|
|
+ this.formData.BankCreditRating = row.BankCreditRating
|
|
|
+ this.formData.Level = row.Level
|
|
|
+ this.formData.HseTraining = row.HseTraining
|
|
|
+ this.formData.QualitySystemCert = row.QualitySystemCert
|
|
|
+ this.formData.ProductQualityCert = row.ProductQualityCert
|
|
|
+ this.formData.MaunLicense = row.MaunLicense
|
|
|
+ this.formData.AgentManufacturer = row.AgentManufacturer
|
|
|
+ this.formData.SupplierCertificate = row.SupplierCertificate
|
|
|
+ this.formData.SafetyLicense = row.SafetyLicense
|
|
|
+ this.formData.SpecIndustryCert = row.SpecIndustryCert
|
|
|
+ this.formData.BusinessScope = row.BusinessScope
|
|
|
+ this.formData.Remark = row.Remark
|
|
|
+
|
|
|
+ this.show = true
|
|
|
+ },
|
|
|
+
|
|
|
+ // 列表排序功能
|
|
|
+ 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) {
|
|
|
+ console.log(this.searchForm)
|
|
|
+ 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>
|
|
|
+
|
dbcgit