|
|
@@ -1,1310 +1,881 @@
|
|
|
<template>
|
|
|
- <div style="overflow-y: auto">
|
|
|
- <el-card class="box-card">
|
|
|
- <span>
|
|
|
- <i class="icon icon-table2"></i> 待办/已办
|
|
|
- </span>
|
|
|
- <el-form ref="form" :inline="true" style="float: right;">
|
|
|
- <el-form-item label="提交时间">
|
|
|
- <el-date-picker size="mini" style="width: 220px" v-model="CreateOn" :unlink-panels="true" type="daterange" range-separator="至"
|
|
|
- start-placeholder="提交日期" end-placeholder="提交日期"></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="类型">
|
|
|
- <el-select size="mini" style="width:100px" v-model="searchForm.Type" placeholder="准入类别">
|
|
|
- <el-option label="全部" value=""></el-option>
|
|
|
- <el-option label="准入" value="1"></el-option>
|
|
|
- <el-option label="增项" value="2"></el-option>
|
|
|
- <el-option label="年审" value="3"></el-option>
|
|
|
- <el-option label="信息变更" value="4"></el-option>
|
|
|
- <el-option label="注册审核" value="5"></el-option>
|
|
|
- <el-option label="待入库" value="7"></el-option>
|
|
|
- <el-option label="收入业务" value="9"></el-option>
|
|
|
- <el-option label="合同评审" value="10"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="类别">
|
|
|
- <el-select size="mini" style="width:100px" v-model="searchForm.SupplierTypeCode" placeholder="准入类别">
|
|
|
- <el-option label="全部" value=""></el-option>
|
|
|
- <el-option label="物资类" value="01"></el-option>
|
|
|
- <el-option label="基建类" value="02"></el-option>
|
|
|
- <el-option label="服务类" value="03"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="公司名称">
|
|
|
- <el-input size="mini" v-model="searchForm.SupplierName" clearable placeholder="请输入公司名称" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button size="mini" type="primary" @click="handleSearch">查 询</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- </el-card>
|
|
|
- <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
|
|
|
- <el-tab-pane name="first">
|
|
|
- <span slot="label">待办任务</span>
|
|
|
- <el-table
|
|
|
- :data="entityListtode"
|
|
|
- size="mini"
|
|
|
- border
|
|
|
- :stripe="true"
|
|
|
- style="width: 100%"
|
|
|
- highlight-current-row v-loading="loading">
|
|
|
-
|
|
|
- <!--<el-table-column type="index" label="序号"></el-table-column>-->
|
|
|
- <el-table-column label="序号" align="center" width="70">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{scope.$index+(currentPage - 1) * size + 1}} </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="待办类型" prop="Type" sortable align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.Type=='1'" style="color:#E6A23C">准入-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='2'" style="color:#E6A23C">增项-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='3'" style="color:#E6A23C">年审-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='4'" style="color:#E6A23C">信息变更-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='5'" style="color:#E6A23C">企业注册-待审批</span>
|
|
|
- <!-- <span v-if="scope.row.Type=='7'" style="color:#E6A23C">准入-{{scope.row.TaskName}}</span> -->
|
|
|
- <span v-if="scope.row.Type=='8'" style="color:#E6A23C">发票</span>
|
|
|
- <span v-if="scope.row.Type=='9'" style="color:#E6A23C">目录申请-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='10'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='11'" style="color:#E6A23C">合同年度评审-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='12'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <!--<el-table-column label="当前状态" prop="Status" align="center">-->
|
|
|
- <!--<!–<template slot-scope="scope">–>-->
|
|
|
- <!--<!–{{statusStr(scope.row.Status, scope.row.Type)}}–>-->
|
|
|
- <!--<!–</template>–>-->
|
|
|
- <!--</el-table-column>-->
|
|
|
- <el-table-column label="类别" prop="SupplierTypeCode" sortable align="center">
|
|
|
- <!-- <template slot-scope="scope" v-if="scope.row.Type=='10'">
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='01'">供应商</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='02'">承包商</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='03'">服务商</span>
|
|
|
- </template> -->
|
|
|
- <template slot-scope="scope" >
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='01' && scope.row.Type!='10' && scope.row.Type!='11' && scope.row.Type!='12'">物资类</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='02' && scope.row.Type!='10' && scope.row.Type!='11' && scope.row.Type!='12'">基建类</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='03' && scope.row.Type!='10' && scope.row.Type!='11' && scope.row.Type!='12'">服务类</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='4'">信息变更</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='5'">企业注册</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='8'">待开发票</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='9-6'">外部市场</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='9-7'">收入业务</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='01' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">供应商</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='02' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">承包商</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='03' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">服务商</span>
|
|
|
- </template>
|
|
|
-
|
|
|
-
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="公司名称" prop="SupplierName" sortable align="center"></el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="执行人" prop="UserName" sortable align="center"></el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="提交时间" prop="CreateTime" sortable align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(timestampToTime(scope.row.CreateTime)) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="当前状态" prop="Status" sortable align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{statusStr(scope.row.Status, scope.row.Type)}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
-
|
|
|
- <el-table-column label="操作" width="130" align="center" fixed="right">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" title="办理" icon="el-icon-edit" size="mini" @click="rowClick(scope.row)">办理</el-button>
|
|
|
- <!--<el-button type="text" title="编辑" icon="el-icon-s-promotion" size="mini">跟踪</el-button>-->
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- </el-table>
|
|
|
- <el-pagination @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- :page-sizes="[10, 50, 100, 200, 500]"
|
|
|
- :page-size="size"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="currentItemCount">
|
|
|
- </el-pagination>
|
|
|
- </el-tab-pane>
|
|
|
-
|
|
|
- <el-tab-pane label="已办任务" name="second">
|
|
|
- <el-table
|
|
|
- :data="entityListdone"
|
|
|
- size="mini"
|
|
|
- border
|
|
|
- :stripe="true"
|
|
|
- style="width: 100%"
|
|
|
- highlight-current-row v-loading="loading">
|
|
|
- <el-table-column label="序号" align="center" width="70">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{scope.$index+(currentPageFinished - 1) * sizeFinished + 1}} </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="已办类型" prop="Type" sortable align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.Type=='1'" style="color:#E6A23C">准入-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='2'" style="color:#E6A23C">增项-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='3'" style="color:#E6A23C">年审-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='4'" style="color:#E6A23C">信息变更-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='5'" style="color:#E6A23C">企业注册-待审批</span>
|
|
|
- <span v-if="scope.row.Type=='8'" style="color:#E6A23C">发票</span>
|
|
|
- <span v-if="scope.row.Type=='9'" style="color:#E6A23C">目录申请-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='10'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='11'" style="color:#E6A23C">合同年度评审-{{scope.row.TaskName}}</span>
|
|
|
- <span v-if="scope.row.Type=='12'" style="color:#E6A23C">合同日常评审-{{scope.row.TaskName}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="类别" prop="SupplierTypeCode" sortable align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='01' && scope.row.Type!='10'&&scope.row.Type!='11'&&scope.row.Type!='12'">物资类</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='02' && scope.row.Type!='10'&&scope.row.Type!='11'&&scope.row.Type!='12'">基建类</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='03' && scope.row.Type!='10'&&scope.row.Type!='11'&&scope.row.Type!='12'">服务类</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='4'">信息变更</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='5'">企业注册</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='8'">待开发票</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='9-6'">外部市场</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='9-7'">收入业务</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='01' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">供应商</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='02' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">承包商</span>
|
|
|
- <span v-if="scope.row.SupplierTypeCode=='03' && (scope.row.Type=='10'||scope.row.Type=='11'||scope.row.Type=='12')">服务商</span>
|
|
|
-
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="公司名称" prop="SupplierName" sortable align="center"></el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="执行人" prop="UserName" sortable align="center"></el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="完成时间" prop="CreateTime" sortable align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(timestampToTime(scope.row.CreateTime)) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="当前状态" prop="Status" sortable align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{statusStr(scope.row.Status, scope.row.Type)}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="操作" width="130" align="center" fixed="right">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" title="打开" icon="el-icon-edit" size="mini" @click="rowFinishedClick(scope.row)">打开</el-button>
|
|
|
- <!--<el-button type="text" title="编辑" icon="el-icon-s-promotion" size="mini">跟踪</el-button>-->
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-pagination @size-change="handleSizeChangeFinished"
|
|
|
- @current-change="handleCurrentChangeFinished"
|
|
|
- :current-page="currentPageFinished"
|
|
|
- :page-sizes="[10, 50, 100, 200, 500]"
|
|
|
- :page-size="sizeFinished"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="currentItemCountFinished">
|
|
|
- </el-pagination>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- <!-- 公司审核信息 -->
|
|
|
- <el-dialog title="企业注册信息" :visible.sync="dialogVisible">
|
|
|
- <el-form label-width="135px" ref="formData" :model="formData" size="small">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="公司名称" label-width="150px" style="width: 100%" prop="SupplierName">
|
|
|
- <el-input v-model="formData.SupplierName" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="统一社会信用代码" label-width="150px" style="width: 100%" prop="CommercialNo">
|
|
|
- <el-input v-model="formData.CommercialNo" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="法定代表人姓名" label-width="150px" style="width: 100%" prop="LegalPerson">
|
|
|
- <el-input v-model="formData.LegalPerson" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="有效证件类型" label-width="150px" style="width: 100%;">
|
|
|
- <el-select v-model="formData.CardNoType1" disabled placeholder="请选择有效证件类型" label-width="150px" style="width: 100%">
|
|
|
- <el-option :key=0 label="身份证" :value=0 ></el-option>
|
|
|
- <el-option :key=1 label="护照" :value=1 ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item v-if="formData.CardNoType1" label="法定代表人护照编号" label-width="150px" style="width: 100%" prop="LegalPersonId">
|
|
|
- <el-input v-model="formData.LegalPersonId" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-else label="法定代表人身份证号" label-width="150px" style="width: 100%" prop="LegalPersonId">
|
|
|
- <el-input v-model="formData.LegalPersonId" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="有效证件扫描件"
|
|
|
- label-width="170px"
|
|
|
- prop="LegalPersonImg">
|
|
|
- <div class="block"
|
|
|
- style="overflow: auto;">
|
|
|
- <template>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12"
|
|
|
- v-for="(url, index) in urlList"
|
|
|
- :key="index">
|
|
|
- <span @click="bigImg(url)">
|
|
|
- <el-image style="width: 170px; height: 100px; cursor: pointer"
|
|
|
- :src="url"></el-image>
|
|
|
- </span>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="联系人姓名" label-width="150px" style="width: 100%" prop="ContactName">
|
|
|
- <el-input v-model="formData.ContactName" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="有效证件类型" label-width="150px" style="width: 100%;">
|
|
|
- <el-select v-model="formData.CardNoType2" disabled placeholder="请选择有效证件类型" label-width="150px" style="width: 100%">
|
|
|
- <el-option :key=0 label="身份证" :value=0 ></el-option>
|
|
|
- <el-option :key=1 label="护照" :value=1 ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item v-if="formData.CardNoType2" label="联系人护照编号" label-width="150px" style="width: 100%" prop="ContactId">
|
|
|
- <el-input v-model="formData.ContactId" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-else label="联系人身份证号" label-width="150px" style="width: 100%" prop="ContactId">
|
|
|
- <el-input v-model="formData.ContactId" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="有效证件扫描件" label-width="170px" prop="ContactImg">
|
|
|
- <div class="block" style="overflow: auto;">
|
|
|
- <template>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12" v-for="(url, index) in urlList2" :key="index">
|
|
|
- <span @click="bigImg1(url)">
|
|
|
- <el-image style="width: 170px; height: 100px; cursor: pointer" :src="url"></el-image>
|
|
|
- </span>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="邮箱" label-width="150px" style="width: 100%" prop="EMail">
|
|
|
- <el-input v-model="formData.EMail" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="手机号" style="width: 100%" prop="UserTelephone">
|
|
|
- <el-input v-model="formData.UserTelephone" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="用户名" label-width="150px" style="width: 100%" prop="UserName">
|
|
|
- <el-input v-model="formData.UserName" readonly></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <!--<el-row style="margin-left: 35%; margin-top: 10px; margin-bottom: 20px;">-->
|
|
|
- <!--<el-button size="mini" @click="cancelOption" v-if="formData.CheckStatus==0">审核未通过</el-button>-->
|
|
|
- <!--<el-button size="mini" type="primary" @click="ensureOption" style="margin-left: 20%;" v-if="formData.CheckStatus==0">审核通过</el-button>-->
|
|
|
- <!--</el-row>-->
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer" style="margin-top: -25px">
|
|
|
- <el-button type="primary" size="mini" @click="ComAudit" v-if="formData.CheckStatus == 0">审核</el-button>
|
|
|
+ <div class="home-body" v-loading="downloading" element-loading-text="'数据读取中，请稍候。。。'">
|
|
|
+ <!--标题部分-->
|
|
|
+ <div class="todo-box">
|
|
|
+ <div class="todo-box-item">
|
|
|
+ <div class="title">新准入</div>
|
|
|
+ <div class="number" @click="pushToDo('1')">{{ newAccessNum }}</div>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog :title="invoicetitle" :visible.sync="invoiceVisible" width="70%">
|
|
|
- <el-card class="box-card">
|
|
|
- <div slot="header">
|
|
|
- <span>
|
|
|
- <i class="icon icon-table2"></i> {{this.invoicetitle}}
|
|
|
- </span>
|
|
|
- <span style="float: right;">
|
|
|
- <el-form ref="form" :inline="true" style="margin-top: -10px">
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" size="mini" style="margin-right: 15px" @click="confirmIsInvoice()" v-if="this.formDataInvoice.IsInvoice == '0'" :loading="invoiceLoading">确认</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </span>
|
|
|
+ <div class="todo-box-item">
|
|
|
+ <div class="title">增项申请</div>
|
|
|
+ <div class="number" @click="pushToDo('2')">{{ appendNum }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="todo-box-item">
|
|
|
+ <div class="title">年审申请</div>
|
|
|
+ <div class="number" @click="pushToDo('3')">{{ annualNum }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="todo-box-item">
|
|
|
+ <div class="title">信息变更</div>
|
|
|
+ <div class="number" @click="pushToDo('4')">{{ infoChangeNum }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="todo-box-item">
|
|
|
+ <div class="title">业绩评价</div>
|
|
|
+ <div class="number" @click="pushToDo('10')">{{ evaluationNum }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-box">
|
|
|
+ <div class="chart-box-row">
|
|
|
+ <div class="chart-box-row-item">
|
|
|
+ <div class="item-more-button" @click="moreButton('type')"><span>更多</span></div>
|
|
|
+ <div class="item-chart-body">
|
|
|
+ <div id="supplier-type" class="item-high-chart" style="margin-left: 1px" :option="supplierTypeOptions"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="table-layout" style="margin-top: 0px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="9" class="table-cell-title">单位名称</el-col>
|
|
|
- <el-col :span="10" class="table-cell-title">注册地址</el-col>
|
|
|
- <el-col :span="5" class="table-cell-title">税号</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="9" class="table-cell">{{this.formDataInvoice.SupplierName}}</el-col>
|
|
|
- <el-col :span="10" class="table-cell">{{this.formDataInvoice.Address}}</el-col>
|
|
|
- <el-col :span="5" class="table-cell">{{this.formDataInvoice.CommercialNo}}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="9" class="table-cell-title">开户银行</el-col>
|
|
|
- <el-col :span="10" class="table-cell-title">银行账号</el-col>
|
|
|
- <el-col :span="5" class="table-cell-title">邮箱</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="9" class="table-cell">{{this.formDataInvoice.DepositBank}}</el-col>
|
|
|
- <el-col :span="10" class="table-cell">{{this.formDataInvoice.BankAccount}}</el-col>
|
|
|
- <el-col :span="5" class="table-cell">{{this.formDataInvoice.Email}}</el-col>
|
|
|
- </el-row>
|
|
|
+ <div class="chart-box-row-item">
|
|
|
+ <div class="item-more-button" @click="moreButton('access')"><span>更多</span></div>
|
|
|
+ <div class="item-chart-body">
|
|
|
+ <div id="access-type" class="item-high-chart" style="margin-left: 1px" :option="accessTypeOptions"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card" style="margin-top: 5px"> <!--v-if="entityList && entityList.length > 0"-->
|
|
|
- <div slot="header">
|
|
|
- <span>
|
|
|
- <span style="font-weight: bold;">
|
|
|
- 金额合计： <font color="red">{{this.formDataInvoice.Amount}} 元</font>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
+ </div>
|
|
|
+ <div class="chart-box-row">
|
|
|
+ <div class="chart-box-row-item">
|
|
|
+ <div class="item-more-button" @click="moreButton('level')"><span>更多</span></div>
|
|
|
+ <div class="item-chart-body">
|
|
|
+ <div id="supplier-level" class="item-high-chart" style="margin-left: 30px" :option="supplierLevelOptions"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chart-box-row-item">
|
|
|
+ <div class="item-more-button" @click="moreButton('scale')"><span>更多</span></div>
|
|
|
+ <div class="item-chart-body">
|
|
|
+ <div id="supplier-scale" class="item-high-chart" :option="supplierScaleOption"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <el-table :data="paymentinfoList" size="mini" border style="width: 100%">
|
|
|
- <!--<el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierName" label="企业名称"></el-table-column>-->
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="SupplierTypeName" label="项目类型"></el-table-column>
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="PayType" label="交费类型">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ transferStr(scope.row.PayType) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column sortable min-width="120" align="center" show-overflow-tooltip prop="Amount" label="交费金额">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="CreateOn" sortable min-width="150" label="交费时间" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(scope.row.PayDate) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-card>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="审核" :close-on-click-modal="false" :visible.sync="Auditshow">
|
|
|
- <el-form :model="shenheForm" label-width="100px" ref="shenheForm">
|
|
|
- <el-form-item label="审核状态">
|
|
|
- <template>
|
|
|
- <el-radio class="radio" v-model="shenheForm.SuccessStatus" :label="1">通过</el-radio>
|
|
|
- <el-radio class="radio" v-model="shenheForm.SuccessStatus" :label="2">未通过</el-radio>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="意见" :rules="[{ required: true, message: '请输入审批意见', trigger: 'blur' }]">
|
|
|
- <el-input type="textarea" v-model="shenheForm.AuditorRemark" placeholder="请输入审核意见"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer" style="margin-top: -25px">
|
|
|
- <el-button size="small" @click="Auditshow = false">取 消</el-button>
|
|
|
- <el-button type="primary" size="small" @click="makeSure()" :loading="btnLoading">确 定</el-button>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <el-dialog :title="''" @open="openType()" append-to-body :visible.sync="typeVisible" style="height: 800px">
|
|
|
+ <div id="supplier-type-dialog" class="item-dialog"></div>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
- <!--点击图片放大区域-->
|
|
|
- <el-dialog
|
|
|
- title="法定代表人有效证件扫描件"
|
|
|
- :visible.sync="legalPersonImgVisible"
|
|
|
- width="40%">
|
|
|
- <el-image :src="bigUrl"></el-image>
|
|
|
+ <el-dialog :title="''" @open="openAccess()" append-to-body :visible.sync="accessVisible" style="height: 800px">
|
|
|
+ <div id="supplier-access-dialog" class="item-dialog"></div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog :title="''" @open="openLevel()" append-to-body :visible.sync="levelVisible" style="height: 800px">
|
|
|
+ <div id="supplier-level-dialog" class="item-dialog"></div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog
|
|
|
- title="联系人有效证件扫描件"
|
|
|
- :visible.sync="legalPersonImg1Visible"
|
|
|
- width="40%">
|
|
|
- <el-image :src="bigUrl"></el-image>
|
|
|
+ <el-dialog :title="''" @open="openScale()" append-to-body :visible.sync="scaleVisible" style="height: 800px">
|
|
|
+ <div id="supplier-scale-dialog" class="item-dialog"></div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import api from '@/api/oilsupplier/supplier'
|
|
|
- import contractApi from '@/api/oilcontract/contract'
|
|
|
-
|
|
|
+ import Highcharts from 'highcharts'
|
|
|
import {
|
|
|
mapGetters
|
|
|
} from 'vuex'
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
-
|
|
|
- computed: mapGetters({
|
|
|
- authUser: 'authUser'
|
|
|
- }),
|
|
|
-
|
|
|
data () {
|
|
|
return {
|
|
|
- urlList: [], // 照片地址数组
|
|
|
- urlList2: [], // 照片地址数组2
|
|
|
- bigUrl: '',
|
|
|
- invoicetitle: '待开发票',
|
|
|
- Auditshow: false,
|
|
|
- btnLoading: false,
|
|
|
- dialogVisible: false,
|
|
|
- invoiceVisible: false,
|
|
|
- legalPersonImgVisible: false,
|
|
|
- legalPersonImg1Visible: false,
|
|
|
- tabindex: '',
|
|
|
- activeName: 'first',
|
|
|
- currentDate: new Date(),
|
|
|
- // 查询时间
|
|
|
- CreateOn: null,
|
|
|
- // 分页参数
|
|
|
- size: 10,
|
|
|
- currentPage: 1,
|
|
|
- currentItemCount: 0,
|
|
|
- // finished
|
|
|
- // 分页参数
|
|
|
- sizeFinished: 10,
|
|
|
- currentPageFinished: 1,
|
|
|
- currentItemCountFinished: 0,
|
|
|
- shenheForm: {
|
|
|
- SuccessStatus: 1,
|
|
|
- AuditorRemark: ''
|
|
|
- },
|
|
|
- // 列表排序
|
|
|
- Column: {
|
|
|
- Order: '',
|
|
|
- Prop: ''
|
|
|
- },
|
|
|
- ColumnFinished: {
|
|
|
- Order: '',
|
|
|
- Prop: ''
|
|
|
- },
|
|
|
- // 查询项
|
|
|
- searchForm: {
|
|
|
- Id: '',
|
|
|
- Type: '',
|
|
|
- SupplierTypeCode: '',
|
|
|
- SupplierName: '',
|
|
|
- IsPay: '1',
|
|
|
- CreateUserId: '',
|
|
|
- CreateBy: '',
|
|
|
- ModifiedOn: '',
|
|
|
- ModifiedUserId: '',
|
|
|
- ModifiedBy: ''
|
|
|
-
|
|
|
- },
|
|
|
- formData: {
|
|
|
- Id: '', // int
|
|
|
- UserId: '', // int
|
|
|
- UserName: '', // 账号/Email
|
|
|
- UserRealName: '', // 用户真实姓名
|
|
|
- UserTelephone: '', // 用户手机号
|
|
|
- UserPass: '',
|
|
|
- UserPass2: '',
|
|
|
- SupplierName: '',
|
|
|
- OilCertificateNo: '',
|
|
|
- Grade: '',
|
|
|
- MgrUnit: '',
|
|
|
- OperType: '',
|
|
|
- Country: '',
|
|
|
- CommercialNo: '',
|
|
|
- OrganCode: '',
|
|
|
- CountryTaxNo: '',
|
|
|
- LocalTaxNo: '',
|
|
|
- Address: '',
|
|
|
- DetailAddress: '',
|
|
|
- Province: '',
|
|
|
- City: '',
|
|
|
- Street: '',
|
|
|
- HouseNo: '',
|
|
|
- ZipCode: '',
|
|
|
- BusinessScope: '',
|
|
|
- LegalPerson: '',
|
|
|
- LegalPersonId: '',
|
|
|
- LegalPersonURL: '',
|
|
|
- CategoryCode: '',
|
|
|
- CategoryName: '',
|
|
|
- RegCapital: 0, // float32
|
|
|
- Currency: '',
|
|
|
- ContactName: '',
|
|
|
- ContactId: '',
|
|
|
- ContactURL: '',
|
|
|
- CompanyType: '',
|
|
|
- SetupTime: '', // time
|
|
|
- DepositBank: '',
|
|
|
- BankAccount: '',
|
|
|
- EMail: '',
|
|
|
- BankCreditRating: '',
|
|
|
- Mobile: '',
|
|
|
- Telphone: '',
|
|
|
- Fax: '',
|
|
|
- CompanyTel: '',
|
|
|
- QQ: '',
|
|
|
- CompanyUrl: '',
|
|
|
- Remark: '',
|
|
|
- CheckStatus: 0, // 二级单位审核状态，0：未通过，1：通过 默认0
|
|
|
- IsDelete: 0, // 删除状态，0正常，1已删除
|
|
|
- LinkAddress: '',
|
|
|
- LinkProvince: '',
|
|
|
- LinkCity: '',
|
|
|
- LinkStreet: '',
|
|
|
- LinkHouseNo: '',
|
|
|
- LinkZipCode: '',
|
|
|
- HseTraining: '',
|
|
|
- CardNoType1: 0,
|
|
|
- CardNoType2: 0
|
|
|
- },
|
|
|
- formDataInvoice: {
|
|
|
- Id: '',
|
|
|
- SrcIds: '',
|
|
|
- IsInvoice: '',
|
|
|
- SupplierName: '',
|
|
|
- CommercialNo: '',
|
|
|
- Address: '',
|
|
|
- DepositBank: '',
|
|
|
- BankAccount: '',
|
|
|
- Email: '',
|
|
|
- Amount: ''
|
|
|
- },
|
|
|
- paymentinfoList: [],
|
|
|
- entityListtode: [],
|
|
|
- entityListdone: [],
|
|
|
- invoiceLoading: false,
|
|
|
- loading: false
|
|
|
+ typeVisible: false,
|
|
|
+ accessVisible: false,
|
|
|
+ levelVisible: false,
|
|
|
+ scaleVisible: false,
|
|
|
+ // 待办
|
|
|
+ newAccessNum: 0,
|
|
|
+ appendNum: 0,
|
|
|
+ annualNum: 0,
|
|
|
+ infoChangeNum: 0,
|
|
|
+ evaluationNum: 0,
|
|
|
+ // chart表数据
|
|
|
+ GoodsNum: 0,
|
|
|
+ BasNum: 0,
|
|
|
+ TecNum: 0,
|
|
|
+ ReviewNum: 0,
|
|
|
+ StrategicNum: 0,
|
|
|
+ TenderNum: 0,
|
|
|
+ OneLevelGoodsNum: 0,
|
|
|
+ TwoLevelMakeNum: 0,
|
|
|
+ TwoLevelNotMakeNum: 0,
|
|
|
+ RegCapitalSmall: 0,
|
|
|
+ RegCapital2: 0,
|
|
|
+ RegCapital3: 0,
|
|
|
+ RegCapital4: 0,
|
|
|
+ RegCapitalBig: 0,
|
|
|
+ supplierTypeOptions: null,
|
|
|
+ accessTypeOptions: null,
|
|
|
+ supplierLevelOptions: null,
|
|
|
+ supplierScaleOption: null,
|
|
|
+ deviceColor: [
|
|
|
+ '#6A5ACD', '#B5C334', '#FCCE10', '#E87C25', '#27727B', '#FE8463', '#9BCA63', '#FAD860', '#F3A43B',
|
|
|
+ '#60C0DD', '#E87C25', '#27727B', '#FE8463', '#6c757d'
|
|
|
+ ],
|
|
|
+ colorList: [
|
|
|
+ '#3CB371', '#007fbb', 'rgba(200,55,52)'
|
|
|
+ ],
|
|
|
+ downloading: true
|
|
|
}
|
|
|
},
|
|
|
created () {
|
|
|
- if (process.client) {
|
|
|
- if (window.localStorage.getItem('firstContractInfoParams') === '1') {
|
|
|
- this.firstLoginInfo()
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.authUser.Profile.IsCompanyUser == 1) {
|
|
|
- this.$router.push('/oilsupplier/supplier') // 跳转到登录页
|
|
|
- }
|
|
|
- this.initDatas()
|
|
|
+ this.getToDoNumList()
|
|
|
+ this.getSupplierChart()
|
|
|
},
|
|
|
+ computed: mapGetters({
|
|
|
+ authUser: 'authUser'
|
|
|
+ }),
|
|
|
methods: {
|
|
|
- firstLoginInfo () {
|
|
|
- let _this = this
|
|
|
- const params = {
|
|
|
- categoryId: 'GFGL_CONTRACT',
|
|
|
- parameterId: 'paramset',
|
|
|
- parameterCode: 'isStartEva'
|
|
|
- }
|
|
|
- _this.$axios.get('paramset/get-param-by-cate', { params })
|
|
|
- .then(res => {
|
|
|
- if (res.data === 'true') {
|
|
|
- let contractNum = 0
|
|
|
- contractApi.getNeedEvaList(this.$axios).then(res => {
|
|
|
- if (res.status === 200 && res.data.items !== null) {
|
|
|
- contractNum = res.data.currentItemCount
|
|
|
- this.$notify({
|
|
|
- title: '提醒',
|
|
|
- message: '您有 ' + contractNum + ' 份合同评价待处理，请及时评价！',
|
|
|
- type: 'warning',
|
|
|
- duration: 0
|
|
|
- })
|
|
|
- if (process.client) {
|
|
|
- window.localStorage.setItem('firstContractInfoParams', '2') // 初次登录弹框
|
|
|
+ openType () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.supplierTypeOptions = Highcharts.chart('supplier-type-dialog', {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ subtitle: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ series: {
|
|
|
+ label: {
|
|
|
+ connectorAllowed: false
|
|
|
+ },
|
|
|
+ pointStart: 2016
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '供应商',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ data: [0, 0, 0, 0, 0, this.GoodsNum]
|
|
|
+ }, {
|
|
|
+ name: '服务商',
|
|
|
+ color: '#00CACA',
|
|
|
+ data: [0, 0, 0, 0, 0, this.TecNum]
|
|
|
+ }, {
|
|
|
+ name: '承包商',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ data: [0, 0, 0, 0, 0, this.BasNum]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ responsive: {
|
|
|
+ rules: [{
|
|
|
+ condition: {
|
|
|
+ maxWidth: 500
|
|
|
+ },
|
|
|
+ chartOptions: {
|
|
|
+ // legend: {
|
|
|
+ // layout: 'horizontal',
|
|
|
+ // align: 'center',
|
|
|
+ // verticalAlign: 'bottom'
|
|
|
+ // }
|
|
|
+ legend: {
|
|
|
+ layout: 'center',
|
|
|
+ align: 'right',
|
|
|
+ itemDistance: 150, // 图例项间距
|
|
|
+ verticalAlign: 'top'
|
|
|
}
|
|
|
}
|
|
|
- }).catch(err => {
|
|
|
- console.log(err)
|
|
|
- })
|
|
|
+ }]
|
|
|
}
|
|
|
})
|
|
|
- },
|
|
|
- confirmIsInvoice () {
|
|
|
- this.invoiceLoading = true
|
|
|
- let params = {
|
|
|
- Id: this.formDataInvoice.Id,
|
|
|
- SrcIds: this.formDataInvoice.SrcIds
|
|
|
- }
|
|
|
- api.updateIsInvoice(params, this.$axios).then(res => {
|
|
|
- if (res.data.code === 0) {
|
|
|
- this.$message({
|
|
|
- duration: 10000,
|
|
|
- type: 'success',
|
|
|
- message: res.data.message
|
|
|
- })
|
|
|
- // 关闭dialog
|
|
|
- this.invoiceVisible = false
|
|
|
- // 更新列表
|
|
|
- this.initDatas()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- duration: 10000,
|
|
|
- type: 'warning',
|
|
|
- message: res.data.message
|
|
|
- })
|
|
|
- }
|
|
|
- this.invoiceLoading = false
|
|
|
})
|
|
|
},
|
|
|
- initDatas () {
|
|
|
- this.loading = true
|
|
|
- // 分页及列表条件
|
|
|
- let myCreateOn = []
|
|
|
- // 解析时间
|
|
|
- if (this.CreateOn != null && this.CreateOn.length === 2) {
|
|
|
- this.CreateOn[1].setHours(23)
|
|
|
- this.CreateOn[1].setMinutes(59)
|
|
|
- this.CreateOn[1].setSeconds(59)
|
|
|
- myCreateOn.push(this.formatDateTime(this.CreateOn[0]))
|
|
|
- myCreateOn.push(this.formatDateTime(this.CreateOn[1]))
|
|
|
- }
|
|
|
- let params = {
|
|
|
- _currentPage: this.currentPage,
|
|
|
- _size: this.size,
|
|
|
- Order: this.Column.Order,
|
|
|
- Prop: this.Column.Prop,
|
|
|
- CreateOn: myCreateOn.join(',')
|
|
|
- }
|
|
|
- // 查询条件
|
|
|
- Object.assign(params, this.searchForm)
|
|
|
- // 访问接口
|
|
|
- api.getTodoList(params, this.$axios).then(res => {
|
|
|
- this.entityListtode = res.data.items
|
|
|
- this.currentItemCount = res.data.currentItemCount
|
|
|
- this.loading = false
|
|
|
- }).catch(err => {
|
|
|
- console.error(err)
|
|
|
- })
|
|
|
- },
|
|
|
- handleSearch () {
|
|
|
- this.currentPage = 1
|
|
|
- if (this.tabindex === '0') {
|
|
|
- this.initDatas()
|
|
|
- } else {
|
|
|
- this.finishedData()
|
|
|
- }
|
|
|
- this.initDatas()
|
|
|
- },
|
|
|
- handleClick (tab) {
|
|
|
- this.tabindex = tab.index
|
|
|
- if (tab.index === '0') {
|
|
|
- this.initDatas()
|
|
|
- } else {
|
|
|
- this.finishedData()
|
|
|
- }
|
|
|
- },
|
|
|
- rowClick (val) {
|
|
|
- // alert(JSON.stringify(val))
|
|
|
- // return
|
|
|
- let SupplierType = ''
|
|
|
-
|
|
|
- if (val.Type == '1') { // 准入
|
|
|
- if (val.Status === '7') {
|
|
|
- // 待入库状态时直接跳转单独的入库审批页面,.信息变更入库不需要区分类型, 直接审批。
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'goodsedit'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- SupplierType = 'basisedit'
|
|
|
- } else {
|
|
|
- SupplierType = 'techedit'
|
|
|
- }
|
|
|
- this.$router.push('oilsupplier/supplierstorage/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&applytype=' + val.Type + '&is_todo=1')
|
|
|
- } else {
|
|
|
- // 到详情页面
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'goodsedit'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- SupplierType = 'basisedit'
|
|
|
- } else {
|
|
|
- SupplierType = 'techedit'
|
|
|
- }
|
|
|
- // 准入 且审批未通过之后 创建人中的待办按钮
|
|
|
- if (Number(val.Status) <= 0) {
|
|
|
- this.$router.push('oilsupplier/supplier/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId)
|
|
|
- } else {
|
|
|
- this.$router.push('oilsupplier/supplieraudit/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&is_todo=1')
|
|
|
- }
|
|
|
- }
|
|
|
- } else if (val.Type == '2') { // 增项
|
|
|
- let appendId = ''
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'goodsdataopera'
|
|
|
- appendId = '1'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- appendId = '2'
|
|
|
- SupplierType = 'basisdataopera'
|
|
|
- } else {
|
|
|
- appendId = '3'
|
|
|
- SupplierType = 'techdataopera'
|
|
|
- }
|
|
|
- if (Number(val.Status) <= 0) {
|
|
|
- this.$router.push('oilsupplier/supplierappend/' + appendId + '/' + SupplierType + '?Id=' + val.Id + '&editFlag=1&sId=' + val.SupplierId)
|
|
|
- }
|
|
|
- this.$router.push('oilsupplier/addtionaudit/' + val.Id + '/' + SupplierType + '?is_todo=1')
|
|
|
- } else if (val.Type == '3') { // 年审
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'auditoperation'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- SupplierType = 'basicauditoperation'
|
|
|
- } else {
|
|
|
- SupplierType = 'techoperation'
|
|
|
- }
|
|
|
- if (Number(val.Status) <= 0) {
|
|
|
- this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&Status=' + val.Status + '&Step=' + val.Step + '&annualId=' + val.Id)
|
|
|
- } else {
|
|
|
- this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&AnnualStatus=' + val.Status + '&annualId=' + val.Id + '&Step=' + val.Step + '&is_todo=1')
|
|
|
- }
|
|
|
- } else if (val.Type == '4') { // 信息变更
|
|
|
- this.$router.push('/oilsupplier/infochangech/' + val.Id + '/auditoperation?InfoStatus=' + val.Status + '&SupId=' + val.SupplierId + '&is_todo=1')
|
|
|
- } else if (val.Type == '5') { // 企业注册
|
|
|
- this.initDataregister(val.Id)
|
|
|
- } else if (val.Type == '8') { // 发票
|
|
|
- if (val.Status === '未开') {
|
|
|
- this.invoicetitle = '待开发票'
|
|
|
- } else {
|
|
|
- this.invoicetitle = '已开发票'
|
|
|
- }
|
|
|
- this.initInvoiceDatas(val.Id)
|
|
|
- this.invoiceVisible = true
|
|
|
- } else if (val.Type == '9') { // 目录申请
|
|
|
- this.$router.push('/oilsupplier/oilcatalogsub/' + val.Id + '/incomeedit?is_todo=1&type=' + val.SupplierTypeCode)
|
|
|
- } else if (val.Type == '10') { // 日常评价
|
|
|
- if (val.SupplierTypeCode == '01') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-goods/' + val.Id + '/evaluate',
|
|
|
- query: {
|
|
|
- is_todo: 1
|
|
|
+ openAccess () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.supplierTypeOptions = Highcharts.chart('supplier-access-dialog', {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ subtitle: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
}
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '02') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
|
|
|
- query: {
|
|
|
- is_todo: 1
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ series: {
|
|
|
+ label: {
|
|
|
+ connectorAllowed: false
|
|
|
+ },
|
|
|
+ pointStart: 2016
|
|
|
}
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '03') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
|
|
|
- query: {
|
|
|
- is_todo: 1
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '评审准入',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ data: [0, 0, 0, 0, 0, this.ReviewNum]
|
|
|
+ }, {
|
|
|
+ name: '招标准入',
|
|
|
+ color: '#00CACA',
|
|
|
+ data: [0, 0, 0, 0, 0, this.TenderNum]
|
|
|
+ }, {
|
|
|
+ name: '战略准入',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ data: [0, 0, 0, 0, 0, this.StrategicNum]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ responsive: {
|
|
|
+ rules: [{
|
|
|
+ condition: {
|
|
|
+ maxWidth: 500
|
|
|
+ },
|
|
|
+ chartOptions: {
|
|
|
+ // legend: {
|
|
|
+ // layout: 'horizontal',
|
|
|
+ // align: 'center',
|
|
|
+ // verticalAlign: 'bottom'
|
|
|
+ // }
|
|
|
+ legend: {
|
|
|
+ layout: 'center',
|
|
|
+ align: 'right',
|
|
|
+ itemDistance: 150, // 图例项间距
|
|
|
+ verticalAlign: 'top'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ openLevel () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.supplierTypeOptions = Highcharts.chart('supplier-level-dialog', {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ subtitle: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
}
|
|
|
- })
|
|
|
- }
|
|
|
- } else if (val.Type == '11') { // 年度评价
|
|
|
- if (val.SupplierTypeCode == '01') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-goods-year/' + val.Id + '/operation'
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '02') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-basis-year/' + val.Id + '/operation'
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '03') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-service-year/' + val.Id + '/operation'
|
|
|
- })
|
|
|
- }
|
|
|
- } else if (val.Type == '12') { // 日常评价
|
|
|
- if (val.SupplierTypeCode == '01') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-goods/' + val.Id + '/evaluate',
|
|
|
- query: {
|
|
|
- isBusiness: 1,
|
|
|
- is_todo: 1
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ series: {
|
|
|
+ label: {
|
|
|
+ connectorAllowed: false
|
|
|
+ },
|
|
|
+ pointStart: 2016
|
|
|
}
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '02') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
|
|
|
- query: {
|
|
|
- isBusiness: 1,
|
|
|
- is_todo: 1
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '一级供应商',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ data: [0, 0, 0, 0, 0, this.OneLevelGoodsNum]
|
|
|
+ }, {
|
|
|
+ name: '二级制造商',
|
|
|
+ color: '#00CACA',
|
|
|
+ data: [0, 0, 0, 0, 0, this.TwoLevelMakeNum]
|
|
|
+ }, {
|
|
|
+ name: '二级贸易商/代理商',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ data: [0, 0, 0, 0, 0, this.TwoLevelNotMakeNum]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ responsive: {
|
|
|
+ rules: [{
|
|
|
+ condition: {
|
|
|
+ maxWidth: 500
|
|
|
+ },
|
|
|
+ chartOptions: {
|
|
|
+ // legend: {
|
|
|
+ // layout: 'horizontal',
|
|
|
+ // align: 'center',
|
|
|
+ // verticalAlign: 'bottom'
|
|
|
+ // }
|
|
|
+ legend: {
|
|
|
+ layout: 'center',
|
|
|
+ align: 'right',
|
|
|
+ itemDistance: 150, // 图例项间距
|
|
|
+ verticalAlign: 'top'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ openScale () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.supplierTypeOptions = Highcharts.chart('supplier-scale-dialog', {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ subtitle: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
}
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '03') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
|
|
|
- query: {
|
|
|
- isBusiness: 1,
|
|
|
- is_todo: 1
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ series: {
|
|
|
+ label: {
|
|
|
+ connectorAllowed: false
|
|
|
+ },
|
|
|
+ pointStart: 2016
|
|
|
}
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- rowFinishedClick (val) {
|
|
|
- let SupplierType = ''
|
|
|
-
|
|
|
- if (val.Type == '1') { // 准入
|
|
|
- if (val.TaskName == '企管法规处编号、入库') {
|
|
|
- // 待入库状态时直接跳转单独的入库审批页面,.信息变更入库不需要区分类型, 直接审批。
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'goodsedit'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- SupplierType = 'basisedit'
|
|
|
- } else {
|
|
|
- SupplierType = 'techedit'
|
|
|
- }
|
|
|
- this.$router.push('oilsupplier/supplierstorage/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&applytype=' + val.Type)
|
|
|
- } else {
|
|
|
- // 到详情页面
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'goodsedit'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- SupplierType = 'basisedit'
|
|
|
- } else {
|
|
|
- SupplierType = 'techedit'
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '注册资金500万以下',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ data: [0, 0, 0, 0, 0, this.RegCapitalSmall]
|
|
|
+ }, {
|
|
|
+ name: '注册资金500万-1000万',
|
|
|
+ color: '#00CACA',
|
|
|
+ data: [0, 0, 0, 0, 0, this.RegCapital2]
|
|
|
+ }, {
|
|
|
+ name: '注册资金1000万-2000万',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ data: [0, 0, 0, 0, 0, this.RegCapital3]
|
|
|
+ }, {
|
|
|
+ name: '注册资金2000万-5000万',
|
|
|
+ color: '#E87C25',
|
|
|
+ data: [0, 0, 0, 0, 0, this.RegCapital4]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ responsive: {
|
|
|
+ rules: [{
|
|
|
+ condition: {
|
|
|
+ maxWidth: 500
|
|
|
+ },
|
|
|
+ chartOptions: {
|
|
|
+ // legend: {
|
|
|
+ // layout: 'horizontal',
|
|
|
+ // align: 'center',
|
|
|
+ // verticalAlign: 'bottom'
|
|
|
+ // }
|
|
|
+ legend: {
|
|
|
+ layout: 'center',
|
|
|
+ align: 'right',
|
|
|
+ itemDistance: 150, // 图例项间距
|
|
|
+ verticalAlign: 'top'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
}
|
|
|
- // 准入 且审批未通过之后 创建人中的待办按钮
|
|
|
- this.$router.push('oilsupplier/supplieraudit/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId)
|
|
|
- }
|
|
|
- } else if (val.Type == '2') { // 增项
|
|
|
- let appendId = ''
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'goodsdataopera'
|
|
|
- appendId = '1'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- appendId = '2'
|
|
|
- SupplierType = 'basisdataopera'
|
|
|
- } else {
|
|
|
- appendId = '3'
|
|
|
- SupplierType = 'techdataopera'
|
|
|
- }
|
|
|
- this.$router.push('oilsupplier/addtionaudit/' + val.Id + '/' + SupplierType)
|
|
|
- } else if (val.Type == '3') { // 年审
|
|
|
- if (val.SupplierTypeCode === '01') {
|
|
|
- SupplierType = 'auditoperation'
|
|
|
- } else if (val.SupplierTypeCode === '02') {
|
|
|
- SupplierType = 'basicauditoperation'
|
|
|
- } else {
|
|
|
- SupplierType = 'techoperation'
|
|
|
- }
|
|
|
- this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&AnnualStatus=' + val.Status + '&annualId=' + val.Id + '&Step=' + val.Step)
|
|
|
- } else if (val.Type == '4') { // 信息变更
|
|
|
- this.$router.push('/oilsupplier/infochangech/' + val.Id + '/auditoperation?InfoStatus=' + val.Status + '&SupId=' + val.SupplierId)
|
|
|
- } else if (val.Type == '5') { // 企业注册
|
|
|
- this.initDataregister(val.Id)
|
|
|
- } else if (val.Type == '8') { // 发票
|
|
|
- if (val.Status === '未开') {
|
|
|
- this.invoicetitle = '待开发票'
|
|
|
- } else {
|
|
|
- this.invoicetitle = '已开发票'
|
|
|
- }
|
|
|
- this.initInvoiceDatas(val.Id)
|
|
|
- this.invoiceVisible = true
|
|
|
- } else if (val.Type == '9') { // 目录申请
|
|
|
- this.$router.push('/oilsupplier/oilcatalogsub/' + val.Id + '/incomeedit')
|
|
|
- } else if (val.Type == '10') { // 日常评价 评价呀
|
|
|
- if (val.SupplierTypeCode == '01') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-goods/' + val.Id + '/evaluate'
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '02') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-basis/' + val.Id + '/evaluate'
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '03') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-service/' + val.Id + '/evaluate'
|
|
|
- })
|
|
|
- }
|
|
|
- } else if (val.Type == '11') { // 年度评价 评价呀
|
|
|
- if (val.SupplierTypeCode == '01') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-goods-year/' + val.Id + '/operation'
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '02') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-basis-year/' + val.Id + '/operation'
|
|
|
- })
|
|
|
- } else if (val.SupplierTypeCode == '03') {
|
|
|
- this.$router.push({
|
|
|
- path: '/oilcontract/contract-service-year/' + val.Id + '/operation'
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
+ })
|
|
|
+ })
|
|
|
},
|
|
|
-
|
|
|
- initInvoiceDatas (Id) {
|
|
|
- let params = {
|
|
|
- Id: Id
|
|
|
+ moreButton (value) {
|
|
|
+ console.log('2222type')
|
|
|
+ switch (value) {
|
|
|
+ case 'type':
|
|
|
+ this.typeVisible = true
|
|
|
+ break
|
|
|
+ case 'access':
|
|
|
+ this.accessVisible = true
|
|
|
+ break
|
|
|
+ case 'level':
|
|
|
+ this.levelVisible = true
|
|
|
+ break
|
|
|
+ case 'scale':
|
|
|
+ this.scaleVisible = true
|
|
|
+ break
|
|
|
+ default:
|
|
|
+ break
|
|
|
}
|
|
|
- api.getInvoiceData(params, this.$axios).then(res => {
|
|
|
- this.formDataInvoice = res.data.items['invoiceinfo']
|
|
|
- this.paymentinfoList = res.data.items['paymentinfos']
|
|
|
- }).catch(err => {
|
|
|
- console.error(err)
|
|
|
- })
|
|
|
},
|
|
|
- bigImg (url) {
|
|
|
- this.bigUrl = url
|
|
|
- this.legalPersonImgVisible = true
|
|
|
+ pushToDo (type) {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/tasks',
|
|
|
+ query: {
|
|
|
+ chartType: type
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- bigImg1 (url) {
|
|
|
- this.bigUrl = url
|
|
|
- this.legalPersonImg1Visible = true
|
|
|
+ getToDoNumList () {
|
|
|
+ this.$axios.get('/supplier/todoNum', {}).then(res => {
|
|
|
+ this.newAccessNum = res.data.SupplierNum
|
|
|
+ this.appendNum = res.data.AppendNum
|
|
|
+ this.annualNum = res.data.AnnualNum
|
|
|
+ this.infoChangeNum = res.data.InfoChangeNum
|
|
|
+ this.evaluationNum = res.data.EvaluationNum
|
|
|
+ })
|
|
|
},
|
|
|
- initDataregister (Id) {
|
|
|
- let _this = this
|
|
|
- const params = {
|
|
|
- _currentPage: _this.currentPage,
|
|
|
- _size: _this.size,
|
|
|
- Name: _this.searchForm.SupplierName
|
|
|
- }
|
|
|
- this.$axios.get('/register/get/' + Id)
|
|
|
- .then(function (response) {
|
|
|
- _this.formData = response.data
|
|
|
- _this.dialogVisible = true
|
|
|
- // 处理URL
|
|
|
- _this.urlList = []
|
|
|
- let urlArr = _this.formData.LegalPersonURL.split('&')
|
|
|
- if (urlArr) {
|
|
|
- for (let i = 0; i < urlArr.length; i++) {
|
|
|
- let tempURL = urlArr[i].split('|')
|
|
|
- if (tempURL[0].indexOf('/upfile') === 0) {
|
|
|
- const myDomain = window.location.host
|
|
|
- _this.urlList.push('http://' + myDomain + tempURL[0])
|
|
|
- } else {
|
|
|
- _this.urlList.push('http://' + tempURL[0])
|
|
|
+ getSupplierChart () {
|
|
|
+ this.$axios.get('/supplier/statistic', {}).then(res => {
|
|
|
+ this.GoodsNum = res.data.GoodsNum
|
|
|
+ this.BasNum = res.data.BasNum
|
|
|
+ this.TecNum = res.data.TecNum
|
|
|
+ this.ReviewNum = res.data.ReviewNum // 评审准入
|
|
|
+ this.StrategicNum = res.data.StrategicNum
|
|
|
+ this.TenderNum = res.data.TenderNum // 招标准入
|
|
|
+ this.OneLevelGoodsNum = res.data.OneLevelGoodsNum
|
|
|
+ this.TwoLevelMakeNum = res.data.TwoLevelMakeNum
|
|
|
+ this.TwoLevelNotMakeNum = res.data.TwoLevelNotMakeNum
|
|
|
+ this.RegCapitalSmall = res.data.RegCapitalSmall
|
|
|
+ this.RegCapital2 = res.data.RegCapital2
|
|
|
+ this.RegCapital3 = res.data.RegCapital3
|
|
|
+ this.RegCapital4 = res.data.RegCapital4
|
|
|
+ this.RegCapitalBig = res.data.RegCapitalBig
|
|
|
+ this.supplierTypeOptions = Highcharts.chart('supplier-type', {
|
|
|
+ chart: {
|
|
|
+ type: 'pie',
|
|
|
+ backgroundColor: 'rgba(0,0,0,0)',
|
|
|
+ marginLeft: 1, // 饼图距左距离
|
|
|
+ options3d: {
|
|
|
+ enabled: true,
|
|
|
+ alpha: 45,
|
|
|
+ beta: 0,
|
|
|
+ viewDistance: 25
|
|
|
+ }
|
|
|
+ },
|
|
|
+ title: false,
|
|
|
+ tooltip: {
|
|
|
+ pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ pie: {
|
|
|
+ size: '100%', // 饼图大小
|
|
|
+ allowPointSelect: false, // 设置饼图不可点击选择
|
|
|
+ cursor: 'pointer',
|
|
|
+ depth: 30, // 饼图的厚度
|
|
|
+ dataLabels: {
|
|
|
+ enabled: false, // 隐藏连线提示
|
|
|
+ format: '{point.name}'
|
|
|
+ },
|
|
|
+ showInLegend: true,
|
|
|
+ point: {
|
|
|
+ events: {
|
|
|
+ legendItemClick: function (e) {
|
|
|
+ e.preventDefault()
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ type: 'pie',
|
|
|
+ name: '占比',
|
|
|
+ // #6c757d #007fbb rgba(200,55,52)
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ name: '供应商 ' + res.data.GoodsNum + ' 家',
|
|
|
+ // color: 'rgba(47,81,119)',
|
|
|
+ // color: 'rgba(255,140,0)',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ y: res.data.GoodsNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '服务商 ' + res.data.TecNum + ' 家',
|
|
|
+ // color: '#E87C25',
|
|
|
+ // color: '#00CACA',
|
|
|
+ color: '#00CACA',
|
|
|
+ y: res.data.TecNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '承包商 ' + res.data.BasNum + ' 家',
|
|
|
+ // color: '#4A4AFF',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ y: res.data.BasNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ x: -10,
|
|
|
+ enabled: true,
|
|
|
+ layout: 'vertical',
|
|
|
+ align: 'right',
|
|
|
+ verticalAlign: 'bottom', // middle bottom
|
|
|
+ borderWidth: 0,
|
|
|
+ borderRadius: 0,
|
|
|
+ itemMarginTop: 10, // 图例每行举上高度
|
|
|
+ itemMarginBottom: 10,
|
|
|
+ itemStyle: {
|
|
|
+ fontWeight: 'bold',
|
|
|
+ fontSize: 18 // 图例项文字大小
|
|
|
+ },
|
|
|
+ squareSymbol: true, // 默认就是true
|
|
|
+ itemDistance: 150, // 图例项间距
|
|
|
+ symbolHeight: 12,
|
|
|
+ symbolWidth: 12,
|
|
|
+ symbolRadius: 1 // 将图例圆角设置为 值越大就变圆点 https://api.highcharts.com.cn/highcharts#legend.symbolRadius
|
|
|
}
|
|
|
- _this.urlList2 = []
|
|
|
- let urlArr2 = _this.formData.ContactURL.split('&')
|
|
|
- if (urlArr2) {
|
|
|
- for (let i = 0; i < urlArr2.length; i++) {
|
|
|
- let tempURL = urlArr2[i].split('|')
|
|
|
- if (tempURL[0].indexOf('/upfile') === 0) {
|
|
|
- const myDomain = window.location.host
|
|
|
- _this.urlList2.push('http://' + myDomain + tempURL[0])
|
|
|
- } else {
|
|
|
- _this.urlList2.push('http://' + tempURL[0])
|
|
|
+ })
|
|
|
+ this.accessTypeOptions = Highcharts.chart('access-type', {
|
|
|
+ chart: {
|
|
|
+ type: 'pie',
|
|
|
+ marginLeft: 1, // 饼图距左距离
|
|
|
+ options3d: {
|
|
|
+ enabled: true,
|
|
|
+ alpha: 45,
|
|
|
+ beta: 0,
|
|
|
+ viewDistance: 25
|
|
|
+ }
|
|
|
+ },
|
|
|
+ title: false,
|
|
|
+ tooltip: {
|
|
|
+ pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ pie: {
|
|
|
+ size: '100%', // 饼图大小
|
|
|
+ allowPointSelect: false, // 设置饼图不可点击选择
|
|
|
+ cursor: 'pointer',
|
|
|
+ depth: 30, // 饼图的厚度
|
|
|
+ dataLabels: {
|
|
|
+ enabled: false, // 隐藏连线提示
|
|
|
+ format: '{point.name}'
|
|
|
+ },
|
|
|
+ showInLegend: true,
|
|
|
+ point: {
|
|
|
+ events: {
|
|
|
+ legendItemClick: function (e) {
|
|
|
+ e.preventDefault()
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ type: 'pie',
|
|
|
+ name: '占比',
|
|
|
+ // #6c757d #007fbb #c7000a
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ name: '评审准入 ' + res.data.ReviewNum + ' 家',
|
|
|
+ // color: 'rgba(200,55,52)',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ y: res.data.ReviewNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '招标准入 ' + res.data.TenderNum + ' 家',
|
|
|
+ color: '#00CACA',
|
|
|
+ y: res.data.TenderNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '战略准入 ' + res.data.StrategicNum + ' 家',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ y: res.data.StrategicNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ enabled: true,
|
|
|
+ layout: 'vertical',
|
|
|
+ align: 'right',
|
|
|
+ verticalAlign: 'bottom',
|
|
|
+ borderWidth: 0,
|
|
|
+ borderRadius: 0,
|
|
|
+ itemMarginTop: 10,
|
|
|
+ itemMarginBottom: 10,
|
|
|
+ itemStyle: {
|
|
|
+ fontWeight: 'bold',
|
|
|
+ fontSize: 18 // 图例项文字大小
|
|
|
+ },
|
|
|
+ squareSymbol: true, // 默认就是true
|
|
|
+ itemDistance: 150, // 图例项间距
|
|
|
+ symbolHeight: 12,
|
|
|
+ symbolWidth: 12,
|
|
|
+ symbolRadius: 1 // 将图例圆角设置为 值越大就变圆点 https://api.highcharts.com.cn/highcharts#legend.symbolRadius
|
|
|
}
|
|
|
})
|
|
|
- .catch(function (error) {
|
|
|
- console.log(error)
|
|
|
- })
|
|
|
- },
|
|
|
- ComAudit () {
|
|
|
- this.Auditshow = true
|
|
|
- },
|
|
|
- // 审核
|
|
|
- makeSure () {
|
|
|
- if (this.shenheForm.AuditorRemark.trim().length < 1) {
|
|
|
- this.$message({
|
|
|
- duration: 10000,
|
|
|
- type: 'warning',
|
|
|
- message: '请填写审批意见！'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- this.checkstatus()
|
|
|
- },
|
|
|
- // 审核未通过
|
|
|
- checkstatus () {
|
|
|
- let _this = this
|
|
|
- _this.btnLoading = true
|
|
|
- const params = _this.shenheForm
|
|
|
- _this.$axios.post('/register/comaudit/', _this.formData, {params})
|
|
|
- .then(res => {
|
|
|
- if (res.data.code === 0) {
|
|
|
- _this.$message({
|
|
|
- duration: 10000,
|
|
|
- type: 'success',
|
|
|
- message: res.data.message
|
|
|
- })
|
|
|
- // 关闭dialog
|
|
|
- _this.Auditshow = false
|
|
|
- _this.dialogVisible = false
|
|
|
- // 更新列表
|
|
|
- _this.initDatas()
|
|
|
- } else {
|
|
|
- _this.$message({
|
|
|
- duration: 10000,
|
|
|
- type: 'warning',
|
|
|
- message: res.data.message
|
|
|
- })
|
|
|
+ this.supplierLevelOptions = Highcharts.chart('supplier-level', {
|
|
|
+ chart: {
|
|
|
+ type: 'pie',
|
|
|
+ marginLeft: 1, // 饼图距左距离
|
|
|
+ options3d: {
|
|
|
+ enabled: true,
|
|
|
+ alpha: 45,
|
|
|
+ beta: 0,
|
|
|
+ viewDistance: 25
|
|
|
+ }
|
|
|
+ },
|
|
|
+ title: false,
|
|
|
+ tooltip: {
|
|
|
+ pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ pie: {
|
|
|
+ size: '100%', // 饼图大小
|
|
|
+ allowPointSelect: false, // 设置饼图不可点击选择
|
|
|
+ cursor: 'pointer',
|
|
|
+ depth: 30, // 饼图的厚度
|
|
|
+ dataLabels: {
|
|
|
+ enabled: false, // 隐藏连线提示
|
|
|
+ format: '{point.name}'
|
|
|
+ },
|
|
|
+ showInLegend: true,
|
|
|
+ point: {
|
|
|
+ events: {
|
|
|
+ legendItemClick: function (e) {
|
|
|
+ e.preventDefault()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ type: 'pie',
|
|
|
+ name: '占比',
|
|
|
+ // #6c757d #4A4AFF #c7000a
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ name: '一级供应商 ' + res.data.OneLevelGoodsNum + ' 家',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ y: res.data.OneLevelGoodsNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '二级制造商 ' + res.data.TwoLevelMakeNum + ' 家',
|
|
|
+ color: '#00CACA',
|
|
|
+ y: res.data.TwoLevelMakeNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '二级贸易/代理商 ' + res.data.TwoLevelNotMakeNum + ' 家',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ y: res.data.TwoLevelNotMakeNum,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ enabled: true,
|
|
|
+ layout: 'vertical',
|
|
|
+ align: 'right',
|
|
|
+ verticalAlign: 'bottom',
|
|
|
+ borderWidth: 0,
|
|
|
+ borderRadius: 0,
|
|
|
+ itemMarginTop: 10,
|
|
|
+ itemMarginBottom: 10,
|
|
|
+ itemStyle: {
|
|
|
+ fontWeight: 'bold',
|
|
|
+ fontSize: 18 // 图例项文字大小
|
|
|
+ },
|
|
|
+ squareSymbol: true, // 默认就是true
|
|
|
+ itemDistance: 150, // 图例项间距
|
|
|
+ symbolHeight: 12,
|
|
|
+ symbolWidth: 12,
|
|
|
+ symbolRadius: 1 // 将图例圆角设置为 值越大就变圆点 https://api.highcharts.com.cn/highcharts#legend.symbolRadius
|
|
|
}
|
|
|
- this.btnLoading = false
|
|
|
- })
|
|
|
- .catch(err => {
|
|
|
- console.error(err)
|
|
|
})
|
|
|
- },
|
|
|
- ensureOption () {
|
|
|
- let _this = this
|
|
|
- _this.$axios.post('/register/adduser/', _this.formData)
|
|
|
- .then(res => {
|
|
|
- if (res.data.code === 0) {
|
|
|
- _this.$message({
|
|
|
- duration: 10000,
|
|
|
- type: 'success',
|
|
|
- message: res.data.message
|
|
|
- })
|
|
|
- // 关闭dialog
|
|
|
- _this.dialogVisible = false
|
|
|
- // 更新列表
|
|
|
- this.initDatas()
|
|
|
- } else {
|
|
|
- _this.$message({
|
|
|
- duration: 10000,
|
|
|
- type: 'warning',
|
|
|
- message: res.data.message
|
|
|
- })
|
|
|
+ this.supplierScaleOption = Highcharts.chart('supplier-scale', {
|
|
|
+ chart: {
|
|
|
+ type: 'pie',
|
|
|
+ marginLeft: 1, // 饼图距左距离
|
|
|
+ options3d: {
|
|
|
+ enabled: true,
|
|
|
+ alpha: 45,
|
|
|
+ beta: 0,
|
|
|
+ viewDistance: 25
|
|
|
+ }
|
|
|
+ },
|
|
|
+ title: false,
|
|
|
+ tooltip: {
|
|
|
+ pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ pie: {
|
|
|
+ size: '100%', // 饼图大小
|
|
|
+ allowPointSelect: false, // 设置饼图不可点击选择
|
|
|
+ cursor: 'pointer',
|
|
|
+ depth: 30, // 饼图的厚度
|
|
|
+ dataLabels: {
|
|
|
+ enabled: false, // 隐藏连线提示
|
|
|
+ format: '{point.name}'
|
|
|
+ },
|
|
|
+ showInLegend: true,
|
|
|
+ point: {
|
|
|
+ events: {
|
|
|
+ legendItemClick: function (e) {
|
|
|
+ e.preventDefault()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ type: 'pie',
|
|
|
+ name: '占比',
|
|
|
+ // #6c757d #4A4AFF #c7000a
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ name: '注册资金500万以下 ' + res.data.RegCapitalSmall + ' 家',
|
|
|
+ // color: '#FE8463',
|
|
|
+ // color: 'rgba(200,55,52)',
|
|
|
+ color: '#4A4AFF',
|
|
|
+ y: res.data.RegCapitalSmall,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '注册资金500万-1000万 ' + res.data.RegCapital2 + ' 家',
|
|
|
+ color: '#00CACA',
|
|
|
+ y: res.data.RegCapital2,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '注册资金1000万-2000万 ' + res.data.RegCapital3 + ' 家',
|
|
|
+ color: 'rgba(184,210,124)',
|
|
|
+ y: res.data.RegCapital3,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }, {
|
|
|
+ name: '注册资金2000万-5000万 ' + res.data.RegCapital4 + ' 家',
|
|
|
+ color: '#E87C25',
|
|
|
+ y: res.data.RegCapital4,
|
|
|
+ sliced: false, // 是否默认突出
|
|
|
+ selected: false
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false // 不显示LOGO
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ enabled: true,
|
|
|
+ layout: 'vertical',
|
|
|
+ align: 'right',
|
|
|
+ verticalAlign: 'bottom',
|
|
|
+ borderWidth: 0,
|
|
|
+ borderRadius: 0,
|
|
|
+ itemMarginTop: 10,
|
|
|
+ itemMarginBottom: 10,
|
|
|
+ itemStyle: {
|
|
|
+ fontWeight: 'bold',
|
|
|
+ fontSize: 18 // 图例项文字大小
|
|
|
+ },
|
|
|
+ squareSymbol: true, // 默认就是true
|
|
|
+ itemDistance: 10, // 图例项间距
|
|
|
+ symbolHeight: 12,
|
|
|
+ symbolWidth: 12,
|
|
|
+ symbolRadius: 1 // 将图例圆角设置为 值越大就变圆点 https://api.highcharts.com.cn/highcharts#legend.symbolRadius
|
|
|
}
|
|
|
})
|
|
|
- .catch(err => {
|
|
|
- console.error(err)
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
- finishedData () {
|
|
|
- this.loading = true
|
|
|
- let myCreateOn = []
|
|
|
- // 解析时间
|
|
|
- if (this.CreateOn != null && this.CreateOn.length === 2) {
|
|
|
- this.CreateOn[1].setHours(23)
|
|
|
- this.CreateOn[1].setMinutes(59)
|
|
|
- this.CreateOn[1].setSeconds(59)
|
|
|
- myCreateOn.push(this.formatDateTime(this.CreateOn[0]))
|
|
|
- myCreateOn.push(this.formatDateTime(this.CreateOn[1]))
|
|
|
- }
|
|
|
- // 分页及列表条件
|
|
|
- let params = {
|
|
|
- _currentPage: this.currentPageFinished,
|
|
|
- _size: this.sizeFinished,
|
|
|
- Order: this.ColumnFinished.Order,
|
|
|
- Prop: this.ColumnFinished.Prop,
|
|
|
- CreateOn: myCreateOn.join(',')
|
|
|
- }
|
|
|
- // 查询条件
|
|
|
- Object.assign(params, this.searchForm)
|
|
|
- api.getMyTaskFinished(params, this.$axios).then(res => {
|
|
|
- this.entityListdone = res.data.items
|
|
|
- this.currentItemCountFinished = res.data.currentItemCount
|
|
|
- this.loading = false
|
|
|
- }).catch(err => {
|
|
|
- console.error(err)
|
|
|
+ this.downloading = false
|
|
|
})
|
|
|
- },
|
|
|
- /** statusStr (val, type) {
|
|
|
- if (type == '1') { //准入
|
|
|
- this.statusApplyStr()
|
|
|
- } else if (type == '2') { //增项
|
|
|
- this.statusApplyStr()
|
|
|
- } else if (type == '3') { //年审
|
|
|
-
|
|
|
- } else if (type == '4') { //信息变更
|
|
|
-
|
|
|
- } else if (type == '5') { //企业注册
|
|
|
-
|
|
|
- } else if (type == '8') { //发票
|
|
|
-
|
|
|
- } else if (type == '9') { //目录申请
|
|
|
-
|
|
|
- }
|
|
|
- }, */
|
|
|
- statusStr (val, type) {
|
|
|
- switch (val) {
|
|
|
- case '':
|
|
|
- return '待提交'
|
|
|
- case '0':
|
|
|
- if (type == '5') { // 企业注册
|
|
|
- return '待审核'
|
|
|
- } else {
|
|
|
- return '待提交'
|
|
|
- }
|
|
|
- case '1':
|
|
|
- return '待初审'
|
|
|
- case '2':
|
|
|
- return '待复审'
|
|
|
- case '3':
|
|
|
- return '待专业处室分办'
|
|
|
- case '4':
|
|
|
- return '待专业处室审批'
|
|
|
- case '5':
|
|
|
- if (type == '3') { // 年审
|
|
|
- return '待企管法规处审批'
|
|
|
- } else if (type == '4') { // 信息变更
|
|
|
- return '待企管法规处审批'
|
|
|
- } else if (type == '9') { // 目录申请
|
|
|
- return '待企管法规处审批'
|
|
|
- } else {
|
|
|
- return '待集中评审'
|
|
|
- }
|
|
|
- case '6':
|
|
|
- return '待交费'
|
|
|
- case '7':
|
|
|
- if (type == '10' || type == '11' || type == '12') {
|
|
|
- return '待企管法规处审批'
|
|
|
- } else {
|
|
|
- return '待入库'
|
|
|
- }
|
|
|
- case '8':
|
|
|
- if (type == '10' || type == '11' || type == '12') {
|
|
|
- return '已完成'
|
|
|
- } else {
|
|
|
- return '已入库'
|
|
|
- }
|
|
|
- case '9':
|
|
|
- return '待企管法规处审批'
|
|
|
- case '10':
|
|
|
- return '分办'
|
|
|
- case '11':
|
|
|
- return '审核完成'
|
|
|
- case '-1':
|
|
|
- if (type == '5') {
|
|
|
- return '审核未通过'
|
|
|
- } else {
|
|
|
- return '初审未通过'
|
|
|
- }
|
|
|
- case '-2':
|
|
|
- return '复审未通过'
|
|
|
- case '-3':
|
|
|
- return '专业处室分办未通过'
|
|
|
- case '-4':
|
|
|
- return '专业处室审批未通过'
|
|
|
- case '-5':
|
|
|
- if (type == '3') { // 年审
|
|
|
- return '企管法规处审批未通过'
|
|
|
- } else if (type == '4') { // 信息变更
|
|
|
- return '企管法规处审批未通过'
|
|
|
- } else if (type == '9') { // 目录申请
|
|
|
- return '待企管法规处审批'
|
|
|
- } else {
|
|
|
- return '集中评审未通过'
|
|
|
- }
|
|
|
- case '-7':
|
|
|
- return '入库未通过'
|
|
|
- case '-9':
|
|
|
- return '企管法规处审批未通过'
|
|
|
- case '-10':
|
|
|
- return '二级单位分办未通过'
|
|
|
- default:
|
|
|
- return val
|
|
|
- }
|
|
|
- },
|
|
|
- transferStr (val) {
|
|
|
- if (val === '1') {
|
|
|
- return '准入交费'
|
|
|
- } else if (val === '2') {
|
|
|
- return '年审交费'
|
|
|
- } else if (val === '3') {
|
|
|
- return '增项交费'
|
|
|
- } else if (val === '7') {
|
|
|
- return '信息变更交费'
|
|
|
- } else {
|
|
|
- return val
|
|
|
- }
|
|
|
- },
|
|
|
- timestampToTime (val) {
|
|
|
- let date = new Date(val) // 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
|
|
- let offsetGMT = new Date().getTimezoneOffset()
|
|
|
- if (offsetGMT !== -480) {
|
|
|
- date = new Date(val + offsetGMT * 60 * 1000 + 8 * 60 * 60 * 1000)
|
|
|
- }
|
|
|
- let Y = date.getFullYear() + '-'
|
|
|
- let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
|
|
|
- let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
|
|
|
- let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
|
|
|
- let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
|
|
|
- let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
|
|
|
- return Y + M + D + h + m + s
|
|
|
- },
|
|
|
- jstimehandle (val) {
|
|
|
- if (val === '') {
|
|
|
- return '----'
|
|
|
- } else if (val === '0001-01-01T08:00:00+08:00') {
|
|
|
- return '----'
|
|
|
- } else if (val === '5000-01-01T23:59:59+08:00') {
|
|
|
- return '永久'
|
|
|
- } else if (val === '1970-01-01 8:0:0') {
|
|
|
- return '----'
|
|
|
- } else if (val === '1970-01-1 8:0:0') {
|
|
|
- return '----'
|
|
|
- } else {
|
|
|
- val = val.replace('T', ' ')
|
|
|
- return val.substring(0, 19)
|
|
|
- }
|
|
|
- },
|
|
|
- formatDateTime (date) {
|
|
|
- var y = date.getFullYear()
|
|
|
- var m = date.getMonth() + 1
|
|
|
- m = m < 10 ? ('0' + m) : m
|
|
|
- var d = date.getDate()
|
|
|
- d = d < 10 ? ('0' + d) : d
|
|
|
- var h = date.getHours()
|
|
|
- h = h < 10 ? ('0' + h) : h
|
|
|
- var minute = date.getMinutes()
|
|
|
- minute = minute < 10 ? ('0' + minute) : minute
|
|
|
- return y + '-' + m + '-' + d + ' ' + h + ':' + minute
|
|
|
- },
|
|
|
- formatDateTimeymd (date) {
|
|
|
- var y = date.getFullYear()
|
|
|
- var m = date.getMonth() + 1
|
|
|
- m = m < 10 ? ('0' + m) : m
|
|
|
- var d = date.getDate()
|
|
|
- d = d < 10 ? ('0' + d) : d
|
|
|
- return y + '-' + m + '-' + d
|
|
|
- },
|
|
|
- handleCurrentChangeFinished (value) {
|
|
|
- this.currentPageFinished = value
|
|
|
- this.finishedData()
|
|
|
- },
|
|
|
- handleSizeChangeFinished (value) {
|
|
|
- this.sizeFinished = value
|
|
|
- this.currentPageFinished = 1
|
|
|
- this.finishedData()
|
|
|
- },
|
|
|
- handleCurrentChange (value) {
|
|
|
- this.currentPage = value
|
|
|
- this.initDatas()
|
|
|
- },
|
|
|
- handleSizeChange (value) {
|
|
|
- this.size = value
|
|
|
- this.currentPage = 1
|
|
|
- this.initDatas()
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss">
|
|
|
- .el-pagination {
|
|
|
- margin: 1rem 0 2rem;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
- .item {
|
|
|
- margin-top: 10px;
|
|
|
- margin-right: 40px;
|
|
|
- }
|
|
|
- .table-layout {
|
|
|
- margin-top: 20px;
|
|
|
- border-left: 1px solid #DCDFE6;
|
|
|
- border-top: 1px solid #DCDFE6;
|
|
|
- }
|
|
|
- .table-cell {
|
|
|
- height: 40px;
|
|
|
- /*line-height: 20px;*/
|
|
|
- border-right: 1px solid #DCDFE6;
|
|
|
- border-bottom: 1px solid #DCDFE6;
|
|
|
- padding: 10px;
|
|
|
- font-size: 14px;
|
|
|
- color: #606266;
|
|
|
- text-align: center;
|
|
|
- overflow: hidden;
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .avatar-index {
|
|
|
+ width: 45px;
|
|
|
+ height: 45px;
|
|
|
+ margin-top: -15px;
|
|
|
+ margin-bottom: -15px;
|
|
|
}
|
|
|
|
|
|
- .table-cell-title {
|
|
|
- border-right: 1px solid #DCDFE6;
|
|
|
- border-bottom: 1px solid #DCDFE6;
|
|
|
- padding: 10px;
|
|
|
- background: #F2F6FC;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- color: #303133;
|
|
|
+ .home-show .el-card__header {
|
|
|
+ /*padding: 5px 10px;*/
|
|
|
+ /*font-size: 10px;*/
|
|
|
+ }
|
|
|
+ .home-body {
|
|
|
+ padding: 0 5px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .todo-box {
|
|
|
+ display: flex;
|
|
|
+ height: 25%;
|
|
|
+ padding-top: 0;
|
|
|
+ margin-bottom: 1%;
|
|
|
+ .todo-box-item {
|
|
|
+ width: 20%;
|
|
|
+ margin: 0 5px;
|
|
|
+ padding: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: black;
|
|
|
+ background-color: white;
|
|
|
+ .title {
|
|
|
+ width: 100%;
|
|
|
+ height: 40%;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .number {
|
|
|
+ width: 100%;
|
|
|
+ height: 60%;
|
|
|
+ font-size: 26px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .chart-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 75%;
|
|
|
+ padding-top: 0;
|
|
|
+ margin-bottom: 1%;
|
|
|
+ .chart-box-row {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ height: 50%;
|
|
|
+ padding-top: 0;
|
|
|
+ margin-bottom: 1%;
|
|
|
+ .chart-box-row-item {
|
|
|
+ position: relative;
|
|
|
+ width: 50%;
|
|
|
+ height: 100%;
|
|
|
+ padding-top: 0;
|
|
|
+ margin: 0 7px 1%;
|
|
|
+ background-color: white;
|
|
|
+ .item-more-button {
|
|
|
+ z-index: 1;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ right: 20px;
|
|
|
+ /*display:table-cell;*/
|
|
|
+ vertical-align:middle;
|
|
|
+ /*height: 15%;*/
|
|
|
+ /*padding-top: 20px;*/
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: right;
|
|
|
+ color: #2F79F6;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding-right: 20px;
|
|
|
+ }
|
|
|
+ .item-chart-body {
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ .item-high-chart {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 80%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .item-dialog {
|
|
|
+ width: 100%;
|
|
|
+ height: 600px;
|
|
|
+ border: 1px solid #F56C6C;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
</style>
|
baichengfei