2
3
wd 4 rokov pred
rodič
commit
e0131ca98a

+ 3 - 0
src/dashoo.cn/frontend_web/nuxt.config.js

@@ -43,6 +43,9 @@ module.exports = {
       },
       {
         src: '/js/printUtilities.js'
+      },
+      {
+        src: '/js/webSiteManage.js'
       }
     ],
   },

+ 3 - 0
src/dashoo.cn/frontend_web/nuxt.config.prod.js

@@ -38,6 +38,9 @@ module.exports = {
       },
       {
         src: '/js/printUtilities.js'
+      },
+      {
+        src: '/js/webSiteManage.js'
       }
     ],
   },

+ 1264 - 840
src/dashoo.cn/frontend_web/src/pages/index.vue

@@ -1,886 +1,1310 @@
 <template>
-  <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>
-      <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" :option="supplierTypeOptions"></div>
-            <div class="item-high-legend">
-              <div class="legend">
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #c7000a"></div>
-                  <div class="content">供应商 {{ GoodsNum }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #007fbb"></div>
-                  <div class="content">服务商 {{ TecNum }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #6c757d"></div>
-                  <div class="content">承包商 {{ BasNum }} 家</div>
-                </div>
+  <div style="overflow-y: auto">
+    <el-card class="box-card">
+      <span>
+          <i class="icon icon-table2"></i> &nbsp;待办/已办
+        </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">-->
+          <!--&lt;!&ndash;<template slot-scope="scope">&ndash;&gt;-->
+          <!--&lt;!&ndash;{{statusStr(scope.row.Status, scope.row.Type)}}&ndash;&gt;-->
+          <!--&lt;!&ndash;</template>&ndash;&gt;-->
+          <!--</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>
-            </div>
-          </div>
-        </div>
-        <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" :option="accessTypeOptions"></div>
-            <div class="item-high-legend">
-              <div class="legend">
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #c7000a"></div>
-                  <div class="content">评审准入 {{ ReviewNum }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #007fbb"></div>
-                  <div class="content">招标准入 {{ TenderNum }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #6c757d"></div>
-                  <div class="content">战略准入 {{ StrategicNum }} 家</div>
-                </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>
-            </div>
-          </div>
-        </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>
-      <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" :option="supplierLevelOptions"></div>
-            <div class="item-high-legend">
-              <div class="legend">
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #c7000a"></div>
-                  <div class="content">一级供应商 {{ GoodsNum }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #007fbb"></div>
-                  <div class="content">二级制造商 {{ TecNum }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #6c757d"></div>
-                  <div class="content">二级贸易商/代理商 {{ BasNum }} 家</div>
-                </div>
-              </div>
-            </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>
-        <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 class="item-high-legend">
-              <div class="legend">
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #c7000a"></div>
-                  <div class="content">注册资金500万以下 {{ RegCapitalSmall }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #007fbb"></div>
-                  <div class="content">注册资金500万-1000万 {{ RegCapital2 }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #6c757d"></div>
-                  <div class="content">注册资金1000万-2000万 {{ RegCapital3 }} 家</div>
-                </div>
-                <div class="legend-row">
-                  <div class="color-box" style="background-color: #0099CC"></div>
-                  <div class="content">注册资金2000万-5000万 {{ RegCapital4 }} 家</div>
-                </div>
-              </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>
-      </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-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>
+        <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="''" @open="openAccess()" append-to-body :visible.sync="accessVisible" style="height: 800px">
-      <div id="supplier-access-dialog" class="item-dialog"></div>
+    <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>
     </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
+      title="法定代表人有效证件扫描件"
+      :visible.sync="legalPersonImgVisible"
+      width="40%">
+      <el-image :src="bigUrl"></el-image>
     </el-dialog>
-    <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
+      title="联系人有效证件扫描件"
+      :visible.sync="legalPersonImg1Visible"
+      width="40%">
+      <el-image :src="bigUrl"></el-image>
     </el-dialog>
   </div>
 </template>
 
 <script>
-  import Highcharts from 'highcharts'
-  import {
-    mapGetters
-  } from 'vuex'
-  export default {
-    name: 'index',
-    data () {
-      return {
-        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,
-        // 折线数据
-        LineTypeRecentFive: [],
-        supplierTypeOptions: null,
-        accessTypeOptions: null,
-        supplierLevelOptions: null,
-        supplierScaleOption: null,
-        chartColor: [
-          '#c7000a', '#007fbb', '#6c757d', '#0099CC',
-          '#4A4AFF', '#00CACA', '#3CB371',
-          '#24CBE5', '#DDDF00', '#ED561B', '#64E572',
-          '#6A5ACD', '#B5C334', '#FCCE10',
-          '#E87C25', '#27727B', '#FE8463',
-          '#9BCA63', '#FAD860', '#F3A43B',
-          '#60C0DD', '#E87C25', '#27727B',
-          '#FE8463', '#6c757d'
-        ],
-        colorList: [
-          '#3CB371', '#007fbb', 'rgba(200,55,52)'
-        ],
-        originColor: ['#4A4AFF', '#00CACA', 'rgba(184,210,124)', '#E87C25'],
-        downloading: true
+import api from '@/api/oilsupplier/supplier'
+import contractApi from '@/api/oilcontract/contract'
+
+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
+    }
+  },
+  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()
+  },
+  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') // 初次登录弹框
+                }
+              }
+            }).catch(err => {
+              console.log(err)
+            })
+          }
+        })
     },
