优化页面

src/views/purchase/cert/supCertSearch.vue

@@ -3,8 +3,8 @@
 
     <!--        配送企业资质       -->
     <el-card>
-      <el-form :model="filterQuery" class="query-form" label-width="120px" v-show="showSearch">
+      <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" class="query-form" label-width="120px" v-show="showSearch">
-        <el-row>
+       <!-- <el-row>
           <el-col span="6">
             <el-form-item label="配送企业名称:">
               <el-input v-model="filterQuery.companyName" style="width: 90%" placeholder="请输入配送企业名称"
@@ -17,6 +17,72 @@
                         clearable></el-input>
             </el-form-item>
           </el-col>
+        </el-row> -->
+        <el-row style=" display:flex;  flex-wrap: wrap; ">
+          <template v-for="(item, index) in queryList" >
+            <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
+              <el-input
+                v-model="filterQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
+                clearable
+              ></el-input>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select v-model="filterQuery[item.columnName]"
+                         :placeholder="item.columnDesc"
+                         :disabled="executeEval(null,item.disabledFuc,false)"
+                         clearable>
+                <el-option
+                  v-for="dict in item.lableRuleObj"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select
+                v-model="filterQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                filterable
+                remote
+                :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
+                clearable>
+                <el-option
+                  v-for="item in options[item.clickFuc]"
+                  :key="item.code"
+                  :label="item.label"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="dateRange"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="filterQuery[item.columnName]"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="date"
+                :placeholder="item.columnDesc"
+              ></el-date-picker>
+            </el-form-item>
+          </template>
         </el-row>
       </el-form>
 
@@ -31,8 +97,8 @@
       <el-divider style="margin: 15px"></el-divider>
 
       <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row
-                @row-click="supCompanyClick">
+               @row-click="(row) => executeFuc(row,'0',tableObj.handleChangeFuc)">
-        <el-table-column type="index" label="序号" width="50"></el-table-column>
+        <!-- <el-table-column type="index" label="序号" width="50"></el-table-column>
         <el-table-column label="配送企业名称" prop="companyName" show-overflow-tooltip></el-table-column>
         <el-table-column label="统一社会信用号" prop="creditNum"></el-table-column>
         <el-table-column label="所属地区" prop="area"></el-table-column>
@@ -57,7 +123,94 @@
                        @click.native="printSupCertPdf(scope.row)">打印
             </el-button>
           </template>
-        </el-table-column>
+        </el-table-column> -->
+        <template v-for="(item, index) in tableHeader">
+          <el-table-column
+            v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
+            type="index" :label="item.columnDesc"></el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'selection'"
+            type="selection"
+            :width="item.width"
+            :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
+          ></el-table-column>
+
+          <el-table-column
+            v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template  slot-scope="scope">
+              <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{ item.lableRuleObj[scope.row[item.columnName]] }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <el-tag :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
+                <span>{{ item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName] }}</span>
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :width="item.width"
+            :key="item.columnName"
+            fixed="right"
+          >
+            <template slot-scope="scope">
+              <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
+                         :type="buttonItem.type"
+                         :size="buttonItem.size"
+                         :style="buttonItem.style"
+                         :key="buttonItem"
+                         v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
+                         :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
+                         @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
+              >{{ buttonItem.name }}
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{ scope.row[item.columnName] }}</span>
+            </template>
+          </el-table-column>
+        </template>
       </el-table>
 
       <pagination
@@ -89,8 +242,8 @@
 
     <!--        生产企业资质       -->
     <el-card class="el-card">
-      <el-form :model="filterManufacturerQuery" class="query-form" label-width="120px" v-show="showSearch1">
+      <el-form v-if="queryList2 && queryList2.length > 0"  :model="filterManufacturerQuery" class="query-form" label-width="120px" v-show="showSearch1">
-        <el-row>
+        <!-- <el-row>
           <el-col :span="6">
             <el-form-item label="生产企业名称">
               <el-input v-model="filterManufacturerQuery.companyName" style="width: 90%" placeholder="请输入生产企业名称"
