|
|
@@ -4,24 +4,39 @@
|
|
|
<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);">
|
|
|
+ <el-card class="box-card"
|
|
|
+ style="height: calc(100vh - 115px);">
|
|
|
<div slot="header">
|
|
|
<span>
|
|
|
<i class="icon icon-table2"></i> 基建类类列表
|
|
|
</span>
|
|
|
<span style="float: right;">
|
|
|
<router-link :to="'/oilsupplier/supplier/add/basisedit'">
|
|
|
- <el-button type="primary" size="mini" style="margin-left:10px; margin-top: -4px;" v-if="canApply">准入申请</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ size="mini"
|
|
|
+ style="margin-left:10px; margin-top: -4px;"
|
|
|
+ v-if="canApply">准入申请</el-button>
|
|
|
</router-link>
|
|
|
</span>
|
|
|
- <el-form ref="form" :inline="true" style="float: right; margin-top: -10px">
|
|
|
+ <el-form ref="form"
|
|
|
+ :inline="true"
|
|
|
+ style="float: right; margin-top: -10px">
|
|
|
<el-form-item label="上报时间">
|
|
|
- <el-date-picker size="mini" style="width: 220px" v-model="CreateOn" type="daterange" range-separator="至"
|
|
|
- start-placeholder="生成日期" end-placeholder="结束日期"></el-date-picker>
|
|
|
+ <el-date-picker size="mini"
|
|
|
+ style="width: 220px"
|
|
|
+ v-model="CreateOn"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="生成日期"
|
|
|
+ end-placeholder="结束日期"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
- <el-dropdown split-button type="primary" size="mini" @click="handleSearch" @command="searchCommand">
|
|
|
+ <el-dropdown split-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="handleSearch"
|
|
|
+ @command="searchCommand">
|
|
|
查询
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
<el-dropdown-item command="search">高级查询</el-dropdown-item>
|
|
|
@@ -31,50 +46,93 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby" size="mini">
|
|
|
- <el-table-column label="操作" min-width="200px" align="center" fixed="right">
|
|
|
+ <el-table :data="entityList"
|
|
|
+ border
|
|
|
+ height="calc(100vh - 243px)"
|
|
|
+ style="width: 100%"
|
|
|
+ @sort-change="orderby"
|
|
|
+ size="mini">
|
|
|
+ <el-table-column label="操作"
|
|
|
+ min-width="200px"
|
|
|
+ align="center"
|
|
|
+ fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<router-link :to="'/oilsupplier/supplier/' + scope.row.Id + '/basisedit?certid=' + scope.row.CertId">
|
|
|
- <el-button type="text" title="打开" icon="el-icon-edit" size="mini">打开</el-button>
|
|
|
+ <el-button type="text"
|
|
|
+ title="打开"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ size="mini">打开</el-button>
|
|
|
</router-link>
|
|
|
- <el-popover placement="top" title="提示">
|
|
|
- <el-alert
|
|
|
- title=""
|
|
|
- description="确认要删除吗?"
|
|
|
- type="warning"
|
|
|
- :closable="false">
|
|
|
+ <el-popover placement="top"
|
|
|
+ title="提示">
|
|
|
+ <el-alert title=""
|
|
|
+ description="确认要删除吗?"
|
|
|
+ type="warning"
|
|
|
+ :closable="false">
|
|
|
</el-alert>
|
|
|
- <br/>
|
|
|
+ <br />
|
|
|
<div style="text-align: right; margin: 0">
|
|
|
- <el-button type="primary" size="mini" @click="deleteEntity(scope.row)">删除</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="deleteEntity(scope.row)">删除</el-button>
|
|
|
</div>
|
|
|
- <el-button slot="reference" :disabled="checkStatus(scope.row.Status)" type="text" title="删除" style="margin-left:10px" size="mini" icon="el-icon-delete">删除</el-button>
|
|
|
+ <el-button slot="reference"
|
|
|
+ :disabled="checkStatus(scope.row.Status)"
|
|
|
+ type="text"
|
|
|
+ title="删除"
|
|
|
+ style="margin-left:10px"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-delete">删除</el-button>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column width="160px" align="center" prop="Status" label="审核状态" show-overflow-tooltip>
|
|
|
+ <el-table-column width="160px"
|
|
|
+ align="center"
|
|
|
+ prop="Status"
|
|
|
+ label="审核状态"
|
|
|
+ show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.Status=='0' || scope.row.Status==''" style="color:#E6A23C">待提交</span>
|
|
|
- <span v-if="scope.row.Status=='10'" style="color:#E6A23C">待二级单位分办</span>
|
|
|
- <span v-if="scope.row.Status=='1'" style="color:#E6A23C">待初审</span>
|
|
|
- <span v-if="scope.row.Status=='-1'" style="color:#F56C6C">初审未通过</span>
|
|
|
- <span v-if="scope.row.Status=='2'" style="color:#E6A23C">待复审</span>
|
|
|
- <span v-if="scope.row.Status=='-2'" style="color:#F56C6C">复审未通过</span>
|
|
|
- <span v-if="scope.row.Status=='3'" style="color:#E6A23C">待专业处室分办</span>
|
|
|
- <span v-if="scope.row.Status=='4'" style="color:#E6A23C">待专业处室审批</span>
|
|
|
- <span v-if="scope.row.Status=='-4'" style="color:#F56C6C">专业处室审批未通过</span>
|
|
|
- <span v-if="scope.row.Status=='5'" style="color:#E6A23C">待集中评审</span>
|
|
|
- <span v-if="scope.row.Status=='-5'" style="color:#F56C6C">集中评审未通过</span>
|
|
|
- <span v-if="scope.row.Status=='6'" style="color:#E6A23C">待缴费</span>
|
|
|
- <span v-if="scope.row.Status=='7'" style="color:#E6A23C">待入库</span>
|
|
|
- <span v-if="scope.row.Status=='8'" style="color:#67C23A">已入库</span>
|
|
|
+ <span v-if="scope.row.Status=='0' || scope.row.Status==''"
|
|
|
+ style="color:#E6A23C">待提交</span>
|
|
|
+ <span v-if="scope.row.Status=='10'"
|
|
|
+ style="color:#E6A23C">待二级单位分办</span>
|
|
|
+ <span v-if="scope.row.Status=='1'"
|
|
|
+ style="color:#E6A23C">待初审</span>
|
|
|
+ <span v-if="scope.row.Status=='-1'"
|
|
|
+ style="color:#F56C6C">初审未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='2'"
|
|
|
+ style="color:#E6A23C">待复审</span>
|
|
|
+ <span v-if="scope.row.Status=='-2'"
|
|
|
+ style="color:#F56C6C">复审未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='3'"
|
|
|
+ style="color:#E6A23C">待专业处室分办</span>
|
|
|
+ <span v-if="scope.row.Status=='4'"
|
|
|
+ style="color:#E6A23C">待专业处室审批</span>
|
|
|
+ <span v-if="scope.row.Status=='-4'"
|
|
|
+ style="color:#F56C6C">专业处室审批未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='5'"
|
|
|
+ style="color:#E6A23C">待集中评审</span>
|
|
|
+ <span v-if="scope.row.Status=='-5'"
|
|
|
+ style="color:#F56C6C">集中评审未通过</span>
|
|
|
+ <span v-if="scope.row.Status=='6'"
|
|
|
+ style="color:#E6A23C">待缴费</span>
|
|
|
+ <span v-if="scope.row.Status=='7'"
|
|
|
+ style="color:#E6A23C">待入库</span>
|
|
|
+ <span v-if="scope.row.Status=='8'"
|
|
|
+ style="color:#67C23A">已入库</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column v-for="column in tableColumns" :key="column.Id"
|
|
|
- :prop="column.prop" sortable :width="column.width" :label="column.label" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope" >
|
|
|
+ <el-table-column v-for="column in tableColumns"
|
|
|
+ :key="column.Id"
|
|
|
+ :prop="column.prop"
|
|
|
+ sortable
|
|
|
+ :width="column.width"
|
|
|
+ :label="column.label"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
<span v-if="column.prop == 'SetupTime'">{{ jstimehandle(scope.row.SetupTime+'') }}</span>
|
|
|
<span v-else>{{ scope.row[column.prop] }}</span>
|
|
|
</template>
|
|
|
@@ -86,29 +144,45 @@
|
|
|
</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 @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 title="高级查询" :visible.sync="dialogVisible" width="720px">
|
|
|
- <el-form ref="advancedsearchForm" label-width="130px">
|
|
|
+ <el-dialog title="高级查询"
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="720px">
|
|
|
+ <el-form ref="advancedsearchForm"
|
|
|
+ label-width="130px">
|
|
|
<el-row>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="上报时间">
|
|
|
- <el-date-picker size="mini" v-model="CreateOn" type="daterange" style="width:100%" range-separator="至"
|
|
|
- start-placeholder="生成日期" end-placeholder="结束日期"></el-date-picker>
|
|
|
+ <el-date-picker size="mini"
|
|
|
+ v-model="CreateOn"
|
|
|
+ type="daterange"
|
|
|
+ style="width:100%"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="生成日期"
|
|
|
+ end-placeholder="结束日期"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="企业名称">
|
|
|
- <el-input size="mini" v-model="searchForm.SupplierName" style="width:100%" placeholder="请输入"></el-input>
|
|
|
+ <el-input size="mini"
|
|
|
+ v-model="searchForm.SupplierName"
|
|
|
+ style="width:100%"
|
|
|
+ placeholder="请输入"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
- <!-- <el-col :span="12">
|
|
|
+ <!-- <el-col :span="12">
|
|
|
<el-form-item label="供应商类型">
|
|
|
<el-select size="mini" v-model="searchForm.OperType" placeholder="请选择" style="width: 100%">
|
|
|
<el-option v-for="item in OperTypeOptions" :key="item.Id" :label="item.Key"
|
|
|
@@ -118,117 +192,137 @@
|
|
|
</el-form-item>
|
|
|
</el-col> -->
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="单位关系">
|
|
|
- <el-select size="mini" v-model="searchForm.SpecTypeCode" placeholder="请选择" style="width: 100%">
|
|
|
- <el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key"
|
|
|
- :value="item.Value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="国家">
|
|
|
- <el-select size="mini" v-model="searchForm.Country" filterable placeholder="请选择" style="width: 100%">
|
|
|
- <el-option
|
|
|
- v-for="item in countryListOptions"
|
|
|
- :key="item.key"
|
|
|
- :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- <span style="float: left">{{ item.value }}</span>
|
|
|
- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="单位关系">
|
|
|
+ <el-select size="mini"
|
|
|
+ v-model="searchForm.SpecTypeCode"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-option v-for="item in UnitRelationOptions"
|
|
|
+ :key="item.Id"
|
|
|
+ :label="item.Key"
|
|
|
+ :value="item.Value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="准入方式">
|
|
|
- <el-select size="mini" v-model="searchForm.InStyle" placeholder="请选择" style="width: 100%">
|
|
|
- <el-option v-for="item in InOptions" :key="item.Id" :label="item.Key"
|
|
|
- :value="item.Value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-form-item label="国家">
|
|
|
+ <el-select size="mini"
|
|
|
+ v-model="searchForm.Country"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-option v-for="item in countryListOptions"
|
|
|
+ :key="item.key"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ <span style="float: left">{{ item.value }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="管理单位" >
|
|
|
- <el-select size="mini" filterable v-model="searchForm.MgrUnit" maxlength="255" clearable placeholder="请输入" style="width: 100%">
|
|
|
- <el-option v-for="item in ManagementUnitOptions" :key="item.Value" :label="item.Key"
|
|
|
- :value="item.Key">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="准入方式">
|
|
|
+ <el-select size="mini"
|
|
|
+ v-model="searchForm.InStyle"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-option v-for="item in InOptions"
|
|
|
+ :key="item.Id"
|
|
|
+ :label="item.Key"
|
|
|
+ :value="item.Value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="中石油准入证编号" >
|
|
|
- <el-input size="mini" v-model="searchForm.PACNumber" maxlength="255" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="管理单位">
|
|
|
+ <el-select size="mini"
|
|
|
+ filterable
|
|
|
+ v-model="searchForm.MgrUnit"
|
|
|
+ maxlength="255"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-option v-for="item in ManagementUnitOptions"
|
|
|
+ :key="item.Value"
|
|
|
+ :label="item.Key"
|
|
|
+ :value="item.Key">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="中石油准入证编号">
|
|
|
+ <el-input size="mini"
|
|
|
+ v-model="searchForm.PACNumber"
|
|
|
+ maxlength="255"
|
|
|
+ placeholder="请输入"
|
|
|
+ style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="统一社会信用代码">
|
|
|
- <el-input size="mini" v-model="searchForm.CommercialNo" maxlength="50" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="统一社会信用代码">
|
|
|
+ <el-input size="mini"
|
|
|
+ v-model="searchForm.CommercialNo"
|
|
|
+ maxlength="50"
|
|
|
+ placeholder="请输入"
|
|
|
+ style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="24">
|
|
|
+ <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-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-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-col :span="24">
|
|
|
+ <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-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-input size="mini"
|
|
|
+ v-model="searchForm.LinkAddress"
|
|
|
+ maxlength="500"
|
|
|
+ placeholder="详细地址"
|
|
|
+ style="width: 100%"></el-input>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form-item>
|
|
|
@@ -236,19 +330,32 @@
|
|
|
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="法人">
|
|
|
- <el-input size="mini" v-model="searchForm.LegalPerson" placeholder="请输入内容"></el-input>
|
|
|
+ <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-input size="mini"
|
|
|
+ v-model="searchForm.ContactName"
|
|
|
+ placeholder="请输入内容"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<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"
|
|
|
+ <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>
|
|
|
@@ -257,690 +364,694 @@
|
|
|
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="成立时间">
|
|
|
- <el-date-picker
|
|
|
- v-model="searchForm.SetupTime"
|
|
|
- size="mini"
|
|
|
- type="date"
|
|
|
- format="yyyy 年 MM 月 dd 日"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- style="width: 100%"
|
|
|
- ></el-date-picker>
|
|
|
+ <el-date-picker v-model="searchForm.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-col>
|
|
|
- <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-col>
|
|
|
+ <el-col>
|
|
|
+ <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-col>
|
|
|
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="24">
|
|
|
<el-form-item label="营业范围">
|
|
|
- <el-input size="mini" v-model="searchForm.BusinessScope" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input size="mini"
|
|
|
+ v-model="searchForm.BusinessScope"
|
|
|
+ placeholder="请输入内容"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-col>
|
|
|
|
|
|
- </el-row>
|
|
|
+ </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="handleSearch">查 询</el-button>
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
+ <el-button size="mini"
|
|
|
+ @click="dialogVisible = false">取 消</el-button>
|
|
|
+ <el-button size="mini"
|
|
|
+ type="primary"
|
|
|
+ @click="handleSearch">查 询</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import { mapGetters } from 'vuex'
|
|
|
- import api from '@/api/oilsupplier/supplier'
|
|
|
- import certApi from '@/api/oilsupplier/suppliercert'
|
|
|
-
|
|
|
- export default {
|
|
|
- computed: {
|
|
|
- ...mapGetters({
|
|
|
- authUser: 'authUser'
|
|
|
- })
|
|
|
- },
|
|
|
- name: 'oilsupplier',
|
|
|
-
|
|
|
- data() {
|
|
|
- return {
|
|
|
- canApply: false,
|
|
|
- dialogVisible: false,
|
|
|
- //列表数据
|
|
|
- countryoptions: [],
|
|
|
- CityAry: [],
|
|
|
- LinkCityAry:[],
|
|
|
- countryprops: {
|
|
|
+import { mapGetters } from 'vuex'
|
|
|
+import api from '@/api/oilsupplier/supplier'
|
|
|
+import certApi from '@/api/oilsupplier/suppliercert'
|
|
|
+
|
|
|
+export default {
|
|
|
+ computed: {
|
|
|
+ ...mapGetters({
|
|
|
+ authUser: 'authUser'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ name: 'oilsupplier',
|
|
|
+
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ canApply: false,
|
|
|
+ dialogVisible: false,
|
|
|
+ // 列表数据
|
|
|
+ countryoptions: [],
|
|
|
+ CityAry: [],
|
|
|
+ LinkCityAry: [],
|
|
|
+ countryprops: {
|
|
|
value: 'adcode',
|
|
|
label: 'name',
|
|
|
children: 'districts'
|
|
|
+ },
|
|
|
+ // 列表数据
|
|
|
+ entityList: [],
|
|
|
+ OperTypeOptions: [],
|
|
|
+ UnitRelationOptions: [],
|
|
|
+ countryListOptions: [],
|
|
|
+ CompanyTypeOptions: [],
|
|
|
+ InOptions: [],
|
|
|
+ ManagementUnitOptions: [],
|
|
|
+ dictData: null,
|
|
|
+ // 分页参数
|
|
|
+ size: 10,
|
|
|
+ currentPage: 1,
|
|
|
+ currentItemCount: 0,
|
|
|
+ // 列表排序
|
|
|
+ Column: {
|
|
|
+ Order: '',
|
|
|
+ Prop: ''
|
|
|
+ },
|
|
|
+ // 查询时间
|
|
|
+ CreateOn: null,
|
|
|
+ /* CreateOn: [new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000), new Date()], */
|
|
|
+ // 查询项
|
|
|
+ searchFormReset: {},
|
|
|
+ searchForm: {
|
|
|
+ Id: '',
|
|
|
+ SupplierName: '',
|
|
|
+ OperType: '',
|
|
|
+ SpecTypeCode: '',
|
|
|
+ Country: '',
|
|
|
+ InStyle: '',
|
|
|
+ MgrUnit: '',
|
|
|
+ PACNumber: '',
|
|
|
+ CommercialNo: '',
|
|
|
+ Province: '',
|
|
|
+ City: '',
|
|
|
+ Street: '',
|
|
|
+ Address: '',
|
|
|
+ LinkProvince: '',
|
|
|
+ LinkCity: '',
|
|
|
+ LinkStreet: '',
|
|
|
+ LinkAddress: '',
|
|
|
+ LegalPerson: '',
|
|
|
+ ContactName: '',
|
|
|
+ CompanyType: '',
|
|
|
+ SetupTime: '',
|
|
|
+ RegCapital1: '',
|
|
|
+ RegCapital2: '',
|
|
|
+ BusinessScope: ''
|
|
|
+ },
|
|
|
+ tableColumns: [
|
|
|
+
|
|
|
+ /* {
|
|
|
+ prop: "Id",
|
|
|
+ label: '',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+ {
|
|
|
+ prop: 'AccessCardNo',
|
|
|
+ label: '准入证编号',
|
|
|
+ width: 240,
|
|
|
+ sort: true
|
|
|
},
|
|
|
- //列表数据
|
|
|
- entityList: [],
|
|
|
- OperTypeOptions:[],
|
|
|
- UnitRelationOptions:[],
|
|
|
- countryListOptions:[],
|
|
|
- CompanyTypeOptions: [],
|
|
|
- InOptions: [],
|
|
|
- ManagementUnitOptions:[],
|
|
|
- dictData: null,
|
|
|
- //分页参数
|
|
|
- size: 10,
|
|
|
- currentPage: 1,
|
|
|
- currentItemCount: 0,
|
|
|
- //列表排序
|
|
|
- Column: {
|
|
|
- Order: '',
|
|
|
- Prop: ''
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'SupplierTypeName',
|
|
|
+ label: '准入类别',
|
|
|
+ width: 150,
|
|
|
+ sort: true
|
|
|
},
|
|
|
- //查询时间
|
|
|
- CreateOn: null,
|
|
|
- /*CreateOn: [new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000), new Date()],*/
|
|
|
- //查询项
|
|
|
- searchFormReset: {},
|
|
|
- searchForm: {
|
|
|
- Id: '',
|
|
|
- SupplierName: '',
|
|
|
- OperType:'',
|
|
|
- SpecTypeCode:'',
|
|
|
- Country:'',
|
|
|
- InStyle:'',
|
|
|
- MgrUnit:'',
|
|
|
- PACNumber:'',
|
|
|
- CommercialNo:'',
|
|
|
- Province:'',
|
|
|
- City: '',
|
|
|
- Street:'',
|
|
|
- Address:'',
|
|
|
- LinkProvince:'',
|
|
|
- LinkCity:'',
|
|
|
- LinkStreet:'',
|
|
|
- LinkAddress:'',
|
|
|
- LegalPerson:'',
|
|
|
- ContactName:'',
|
|
|
- CompanyType:'',
|
|
|
- SetupTime:'',
|
|
|
- RegCapital1:'',
|
|
|
- RegCapital2:'',
|
|
|
- BusinessScope:'',
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'SupplierName',
|
|
|
+ label: '企业名称',
|
|
|
+ width: 240,
|
|
|
+ sort: true
|
|
|
},
|
|
|
- tableColumns: [
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "Id",
|
|
|
- label: '',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
- {
|
|
|
- prop: "AccessCardNo",
|
|
|
- label: '准入证编号',
|
|
|
- width: 240,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "SupplierTypeName",
|
|
|
- label: '准入类别',
|
|
|
- width: 150,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "SupplierName",
|
|
|
- label: '企业名称',
|
|
|
- width: 240,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "OilCertificateNo",
|
|
|
- label: '中石油供应商证书号',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Grade",
|
|
|
- label: '级别',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "MgrUnit",
|
|
|
- label: '管理单位',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "OperType",
|
|
|
- label: '经营方式',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "Country",
|
|
|
- label: '国家',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "MaunAgent",
|
|
|
- label: '所代理制造商名称',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "ConstructTeam",
|
|
|
- label: '施工队伍名称',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- {
|
|
|
- prop: "CommercialNo",
|
|
|
- label: '工商注册号',
|
|
|
- width: 240,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "OrganCode",
|
|
|
- label: '组织机构代码',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- {
|
|
|
- prop: "CountryTaxNo",
|
|
|
- label: '税务登记证编号',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "LocalTaxNo",
|
|
|
- label: '税务登记证地税编号',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Address",
|
|
|
- label: '单位地址',
|
|
|
- width: 280,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "Province",
|
|
|
- label: '省直辖市',
|
|
|
- width: 200,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "City",
|
|
|
- label: '地市区县',
|
|
|
- width: 200,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Street",
|
|
|
- label: '街道',
|
|
|
- width: 200,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "HouseNo",
|
|
|
- label: '门牌号',
|
|
|
- width: 200,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "ZipCode",
|
|
|
- label: '邮编',
|
|
|
- width: 200,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "QualitySystemCert",
|
|
|
- label: '质量管理体系认证情况及认证机构',
|
|
|
- width: 300,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "ProductQualityCert",
|
|
|
- label: '产品质量认证情况及认证机构',
|
|
|
- width: 300,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "MaunLicense",
|
|
|
- label: '生产制造许可证获证情况及编号',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "QualifCert",
|
|
|
- label: '企业资质证书编号',
|
|
|
- width: 300,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "QualifCertLevel",
|
|
|
- label: '企业资质证书级别',
|
|
|
- width: 300,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "SafetyLicense",
|
|
|
- label: '安全生产许可证',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "TechServiceLic",
|
|
|
- label: '技术服务类准入许可证',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "TJInNotify",
|
|
|
- label: '外地企业进津备案通知书',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "SpecIndustryCert",
|
|
|
- label: '行业特殊要求的认证证书',
|
|
|
- width: 200,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "LegalPerson",
|
|
|
- label: '法定代表人姓名',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "CategoryCode",
|
|
|
- label: '行业类别代码',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "CategoryName",
|
|
|
- label: '行业类别名称',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- {
|
|
|
- prop: "RegCapital",
|
|
|
- label: '注册资本',
|
|
|
- width: 150,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Currency",
|
|
|
- label: '币种',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "ContactName",
|
|
|
- label: '联系人姓名',
|
|
|
- width: 140,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "CompanyType",
|
|
|
- label: '公司类型',
|
|
|
- width: 150,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "SetupTime",
|
|
|
- label: '成立时间',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "DepositBank",
|
|
|
- label: '开户银行',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "BankAccount",
|
|
|
- label: '银行账号',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "EMail",
|
|
|
- label: '电子邮箱',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "BankCreditRating",
|
|
|
- label: '银行信用等级',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Mobile",
|
|
|
- label: '移动电话',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Telphone",
|
|
|
- label: '固定电话',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Fax",
|
|
|
- label: '传真',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "CompanyTel",
|
|
|
- label: '公司电话',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "QQ",
|
|
|
- label: 'QQ号码',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "CompanyUrl",
|
|
|
- label: '公司网址',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- /*{
|
|
|
- prop: "SpecSupplier",
|
|
|
- label: '是否特殊业务供应商(可不招标)',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "SpecTypeCode",
|
|
|
- label: '业务类型(1战略合作,2内部多经,3区域关键,4专业化实施)',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: "SpecTypeName",
|
|
|
- label: '业务类型(1战略合作,2内部多经,3区域关键,4专业化实施)',
|
|
|
- width: 100,
|
|
|
- sort: true
|
|
|
- },*/
|
|
|
-
|
|
|
- {
|
|
|
- prop: "Remark",
|
|
|
- label: '备注',
|
|
|
- width: 220,
|
|
|
- sort: true
|
|
|
- }
|
|
|
-
|
|
|
- ]
|
|
|
- }
|
|
|
- },
|
|
|
|
|
|
- created () {
|
|
|
- this.isCanApply();
|
|
|
- //查询条件初始值备份
|
|
|
- Object.assign(this.searchFormReset, this.searchForm);
|
|
|
- //查询列表
|
|
|
- this.initDatas();
|
|
|
- this.getDictOptions()
|
|
|
- },
|
|
|
+ /* {
|
|
|
+ prop: "OilCertificateNo",
|
|
|
+ label: '中石油供应商证书号',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "Grade",
|
|
|
+ label: '级别',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ /* {
|
|
|
+ prop: "MgrUnit",
|
|
|
+ label: '管理单位',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ /* {
|
|
|
+ prop: "OperType",
|
|
|
+ label: '经营方式',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ /* {
|
|
|
+ prop: "Country",
|
|
|
+ label: '国家',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "MaunAgent",
|
|
|
+ label: '所代理制造商名称',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "ConstructTeam",
|
|
|
+ label: '施工队伍名称',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'CommercialNo',
|
|
|
+ label: '工商注册号',
|
|
|
+ width: 240,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
|
|
|
- methods: {
|
|
|
- checkStatus(val){
|
|
|
- if (val=='0' || val=='' || val=='-1' || val=='-2' || val=='-4'){
|
|
|
- return false
|
|
|
- }else{
|
|
|
- return true
|
|
|
- }
|
|
|
- },
|
|
|
- initDatas() {
|
|
|
- //分页及列表条件
|
|
|
- let params = {
|
|
|
- _currentPage: this.currentPage,
|
|
|
- _size: this.size,
|
|
|
- Order: this.Column.Order,
|
|
|
- Prop: this.Column.Prop,
|
|
|
- SupplierTypeCode: '02'
|
|
|
- }
|
|
|
- let myCreateOn = []
|
|
|
- // 解析时间
|
|
|
- if (this.CreateOn && this.CreateOn.length == 2) {
|
|
|
- this.CreateOn[1].setHours(23)
|
|
|
- this.CreateOn[1].setMinutes(59)
|
|
|
- this.CreateOn[1].setSeconds(59)
|
|
|
- myCreateOn.push(this.formatDateTime(this.CreateOn[0]))
|
|
|
- myCreateOn.push(this.formatDateTime(this.CreateOn[1]))
|
|
|
- }
|
|
|
+ /* {
|
|
|
+ prop: "OrganCode",
|
|
|
+ label: '组织机构代码',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'CountryTaxNo',
|
|
|
+ label: '税务登记证编号',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
|
|
|
- //查询条件
|
|
|
- Object.assign(params, this.searchForm)
|
|
|
- //访问接口
|
|
|
- api.getCertList(myCreateOn.join(','), params, this.$axios).then(res => {
|
|
|
- this.entityList = res.data.items
|
|
|
- this.currentItemCount = res.data.currentItemCount
|
|
|
- }).catch(err => {
|
|
|
- console.error(err)
|
|
|
- })
|
|
|
- },
|
|
|
- getDictOptions() {
|
|
|
- api.getDictList(this.$axios).then(res => {
|
|
|
- this.dictData = res.data.items
|
|
|
- console.log(this.dictData)
|
|
|
- this.OperTypeOptions = this.dictData['OperType']
|
|
|
- this.UnitRelationOptions = this.dictData['UnitRelation']
|
|
|
- this.InOptions = this.dictData['InOptions']
|
|
|
- this.CompanyTypeOptions = this.dictData['CompanyType']
|
|
|
- this.getCountryList(this.dictData['CountryList'])
|
|
|
- this.ManagementUnitOptions=this.dictData['ManagementUnit']
|
|
|
- this.getCityList(this.dictData['GaodeMapChinaAreas'])
|
|
|
-
|
|
|
- }).catch(err => {
|
|
|
- console.error(err)
|
|
|
- })
|
|
|
- },
|
|
|
+ /* {
|
|
|
+ prop: "LocalTaxNo",
|
|
|
+ label: '税务登记证地税编号',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'Address',
|
|
|
+ label: '单位地址',
|
|
|
+ width: 280,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
|
|
|
- searchCommand(command) {
|
|
|
- if (command == 'search') {
|
|
|
- this.dialogVisible = true
|
|
|
- } else if (command == 'clear') {
|
|
|
- this.clearSearch()
|
|
|
- }
|
|
|
- },
|
|
|
- //列表排序功能
|
|
|
- orderby(column) {
|
|
|
- if (column.order == 'ascending') {
|
|
|
- this.Column.Order = 'asc'
|
|
|
- } else if (column.order == 'descending') {
|
|
|
- this.Column.Order = 'desc'
|
|
|
+ /* {
|
|
|
+ prop: "Province",
|
|
|
+ label: '省直辖市',
|
|
|
+ width: 200,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "City",
|
|
|
+ label: '地市区县',
|
|
|
+ width: 200,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "Street",
|
|
|
+ label: '街道',
|
|
|
+ width: 200,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "HouseNo",
|
|
|
+ label: '门牌号',
|
|
|
+ width: 200,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "ZipCode",
|
|
|
+ label: '邮编',
|
|
|
+ width: 200,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ /* {
|
|
|
+ prop: "QualitySystemCert",
|
|
|
+ label: '质量管理体系认证情况及认证机构',
|
|
|
+ width: 300,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "ProductQualityCert",
|
|
|
+ label: '产品质量认证情况及认证机构',
|
|
|
+ width: 300,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "MaunLicense",
|
|
|
+ label: '生产制造许可证获证情况及编号',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "QualifCert",
|
|
|
+ label: '企业资质证书编号',
|
|
|
+ width: 300,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "QualifCertLevel",
|
|
|
+ label: '企业资质证书级别',
|
|
|
+ width: 300,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "SafetyLicense",
|
|
|
+ label: '安全生产许可证',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "TechServiceLic",
|
|
|
+ label: '技术服务类准入许可证',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "TJInNotify",
|
|
|
+ label: '外地企业进津备案通知书',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "SpecIndustryCert",
|
|
|
+ label: '行业特殊要求的认证证书',
|
|
|
+ width: 200,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "LegalPerson",
|
|
|
+ label: '法定代表人姓名',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "CategoryCode",
|
|
|
+ label: '行业类别代码',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "CategoryName",
|
|
|
+ label: '行业类别名称',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'RegCapital',
|
|
|
+ label: '注册资本',
|
|
|
+ width: 150,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'Currency',
|
|
|
+ label: '币种',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'ContactName',
|
|
|
+ label: '联系人姓名',
|
|
|
+ width: 140,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'CompanyType',
|
|
|
+ label: '公司类型',
|
|
|
+ width: 150,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'SetupTime',
|
|
|
+ label: '成立时间',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'DepositBank',
|
|
|
+ label: '开户银行',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'BankAccount',
|
|
|
+ label: '银行账号',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'EMail',
|
|
|
+ label: '电子邮箱',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'BankCreditRating',
|
|
|
+ label: '银行信用等级',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'Mobile',
|
|
|
+ label: '移动电话',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'Telphone',
|
|
|
+ label: '固定电话',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'Fax',
|
|
|
+ label: '传真',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'CompanyTel',
|
|
|
+ label: '公司电话',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'QQ',
|
|
|
+ label: 'QQ号码',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'CompanyUrl',
|
|
|
+ label: '公司网址',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ /* {
|
|
|
+ prop: "SpecSupplier",
|
|
|
+ label: '是否特殊业务供应商(可不招标)',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "SpecTypeCode",
|
|
|
+ label: '业务类型(1战略合作,2内部多经,3区域关键,4专业化实施)',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: "SpecTypeName",
|
|
|
+ label: '业务类型(1战略合作,2内部多经,3区域关键,4专业化实施)',
|
|
|
+ width: 100,
|
|
|
+ sort: true
|
|
|
+ }, */
|
|
|
+
|
|
|
+ {
|
|
|
+ prop: 'Remark',
|
|
|
+ label: '备注',
|
|
|
+ width: 220,
|
|
|
+ sort: true
|
|
|
}
|
|
|
- this.Column.Prop = column.prop
|
|
|
- this.initDatas()
|
|
|
- },
|
|
|
- clearSearch() {
|
|
|
- Object.assign(this.searchForm, this.searchFormReset);
|
|
|
- //this.searchForm = this.searchFormReset;
|
|
|
- this.CreateOn = ''
|
|
|
- this.CityAry = []
|
|
|
- this.LinkCityAry=[]
|
|
|
- this.initDatas()
|
|
|
- },
|
|
|
- getCityList (val) {
|
|
|
+
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ created () {
|
|
|
+ this.isCanApply()
|
|
|
+ // 查询条件初始值备份
|
|
|
+ Object.assign(this.searchFormReset, this.searchForm)
|
|
|
+ // 查询列表
|
|
|
+ this.initDatas()
|
|
|
+ this.getDictOptions()
|
|
|
+ },
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ checkStatus (val) {
|
|
|
+ if (val === '0' || val === '' || val === '-1' || val === '-2' || val === '-4') {
|
|
|
+ return false
|
|
|
+ } else {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ initDatas () {
|
|
|
+ // 分页及列表条件
|
|
|
+ let params = {
|
|
|
+ _currentPage: this.currentPage,
|
|
|
+ _size: this.size,
|
|
|
+ Order: this.Column.Order,
|
|
|
+ Prop: this.Column.Prop,
|
|
|
+ SupplierTypeCode: '02'
|
|
|
+ }
|
|
|
+ let myCreateOn = []
|
|
|
+ // 解析时间
|
|
|
+ if (this.CreateOn && this.CreateOn.length === 2) {
|
|
|
+ this.CreateOn[1].setHours(23)
|
|
|
+ this.CreateOn[1].setMinutes(59)
|
|
|
+ this.CreateOn[1].setSeconds(59)
|
|
|
+ myCreateOn.push(this.formatDateTime(this.CreateOn[0]))
|
|
|
+ myCreateOn.push(this.formatDateTime(this.CreateOn[1]))
|
|
|
+ }
|
|
|
+
|
|
|
+ // 查询条件
|
|
|
+ Object.assign(params, this.searchForm)
|
|
|
+ // 访问接口
|
|
|
+ api.getCertList(myCreateOn.join(','), params, this.$axios).then(res => {
|
|
|
+ this.entityList = res.data.items
|
|
|
+ this.currentItemCount = res.data.currentItemCount
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDictOptions () {
|
|
|
+ api.getDictList(this.$axios).then(res => {
|
|
|
+ this.dictData = res.data.items
|
|
|
+ console.log(this.dictData)
|
|
|
+ this.OperTypeOptions = this.dictData['OperType']
|
|
|
+ this.UnitRelationOptions = this.dictData['UnitRelation']
|
|
|
+ this.InOptions = this.dictData['InOptions']
|
|
|
+ this.CompanyTypeOptions = this.dictData['CompanyType']
|
|
|
+ this.getCountryList(this.dictData['CountryList'])
|
|
|
+ this.ManagementUnitOptions = this.dictData['ManagementUnit']
|
|
|
+ this.getCityList(this.dictData['GaodeMapChinaAreas'])
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ searchCommand (command) {
|
|
|
+ if (command === 'search') {
|
|
|
+ this.dialogVisible = true
|
|
|
+ } else if (command === 'clear') {
|
|
|
+ this.clearSearch()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 列表排序功能
|
|
|
+ orderby (column) {
|
|
|
+ if (column.order === 'ascending') {
|
|
|
+ this.Column.Order = 'asc'
|
|
|
+ } else if (column.order === 'descending') {
|
|
|
+ this.Column.Order = 'desc'
|
|
|
+ }
|
|
|
+ this.Column.Prop = column.prop
|
|
|
+ this.initDatas()
|
|
|
+ },
|
|
|
+ clearSearch () {
|
|
|
+ Object.assign(this.searchForm, this.searchFormReset)
|
|
|
+ // this.searchForm = this.searchFormReset;
|
|
|
+ this.CreateOn = ''
|
|
|
+ this.CityAry = []
|
|
|
+ this.LinkCityAry = []
|
|
|
+ this.initDatas()
|
|
|
+ },
|
|
|
+ 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)
|
|
|
},
|
|
|
- getCountryList (val) {
|
|
|
- let tmpJson = JSON.parse(val)
|
|
|
- this.countryListOptions = []
|
|
|
- for (let idx in tmpJson) {
|
|
|
- this.countryListOptions.push({
|
|
|
- label: tmpJson[idx].split('-')[0],
|
|
|
- value: tmpJson[idx].split('-')[1],
|
|
|
- code: tmpJson[idx].split('-')[2],
|
|
|
- key: tmpJson[idx]
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- handleLinkAreaChange (value) {
|
|
|
+ getCountryList (val) {
|
|
|
+ let tmpJson = JSON.parse(val)
|
|
|
+ this.countryListOptions = []
|
|
|
+ for (let idx in tmpJson) {
|
|
|
+ this.countryListOptions.push({
|
|
|
+ label: tmpJson[idx].split('-')[0],
|
|
|
+ value: tmpJson[idx].split('-')[1],
|
|
|
+ code: tmpJson[idx].split('-')[2],
|
|
|
+ key: tmpJson[idx]
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleLinkAreaChange (value) {
|
|
|
this.searchForm.LinkProvince = value[0]
|
|
|
this.searchForm.LinkCity = value[1]
|
|
|
this.searchForm.LinkStreet = value[2]
|
|
|
- },
|
|
|
- handleAreaChange (value) {
|
|
|
+ },
|
|
|
+ handleAreaChange (value) {
|
|
|
this.searchForm.Province = value[0]
|
|
|
this.searchForm.City = value[1]
|
|
|
this.searchForm.Street = value[2]
|
|
|
- },
|
|
|
- handleSearch() {
|
|
|
- this.currentPage = 1;
|
|
|
- this.dialogVisible = false;
|
|
|
- this.initDatas();
|
|
|
- },
|
|
|
- handleCurrentChange(value) {
|
|
|
- this.currentPage = value
|
|
|
- this.initDatas()
|
|
|
- },
|
|
|
- handleSizeChange(value) {
|
|
|
- this.size = value
|
|
|
- this.currentPage = 1
|
|
|
- this.initDatas()
|
|
|
- },
|
|
|
- deleteEntity(row) {
|
|
|
- row.deleteConfirmFlag = false;
|
|
|
- api.deleteAllEntity(row.Id,row.SupplierTypeCode, this.$axios).then(res => {
|
|
|
- if (res.data.code === 0) {
|
|
|
- this.initDatas();
|
|
|
- this.isCanApply();
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: res.data.message
|
|
|
- });
|
|
|
-
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'warning',
|
|
|
- message: res.data.message
|
|
|
- });
|
|
|
- }
|
|
|
- }).catch(err => {
|
|
|
- console.error(err)
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- isCanApply () {
|
|
|
- api.isCanApply('02', this.$axios).then(res => {
|
|
|
- if (res.data.code === 0) {
|
|
|
- this.canApply = true
|
|
|
-
|
|
|
- } else {
|
|
|
- this.canApply = false
|
|
|
- }
|
|
|
- }).catch(err => {
|
|
|
- console.error(err)
|
|
|
- });
|
|
|
- },
|
|
|
+ },
|
|
|
+ handleSearch () {
|
|
|
+ this.currentPage = 1
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.initDatas()
|
|
|
+ },
|
|
|
+ handleCurrentChange (value) {
|
|
|
+ this.currentPage = value
|
|
|
+ this.initDatas()
|
|
|
+ },
|
|
|
+ handleSizeChange (value) {
|
|
|
+ this.size = value
|
|
|
+ this.currentPage = 1
|
|
|
+ this.initDatas()
|
|
|
+ },
|
|
|
+ deleteEntity (row) {
|
|
|
+ row.deleteConfirmFlag = false
|
|
|
+ api.deleteAllEntity(row.Id, row.SupplierTypeCode, this.$axios).then(res => {
|
|
|
+ if (res.data.code === 0) {
|
|
|
+ this.initDatas()
|
|
|
+ this.isCanApply()
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.data.message
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: res.data.message
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- 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 '永久'
|
|
|
+ isCanApply () {
|
|
|
+ api.isCanApply('02', this.$axios).then(res => {
|
|
|
+ if (res.data.code === 0) {
|
|
|
+ this.canApply = true
|
|
|
} else {
|
|
|
- val = val.replace('T', ' ')
|
|
|
- return val.substring(0, 10)
|
|
|
+ this.canApply = false
|
|
|
}
|
|
|
- },
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- formatDateTime(date) {
|
|
|
- var y = date.getFullYear();
|
|
|
- var m = date.getMonth() + 1;
|
|
|
- m = m < 10 ? ('0' + m) : m;
|
|
|
- var d = date.getDate();
|
|
|
- d = d < 10 ? ('0' + d) : d;
|
|
|
- var h = date.getHours();
|
|
|
- var minute = date.getMinutes();
|
|
|
- minute = minute < 10 ? ('0' + minute) : minute;
|
|
|
- return y + '-' + m + '-' + d + ' ' + h + ':' + minute;
|
|
|
+ jstimehandle (val) {
|
|
|
+ if (val === '') {
|
|
|
+ return '----'
|
|
|
+ } else if (val === '0001-01-01T08:00:00+08:00') {
|
|
|
+ return '----'
|
|
|
+ } else if (val === '5000-01-01T23:59:59+08:00') {
|
|
|
+ return '永久'
|
|
|
+ } else {
|
|
|
+ val = val.replace('T', ' ')
|
|
|
+ return val.substring(0, 10)
|
|
|
}
|
|
|
+ },
|
|
|
+
|
|
|
+ formatDateTime (date) {
|
|
|
+ var y = date.getFullYear()
|
|
|
+ var m = date.getMonth() + 1
|
|
|
+ m = m < 10 ? ('0' + m) : m
|
|
|
+ var d = date.getDate()
|
|
|
+ d = d < 10 ? ('0' + d) : d
|
|
|
+ var h = date.getHours()
|
|
|
+ var minute = date.getMinutes()
|
|
|
+ minute = minute < 10 ? ('0' + minute) : minute
|
|
|
+ return y + '-' + m + '-' + d + ' ' + h + ':' + minute
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
- .el-pagination {
|
|
|
- margin: 1rem 0 2rem;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
+.el-pagination {
|
|
|
+ margin: 1rem 0 2rem;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
</style>
|