Ver Fonte

格式化了

Signed-off-by: lijunqing <lijunqing@dashoo.cn>
lijunqing há 6 anos atrás
pai
commit
0e8c6018c4

+ 888 - 777
src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplier/basislist.vue

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

+ 152 - 157
src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplier/goodslist.vue

@@ -299,9 +299,9 @@
   </div>
 </template>
 <script>
-  import { mapGetters } from 'vuex';
-  import api from '@/api/oilsupplier/supplier';
-  import certApi from '@/api/oilsupplier/suppliercert'
+  import { mapGetters } from 'vuex'
+import api from '@/api/oilsupplier/supplier'
+import certApi from '@/api/oilsupplier/suppliercert'
 
   export default {
     computed: {
@@ -317,92 +317,92 @@
         dialogVisible: false,
         countryoptions: [],
         CityAry: [],
-        LinkCityAry:[],
+        LinkCityAry: [],
         countryprops: {
-        value: 'adcode',
-        label: 'name',
-        children: 'districts'
+          value: 'adcode',
+          label: 'name',
+          children: 'districts'
         },
-        //列表数据
+        // 列表数据
         entityList: [],
-        OperTypeOptions:[],
-        UnitRelationOptions:[],
-        countryListOptions:[],
+        OperTypeOptions: [],
+        UnitRelationOptions: [],
+        countryListOptions: [],
         CompanyTypeOptions: [],
         InOptions: [],
-        ManagementUnitOptions:[],
+        ManagementUnitOptions: [],
         dictData: null,
-        //分页参数
+        // 分页参数
         size: 10,
         currentPage: 1,
         currentItemCount: 0,
-        //列表排序
+        // 列表排序
         Column: {
           Order: '',
           Prop: ''
         },
-        //查询时间
+        // 查询时间
         CreateOn: null,
-       /* CreateOn: [new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000), new Date()],*/
-        //查询项
+        /* CreateOn: [new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000), new Date()], */
+        // 查询项
         searchFormReset: {},
         searchForm: {
           Id: '',
           SupplierName: '',
-          OperType:'',
-          SpecTypeCode:'',
-          Country:'',
-          InStyle:'',
-          MgrUnit:'',
-          PACNumber:'',
-          CommercialNo:'',
-          Province:'',
+          OperType: '',
+          SpecTypeCode: '',
+          Country: '',
+          InStyle: '',
+          MgrUnit: '',
+          PACNumber: '',
+          CommercialNo: '',
+          Province: '',
           City: '',
-          Street:'',
-          Address:'',
-          LinkProvince:'',
-          LinkCity:'',
-          LinkStreet:'',
-          LinkAddress:'',
-          LegalPerson:'',
-          ContactName:'',
-          CompanyType:'',
-          SetupTime:'',
-          RegCapital1:'',
-          RegCapital2:'',
-          BusinessScope:'',
+          Street: '',
+          Address: '',
+          LinkProvince: '',
+          LinkCity: '',
+          LinkStreet: '',
+          LinkAddress: '',
+          LegalPerson: '',
+          ContactName: '',
+          CompanyType: '',
+          SetupTime: '',
+          RegCapital1: '',
+          RegCapital2: '',
+          BusinessScope: ''
         },
         tableColumns: [
 
-          /*{
+          /* {
            prop: "Id",
            label: '',
            width: 100,
            sort: true
-           },*/
+           }, */
 
           {
-            prop: "AccessCardNo",
+            prop: 'AccessCardNo',
             label: '准入证编号',
             width: 240,
             sort: true
           },
 
           {
-            prop: "SupplierTypeName",
+            prop: 'SupplierTypeName',
             label: '准入类别',
             width: 150,
             sort: true
           },
 
           {
-            prop: "SupplierName",
+            prop: 'SupplierName',
             label: '企业名称',
             width: 240,
             sort: true
           },
 
-          /*{
+          /* {
            prop: "OilCertificateNo",
            label: '中石油供应商证书号',
            width: 100,
@@ -414,23 +414,23 @@
            label: '级别',
            width: 100,
            sort: true
-           },*/
+           }, */
 
-          /*{
+          /* {
            prop: "MgrUnit",
            label: '管理单位',
            width: 100,
            sort: true
-           },*/
+           }, */
 
