|
@@ -0,0 +1,206 @@
|
|
|
|
|
+<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:75px;top:10.5px"
|
|
|
|
|
+ >
|
|
|
|
|
+ <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.SupplierTypeName"
|
|
|
|
|
+ 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="clear">查询重置</el-dropdown-item>
|
|
|
|
|
+ </el-dropdown-menu>
|
|
|
|
|
+ </el-dropdown>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <!--内框表格显示-->
|
|
|
|
|
+ <el-table :data="entityList" border height="calc(100vh - 243px)" style="width: 100%" @sort-change="orderby">
|
|
|
|
|
+ <!--内框表格剩余栏显示-->
|
|
|
|
|
+ <el-table-column label="准入证号" prop="AccessCardNo" sortable align="center"></el-table-column>
|
|
|
|
|
+ <el-table-column label="企业名称" prop="SupplierName" align="center"></el-table-column>
|
|
|
|
|
+ <el-table-column label="准入类别" prop="SupplierTypeName" align="center"></el-table-column>
|
|
|
|
|
+ <el-table-column label="法人代表" prop="LegalPerson" align="center"></el-table-column>
|
|
|
|
|
+ <el-table-column label="注册资金(万元)" prop="RegCapital" sortable align="center"></el-table-column>
|
|
|
|
|
+ <el-table-column label="移动电话" prop="Mobile" align="center"></el-table-column>
|
|
|
|
|
+ <el-table-column label="最后一次年审" prop="" align="center"></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-column label="状态" prop="InFlag">
|
|
|
|
|
+ <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>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 分页 -->
|
|
|
|
|
+ <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>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</template>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+<script>
|
|
|
|
|
+import api from "@/api/oilsupplier/select";
|
|
|
|
|
+export default {
|
|
|
|
|
+ created() {
|
|
|
|
|
+ // 执行初始化方法
|
|
|
|
|
+ this.initDatas();
|
|
|
|
|
+ },
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ // 定义列表数据
|
|
|
|
|
+ entityList: [],
|
|
|
|
|
+ // 分页参数
|
|
|
|
|
+ size: 10,
|
|
|
|
|
+ currentPage: 1,
|
|
|
|
|
+ currentItemCount: 0,
|
|
|
|
|
+ searchForm:{
|
|
|
|
|
+ SupplierName:"",
|
|
|
|
|
+ SupplierTypeName:""
|
|
|
|
|
+ },
|
|
|
|
|
+ //列表排序
|
|
|
|
|
+ Column: {
|
|
|
|
|
+ Order: '',
|
|
|
|
|
+ Prop: ''
|
|
|
|
|
+ },
|
|
|
|
|
+ };
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ //列表排序功能
|
|
|
|
|
+ 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(event);
|
|
|
|
|
+ if (event != null) {
|
|
|
|
|
+ this.currentPage = 1;
|
|
|
|
|
+ }
|
|
|
|
|
+ let params = {
|
|
|
|
|
+ _size: this.size,
|
|
|
|
|
+ _currentPage: this.currentPage,
|
|
|
|
|
+ Order: this.Column.Order,
|
|
|
|
|
+ Prop: this.Column.Prop,
|
|
|
|
|
+ };
|
|
|
|
|
+
|
|
|
|
|
+ api
|
|
|
|
|
+ .getCompanyList(params, this.searchForm, this.$axios)
|
|
|
|
|
+ .then(res => {
|
|
|
|
|
+ console.log(res.data.items);
|
|
|
|
|
+ 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 == "clear") {
|
|
|
|
|
+ this.clearSearch();
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ clearSearch() {
|
|
|
|
|
+ this.searchForm.SupplierTypeName = "";
|
|
|
|
|
+ this.searchForm.SupplierName = "";
|
|
|
|
|
+ this.currentPage = 1;
|
|
|
|
|
+ this.initDatas();
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+};
|
|
|
|
|
+</script>
|
|
|
|
|
+
|