前端：新首页

src/dashoo.cn/frontend_web/src/pages/indexNew.vue

@@ -26,14 +26,14 @@
     <div class="chart-box">
       <div class="chart-box-row">
         <div class="chart-box-row-item">
-          <div class="item-more-button"><span>更多</span></div>
+          <div class="item-more-button" @click="moreButton('type')"><span>更多</span></div>
           <div class="item-chart-body">
             <!--<highcharts class="item-high-chart" :options="supplierTypeChartOptions"></highcharts>-->
             <div id="supplier-type" class="item-high-chart" :option="supplierTypeOptions"></div>
           </div>
         </div>
         <div class="chart-box-row-item">
-          <div class="item-more-button"><span>更多</span></div>
+          <div class="item-more-button" @click="moreButton('level')"><span>更多</span></div>
           <div class="item-chart-body">
             <!--<highcharts class="item-high-chart" :options="chartOptions"></highcharts>-->
             <div id="supplier-level" class="item-high-chart" style="margin-left: -4%" :option="supplierLevelOptions"></div>
@@ -42,14 +42,14 @@
       </div>
       <div class="chart-box-row">
         <div class="chart-box-row-item">
-          <div class="item-more-button"><span>更多</span></div>
+          <div class="item-more-button" @click="moreButton('access')"><span>更多</span></div>
           <div class="item-chart-body">
             <!--<highcharts class="item-high-chart" :options="chartOptions"></highcharts>-->
             <div id="access-type" class="item-high-chart" :option="accessTypeOptions"></div>
           </div>
         </div>
         <div class="chart-box-row-item">
-          <div class="item-more-button"><span>更多</span></div>
+          <div class="item-more-button" @click="moreButton('scale')"><span>更多</span></div>
           <div class="item-chart-body">
             <!--<highcharts class="item-high-chart" :options="chartOptions"></highcharts>-->
             <div id="supplier-scale" class="item-high-chart" style="width: 80%" :option="supplierScaleOption"></div>
@@ -57,8 +57,17 @@
         </div>
       </div>
     </div>
-    <el-dialog :title="''" :visible.sync="typeVisible" top="5vh">
-      <div id="supplier-type-dialog" class="item-high-chart" style="width: 80%" :option="supplierScaleOption"></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>
@@ -76,20 +85,32 @@
         accessVisible: false,
         levelVisible: false,
         scaleVisible: false,
+        // 待办
         newAccessNum: 0,
         appendNum: 0,
         annualNum: 0,
         infoChangeNum: 0,
         evaluationNum: 0,
-        typeDialogOptions: null,
-        accessDialogOptions: null,
-        levelDialogOptions: null,
-        scaleDialogOptions: null,
+        // chart表数据
+        GoodsNum: 0,
+        BasNum: 0,
+        TecNum: 0,
+        ReviewNum: 0,
+        StrategicNum: 0,
+        TenderNum: 0,
+        OneLevelGoodsNum: 0,
+        TwoLevelMakeNum: 0,
+        TwoLevelNotMakeNum: 0,
+        RegCapitalSmall: 0,
+        RegCapital2: 0,
+        RegCapital3: 0,
+        RegCapital4: 0,
+        RegCapitalBig: 0,
         supplierTypeOptions: null,
         accessTypeOptions: null,
         supplierLevelOptions: null,
         supplierScaleOption: null,