-          /*{
+          /* {
            prop: "OperType",
            label: '经营方式',
            width: 100,
            sort: true
-           },*/
+           }, */
 
-          /*{
+          /* {
            prop: "Country",
            label: '国家',
            width: 100,
@@ -449,44 +449,44 @@
            label: '施工队伍名称',
            width: 100,
            sort: true
-           },*/
+           }, */
 
           {
-            prop: "CommercialNo",
+            prop: 'CommercialNo',
             label: '工商注册号',
             width: 240,
             sort: true
           },
 
-          /*{
+          /* {
            prop: "OrganCode",
            label: '组织机构代码',
            width: 100,
            sort: true
-           },*/
+           }, */
 
           {
-            prop: "CountryTaxNo",
+            prop: 'CountryTaxNo',
             label: '税务登记证编号',
             width: 220,
             sort: true
           },
 
-          /*{
+          /* {
            prop: "LocalTaxNo",
            label: '税务登记证地税编号',
            width: 100,
            sort: true
-           },*/
+           }, */
 
           {
-            prop: "Address",
+            prop: 'Address',
             label: '单位地址',
             width: 280,
             sort: true
           },
 
-          /*{
+          /* {
            prop: "Province",
            label: '省直辖市',
            width: 200,
@@ -519,9 +519,9 @@
            label: '邮编',
            width: 200,
            sort: true
-           },*/
+           }, */
 
-          /*{
+          /* {
            prop: "QualitySystemCert",
            label: '质量管理体系认证情况及认证机构',
            width: 300,
@@ -603,114 +603,114 @@
            label: '行业类别名称',
            width: 100,
            sort: true
-           },*/
+           }, */
 
           {
-            prop: "RegCapital",
+            prop: 'RegCapital',
             label: '注册资本',
             width: 150,
             sort: true
           },
 
           {
-            prop: "Currency",
+            prop: 'Currency',
             label: '币种',
             width: 100,
             sort: true
           },
 
           {
-            prop: "ContactName",
+            prop: 'ContactName',
             label: '联系人姓名',
             width: 140,
             sort: true
           },
 
           {
-            prop: "CompanyType",
+            prop: 'CompanyType',
             label: '公司类型',
             width: 150,
             sort: true
           },
 
           {
-            prop: "SetupTime",
+            prop: 'SetupTime',
             label: '成立时间',
             width: 220,
             sort: true
           },
 
           {
-            prop: "DepositBank",
+            prop: 'DepositBank',
             label: '开户银行',
             width: 220,
             sort: true
           },
 
           {
-            prop: "BankAccount",
+            prop: 'BankAccount',
             label: '银行账号',
             width: 220,
             sort: true
           },
 
           {
-            prop: "EMail",
+            prop: 'EMail',
             label: '电子邮箱',
             width: 220,
             sort: true
           },
 
           {
-            prop: "BankCreditRating",
+            prop: 'BankCreditRating',
             label: '银行信用等级',
             width: 220,
             sort: true
           },
 
           {
-            prop: "Mobile",
+            prop: 'Mobile',
             label: '移动电话',
             width: 220,
             sort: true
           },
 
           {
-            prop: "Telphone",
+            prop: 'Telphone',
             label: '固定电话',
             width: 220,
             sort: true
           },
 
           {
-            prop: "Fax",
+            prop: 'Fax',
             label: '传真',
             width: 220,
             sort: true
           },
 
           {
-            prop: "CompanyTel",
+            prop: 'CompanyTel',
             label: '公司电话',
             width: 220,
             sort: true
           },
 
           {
-            prop: "QQ",
+            prop: 'QQ',
             label: 'QQ号码',
             width: 220,
             sort: true
           },
 
           {
-            prop: "CompanyUrl",
+            prop: 'CompanyUrl',
             label: '公司网址',
             width: 220,
             sort: true
           },
 