@@ -103,6 +256,72 @@
                         clearable></el-input>
             </el-form-item>
           </el-col>
+        </el-row> -->
+        <el-row style=" display:flex;  flex-wrap: wrap; ">
+          <template v-for="(item, index) in queryList2" >
+            <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
+              <el-input
+                v-model="filterManufacturerQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
+                clearable
+              ></el-input>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select v-model="filterManufacturerQuery[item.columnName]"
+                         :placeholder="item.columnDesc"
+                         :disabled="executeEval(null,item.disabledFuc,false)"
+                         clearable>
+                <el-option
+                  v-for="dict in item.lableRuleObj"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select
+                v-model="filterManufacturerQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                filterable
+                remote
+                :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
+                clearable>
+                <el-option
+                  v-for="item in options[item.clickFuc]"
+                  :key="item.code"
+                  :label="item.label"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="dateRange"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="filterManufacturerQuery[item.columnName]"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="date"
+                :placeholder="item.columnDesc"
+              ></el-date-picker>
+            </el-form-item>
+          </template>
         </el-row>
       </el-form>
 
@@ -117,8 +336,8 @@
       <el-divider style="margin: 15px"></el-divider>
 
       <el-table v-loading="loadManufacturerLoading" :data="manufacturerList" style="width: 100%" border
-                highlight-current-row @row-click="supManufacturerClick">
+                  highlight-current-row border @row-click="(row) => executeFuc(row,'0',tableObj2.handleChangeFuc)">
-        <el-table-column label="序号" type="index"></el-table-column>
+        <!-- <el-table-column label="序号" type="index"></el-table-column>
         <el-table-column label="生产企业名称" prop="companyName" width="200" show-overflow-tooltip></el-table-column>
         <el-table-column label="社会信用号" prop="creditCode"></el-table-column>
         <el-table-column label="企业类型" prop="bussinessStatus" width="120">
@@ -149,7 +368,95 @@
                        @click.native="printSupCertManufacturerPdf(scope.row)">打印
             </el-button>
           </template>
-        </el-table-column>
+        </el-table-column> -->
+        <template v-for="(item, index) in tableHeader2">
+          <el-table-column
+            v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
+            type="index" :label="item.columnDesc"></el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'selection'"
+            type="selection"
+            :width="item.width"
+            :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
+          ></el-table-column>
+
+          <el-table-column
+            v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template  slot-scope="scope">
+              <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{ item.lableRuleObj[scope.row[item.columnName]] }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <el-tag :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
+                <span>{{ item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName] }}</span>
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :width="item.width"
+            :key="item.columnName"
+            fixed="right"
+          >
+            <template slot-scope="scope">
+              <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
+                         :type="buttonItem.type"
+                         :size="buttonItem.size"
+                         :style="buttonItem.style"
+                         :key="buttonItem"
+                         v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
+                         :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
+                         @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
+              >{{ buttonItem.name }}
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{ scope.row[item.columnName] }}</span>
+            </template>
+          </el-table-column>
+
+        </template>
       </el-table>
 
       <pagination
@@ -181,8 +488,8 @@
 
     <!--        配送产品资质       -->
     <el-card class="el-card">
-      <el-form :model="registrationQuery" class="query-form" label-width="100px" v-show="showSearch2">
+      <el-form v-if="queryList3 && queryList3.length > 0"  :model="registrationQuery" class="query-form" label-width="100px" v-show="showSearch2">
-        <el-row style="width: 100%">
+       <!-- <el-row style="width: 100%">
           <el-col :span="6">
             <el-form-item label="物资名称:">
               <el-input v-model="registrationQuery.recordProductName" style="width: 90%" clearable="true"
@@ -201,6 +508,72 @@
                         placeholder="请输入注册备案人"></el-input>
             </el-form-item>
           </el-col>
