1.增加模板导入功能

src/views/dashboard/components/fd/czfdzgtcx.vue

@@ -3,7 +3,6 @@
     <el-header style="width: 100%; height: 30px;font-size: 12px">
       <el-form :inline="true"  label-width="90px" >
         <el-row>
-
           <el-col :span="20">
             <el-form-item label="工程编号:"  >
               <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" >
@@ -15,46 +14,37 @@
                 </el-option>
               </el-select>
             </el-form-item>
-
           </el-col>
           <el-col :span="4">
             <el-form-item style="float: right" >
               <el-button type="success" @click="loadData()">查询</el-button>
-                            <el-button type="success"  @click.native="uploadExcel">    <el-upload
+              <el-button type="success"  @click.native="uploadExcel">
-                              :action="uploadAction"
+                  <el-upload
-                              :show-file-list="false"
+                  :action="uploadAction"
-                              :before-upload="beforeAvatarUpload"
+                  :show-file-list="false"
-                              :data="uploadData"
+                  :before-upload="beforeAvatarUpload"
-                              :on-success="handleAvatarSuccess"
+                  :data="uploadData"
-                              :disabled="uploadState==0?true:false"
+                  :on-success="handleAvatarSuccess"
-                              :headers="heads"
+                  :disabled="uploadState==0?true:false"
-                            >
+                  :headers="heads">
-                              直观图模板导入
+                  直观图模板导入
-                            </el-upload>   </el-button>
+                </el-upload>
+              </el-button>
             </el-form-item>
           </el-col>
         </el-row>
-
-
-
       </el-form>
     </el-header>
-    <el-divider></el-divider>
+    <hr style="margin: 0.5%">
     <el-container  style="padding-top: 0px">
-      <!--    <el-container >-->
-
       <el-main>
-
+        <div class="mytablefdt" style="display: flex;justify-content: center;align-items: center;">
-
-        <div class="mytablefdt" >
-
           <vxe-grid
             id="id"
             ref="xGridFd"
             :empty-text="emtext"
-
             show-footer
-            :height="500"
+            :height="520"
             resizable
             :columns="tableColumn"
             :data="tableData"
@@ -64,12 +54,8 @@
             border=none
             :cell-style="cellStyle"
           >
-
-
           </vxe-grid>
-
         </div>
-
         <el-tabs v-model="activeName" >
           <el-tab-pane label="汇总" name="first">
             <span slot="label" class="fontClass">汇总</span>
@@ -89,14 +75,12 @@
                 show-header-overflow
                 :cell-style="cellStyle1"
               >
-
                 <template #tpbh="{ row }">
                   <span style="cursor:pointer;color: blue" @click="tpbhClcik(row)">{{ row.tpbh }}</span>
                 </template>
                 <template #fdh="{ row }">
                   <span style="cursor:pointer;color: blue" @click="fdhClcik(row)">{{ row.fdh }}</span>
                 </template>
-
               </vxe-grid>
             </div>
           </el-tab-pane>
@@ -120,20 +104,13 @@
                 :header-cell-style="headerCellStyle"
                 :show-footer="true"
               >
-
-
               </vxe-grid>
-
             </div>
           </el-tab-pane>
-
         </el-tabs>
       </el-main>
-
     </el-container>
-
   </el-container>
-
 </template>
 
 <script>
@@ -153,8 +130,6 @@ export default {
       defaultHeight: { height: '' },
       tableDataMain:[],
       tableDataMainAll:[],
-
-      //    tableData: [],
       tableColumnMx: [
         { type: 'seq', width: 60, title: '序号' },
         { field: 'jhqh', title: '计划期号', width: 100 ,
@@ -1002,9 +977,6 @@ export default {
           });
         })
       }
-
-      //this.tableDataMx=[]
-      // this.tableDataMainAll.filter(item => searchProps.some(key => XEUtils.toString(item[key]).toLowerCase().indexOf(filterName)
     },
     tpbhClcik(row){
       findTPxqjh({czbh1:row.czbh,tpbh1:row.tpbh}).then(res=>{
@@ -1075,7 +1047,6 @@ export default {
 
     },
     rowClassName({ row, rowIndex ,column}){
-      console.log(row.qfpsrq)
       if(row.qfpsrq!=='' && row.qfpsrq!==undefined && row.qfpsrq!==null){
         return 'row-green'
       }else if(row.xqtsc<-7){