-          /*{
+          /* {
            prop: "SpecSupplier",
            label: '是否特殊业务供应商(可不招标)',
            width: 100,
@@ -729,10 +729,10 @@
            label: '业务类型(1战略合作,2内部多经,3区域关键,4专业化实施)',
            width: 100,
            sort: true
-           },*/
+           }, */
 
           {
-            prop: "Remark",
+            prop: 'Remark',
             label: '备注',
             width: 220,
             sort: true
@@ -742,34 +742,34 @@
       }
     },
     created () {
-      this.isCanApply();
-      //查询条件初始值备份
-      Object.assign(this.searchFormReset, this.searchForm);
-      //查询列表
-      this.initDatas();
+      this.isCanApply()
+      // 查询条件初始值备份
+      Object.assign(this.searchFormReset, this.searchForm)
+      // 查询列表
+      this.initDatas()
       this.getDictOptions()
     },
 
     methods: {
-      checkStatus(val){
-        if (val=='0' || val=='' || val=='-1' || val=='-2' || val=='-4'){
+      checkStatus (val) {
+        if (val === '0' || val === '' || val === '-1' || val === '-2' || val === '-4') {
           return false
-        }else{
+        } else {
           return true
         }
       },
       handleLinkAreaChange (value) {
-      this.searchForm.LinkProvince = value[0]
-      this.searchForm.LinkCity = value[1]
-      this.searchForm.LinkStreet = value[2]
+        this.searchForm.LinkProvince = value[0]
+        this.searchForm.LinkCity = value[1]
+        this.searchForm.LinkStreet = value[2]
       },
       handleAreaChange (value) {
-      this.searchForm.Province = value[0]
-      this.searchForm.City = value[1]
-      this.searchForm.Street = value[2]
+        this.searchForm.Province = value[0]
+        this.searchForm.City = value[1]
+        this.searchForm.Street = value[2]
       },
-      initDatas() {
-        //分页及列表条件
+      initDatas () {
+        // 分页及列表条件
         let params = {
           _currentPage: this.currentPage,
           _size: this.size,
@@ -779,16 +779,16 @@
         }
         let myCreateOn = []
         // 解析时间
-        if (this.CreateOn && this.CreateOn.length == 2) {
+        if (this.CreateOn && this.CreateOn.length === 2) {
           this.CreateOn[1].setHours(23)
           this.CreateOn[1].setMinutes(59)
           this.CreateOn[1].setSeconds(59)
           myCreateOn.push(this.formatDateTime(this.CreateOn[0]))
           myCreateOn.push(this.formatDateTime(this.CreateOn[1]))
         }
-        //查询条件
+        // 查询条件
         Object.assign(params, this.searchForm)
-        //访问接口
+        // 访问接口
         api.getCertList(myCreateOn.join(','), params, this.$axios).then(res => {
           this.entityList = res.data.items
           this.currentItemCount = res.data.currentItemCount
@@ -796,28 +796,27 @@
           console.error(err)
         })
       },
-      getDictOptions() {
+      getDictOptions () {
         api.getDictList(this.$axios).then(res => {
-           this.dictData = res.data.items
-           console.log(this.dictData)
-           this.OperTypeOptions = this.dictData['OperType']
-           this.UnitRelationOptions = this.dictData['UnitRelation']
-           this.InOptions = this.dictData['InOptions']
-           this.CompanyTypeOptions = this.dictData['CompanyType']
-           this.getCountryList(this.dictData['CountryList'])
-           this.ManagementUnitOptions=this.dictData['ManagementUnit']
-           this.getCityList(this.dictData['GaodeMapChinaAreas'])
-
+          this.dictData = res.data.items
+          console.log(this.dictData)
+          this.OperTypeOptions = this.dictData['OperType']
+          this.UnitRelationOptions = this.dictData['UnitRelation']
+          this.InOptions = this.dictData['InOptions']
+          this.CompanyTypeOptions = this.dictData['CompanyType']
+          this.getCountryList(this.dictData['CountryList'])
+          this.ManagementUnitOptions = this.dictData['ManagementUnit']
+          this.getCityList(this.dictData['GaodeMapChinaAreas'])
         }).catch(err => {
           console.error(err)
         })
       },
-    getCityList (val) {
-      let resultData = JSON.parse(val)
-      let countstr = JSON.stringify(resultData.districts[0].districts)
-      countstr = countstr.replace(/\,\"districts\"\:\[\]/g, '')
-      this.countryoptions = JSON.parse(countstr)
-    },
+      getCityList (val) {
+        let resultData = JSON.parse(val)
+        let countstr = JSON.stringify(resultData.districts[0].districts)
+        countstr = countstr.replace(/\,\"districts\"\:\[\]/g, '')
+        this.countryoptions = JSON.parse(countstr)
+      },
       getCountryList (val) {
         let tmpJson = JSON.parse(val)
         this.countryListOptions = []
@@ -830,81 +829,78 @@
           })
         }
       },
-      searchCommand(command) {
-        if (command == 'search') {
+      searchCommand (command) {
+        if (command === 'search') {
           this.dialogVisible = true
-        } else if (command == 'clear') {
+        } else if (command === 'clear') {
           this.clearSearch()
         }
       },
-      //列表排序功能
-      orderby(column) {
-        if (column.order == 'ascending') {
+      // 列表排序功能
+      orderby (column) {
+        if (column.order === 'ascending') {
           this.Column.Order = 'asc'
-        } else if (column.order == 'descending') {
+        } else if (column.order === 'descending') {
           this.Column.Order = 'desc'
         }
         this.Column.Prop = column.prop
         this.initDatas()
       },
-      clearSearch() {
-        Object.assign(this.searchForm, this.searchFormReset);
-        //this.searchForm = this.searchFormReset;
+      clearSearch () {
+        Object.assign(this.searchForm, this.searchFormReset)
+        // this.searchForm = this.searchFormReset;
         this.CityAry = []
-        this.LinkCityAry=[]
+        this.LinkCityAry = []
         this.CreateOn = ''
         this.initDatas()
       },
-      handleSearch() {
-        this.currentPage = 1;
-        this.dialogVisible = false;
-        this.initDatas();
+      handleSearch () {
+        this.currentPage = 1
+        this.dialogVisible = false
+        this.initDatas()
       },
-      handleCurrentChange(value) {
+      handleCurrentChange (value) {
         this.currentPage = value
         this.initDatas()
       },
-      handleSizeChange(value) {
+      handleSizeChange (value) {
         this.size = value
         this.currentPage = 1
         this.initDatas()
       },
-      deleteEntity(row) {
-        row.deleteConfirmFlag = false;
-        api.deleteAllEntity(row.Id,row.SupplierTypeCode, this.$axios).then(res => {
+      deleteEntity (row) {
+        row.deleteConfirmFlag = false
+        api.deleteAllEntity(row.Id, row.SupplierTypeCode, this.$axios).then(res => {
           if (res.data.code === 0) {
-            this.initDatas();
-            this.isCanApply();
+            this.initDatas()
+            this.isCanApply()
             this.$message({
               type: 'success',
               message: res.data.message
-            });
-
+            })
           } else {
             this.$message({
               type: 'warning',
               message: res.data.message
-            });
+            })
           }
         }).catch(err => {
           console.error(err)
-        });
+        })
       },
 
       isCanApply () {
         api.isCanApply('01', this.$axios).then(res => {
           if (res.data.code === 0) {
             this.canApply = true
-
           } else {
             this.canApply = false
           }
         }).catch(err => {
           console.error(err)
-        });
+        })
       },
-
-      jstimehandle(val) {
+      jstimehandle (val) {
         if (val === '') {
           return '----'
         } else if (val === '0001-01-01T08:00:00+08:00') {
@@ -917,20 +913,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();
-        var minute = date.getMinutes();
-        minute = minute < 10 ? ('0' + minute) : minute;
-        return y + '-' + m + '-' + d + ' ' + h + ':' + minute;
+      formatDateTime (date) {
+        var y = date.getFullYear()
+        var m = date.getMonth() + 1
+        m = m < 10 ? ('0' + m) : m
+        var d = date.getDate()
+        d = d < 10 ? ('0' + d) : d
+        var h = date.getHours()
+        var minute = date.getMinutes()
+        minute = minute < 10 ? ('0' + minute) : minute
+        return y + '-' + m + '-' + d + ' ' + h + ':' + minute
       }
     }
   }
-
 </script>
 
 <style lang="scss">

Diff do ficheiro suprimidas por serem muito extensas
+ 782 - 668
src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplier/techlist.vue


Alguns ficheiros não foram mostrados porque muitos ficheiros mudaram neste diff