+        </el-row> -->
+        <el-row style=" display:flex;  flex-wrap: wrap; ">
+          <template v-for="(item, index) in queryList3" >
+            <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
+              <el-input
+                v-model="registrationQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
+                clearable
+              ></el-input>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select v-model="registrationQuery[item.columnName]"
+                         :placeholder="item.columnDesc"
+                         :disabled="executeEval(null,item.disabledFuc,false)"
+                         clearable>
+                <el-option
+                  v-for="dict in item.lableRuleObj"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-select
+                v-model="registrationQuery[item.columnName]"
+                :placeholder="item.columnDesc"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                filterable
+                remote
+                :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
+                clearable>
+                <el-option
+                  v-for="item in options[item.clickFuc]"
+                  :key="item.code"
+                  :label="item.label"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="dateRange"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`">
+              <el-date-picker
+                v-model="registrationQuery[item.columnName]"
+                :style="`width:${item.width+'px'}`"
+                value-format="yyyy-MM-dd"
+                :disabled="executeEval(null,item.disabledFuc,false)"
+                type="date"
+                :placeholder="item.columnDesc"
+              ></el-date-picker>
+            </el-form-item>
+          </template>
         </el-row>
       </el-form>
 
@@ -215,7 +588,7 @@
 
       <el-table v-loading="registrationLoading" :data="registrationList" border highlight-current-row
                 style="width: 100%">
-        <el-table-column type="index" label="序号" width="50"></el-table-column>
+        <!-- <el-table-column type="index" label="序号" width="50"></el-table-column>
         <el-table-column label="物资名称" prop="recordProductName" show-overflow-tooltip></el-table-column>
         <el-table-column label="规格型号" prop="ggxh" show-overflow-tooltip></el-table-column>
         <el-table-column label="注册/备案号" prop="recordCode" show-overflow-tooltip></el-table-column>
@@ -243,7 +616,94 @@
                        @click.native="printSupCertProductionPdf(scope.row)">打印
             </el-button>
           </template>
-        </el-table-column>
+        </el-table-column> -->
+        <template v-for="(item, index) in tableHeader3">
+          <el-table-column
+            v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
+            type="index" :label="item.columnDesc"></el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'selection'"
+            type="selection"
+            :width="item.width"
+            :selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
+          ></el-table-column>
+
+          <el-table-column
+            v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template  slot-scope="scope">
+              <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{ item.lableRuleObj[scope.row[item.columnName]] }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template   slot-scope="scope">
+              <el-tag :type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
+                <span>{{ item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName] }}</span>
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :width="item.width"
+            :key="item.columnName"
+            fixed="right"
+          >
+            <template slot-scope="scope">
+              <el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
+                         :type="buttonItem.type"
+                         :size="buttonItem.size"
+                         :style="buttonItem.style"
+                         :key="buttonItem"
+                         v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
+                         :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
+                         @click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
+              >{{ buttonItem.name }}
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-if="item.columnType == 'text' && executeEval(row,item.expression,true)"
+            :prop="item.columnName"
+            :label="item.columnDesc"
+            :sortable="item.sort"
+            :width="item.width"
+            :show-overflow-tooltip="item.tooltip"
+            :key="item.columnName"
+          >
+            <template slot-scope="scope">
+              <span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{ scope.row[item.columnName] }}</span>
+            </template>
+          </el-table-column>
+        </template>
       </el-table>
 
       <pagination
@@ -290,6 +750,9 @@ import supManufacturerAuditDialog from "@/views/purchase/manufacturer/supManufac
 import {deleteCompany, getCompanyList} from "@/api/purchase/supManufacturer";
 import suppliersRegistrationBasic from "@/views/purchase/product/supProductAuditDialog";
 import {deleteRegistration, getRegistrationList} from "@/api/purchase/suppliersRegistrationBasic";
+import {
+  getHead,executeFuc
+} from "@/utils/customConfig";
 
 export default {
   data() {
@@ -307,6 +770,17 @@ export default {
       loading: false,
       list: [],
       total: 0,
+      tableHeader:[],
+      queryList:[],
+      fromList:[],
+      tableHeader2:[],
+      queryList2:[],
+      fromList2:[],
+      tableHeader3:[],
+      queryList3:[],
+      fromList3:[],
+      options:{
+      },
       formName: 1,
       formMap: {
         1: "配送企业资质详情",
@@ -455,16 +929,16 @@ export default {
     onSubmit() {
       this.getList();
     },
-    editCompany(row) {
+    editCompany(_this,row) {
       if (row.auditStatus == 6 || row.auditStatus == 3) {
-        this.formName = 2;
+        _this.formName = 2;
-        this.editType = 2;
+        _this.editType = 2;
       } else {
-        this.editType = 1;
+        _this.editType = 1;
-        this.formName = 1;
+        _this.formName = 1;
       }
-      this.supCompanyVisible = true;
+      _this.supCompanyVisible = true;
-      this.inputQuery = row;
+      _this.inputQuery = row;
     },
 
     handleCurrentChange(val) {
@@ -492,9 +966,9 @@ export default {
       this.supCompanyVisible = false;
     },
 
-    supCompanyClick(row) {
+    supCompanyClick(_this,row) {
-      this.filterManufacturerQuery.customerId = row.customerId;
+      _this.filterManufacturerQuery.customerId = row.customerId;
-      this.onManufacturerReset();
+      _this.onManufacturerReset();
     },
 
 
@@ -534,18 +1008,18 @@ export default {
           this.manufacturerTotal = 0;
         });
     },
-    addInfoDialog(row) {
+    addInfoDialog(_this,row) {
 
       if (row.auditStatus == 6 || row.auditStatus == 3) {
-        this.editManufacturerType = 2;
+        _this.editManufacturerType = 2;
-        this.formManufacturerName = 2;
+        _this.formManufacturerName = 2;
       } else {
-        this.editManufacturerType = 1;
+        _this.editManufacturerType = 1;
-        this.formManufacturerName = 1;
+        _this.formManufacturerName = 1;
       }
-      this.enterpriseId = row.id;
+      _this.enterpriseId = row.id;
-      this.inputManufacturerQuery = row;
+      _this.inputManufacturerQuery = row;
-      this.addInfoVisible = true;
+      _this.addInfoVisible = true;
     },
     closeManufacturerDialog(type) {
       this.addInfoVisible = false;
@@ -559,10 +1033,10 @@ export default {
       this.getManufacturerList();
     },
 
-    supManufacturerClick(row) {
+    supManufacturerClick(_this,row) {
-      this.registrationQuery.customerId = row.customerId;
+      _this.registrationQuery.customerId = row.customerId;
-      this.registrationQuery.manufacturerIdFk = row.manufacturerId;
+      _this.registrationQuery.manufacturerIdFk = row.manufacturerId;
-      this.onReset2();
+      _this.onReset2();
     },
 
 
@@ -590,17 +1064,17 @@ export default {
     hideSearch2() {
       this.showSearch2 = !this.showSearch2;
     },
-    registrationDialog(row) {
+    registrationDialog(_this,row) {
       if (row.auditStatus == 6 || row.auditStatus == 3) {
-        this.formProductName = 2;
+        _this.formProductName = 2;
-        this.editProductType = 2;
+        _this.editProductType = 2;
       } else {
-        this.editProductType = 1;
+        _this.editProductType = 1;
-        this.formProductName = 1;
+        _this.formProductName = 1;
       }
-      this.registrationId = row.id;
+      _this.registrationId = row.id;
-      this.inputProudtQuery = row;
+      _this.inputProudtQuery = row;
-      this.registrationVisible = true;
+      _this.registrationVisible = true;
     },
     closeProductDialog() {
       this.registrationVisible = false;
@@ -627,9 +1101,9 @@ export default {
       this.registrationQuery.page = val.page;
       this.getRegistrationList();
     },
-    printSupCertPdf(row) {
+    printSupCertPdf(_this,row) {
       let query = {id: 1};
-      this.loading = true;
+      _this.loading = true;
       verifyTemplateFile(query).then((res) => {
         if (res.code === 20000) {
           //查询全部详情id
@@ -652,24 +1126,24 @@ export default {
                 let url = window.URL.createObjectURL(
                   new Blob(binaryData, {type: "application/pdf"})
                 );
-                this.loading = false;
+                _this.loading = false;
                 window.open(url);//打开新标签页，预览pdf。
               })
             }
           })
         } else {
-          this.loading = false;
+          _this.loading = false;
-          this.$message.error(res.message);
+          _this.$message.error(res.message);
         }
       }).catch((error) => {
-        this.loading = false;
+        _this.loading = false;
-        this.$message.error(error.message);
+        _this.$message.error(error.message);
       })
     },
     //生产企业打印
-    printSupCertManufacturerPdf(row) {
+    printSupCertManufacturerPdf(_this,row) {
       let query = {id: 2};
-      this.loading = true;
+      _this.loading = true;
       verifyTemplateFile(query).then((res) => {
         if (res.code === 20000) {
           //查询全部详情id
@@ -693,25 +1167,25 @@ export default {
                 let url = window.URL.createObjectURL(
                   new Blob(binaryData, {type: "application/pdf"})
                 );
-                this.loading = false;
+                _this.loading = false;
                 window.open(url);//打开新标签页，预览pdf。
               })
             }
           })
         } else {
-          this.loading = false;
+          _this.loading = false;
-          this.$message.error(res.message);
+          _this.$message.error(res.message);
         }
       }).catch((error) => {
-        this.loading = false;
+        _this.loading = false;
-        this.$message.error(error.message);
+        _this.$message.error(error.message);
       })
     },
     //生产产品打印
-    printSupCertProductionPdf(row) {
+    printSupCertProductionPdf(_this,row) {
 
       let query = {id: 3};
-      this.loading = true;
+      _this.loading = true;
       verifyTemplateFile(query).then((res) => {
         if (res.code === 20000) {
           //查询全部详情id
@@ -736,20 +1210,29 @@ export default {
                 let url = window.URL.createObjectURL(
                   new Blob(binaryData, {type: "application/pdf"})
                 );
-                this.loading = false;
+                _this.loading = false;
                 window.open(url);//打开新标签页，预览pdf。
               })
             }
           })
         } else {
-          this.loading = false;
+          _this.loading = false;
-          this.$message.error(res.message);
+          _this.$message.error(res.message);
         }
       }).catch((error) => {
-        this.loading = false;
+        _this.loading = false;
-        this.$message.error(error.message);
+        _this.$message.error(error.message);
       })
     },
+    executeFuc(row,type,clickFuc,value){
+      return executeFuc(this,row,type,clickFuc,value);
+    },
+    executeEval(row,expression,defaultRet){
+      if(expression){
+        return eval(expression);
+      }
+      return defaultRet;
+    }
   },
 
   components: {
@@ -760,7 +1243,28 @@ export default {
   mounted() {
   },
   created() {
-    this.getList();
+   getHead("supCertSearch-1","1").then((re) => {
+     // 处理返回的数据
+     this.tableObj = re.data;
+     this.tableHeader = re.data.tableList;
+     this.queryList = re.data.queryList;
+     this.fromList = re.data.fromList;
+     this.getList();
+   });
+   getHead("supCertSearch-2","1").then((re) => {
+     // 处理返回的数据
+     this.tableObj2 = re.data;
+     this.tableHeader2 = re.data.tableList;
+     this.queryList2 = re.data.queryList;
+     this.fromList2 = re.data.fromList;
+   });
+   getHead("supCertSearch-3","1").then((re) => {
+     // 处理返回的数据
+     this.tableObj3= re.data;
+     this.tableHeader3 = re.data.tableList;
+     this.queryList3 = re.data.queryList;
+     this.fromList3 = re.data.fromList;
+   });
   },
 };
 </script>