-    created () {},
-    mounted () {
-      // 获取待办任务数
-      this.getToDoNumList()
-      // 获取饼图数据
-      this.getSupplierChart()
-      // 获取折线图数据--type
-      this.getBrokenLineType()
+    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
+      })
     },
-    computed: mapGetters({
-      authUser: 'authUser'
-    }),
-    methods: {
-      openType () {
-        this.$nextTick(() => {
-          // https://blog.csdn.net/weixin_38938336/article/details/72770018
-          this.supplierTypeOptions = new Highcharts.Chart('supplier-type-dialog', {
-            title: {
-              text: ''
-            },
-            colors: this.chartColor,
-            subtitle: {
-              text: ''
-            },
-            yAxis: {
-              title: {
-                text: ''
-              }
-            },
-            plotOptions: {
-              series: {
-                label: {
-                  connectorAllowed: false
-                },
-                pointStart: this.LineTypeRecentFive[0].Year
-              }
-            },
-            series: [{
-              name: '供应商',
-              // data: [this.LineTypeRecentFive[0].GoodsNum, this.LineTypeRecentFive[1].GoodsNum, this.LineTypeRecentFive[2].GoodsNum, this.LineTypeRecentFive[3].GoodsNum, this.LineTypeRecentFive[4].GoodsNum]
-              data: [0, 0, 0, 0, this.GoodsNum]
-            }, {
-              name: '服务商',
-              data: [0, 0, 0, 0, this.TecNum]
-            }, {
-              name: '承包商',
-              data: [0, 0, 0, 0, this.BasNum]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            responsive: {
-              rules: [{
-                condition: {
-                  maxWidth: 500
-                },
-                chartOptions: {
-                  legend: {
-                    layout: 'center',
-                    align: 'right',
-                    itemDistance: 150, // 图例项间距
-                    verticalAlign: 'top'
-                  }
-                }
-              }]
+    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 = new Highcharts.Chart('supplier-access-dialog', {
-            title: {
-              text: ''
-            },
-            colors: this.chartColor,
-            subtitle: {
-              text: ''
-            },
-            yAxis: {
-              title: {
-                text: ''
-              }
-            },
-            plotOptions: {
-              series: {
-                label: {
-                  connectorAllowed: false
-                },
-                pointStart: this.LineTypeRecentFive[0].Year
-              }
-            },
-            series: [{
-              name: '评审准入',
-              data: [0, 0, 0, 0, this.ReviewNum]
-            }, {
-              name: '招标准入',
-              data: [0, 0, 0, 0, this.TenderNum]
-            }, {
-              name: '战略准入',
-              data: [0, 0, 0, 0, this.StrategicNum]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            responsive: {
-              rules: [{
-                condition: {
-                  maxWidth: 500
-                },
-                chartOptions: {
-                  legend: {
-                    layout: 'center',
-                    align: 'right',
-                    itemDistance: 150, // 图例项间距
-                    verticalAlign: 'top'
-                  }
-                }
-              }]
+        } else if (val.SupplierTypeCode == '02') {
+          this.$router.push({
+            path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
+            query: {
+              is_todo: 1
             }
           })
-        })
-      },
-      openLevel () {
-        this.$nextTick(() => {
-          this.supplierTypeOptions = new Highcharts.Chart('supplier-level-dialog', {
-            title: {
-              text: ''
-            },
-            colors: this.chartColor,
-            subtitle: {
-              text: ''
-            },
-            yAxis: {
-              title: {
-                text: ''
-              }
-            },
-            plotOptions: {
-              series: {
-                label: {
-                  connectorAllowed: false
-                },
-                pointStart: this.LineTypeRecentFive[0].Year
-              }
-            },
-            series: [{
-              name: '一级供应商',
-              data: [0, 0, 0, 0, this.OneLevelGoodsNum]
-            }, {
-              name: '二级制造商',
-              data: [0, 0, 0, 0, this.TwoLevelMakeNum]
-            }, {
-              name: '二级贸易商/代理商',
-              data: [0, 0, 0, 0, this.TwoLevelNotMakeNum]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            responsive: {
-              rules: [{
-                condition: {
-                  maxWidth: 500
-                },
-                chartOptions: {
-                  legend: {
-                    layout: 'center',
-                    align: 'right',
-                    itemDistance: 150, // 图例项间距
-                    verticalAlign: 'top'
-                  }
-                }
-              }]
+        } else if (val.SupplierTypeCode == '03') {
+          this.$router.push({
+            path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
+            query: {
+              is_todo: 1
             }
           })
-        })
-      },
-      openScale () {
-        this.$nextTick(() => {
-          this.supplierTypeOptions = new Highcharts.Chart('supplier-scale-dialog', {
-            title: {
-              text: ''
-            },
-            colors: this.chartColor,
-            subtitle: {
-              text: ''
-            },
-            yAxis: {
-              title: {
-                text: ''
-              }
-            },
-            plotOptions: {
-              series: {
-                label: {
-                  connectorAllowed: false
-                },
-                pointStart: this.LineTypeRecentFive[0].Year
-              }
-            },
-            series: [{
-              name: '注册资金500万以下',
-              // color: '#4A4AFF',
-              data: [0, 0, 0, 0, this.RegCapitalSmall]
-            }, {
-              name: '注册资金500万-1000万',
-              // color: '#00CACA',
-              data: [0, 0, 0, 0, this.RegCapital2]
-            }, {
-              name: '注册资金1000万-2000万',
-              data: [0, 0, 0, 0, this.RegCapital3]
-            }, {
-              name: '注册资金2000万-5000万',
-              data: [0, 0, 0, 0, this.RegCapital4]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            responsive: {
-              rules: [{
-                condition: {
-                  maxWidth: 500
-                },
-                chartOptions: {
-                  legend: {
-                    layout: 'center',
-                    align: 'right',
-                    itemDistance: 150, // 图例项间距
-                    verticalAlign: 'top'
-                  }
-                }
-              }]
-            }
+        }
+      } 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'
           })
-        })
-      },
-      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
         }
-      },
-      pushToDo (type) {
-        this.$router.push({
-          path: '/tasks',
-          query: {
-            chartType: type
-          }
-        })
-      },
-      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
-        })
-      },
-      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 = new Highcharts.Chart('supplier-type', {
-            chart: {
-              type: 'pie',
-              backgroundColor: 'rgba(0,0,0,0)',
-              options3d: {
-                enabled: true,
-                alpha: 45,
-                beta: 0
-              }
-            },
-            colors: this.chartColor,
-            title: false,
-            tooltip: {
-              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-            },
-            plotOptions: {
-              pie: {
-                size: '60%', // 饼图大小
-                allowPointSelect: false, // 设置饼图不可点击选择
-                cursor: 'pointer',
-                depth: 35, // 饼图的厚度
-                dataLabels: {
-                  enabled: false, // 隐藏连线提示
-                  format: '{point.name}'
-                },
-                showInLegend: true,
-                point: {
-                  events: {
-                    legendItemClick: function (e) {
-                      e.preventDefault()
-                    }
-                  }
-                }
-              }
-            },
-            series: [{
-              type: 'pie',
-              name: '占比',
-              data: [
-                {
-                  name: '供应商  ' + res.data.GoodsNum + ' 家',
-                  y: res.data.GoodsNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '服务商  ' + res.data.TecNum + ' 家',
-                  y: res.data.TecNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '承包商  ' + res.data.BasNum + ' 家',
-                  y: res.data.BasNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }
-              ]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            legend: {
-              enabled: false
+      } 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
             }
           })
-          this.accessTypeOptions = new Highcharts.Chart('access-type', {
-            chart: {
-              type: 'pie',
-              options3d: {
-                enabled: true,
-                alpha: 45,
-                beta: 0
-              }
-            },
-            colors: this.chartColor,
-            title: false,
-            tooltip: {
-              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-            },
-            plotOptions: {
-              pie: {
-                size: '60%', // 饼图大小
-                allowPointSelect: false, // 设置饼图不可点击选择
-                cursor: 'pointer',
-                depth: 35, // 饼图的厚度
-                dataLabels: {
-                  enabled: false, // 隐藏连线提示
-                  format: '{point.name}'
-                },
-                showInLegend: true,
-                point: {
-                  events: {
-                    legendItemClick: function (e) {
-                      e.preventDefault()
-                    }
-                  }
-                }
-              }
-            },
-            series: [{
-              type: 'pie',
-              name: '占比',
-              data: [
-                {
-                  name: '评审准入  ' + res.data.ReviewNum + ' 家',
-                  y: res.data.ReviewNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '招标准入  ' + res.data.TenderNum + ' 家',
-                  y: res.data.TenderNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '战略准入  ' + res.data.StrategicNum + ' 家',
-                  y: res.data.StrategicNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }
-              ]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            legend: {
-              enabled: false
+        } else if (val.SupplierTypeCode == '02') {
+          this.$router.push({
+            path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
+            query: {
+              isBusiness: 1,
+              is_todo: 1
             }
           })
-          this.supplierLevelOptions = new Highcharts.Chart('supplier-level', {
-            chart: {
-              type: 'pie',
-              options3d: {
-                enabled: true,
-                alpha: 45,
-                beta: 0
-              }
-            },
-            colors: this.chartColor,
-            title: false,
-            tooltip: {
-              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-            },
-            plotOptions: {
-              pie: {
-                size: '60%', // 饼图大小
-                allowPointSelect: false, // 设置饼图不可点击选择
-                cursor: 'pointer',
-                depth: 35, // 饼图的厚度
-                dataLabels: {
-                  enabled: false, // 隐藏连线提示
-                  format: '{point.name}'
-                },
-                showInLegend: true,
-                point: {
-                  events: {
-                    legendItemClick: function (e) {
-                      e.preventDefault()
-                    }
-                  }
-                }
-              }
-            },
-            series: [{
-              type: 'pie',
-              name: '占比',
-              data: [
-                {
-                  name: '一级供应商  ' + res.data.OneLevelGoodsNum + ' 家',
-                  y: res.data.OneLevelGoodsNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '二级制造商  ' + res.data.TwoLevelMakeNum + ' 家',
-                  y: res.data.TwoLevelMakeNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '二级贸易/代理商  ' + res.data.TwoLevelNotMakeNum + ' 家',
-                  y: res.data.TwoLevelNotMakeNum,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }
-              ]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            legend: {
-              enabled: false
+        } else if (val.SupplierTypeCode == '03') {
+          this.$router.push({
+            path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
+            query: {
+              isBusiness: 1,
+              is_todo: 1
             }
           })
-          this.supplierScaleOption = new Highcharts.Chart('supplier-scale', {
-            chart: {
-              type: 'pie',
-              options3d: {
-                enabled: true,
-                alpha: 45,
-                beta: 0
+        }
+      }
+    },
+    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'
+          }
+          // 准入 且审批未通过之后 创建人中的待办按钮
+          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
+      }
+      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
+    },
+    bigImg1 (url) {
+      this.bigUrl = url
+      this.legalPersonImg1Visible = true
+    },
+    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])
               }
-            },
-            colors: this.chartColor,
-            title: false,
-            tooltip: {
-              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-            },
-            plotOptions: {
-              pie: {
-                size: '60%', // 饼图大小
-                allowPointSelect: false, // 设置饼图不可点击选择
-                cursor: 'pointer',
-                depth: 35, // 饼图的厚度
-                dataLabels: {
-                  enabled: false, // 隐藏连线提示
-                  format: '{point.name}'
-                },
-                showInLegend: true,
-                point: {
-                  events: {
-                    legendItemClick: function (e) {
-                      e.preventDefault()
-                    }
-                  }
-                }
+            }
+          }
+          _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])
               }
-            },
-            series: [{
-              type: 'pie',
-              name: '占比',
-              data: [
-                {
-                  name: '注册资金500万以下  ' + res.data.RegCapitalSmall + ' 家',
-                  y: res.data.RegCapitalSmall,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '注册资金500万-1000万  ' + res.data.RegCapital2 + ' 家',
-                  y: res.data.RegCapital2,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '注册资金1000万-2000万  ' + res.data.RegCapital3 + ' 家',
-                  y: res.data.RegCapital3,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }, {
-                  name: '注册资金2000万-5000万  ' + res.data.RegCapital4 + ' 家',
-                  y: res.data.RegCapital4,
-                  sliced: false, // 是否默认突出
-                  selected: false
-                }
-              ]
-            }],
-            credits: {
-              enabled: false // 不显示LOGO
-            },
-            legend: {
-              enabled: false
             }
-          })
-          this.downloading = false
+          }
         })
-      },
-      getBrokenLineType () {
-        this.$axios.get('/supplier/broken-line', {}).then(res => {
-          // this.GoodsNum = res.data.GoodsNum
-          // this.BasNum = res.data.BasNum
-          // this.TecNum = res.data.TecNum
-          this.LineTypeRecentFive = res.data
-          console.log('近五年折线 :' + res.data[0].GoodsNum)
+        .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
       }
-    }
-  }
-</script>
+      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.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
+            })
+          }
+        })
+        .catch(err => {
+          console.error(err)
+        })
+    },
 