-        tjdevicecolor: [
+        deviceColor: [
           '#6A5ACD', '#B5C334', '#FCCE10', '#E87C25', '#27727B', '#FE8463', '#9BCA63', '#FAD860', '#F3A43B',
           '#60C0DD', '#E87C25', '#27727B', '#FE8463', '#6c757d'
         ],
@@ -107,6 +128,273 @@
       authUser: 'authUser'
     }),
     methods: {
+      openType () {
+        this.$nextTick(() => {
+          this.supplierTypeOptions = Highcharts.chart('supplier-type-dialog', {
+            title: {
+              text: ''
+            },
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: 2016
+              }
+            },
+            series: [{
+              name: '供应商',
+              color: 'rgba(255,140,0)',
+              data: [0, 0, 0, 0, 0, this.GoodsNum]
+            }, {
+              name: '服务商',
+              color: 'rgba(64,224,208)',
+              data: [0, 0, 0, 0, 0, this.TecNum]
+            }, {
+              name: '承包商',
+              color: 'rgba(184,210,124)',
+              data: [0, 0, 0, 0, 0, this.BasNum]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  // legend: {
+                  //   layout: 'horizontal',
+                  //   align: 'center',
+                  //   verticalAlign: 'bottom'
+                  // }
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      openAccess () {
+        this.$nextTick(() => {
+          this.supplierTypeOptions = Highcharts.chart('supplier-access-dialog', {
+            title: {
+              text: ''
+            },
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: 2016
+              }
+            },
+            series: [{
+              name: '评审准入',
+              color: 'rgba(255,140,0)',
+              data: [0, 0, 0, 0, 0, this.ReviewNum]
+            }, {
+              name: '招标准入',
+              color: 'rgba(64,224,208)',
+              data: [0, 0, 0, 0, 0, this.TenderNum]
+            }, {
+              name: '战略准入',
+              color: 'rgba(184,210,124)',
+              data: [0, 0, 0, 0, 0, this.StrategicNum]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  // legend: {
+                  //   layout: 'horizontal',
+                  //   align: 'center',
+                  //   verticalAlign: 'bottom'
+                  // }
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      openLevel () {
+        this.$nextTick(() => {
+          this.supplierTypeOptions = Highcharts.chart('supplier-level-dialog', {
+            title: {
+              text: ''
+            },
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: 2016
+              }
+            },
+            series: [{
+              name: '一级供应商',
+              color: 'rgba(255,140,0)',
+              data: [0, 0, 0, 0, 0, this.OneLevelGoodsNum]
+            }, {
+              name: '二级制造商',
+              color: 'rgba(64,224,208)',
+              data: [0, 0, 0, 0, 0, this.TwoLevelMakeNum]
+            }, {
+              name: '二级贸易商/代理商',
+              color: 'rgba(184,210,124)',
+              data: [0, 0, 0, 0, 0, this.TwoLevelNotMakeNum]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  // legend: {
+                  //   layout: 'horizontal',
+                  //   align: 'center',
+                  //   verticalAlign: 'bottom'
+                  // }
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      openScale () {
+        this.$nextTick(() => {
+          this.supplierTypeOptions = Highcharts.chart('supplier-scale-dialog', {
+            title: {
+              text: ''
+            },
+            subtitle: {
+              text: ''
+            },
+            yAxis: {
+              title: {
+                text: ''
+              }
+            },
+            plotOptions: {
+              series: {
+                label: {
+                  connectorAllowed: false
+                },
+                pointStart: 2016
+              }
+            },
+            series: [{
+              name: '注册资金500万以下',
+              color: 'rgba(255,140,0)',
+              data: [0, 0, 0, 0, 0, this.RegCapitalSmall]
+            }, {
+              name: '注册资金500万-1000万',
+              color: 'rgba(64,224,208)',
+              data: [0, 0, 0, 0, 0, this.RegCapital2]
+            }, {
+              name: '注册资金1000万-2000万',
+              color: 'rgba(184,210,124)',
+              data: [0, 0, 0, 0, 0, this.RegCapital3]
+            }, {
+              name: '注册资金2000万-5000万',
+              color: 'rgba(184,210,124)',
+              data: [0, 0, 0, 0, 0, this.RegCapital3]
+            }],
+            credits: {
+              enabled: false // 不显示LOGO
+            },
+            responsive: {
+              rules: [{
+                condition: {
+                  maxWidth: 500
+                },
+                chartOptions: {
+                  // legend: {
+                  //   layout: 'horizontal',
+                  //   align: 'center',
+                  //   verticalAlign: 'bottom'
+                  // }
+                  legend: {
+                    layout: 'center',
+                    align: 'right',
+                    itemDistance: 150, // 图例项间距
+                    verticalAlign: 'top'
+                  }
+                }
+              }]
+            }
+          })
+        })
+      },
+      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',
@@ -125,7 +413,21 @@
         })
       },
       getSupplierChart () {
-        this.$axios.get('/supplier/statisticalNum', {}).then(res => {
+        this.$axios.get('/supplier/statistic', {}).then(res => {
+          this.GoodsNum = res.data.GoodsNum
+          this.BasNum = res.data.BasNum
+          this.TecNum = res.data.TecNum
+          this.ReviewNum = res.data.ReviewNum // 评审准入
+          this.StrategicNum = res.data.StrategicNum
+          this.TenderNum = res.data.TenderNum // 招标准入
+          this.OneLevelGoodsNum = res.data.OneLevelGoodsNum
+          this.TwoLevelMakeNum = res.data.TwoLevelMakeNum
+          this.TwoLevelNotMakeNum = res.data.TwoLevelNotMakeNum
+          this.RegCapitalSmall = res.data.RegCapitalSmall
+          this.RegCapital2 = res.data.RegCapital2
+          this.RegCapital3 = res.data.RegCapital3
+          this.RegCapital4 = res.data.RegCapital4
+          this.RegCapitalBig = res.data.RegCapitalBig
           this.supplierTypeOptions = Highcharts.chart('supplier-type', {
             chart: {
               type: 'pie',
@@ -147,7 +449,7 @@
                 size: '100%', // 饼图大小
                 allowPointSelect: false, // 设置饼图不可点击选择
                 cursor: 'pointer',
-                depth: 35, // 饼图的厚度
+                depth: 30, // 饼图的厚度
                 dataLabels: {
                   enabled: false, // 隐藏连线提示
                   format: '{point.name}'
@@ -169,20 +471,23 @@
               data: [
                 {
                   name: '供应商  ' + res.data.GoodsNum + ' 家',
-                  color: 'rgba(200,55,52)',
+                  // color: 'rgba(47,81,119)',
+                  color: 'rgba(255,140,0)',
                   y: res.data.GoodsNum,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '服务商  ' + res.data.TecNum + ' 家',
                   // color: '#E87C25',
-                  color: 'rgba(125,158,133)',
+                  // color: 'rgba(125,158,133)',
+                  color: 'rgba(64,224,208)',
                   y: res.data.TecNum,
                   sliced: false, // 是否默认突出
                   selected: false
                 }, {
                   name: '承包商  ' + res.data.BasNum + ' 家',
-                  color: 'rgba(68,155,203)',
+                  // color: 'rgba(48,111,192)',
+                  color: 'rgba(184,210,124)',
                   y: res.data.BasNum,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -233,7 +538,7 @@
                 size: '100%', // 饼图大小
                 allowPointSelect: false, // 设置饼图不可点击选择
                 cursor: 'pointer',
-                depth: 35, // 饼图的厚度
+                depth: 30, // 饼图的厚度
                 dataLabels: {
                   enabled: false, // 隐藏连线提示
                   format: '{point.name}'
@@ -267,7 +572,7 @@
                   selected: false
                 }, {
                   name: '战略准入  ' + res.data.StrategicNum + ' 家',
-                  color: 'rgba(68,155,203)',
+                  color: 'rgba(48,111,192)',
                   y: res.data.StrategicNum,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -317,7 +622,7 @@
                 size: '100%', // 饼图大小
                 allowPointSelect: false, // 设置饼图不可点击选择
                 cursor: 'pointer',
-                depth: 35, // 饼图的厚度
+                depth: 30, // 饼图的厚度
                 dataLabels: {
                   enabled: false, // 隐藏连线提示
                   format: '{point.name}'
@@ -335,7 +640,7 @@
             series: [{
               type: 'pie',
               name: '占比',
-              // #6c757d rgba(68,155,203)  #c7000a
+              // #6c757d rgba(48,111,192)  #c7000a
               data: [
                 {
                   name: '一级供应商  ' + res.data.OneLevelGoodsNum + ' 家',
@@ -351,7 +656,7 @@
                   selected: false
                 }, {
                   name: '二级贸易/代理商  ' + res.data.TwoLevelNotMakeNum + ' 家',
-                  color: 'rgba(68,155,203)',
+                  color: 'rgba(48,111,192)',
                   y: res.data.TwoLevelNotMakeNum,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -401,7 +706,7 @@
                 size: '100%', // 饼图大小
                 allowPointSelect: false, // 设置饼图不可点击选择
                 cursor: 'pointer',
-                depth: 35, // 饼图的厚度
+                depth: 30, // 饼图的厚度
                 dataLabels: {
                   enabled: false, // 隐藏连线提示
                   format: '{point.name}'
@@ -419,7 +724,7 @@
             series: [{
               type: 'pie',
               name: '占比',
-              // #6c757d rgba(68,155,203)  #c7000a
+              // #6c757d rgba(48,111,192)  #c7000a
               data: [
                 {
                   name: '注册资金500万以下  ' + res.data.RegCapitalSmall + ' 家',
@@ -436,7 +741,7 @@
                   selected: false
                 }, {
                   name: '注册资金1000万-2000万  ' + res.data.RegCapital3 + ' 家',
-                  color: 'rgba(68,155,203)',
+                  color: 'rgba(48,111,192)',
                   y: res.data.RegCapital3,
                   sliced: false, // 是否默认突出
                   selected: false
@@ -539,6 +844,8 @@
           margin: 0 7px 1%;
           background-color: white;
           .item-more-button {
+            z-index: 1;
+            cursor: pointer;
             position: absolute;
             top: 20px;
             right: 20px;
@@ -568,5 +875,10 @@
         }
       }
     }
+    .item-dialog {
+      width: 100%;
+      height: 600px;
+      border: 1px solid #F56C6C;
+    }
   }
 </style>

src/dashoo.cn/frontend_web/src/pages/tasks.vue

@@ -0,0 +1,1318 @@
+<template>
+  <div style="overflow-y: auto">
+    <el-breadcrumb class="heading">
+      <el-breadcrumb-item :to="{ path: '/indexnew' }">平台首页</el-breadcrumb-item>
+      <el-breadcrumb-item>待办/已办</el-breadcrumb-item>
+    </el-breadcrumb>
+    <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>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="联系人姓名" label-width="150px" style="width: 100%" prop="ContactName">
+              <el-input v-model="formData.ContactName" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="有效证件类型" label-width="150px" style="width: 100%;">
+              <el-select v-model="formData.CardNoType2" disabled placeholder="请选择有效证件类型" label-width="150px" style="width: 100%">
+                <el-option :key=0 label="身份证" :value=0 ></el-option>
+                <el-option :key=1 label="护照" :value=1 ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item v-if="formData.CardNoType2" label="联系人护照编号" label-width="150px" style="width: 100%" prop="ContactId">
+              <el-input v-model="formData.ContactId"  readonly></el-input>
+            </el-form-item>
+            <el-form-item v-else label="联系人身份证号" label-width="150px" style="width: 100%" prop="ContactId">
+              <el-input v-model="formData.ContactId"  readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="有效证件扫描件" label-width="170px" prop="ContactImg">
+              <div class="block" style="overflow: auto;">
+                <template>
+                  <el-row>
+                    <el-col :span="12" v-for="(url, index) in urlList2" :key="index">
+                      <span @click="bigImg1(url)">
+                        <el-image style="width: 170px; height: 100px; cursor: pointer" :src="url"></el-image>
+                      </span>
+                    </el-col>
+                  </el-row>
+                </template>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="邮箱" label-width="150px" style="width: 100%" prop="EMail">
+              <el-input v-model="formData.EMail" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="手机号"   style="width: 100%" prop="UserTelephone">
+              <el-input v-model="formData.UserTelephone" readonly></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="用户名"  label-width="150px" style="width: 100%" prop="UserName">
+              <el-input v-model="formData.UserName" readonly></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--<el-row style="margin-left: 35%; margin-top: 10px; margin-bottom: 20px;">-->
+          <!--<el-button size="mini" @click="cancelOption" v-if="formData.CheckStatus==0">审核未通过</el-button>-->
+          <!--<el-button size="mini" type="primary" @click="ensureOption" style="margin-left: 20%;" v-if="formData.CheckStatus==0">审核通过</el-button>-->
+        <!--</el-row>-->
+      </el-form>
+      <div slot="footer" class="dialog-footer" style="margin-top: -25px">
+        <el-button  type="primary" size="mini" @click="ComAudit" v-if="formData.CheckStatus == 0">审核</el-button>
+      </div>
+    </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="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>
+      </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="审核" :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="法定代表人有效证件扫描件"
+      :visible.sync="legalPersonImgVisible"
+      width="40%">
+      <el-image :src="bigUrl"></el-image>
+    </el-dialog>
+    <el-dialog
+      title="联系人有效证件扫描件"
+      :visible.sync="legalPersonImg1Visible"
+      width="40%">
+      <el-image :src="bigUrl"></el-image>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  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 {
+        chartType: '',
+        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 (this.$route.query.chartType) {
+        this.searchForm.Type = this.$route.query.chartType
+      }
+      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)
+              })
+            }
+          })
+      },
+      confirmIsInvoice () {
+        this.invoiceLoading = true
+        let params = {
+          Id: this.formDataInvoice.Id,
+          SrcIds: this.formDataInvoice.SrcIds
+        }
+        api.updateIsInvoice(params, this.$axios).then(res => {
+          if (res.data.code === 0) {
+            this.$message({
+              duration: 10000,
+              type: 'success',
+              message: res.data.message
+            })
+            // 关闭dialog
+            this.invoiceVisible = false
+            // 更新列表
+            this.initDatas()
+          } else {
+            this.$message({
+              duration: 10000,
+              type: 'warning',
+              message: res.data.message
+            })
+          }
+          this.invoiceLoading = false
+        })
+      },
+      initDatas () {
+        this.loading = true
+        // 分页及列表条件
+        let myCreateOn = []
+        // 解析时间
+        if (this.CreateOn != null && this.CreateOn.length === 2) {
+          this.CreateOn[1].setHours(23)
+          this.CreateOn[1].setMinutes(59)
+          this.CreateOn[1].setSeconds(59)
+          myCreateOn.push(this.formatDateTime(this.CreateOn[0]))
+          myCreateOn.push(this.formatDateTime(this.CreateOn[1]))
+        }
+        let params = {
+          _currentPage: this.currentPage,
+          _size: this.size,
+          Order: this.Column.Order,
+          Prop: this.Column.Prop,
+          CreateOn: myCreateOn.join(',')
+        }
+        // 查询条件
+        Object.assign(params, this.searchForm)
+        // 访问接口
+        api.getTodoList(params, this.$axios).then(res => {
+          this.entityListtode = res.data.items
+          this.currentItemCount = res.data.currentItemCount
+          this.loading = false
+        }).catch(err => {
+          console.error(err)
+        })
+      },
+      handleSearch () {
+        this.currentPage = 1
+        if (this.tabindex === '0') {
+          this.initDatas()
+        } else {
+          this.finishedData()
+        }
+        this.initDatas()
+      },
+      handleClick (tab) {
+        this.tabindex = tab.index
+        if (tab.index === '0') {
+          this.initDatas()
+        } else {
+          this.finishedData()
+        }
+      },
+      rowClick (val) {
+        // alert(JSON.stringify(val))
+        // return
+        let SupplierType = ''
+
+        if (val.Type == '1') { // 准入
+          if (val.Status === '7') {
+            // 待入库状态时直接跳转单独的入库审批页面,.信息变更入库不需要区分类型, 直接审批。
+            if (val.SupplierTypeCode === '01') {
+              SupplierType = 'goodsedit'
+            } else if (val.SupplierTypeCode === '02') {
+              SupplierType = 'basisedit'
+            } else {
+              SupplierType = 'techedit'
+            }
+            this.$router.push('oilsupplier/supplierstorage/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&applytype=' + val.Type + '&is_todo=1')
+          } else {
+            // 到详情页面
+            if (val.SupplierTypeCode === '01') {
+              SupplierType = 'goodsedit'
+            } else if (val.SupplierTypeCode === '02') {
+              SupplierType = 'basisedit'
+            } else {
+              SupplierType = 'techedit'
+            }
+            // 准入 且审批未通过之后 创建人中的待办按钮
+            if (Number(val.Status) <= 0) {
+              this.$router.push('oilsupplier/supplier/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId)
+            } else {
+              this.$router.push('oilsupplier/supplieraudit/' + val.Id + '/' + SupplierType + '?certid=' + val.CertId + '&is_todo=1')
+            }
+          }
+        } else if (val.Type == '2') { // 增项
+          let appendId = ''
+          if (val.SupplierTypeCode === '01') {
+            SupplierType = 'goodsdataopera'
+            appendId = '1'
+          } else if (val.SupplierTypeCode === '02') {
+            appendId = '2'
+            SupplierType = 'basisdataopera'
+          } else {
+            appendId = '3'
+            SupplierType = 'techdataopera'
+          }
+          if (Number(val.Status) <= 0) {
+            this.$router.push('oilsupplier/supplierappend/' + appendId + '/' + SupplierType + '?Id=' + val.Id + '&editFlag=1&sId=' + val.SupplierId)
+          }
+          this.$router.push('oilsupplier/addtionaudit/' + val.Id + '/' + SupplierType + '?is_todo=1')
+        } else if (val.Type == '3') { // 年审
+          if (val.SupplierTypeCode === '01') {
+            SupplierType = 'auditoperation'
+          } else if (val.SupplierTypeCode === '02') {
+            SupplierType = 'basicauditoperation'
+          } else {
+            SupplierType = 'techoperation'
+          }
+          if (Number(val.Status) <= 0) {
+            this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&Status=' + val.Status + '&Step=' + val.Step + '&annualId=' + val.Id)
+          } else {
+            this.$router.push('oilsupplier/annualaudit/' + val.SupplierId + '/' + SupplierType + '?certid=' + val.CertId + '&WorkflowId=' + val.WorkflowId + '&AnnualStatus=' + val.Status + '&annualId=' + val.Id + '&Step=' + val.Step + '&is_todo=1')
+          }
+        } else if (val.Type == '4') { // 信息变更
+          this.$router.push('/oilsupplier/infochangech/' + val.Id + '/auditoperation?InfoStatus=' + val.Status + '&SupId=' + val.SupplierId + '&is_todo=1')
+        } else if (val.Type == '5') { // 企业注册
+          this.initDataregister(val.Id)
+        } else if (val.Type == '8') { // 发票
+          if (val.Status === '未开') {
+            this.invoicetitle = '待开发票'
+          } else {
+            this.invoicetitle = '已开发票'
+          }
+          this.initInvoiceDatas(val.Id)
+          this.invoiceVisible = true
+        } else if (val.Type == '9') { // 目录申请
+          this.$router.push('/oilsupplier/oilcatalogsub/' + val.Id + '/incomeedit?is_todo=1&type=' + val.SupplierTypeCode)
+        } else if (val.Type == '10') { // 日常评价
+          if (val.SupplierTypeCode == '01') {
+            this.$router.push({
+              path: '/oilcontract/contract-goods/' + val.Id + '/evaluate',
+              query: {
+                is_todo: 1
+              }
+            })
+          } else if (val.SupplierTypeCode == '02') {
+            this.$router.push({
+              path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
+              query: {
+                is_todo: 1
+              }
+            })
+          } else if (val.SupplierTypeCode == '03') {
+            this.$router.push({
+              path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
+              query: {
+                is_todo: 1
+              }
+            })
+          }
+        } else if (val.Type == '11') { // 年度评价
+          if (val.SupplierTypeCode == '01') {
+            this.$router.push({
+              path: '/oilcontract/contract-goods-year/' + val.Id + '/operation'
+            })
+          } else if (val.SupplierTypeCode == '02') {
+            this.$router.push({
+              path: '/oilcontract/contract-basis-year/' + val.Id + '/operation'
+            })
+          } else if (val.SupplierTypeCode == '03') {
+            this.$router.push({
+              path: '/oilcontract/contract-service-year/' + val.Id + '/operation'
+            })
+          }
+        } else if (val.Type == '12') { // 日常评价
+          if (val.SupplierTypeCode == '01') {
+            this.$router.push({
+              path: '/oilcontract/contract-goods/' + val.Id + '/evaluate',
+              query: {
+                isBusiness: 1,
+                is_todo: 1
+              }
+            })
+          } else if (val.SupplierTypeCode == '02') {
+            this.$router.push({
+              path: '/oilcontract/contract-basis/' + val.Id + '/evaluate',
+              query: {
+                isBusiness: 1,
+                is_todo: 1
+              }
+            })
+          } else if (val.SupplierTypeCode == '03') {
+            this.$router.push({
+              path: '/oilcontract/contract-service/' + val.Id + '/evaluate',
+              query: {
+                isBusiness: 1,
+                is_todo: 1
+              }
+            })
+          }
+        }
+      },
+      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])
+                }
+              }
+            }
+            _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])
+                }
+              }
+            }
+          })
+          .catch(function (error) {
+            console.log(error)
+          })
+      },
+      ComAudit () {
+        this.Auditshow = true
+      },
+      // 审核
+      makeSure () {
+        if (this.shenheForm.AuditorRemark.trim().length < 1) {
+          this.$message({
+            duration: 10000,
+            type: 'warning',
+            message: '请填写审批意见！'
+          })
+          return
+        }
+        this.checkstatus()
+      },
+      // 审核未通过
+      checkstatus () {
+        let _this = this
+        _this.btnLoading = true
+        const params = _this.shenheForm
+        _this.$axios.post('/register/comaudit/', _this.formData, {params})
+          .then(res => {
+            if (res.data.code === 0) {
+              _this.$message({
+                duration: 10000,
+                type: 'success',
+                message: res.data.message
+              })
+              // 关闭dialog
+              _this.Auditshow = false
+              _this.dialogVisible = false
+              // 更新列表
+              _this.initDatas()
+            } else {
+              _this.$message({
+                duration: 10000,
+                type: 'warning',
+                message: res.data.message
+              })
+            }
+            this.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)
+          })
+      },
+
+      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') { //目录申请
+
+        }
+      }, */
+      statusStr (val, type) {
+        switch (val) {
+          case '':
+            return '待提交'
+          case '0':
+            if (type == '5') { // 企业注册
+              return '待审核'
+            } else {
+              return '待提交'
+            }
+          case '1':
+            return '待初审'
+          case '2':
+            return '待复审'
+          case '3':
+            return '待专业处室分办'
+          case '4':
+            return '待专业处室审批'
+          case '5':
+            if (type == '3') { // 年审
+              return '待企管法规处审批'
+            } else if (type == '4') { // 信息变更
+              return '待企管法规处审批'
+            } else if (type == '9') { // 目录申请
+              return '待企管法规处审批'
+            } else {
+              return '待集中评审'
+            }
+          case '6':
+            return '待交费'
+          case '7':
+            if (type == '10' || type == '11' || type == '12') {
+              return '待企管法规处审批'
+            } else {
+              return '待入库'
+            }
+          case '8':
+            if (type == '10' || type == '11' || type == '12') {
+              return '已完成'
+            } else {
+              return '已入库'
+            }
+          case '9':
+            return '待企管法规处审批'
+          case '10':
+            return '分办'
+          case '11':
+            return '审核完成'
+          case '-1':
+            if (type == '5') {
+              return '审核未通过'
+            } else {
+              return '初审未通过'
+            }
+          case '-2':
+            return '复审未通过'
+          case '-3':
+            return '专业处室分办未通过'
+          case '-4':
+            return '专业处室审批未通过'
+          case '-5':
+            if (type == '3') { // 年审
+              return '企管法规处审批未通过'
+            } else if (type == '4') { // 信息变更
+              return '企管法规处审批未通过'
+            } else if (type == '9') { // 目录申请
+              return '待企管法规处审批'
+            } else {
+              return '集中评审未通过'
+            }
+          case '-7':
+            return '入库未通过'
+          case '-9':
+            return '企管法规处审批未通过'
+          case '-10':
+            return '二级单位分办未通过'
+          default:
+            return val
+        }
+      },
+      transferStr (val) {
+        if (val === '1') {
+          return '准入交费'
+        } else if (val === '2') {
+          return '年审交费'
+        } else if (val === '3') {
+          return '增项交费'
+        } else if (val === '7') {
+          return '信息变更交费'
+        } else {
+          return val
+        }
+      },
+      timestampToTime (val) {
+        let date = new Date(val) // 时间戳为10位需*1000，时间戳为13位的话不需乘1000
+        let offsetGMT = new Date().getTimezoneOffset()
+        if (offsetGMT !== -480) {
+          date = new Date(val + offsetGMT * 60 * 1000 + 8 * 60 * 60 * 1000)
+        }
+        let Y = date.getFullYear() + '-'
+        let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
+        let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
+        let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
+        let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
+        let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
+        return Y + M + D + h + m + s
+      },
+      jstimehandle (val) {
+        if (val === '') {
+          return '----'
+        } else if (val === '0001-01-01T08:00:00+08:00') {
+          return '----'
+        } else if (val === '5000-01-01T23:59:59+08:00') {
+          return '永久'
+        } else if (val === '1970-01-01 8:0:0') {
+          return '----'
+        } else if (val === '1970-01-1 8:0:0') {
+          return '----'
+        } else {
+          val = val.replace('T', ' ')
+          return val.substring(0, 19)
+        }
+      },
+      formatDateTime (date) {
+        var y = date.getFullYear()
+        var m = date.getMonth() + 1
+        m = m < 10 ? ('0' + m) : m
+        var d = date.getDate()
+        d = d < 10 ? ('0' + d) : d
+        var h = date.getHours()
+        h = h < 10 ? ('0' + h) : h
+        var minute = date.getMinutes()
+        minute = minute < 10 ? ('0' + minute) : minute
+        return y + '-' + m + '-' + d + ' ' + h + ':' + minute
+      },
+      formatDateTimeymd (date) {
+        var y = date.getFullYear()
+        var m = date.getMonth() + 1
+        m = m < 10 ? ('0' + m) : m
+        var d = date.getDate()
+        d = d < 10 ? ('0' + d) : d
+        return y + '-' + m + '-' + d
+      },
+      handleCurrentChangeFinished (value) {
+        this.currentPageFinished = value
+        this.finishedData()
+      },
+      handleSizeChangeFinished (value) {
+        this.sizeFinished = value
+        this.currentPageFinished = 1
+        this.finishedData()
+      },
+      handleCurrentChange (value) {
+        this.currentPage = value
+        this.initDatas()
+      },
+      handleSizeChange (value) {
+        this.size = value
+        this.currentPage = 1
+        this.initDatas()
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  .el-pagination {
+    margin: 1rem 0 2rem;
+    text-align: right;
+  }
+  .item {
+     margin-top: 10px;
+     margin-right: 40px;
+   }
+  .table-layout {
+    margin-top: 20px;
+    border-left: 1px solid #DCDFE6;
+    border-top: 1px solid #DCDFE6;
+  }
+  .table-cell {
+    height: 40px;
+    /*line-height: 20px;*/
+    border-right: 1px solid #DCDFE6;
+    border-bottom: 1px solid #DCDFE6;
+    padding: 10px;
+    font-size: 14px;
+    color: #606266;
+    text-align: center;
+    overflow: hidden;
+  }
+
+  .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>