-<style lang="scss" scoped>
-  .avatar-index {
-    width: 45px;
-    height: 45px;
-    margin-top: -15px;
-    margin-bottom: -15px;
-  }
+    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)
+      })
+    },
+    /** 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') { //目录申请
 
-  .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: 20%;
-      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: 80%;
-      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;
+      }, */
+    statusStr (val, type) {
+      switch (val) {
+        case '':
+          return '待提交'
+        case '0':
+          if (type == '5') { // 企业注册
+            return '待审核'
+          } else {
+            return '待提交'
           }
-          .item-chart-body {
-            display: flex;
-            height: 100%;
-            text-align: center;
-            overflow: hidden;
-            .item-high-chart {
-              margin: 0 auto;
-              width: 50%;
-              height: 100%;
-            }
-            .item-high-legend {
-              display:table;
-              width: 50%;
-              height: 100%;
-              text-align: left;
-              .legend {
-                width: 100%;
-                height: 10%;
-                display:table-cell;
-                vertical-align:bottom;
-                padding-bottom: 25%;
-                font-size: 18px;
-                font-weight: bold;
-                color: black;
-                .legend-row {
-                  width: 100%;
-                  height: 10%;
-                  display: flex;
-                  .color-box {
-                    width: 5%;
-                    height: 67%;
-                    margin-top: 1%;
-                    margin-right: 2%;
-                    display: inline-block;
-                    border-radius: 1px;
-                  }
-                  .content {
-                    width: 95%;
-                  }
-                }
-              }
-            }
+        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
       }
-    }
-    .item-dialog {
-      width: 100%;
-      height: 600px;
-      border: 1px solid #F56C6C;
+    },
+    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;
+}
+
+.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;
+}
+
 </style>

+ 886 - 0
src/dashoo.cn/frontend_web/src/pages/indexChart.vue

@@ -0,0 +1,886 @@
+<template>
+  <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>
+      <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" :option="supplierTypeOptions"></div>
+            <div class="item-high-legend">
+              <div class="legend">
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #c7000a"></div>
+                  <div class="content">供应商 {{ GoodsNum }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #007fbb"></div>
+                  <div class="content">服务商 {{ TecNum }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #6c757d"></div>
+                  <div class="content">承包商 {{ BasNum }} 家</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <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" :option="accessTypeOptions"></div>
+            <div class="item-high-legend">
+              <div class="legend">
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #c7000a"></div>
+                  <div class="content">评审准入 {{ ReviewNum }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #007fbb"></div>
+                  <div class="content">招标准入 {{ TenderNum }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #6c757d"></div>
+                  <div class="content">战略准入 {{ StrategicNum }} 家</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </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" :option="supplierLevelOptions"></div>
+            <div class="item-high-legend">
+              <div class="legend">
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #c7000a"></div>
+                  <div class="content">一级供应商 {{ GoodsNum }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #007fbb"></div>
+                  <div class="content">二级制造商 {{ TecNum }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #6c757d"></div>
+                  <div class="content">二级贸易商/代理商 {{ BasNum }} 家</div>
+                </div>
+              </div>
+            </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 class="item-high-legend">
+              <div class="legend">
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #c7000a"></div>
+                  <div class="content">注册资金500万以下 {{ RegCapitalSmall }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #007fbb"></div>
+                  <div class="content">注册资金500万-1000万 {{ RegCapital2 }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #6c757d"></div>
+                  <div class="content">注册资金1000万-2000万 {{ RegCapital3 }} 家</div>
+                </div>
+                <div class="legend-row">
+                  <div class="color-box" style="background-color: #0099CC"></div>
+                  <div class="content">注册资金2000万-5000万 {{ RegCapital4 }} 家</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </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="''" @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="''" @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 Highcharts from 'highcharts'
+  import {
+    mapGetters
+  } from 'vuex'
+  export default {
+    name: 'index',
+    data () {
+      return {
+        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,
+        // 折线数据
+        LineTypeRecentFive: [],
+        supplierTypeOptions: null,
+        accessTypeOptions: null,
+        supplierLevelOptions: null,
+        supplierScaleOption: null,
+        chartColor: [
+          '#c7000a', '#007fbb', '#6c757d', '#0099CC',
+          '#4A4AFF', '#00CACA', '#3CB371',
+          '#24CBE5', '#DDDF00', '#ED561B', '#64E572',
+          '#6A5ACD', '#B5C334', '#FCCE10',
+          '#E87C25', '#27727B', '#FE8463',
+          '#9BCA63', '#FAD860', '#F3A43B',
+          '#60C0DD', '#E87C25', '#27727B',
+          '#FE8463', '#6c757d'
+        ],
+        colorList: [
+          '#3CB371', '#007fbb', 'rgba(200,55,52)'
+        ],
+        originColor: ['#4A4AFF', '#00CACA', 'rgba(184,210,124)', '#E87C25'],
+        downloading: true
+      }
+    },
+    created () {},
+    mounted () {
+      // 获取待办任务数
+      this.getToDoNumList()
+      // 获取饼图数据
+      this.getSupplierChart()
+      // 获取折线图数据--type
+      this.getBrokenLineType()
+    },
+    computed: mapGetters({
+      authUser: 'authUser'
+    }),
+    methods: {
+      openType () {
+        this.$nextTick(() => {
+          // https://blog.csdn.net/weixin_38938336/article/details/72770018
+          this.supplierTypeOptions = new Highcharts.Chart('supplier-type-dialog', {
+            title: {
+              text: ''
+            },
+            colors: this.chartColor,
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: this.LineTypeRecentFive[0].Year
+              }
+            },
+            series: [{
+              name: '供应商',
+              // data: [this.LineTypeRecentFive[0].GoodsNum, this.LineTypeRecentFive[1].GoodsNum, this.LineTypeRecentFive[2].GoodsNum, this.LineTypeRecentFive[3].GoodsNum, this.LineTypeRecentFive[4].GoodsNum]
+              data: [0, 0, 0, 0, this.GoodsNum]
+            }, {
+              name: '服务商',
+              data: [0, 0, 0, 0, this.TecNum]
+            }, {
+              name: '承包商',
+              data: [0, 0, 0, 0, this.BasNum]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      openAccess () {
+        this.$nextTick(() => {
+          this.supplierTypeOptions = new Highcharts.Chart('supplier-access-dialog', {
+            title: {
+              text: ''
+            },
+            colors: this.chartColor,
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: this.LineTypeRecentFive[0].Year
+              }
+            },
+            series: [{
+              name: '评审准入',
+              data: [0, 0, 0, 0, this.ReviewNum]
+            }, {
+              name: '招标准入',
+              data: [0, 0, 0, 0, this.TenderNum]
+            }, {
+              name: '战略准入',
+              data: [0, 0, 0, 0, this.StrategicNum]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      openLevel () {
+        this.$nextTick(() => {
+          this.supplierTypeOptions = new Highcharts.Chart('supplier-level-dialog', {
+            title: {
+              text: ''
+            },
+            colors: this.chartColor,
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: this.LineTypeRecentFive[0].Year
+              }
+            },
+            series: [{
+              name: '一级供应商',
+              data: [0, 0, 0, 0, this.OneLevelGoodsNum]
+            }, {
+              name: '二级制造商',
+              data: [0, 0, 0, 0, this.TwoLevelMakeNum]
+            }, {
+              name: '二级贸易商/代理商',
+              data: [0, 0, 0, 0, this.TwoLevelNotMakeNum]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      openScale () {
+        this.$nextTick(() => {
+          this.supplierTypeOptions = new Highcharts.Chart('supplier-scale-dialog', {
+            title: {
+              text: ''
+            },
+            colors: this.chartColor,
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: this.LineTypeRecentFive[0].Year
+              }
+            },
+            series: [{
+              name: '注册资金500万以下',
+              // color: '#4A4AFF',
+              data: [0, 0, 0, 0, this.RegCapitalSmall]
+            }, {
+              name: '注册资金500万-1000万',
+              // color: '#00CACA',
+              data: [0, 0, 0, 0, this.RegCapital2]
+            }, {
+              name: '注册资金1000万-2000万',
+              data: [0, 0, 0, 0, this.RegCapital3]
+            }, {
+              name: '注册资金2000万-5000万',
+              data: [0, 0, 0, 0, this.RegCapital4]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      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
+        }
+      },
+      pushToDo (type) {
+        this.$router.push({
+          path: '/tasks',
+          query: {
+            chartType: type
+          }
+        })
+      },
+      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
+        })
+      },
+      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 = new Highcharts.Chart('supplier-type', {
+            chart: {
+              type: 'pie',
+              backgroundColor: 'rgba(0,0,0,0)',
+              options3d: {
+                enabled: true,
+                alpha: 45,
+                beta: 0
+              }
+            },
+            colors: this.chartColor,
+            title: false,
+            tooltip: {
+              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+            },
+            plotOptions: {
+              pie: {
+                size: '60%', // 饼图大小
+                allowPointSelect: false, // 设置饼图不可点击选择
+                cursor: 'pointer',
+                depth: 35, // 饼图的厚度
+                dataLabels: {
+                  enabled: false, // 隐藏连线提示
+                  format: '{point.name}'
+                },
+                showInLegend: true,
+                point: {
+                  events: {
+                    legendItemClick: function (e) {
+                      e.preventDefault()
+                    }
+                  }
+                }
+              }
+            },
+            series: [{
+              type: 'pie',
+              name: '占比',
+              data: [
+                {
+                  name: '供应商  ' + res.data.GoodsNum + ' 家',
+                  y: res.data.GoodsNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '服务商  ' + res.data.TecNum + ' 家',
+                  y: res.data.TecNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '承包商  ' + res.data.BasNum + ' 家',
+                  y: res.data.BasNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }
+              ]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            legend: {
+              enabled: false
+            }
+          })
+          this.accessTypeOptions = new Highcharts.Chart('access-type', {
+            chart: {
+              type: 'pie',
+              options3d: {
+                enabled: true,
+                alpha: 45,
+                beta: 0
+              }
+            },
+            colors: this.chartColor,
+            title: false,
+            tooltip: {
+              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+            },
+            plotOptions: {
+              pie: {
+                size: '60%', // 饼图大小
+                allowPointSelect: false, // 设置饼图不可点击选择
+                cursor: 'pointer',
+                depth: 35, // 饼图的厚度
+                dataLabels: {
+                  enabled: false, // 隐藏连线提示
+                  format: '{point.name}'
+                },
+                showInLegend: true,
+                point: {
+                  events: {
+                    legendItemClick: function (e) {
+                      e.preventDefault()
+                    }
+                  }
+                }
+              }
+            },
+            series: [{
+              type: 'pie',
+              name: '占比',
+              data: [
+                {
+                  name: '评审准入  ' + res.data.ReviewNum + ' 家',
+                  y: res.data.ReviewNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '招标准入  ' + res.data.TenderNum + ' 家',
+                  y: res.data.TenderNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '战略准入  ' + res.data.StrategicNum + ' 家',
+                  y: res.data.StrategicNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }
+              ]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            legend: {
+              enabled: false
+            }
+          })
+          this.supplierLevelOptions = new Highcharts.Chart('supplier-level', {
+            chart: {
+              type: 'pie',
+              options3d: {
+                enabled: true,
+                alpha: 45,
+                beta: 0
+              }
+            },
+            colors: this.chartColor,
+            title: false,
+            tooltip: {
+              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+            },
+            plotOptions: {
+              pie: {
+                size: '60%', // 饼图大小
+                allowPointSelect: false, // 设置饼图不可点击选择
+                cursor: 'pointer',
+                depth: 35, // 饼图的厚度
+                dataLabels: {
+                  enabled: false, // 隐藏连线提示
+                  format: '{point.name}'
+                },
+                showInLegend: true,
+                point: {
+                  events: {
+                    legendItemClick: function (e) {
+                      e.preventDefault()
+                    }
+                  }
+                }
+              }
+            },
+            series: [{
+              type: 'pie',
+              name: '占比',
+              data: [
+                {
+                  name: '一级供应商  ' + res.data.OneLevelGoodsNum + ' 家',
+                  y: res.data.OneLevelGoodsNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '二级制造商  ' + res.data.TwoLevelMakeNum + ' 家',
+                  y: res.data.TwoLevelMakeNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '二级贸易/代理商  ' + res.data.TwoLevelNotMakeNum + ' 家',
+                  y: res.data.TwoLevelNotMakeNum,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }
+              ]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            legend: {
+              enabled: false
+            }
+          })
+          this.supplierScaleOption = new Highcharts.Chart('supplier-scale', {
+            chart: {
+              type: 'pie',
+              options3d: {
+                enabled: true,
+                alpha: 45,
+                beta: 0
+              }
+            },
+            colors: this.chartColor,
+            title: false,
+            tooltip: {
+              pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+            },
+            plotOptions: {
+              pie: {
+                size: '60%', // 饼图大小
+                allowPointSelect: false, // 设置饼图不可点击选择
+                cursor: 'pointer',
+                depth: 35, // 饼图的厚度
+                dataLabels: {
+                  enabled: false, // 隐藏连线提示
+                  format: '{point.name}'
+                },
+                showInLegend: true,
+                point: {
+                  events: {
+                    legendItemClick: function (e) {
+                      e.preventDefault()
+                    }
+                  }
+                }
+              }
+            },
+            series: [{
+              type: 'pie',
+              name: '占比',
+              data: [
+                {
+                  name: '注册资金500万以下  ' + res.data.RegCapitalSmall + ' 家',
+                  y: res.data.RegCapitalSmall,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '注册资金500万-1000万  ' + res.data.RegCapital2 + ' 家',
+                  y: res.data.RegCapital2,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '注册资金1000万-2000万  ' + res.data.RegCapital3 + ' 家',
+                  y: res.data.RegCapital3,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }, {
+                  name: '注册资金2000万-5000万  ' + res.data.RegCapital4 + ' 家',
+                  y: res.data.RegCapital4,
+                  sliced: false, // 是否默认突出
+                  selected: false
+                }
+              ]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            legend: {
+              enabled: false
+            }
+          })
+          this.downloading = false
+        })
+      },
+      getBrokenLineType () {
+        this.$axios.get('/supplier/broken-line', {}).then(res => {
+          // this.GoodsNum = res.data.GoodsNum
+          // this.BasNum = res.data.BasNum
+          // this.TecNum = res.data.TecNum
+          this.LineTypeRecentFive = res.data
+          console.log('近五年折线 :' + res.data[0].GoodsNum)
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .avatar-index {
+    width: 45px;
+    height: 45px;
+    margin-top: -15px;
+    margin-bottom: -15px;
+  }
+
+  .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: 20%;
+      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: 80%;
+      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 {
+            display: flex;
+            height: 100%;
+            text-align: center;
+            overflow: hidden;
+            .item-high-chart {
+              margin: 0 auto;
+              width: 50%;
+              height: 100%;
+            }
+            .item-high-legend {
+              display:table;
+              width: 50%;
+              height: 100%;
+              text-align: left;
+              .legend {
+                width: 100%;
+                height: 10%;
+                display:table-cell;
+                vertical-align:bottom;
+                padding-bottom: 25%;
+                font-size: 18px;
+                font-weight: bold;
+                color: black;
+                .legend-row {
+                  width: 100%;
+                  height: 10%;
+                  display: flex;
+                  .color-box {
+                    width: 5%;
+                    height: 67%;
+                    margin-top: 1%;
+                    margin-right: 2%;
+                    display: inline-block;
+                    border-radius: 1px;
+                  }
+                  .content {
+                    width: 95%;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    .item-dialog {
+      width: 100%;
+      height: 600px;
+      border: 1px solid #F56C6C;
+    }
+  }
+</style>

+ 3 - 3
src/dashoo.cn/frontend_web/src/pages/oilsupplier/oilcompare/index.vue

@@ -152,7 +152,7 @@
       },
       compareline ({row, rowIndex}) {
         if (row.Diff == '1') {
-          return 'warning-row'
+          return 'warning1-row'
         }
         if (row.Diff == '0') {
           return 'correct-row'
@@ -167,10 +167,10 @@
     margin: 1rem 0 2rem;
     text-align: right;
   }
-  .el-table .warning-row {
+  .el-table .warning1-row {
   background: #FFCCCC;
   }
-  .el-table .el-table__body .warning-row:hover>td {
+  .el-table .el-table__body .warning1-row:hover>td {
   background: #FFCCCC !important;
   }
   .el-table .correct-row {

+ 6 - 0
src/dashoo.cn/frontend_web/src/static/js/webSiteManage.js

@@ -0,0 +1,6 @@
+function webSiteManage() {
+  const dgc = document.createElement("script");
+  dgc.src = "http://webanalysis.scp.dgyt.petrochina/api/dgcount.js?code=2111200307044170";
+  const dgs = document.getElementsByTagName("script")[0];
+  dgs.parentNode.insertBefore(dgc, dgs);
+}