qj-common 4.1.42 → 4.1.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qj-common",
-  "version": "4.1.42",
+  "version": "4.1.43",
   "description": "common files && template for qj-paas",
   "scripts": {
     "gulp": "gulp css"
@@ -15,4 +15,4 @@
     "not ie <= 8"
   ],
   "license": "MIT"
-}
+}

package/src/views/templates/templateTable.vue

@@ -2,9 +2,9 @@
   <div>
     <div class="template-table">
       <!--header-->
-      <div class="tem-header" v-if="temInput">
+      <div class="tem-header" v-if="temInputPack">
         <ul class="clearfix">
-          <li :class="{ li: temInput[0].btnArray }" :key="index" v-for="(item, index) in temInput">
+          <li :class="{ li: temInputPack[0].btnArray }" :key="index" v-for="(item, index) in temInputPack">
             <label v-if="'label' in item && item.label">{{ item.label }}：</label>
             <div v-if="'type' in item">
               <div v-if="item.type === 'text'">
@@ -88,7 +88,7 @@
               <!--input 支持搜索-->
               <div v-if="item.type === 'autocomplete'">
                 <el-autocomplete :fetch-suggestions="querySearchAsync" :loadAll="(restaurants = item.restaurants)"
-                  :placeholder="item.placeholder" :rowkey="(rowkey = temtable.rowkey)" @select="handleSelect"
+                  :placeholder="item.placeholder" :rowkey="(rowkey = temTablePack.rowkey)" @select="handleSelect"
                   v-model.trim="item.value"></el-autocomplete>
               </div>
             </div>
@@ -98,7 +98,7 @@
           </div>-->
           </li>
         </ul>
-        <template v-for="item in temInput" v-if="'btnArray' in item">
+        <template v-for="item in temInputPack" v-if="'btnArray' in item">
           <el-button :key="indexBtn" :type="itemBtn.type || 'primary'" @click="btn(itemBtn, indexBtn)"
             v-for="(itemBtn, indexBtn) in item.btnArray" v-if="itemBtn.type == 'query' || itemBtn.type == 'search'">
             {{ itemBtn.label }}</el-button>
@@ -120,32 +120,35 @@
           <!--main table-->
           <!-- {{activeName}} -->
           <div class="template-box" v-for="(item, index) in temTab.tabPane" v-if="activeName == index">
-            <div class="tem-main" v-if="temTable">
-              <h3 class="temTable-title" v-if="'title' in temTable ? temTable.title : ''">{{ temTable.title }}：</h3>
-              <el-table :data="tableData" :empty-text="'emptyText' in temTable ? temTable.emptyText : '暂无数据'"
-                :row-key="row_Key" :rowKey="(rowKey = temTable.rowKey ? temTable.rowKey : '')"
+            <div class="tem-main" v-if="temTablePack">
+              <h3 class="temTablePack-title" v-if="'title' in temTablePack ? temTablePack.title : ''">{{
+                temTablePack.title
+              }}：</h3>
+              <el-table :data="tableData" :empty-text="'emptyText' in temTablePack ? temTablePack.emptyText : '暂无数据'"
+                :row-key="row_Key" :rowKey="(rowKey = temTablePack.rowKey ? temTablePack.rowKey : '')"
                 @select="handleSelectionChange" @select-all="handleSelectionChange" @toggleSelection="toggleSelection"
                 ref="multipleTable" style="width: 100%" v-loading="loading" stripe
-                :height="'tabHeight' in temTable ? temTable.tabHeight : false">
-                <el-table-column :reserve-selection="temTable.reserve_selection ? true : false" type="selection"
-                  v-if="'selection' in temTable ? temTable.selection.state : false" width="40"></el-table-column>
+                :height="'tabHeight' in temTablePack ? temTablePack.tabHeight : false">
+                <el-table-column :reserve-selection="temTablePack.reserve_selection ? true : false" type="selection"
+                  v-if="'selection' in temTablePack ? temTablePack.selection.state : false"
+                  width="40"></el-table-column>
                 <el-table-column :align="'align' in item ? item.align : ''" :key="index"
                   :label="'label' in item ? item.label : ''" :min-width="'minWidth' in item ? item.minWidth : ''"
                   :prop="'prop' in item ? item.prop : ''" :width="'width' in item ? item.width : 'auto'"
-                  v-for="(item, index) in temTable.tableHead" :fixed="'fixed' in item ? item.fixed : false"
+                  v-for="(item, index) in temTablePack.tableHead" :fixed="'fixed' in item ? item.fixed : false"
                   :show-overflow-tooltip="'overflow' in item ? item.overflow : false">
                   <template slot-scope="scope">
                     <template-table-content :item="item" :scope="scope" @changeGetData="getDataList">
                     </template-table-content>
                   </template>
                 </el-table-column>
-                <el-table-column :width="'tabBtnWidth' in temTable ? temTable.tabBtnWidth : '180'" label="操作"
-                  :fixed="'fixed' in temTable ? temTable.fixed : false"
-                  v-if="'tabBtnState' in temTable ? temTable.tabBtnState : true">
+                <el-table-column :width="'tabBtnWidth' in temTablePack ? temTablePack.tabBtnWidth : '180'" label="操作"
+                  :fixed="'fixed' in temTablePack ? temTablePack.fixed : false"
+                  v-if="'tabBtnState' in temTablePack ? temTablePack.tabBtnState : true">
                   <template slot-scope="scope">
                     <!--四个以内的按钮是这么显示-->
                     <span :key="index" class="tem-span-btn" style="display: inline-block"
-                      v-for="(item, index) in temTable.tableBtn">
+                      v-for="(item, index) in temTablePack.tableBtn">
                       <template v-if="'renderTemp' in item">
                         <child :item="item" :para="scope.row" :temp="item.renderTemp"></child>
                       </template>
@@ -208,9 +211,10 @@
                               v-else-if="'dataState' in item && scope.row.dataState == item.dataState && !item.props">
                               {{ item.label }}</el-button>
                             <el-button :class="'type' in item && item.type ? item.type : 'primary'"
-                              @click="handleClick(item, scope, index)" size="small" type="text" v-else-if="item.state">{{
-                              item.label
-                            }}</el-button>
+                              @click="handleClick(item, scope, index)" size="small" type="text"
+                              v-else-if="item.state">{{
+                                item.label
+                              }}</el-button>
                           </template>
                         </span>
                       </template>
@@ -222,11 +226,11 @@
 
             <div class="page-box">
               <!-- 按钮部分 -->
-              <div v-if="'tablePageBtn' in temTable">
+              <div v-if="'tablePageBtn' in temTablePack">
                 <el-button :key="indexBtn" :type="itemBtn.type" @click="btn(itemBtn, indexBtn)"
-                  v-for="(itemBtn, indexBtn) in temTable.tablePageBtn">{{ itemBtn.label }}</el-button>
+                  v-for="(itemBtn, indexBtn) in temTablePack.tablePageBtn">{{ itemBtn.label }}</el-button>
               </div>
-              <div class="page-item" v-if="'tabpageState' in temTable ? temTable.tabpageState : true">
+              <div class="page-item" v-if="'tabpageState' in temTablePack ? temTablePack.tabpageState : true">
                 <!--page-->
                 <div class="tem-page" v-if="pagenation && pagenation.total">
                   <!-- 'currentPage' in pagenation ? pagenation.currentPage : 1 -->
@@ -246,19 +250,21 @@
       <div v-else>
         <div class="template-box template-boild-box">
           <!--main table-->
-          <div class="tem-main" v-if="temTable">
-            <h3 class="temTable-title" v-if="'title' in temTable ? temTable.title : ''">{{ temTable.title }}：</h3>
-            <el-table :data="tableData" :empty-text="'emptyText' in temTable ? temTable.emptyText : '暂无数据'"
-              :row-key="row_Key" :rowKey="(rowKey = temTable.rowKey ? temTable.rowKey : '')"
+          <div class="tem-main" v-if="temTablePack">
+            <h3 class="temTablePack-title" v-if="'title' in temTablePack ? temTablePack.title : ''">{{
+              temTablePack.title }}：
+            </h3>
+            <el-table :data="tableData" :empty-text="'emptyText' in temTablePack ? temTablePack.emptyText : '暂无数据'"
+              :row-key="row_Key" :rowKey="(rowKey = temTablePack.rowKey ? temTablePack.rowKey : '')"
               @select="handleSelectionChange" @select-all="handleSelectionChange" @toggleSelection="toggleSelection"
               ref="multipleTable" style="width: 100%" v-loading="loading" stripe
-              :height="'tabHeight' in temTable ? temTable.tabHeight : false">
-              <el-table-column :reserve-selection="temTable.reserve_selection ? true : false" type="selection"
-                v-if="'selection' in temTable ? temTable.selection.state : false" width="40"></el-table-column>
+              :height="'tabHeight' in temTablePack ? temTablePack.tabHeight : false">
+              <el-table-column :reserve-selection="temTablePack.reserve_selection ? true : false" type="selection"
+                v-if="'selection' in temTablePack ? temTablePack.selection.state : false" width="40"></el-table-column>
               <el-table-column :align="'align' in item ? item.align : ''" :key="index"
                 :label="'label' in item ? item.label : ''" :min-width="'minWidth' in item ? item.minWidth : ''"
                 :prop="'prop' in item ? item.prop : ''" :width="'width' in item ? item.width : 'auto'"
-                v-for="(item, index) in temTable.tableHead" :fixed="'fixed' in item ? item.fixed : false"
+                v-for="(item, index) in temTablePack.tableHead" :fixed="'fixed' in item ? item.fixed : false"
                 :show-overflow-tooltip="'overflow' in item ? item.overflow : false">
                 <!-- min-width 产品后期要最小宽度，开发以改了部分，以无法修改，width 代替min-width -->
                 <template slot-scope="scope">
@@ -266,14 +272,14 @@
                   </template-table-content>
                 </template>
               </el-table-column>
-              <el-table-column :width="'tabBtnWidth' in temTable ? temTable.tabBtnWidth : '180'" label="操作"
-                :fixed="'fixed' in temTable ? temTable.fixed : false"
-                v-if="'tabBtnState' in temTable ? temTable.tabBtnState : true">
+              <el-table-column :width="'tabBtnWidth' in temTablePack ? temTablePack.tabBtnWidth : '180'" label="操作"
+                :fixed="'fixed' in temTablePack ? temTablePack.fixed : false"
+                v-if="'tabBtnState' in temTablePack ? temTablePack.tabBtnState : true">
                 <template slot-scope="scope">
                   <!--四个以内的按钮是这么显示-->
 
                   <span :key="index" class="tem-span-btn" style="display: inline-block"
-                    v-for="(item, index) in temTable.tableBtn">
+                    v-for="(item, index) in temTablePack.tableBtn">
                     <template v-if="'renderTemp' in item">
                       <child :item="item" :para="scope.row" :temp="item.renderTemp"></child>
                     </template>
@@ -339,8 +345,8 @@
                             {{ item.label }}</el-button>
                           <el-button :class="'type' in item && item.type ? item.type : 'primary'"
                             @click="handleClick(item, scope, index)" size="small" type="text" v-else-if="item.state">{{
-                            item.label
-                          }}</el-button>
+                              item.label
+                            }}</el-button>
                         </template>
                       </span>
                     </template>
@@ -350,13 +356,13 @@
             </el-table>
           </div>
 
-          <div class="page-box" v-if="temTable">
+          <div class="page-box" v-if="temTablePack">
             <!-- 按钮部分 -->
-            <div v-if="'tablePageBtn' in temTable">
+            <div v-if="'tablePageBtn' in temTablePack">
               <el-button :key="indexBtn" :type="itemBtn.type" @click="btn(itemBtn, indexBtn)"
-                v-for="(itemBtn, indexBtn) in temTable.tablePageBtn">{{ itemBtn.label }}</el-button>
+                v-for="(itemBtn, indexBtn) in temTablePack.tablePageBtn">{{ itemBtn.label }}</el-button>
             </div>
-            <div class="page-item" v-if="'tabpageState' in temTable ? temTable.tabpageState : true">
+            <div class="page-item" v-if="'tabpageState' in temTablePack ? temTablePack.tabpageState : true">
               <!--page-->
               <div class="tem-page" v-if="pagenation && pagenation.total">
                 <!-- 'currentPage' in pagenation ? pagenation.currentPage : 1 -->
@@ -384,7 +390,7 @@
         :width="'width' in dialogData.template ? dialogData.template.width : '660px'"
         v-if="dialogData && dialogData.template">
         <template-input :labelWidth="dialogData.template.labelWidth" :rules="dialogData.template.rules"
-          :temInput="dialogData.template.html" @cancel="dialogCancel" @getData="getDataList"
+          :temInputPack="dialogData.template.html" @cancel="dialogCancel" @getData="getDataList"
           @handleSelect="handleSelect" @inputBlur="inputBlur" @inputBtnClick="inputBtnClick" @radioChange="radioChange"
           @selChange="selChange" ref="child"></template-input>
       </el-dialog>
@@ -424,8 +430,8 @@
             </div>
             <el-button :key="indexBtn" :type="itemBtn.type" @click="reviewClick(itemBtn, dialogDataSee.html)"
               v-for="(itemBtn, indexBtn) in item.btnArray" v-if="'btnArray' in item">{{
-              itemBtn.label
-            }}</el-button>
+                itemBtn.label
+              }}</el-button>
           </li>
         </ul>
       </el-dialog>
@@ -438,9 +444,51 @@ import templateTableContent from './templateUi/templateTableContent';
 import tempSelect from './components/temp-select';
 import templateInput from './templateInput';
 const querystring = require('querystring');
+import { isUndefined, cloneDeep } from "lodash";
 import { parseTime } from '#/utils/index'; //时间格式化
 export default {
   props: ['temInput', 'params', 'temTable', 'temPage', 'temTab', 'url', 'temPageLayout', 'subtotal'],
+  computed: {
+    temInputPack() {
+
+      if (!this.temInput) {
+        return this.temInput
+      }
+      console.log(55555, this.temInput);
+      if (isUndefined(this.$route.meta.btnRules)) {
+        return this.temInput;
+      }
+      const index = this.temInput.findIndex(item => Array.isArray(item.btnArray));
+      if (index === -1) {
+        return this.temInput;
+      }
+
+      let inputData = cloneDeep(this.temInput)
+      const result = inputData[index];
+      result.btnArray = result.btnArray.filter(item1 => {
+        return this.$route.meta.btnRules.includes(item1.label)
+      })
+      return inputData;
+    },
+    temTablePack() {
+      if (!this.temTable) {
+        return this.temTable
+      }
+      if (isUndefined(this.$route.meta.btnRules)) {
+        return this.temTable;
+      }
+      if (!Array.isArray(this.temTable['tableBtn'])) {
+        return this.temTable
+      }
+
+      let tabBtnData = cloneDeep(this.temTable)
+
+      tabBtnData['tableBtn'] = tabBtnData['tableBtn'].filter(item1 => {
+        return this.$route.meta.btnRules.includes(item1.label)
+      })
+      return tabBtnData;
+    },
+  },
   components: {
     tempSelect,
     'template-table-content': templateTableContent,
@@ -469,7 +517,7 @@ export default {
       },
     },
   },
-  data () {
+  data() {
     return {
       rowKey: '',
       row_Key: 'row[this.rowKey]',
@@ -514,8 +562,8 @@ export default {
   // beforeCreate() {
   //   this.dialogData
   // },
-  mounted () {
-    // console.log(this.temInput, "ddd");
+  mounted() {
+    // console.log(this.temInputPack, "ddd");
     // 在template-table上新增加绑定一个temPageLayout,值是字符串,不传默认是'total, sizes, prev, pager, next, jumper',
     // 根据需要添加或者减少
     if (localStorage.getItem('currenPage')) {
@@ -543,14 +591,14 @@ export default {
     this.getDataList();
   },
   methods: {
-    open (item, val, index) {
+    open(item, val, index) {
       console.log('2222++++++++++', item, val, index);
       if (val.row.dataState == -1 || val.row.dataState == 4) {
         this.$message.warning('暂无操作');
         return;
       }
     },
-    btn (itemBtn, index) {
+    btn(itemBtn, index) {
       console.log(itemBtn, index, '+++++++++++++++++++++++++++++');
       if (itemBtn.id === 'query' || itemBtn.id === 'search') {
         //表示查询
@@ -580,27 +628,27 @@ export default {
       }
       // this.$emit("inputBtnClick", itemBtn, index);
     },
-    inputBtnClick (itemBtn, indexBtn) {
+    inputBtnClick(itemBtn, indexBtn) {
       //input子组件传递的通用事件
       this.$emit('inputBtnClick', itemBtn, indexBtn);
     },
 
-    dialogClose () {
+    dialogClose() {
       // console.log(this.$refs.child);
       this.$refs.child.setReset();
       this.dialogFormVisible = false;
       // console.log("close");
     },
-    reviewClick (itemBtn, item) {
+    reviewClick(itemBtn, item) {
       if (itemBtn.id == 'review') {
         //表示确定
         this.setData(itemBtn.url, itemBtn, item);
       }
     },
-    inputBlur (item) {
+    inputBlur(item) {
       this.$emit('inputBlur', item);
     },
-    setData (url, btnarr, item) {
+    setData(url, btnarr, item) {
       if (url) {
         let data = {};
         btnarr.params.forEach((res) => {
@@ -629,7 +677,7 @@ export default {
         });
       }
     },
-    getOption (e, item) {
+    getOption(e, item) {
       console.log(item, 'item');
       if (item.url && !item.state) {
         request({
@@ -641,7 +689,7 @@ export default {
         });
       }
     },
-    prePage (item) {
+    prePage(item) {
       //  	console.log(item,'item2')
       --item.pagenation.page;
       // this.sltPage = item.pagenation.page;
@@ -655,7 +703,7 @@ export default {
       item.state = false;
       this.getSltInfo(item, true);
     },
-    nextPage (item) {
+    nextPage(item) {
       //  		console.log(item,'item1')
       //  		console.log(this.pageCount,'this.pageCount')
       if (item.pagenation.page < item.pageCount) {
@@ -668,7 +716,7 @@ export default {
         this.$message.error('已到最后一页');
       }
     },
-    remoteMethod (data) {
+    remoteMethod(data) {
       this.sltItem.pagenation.page = 1;
       this.sltItem.state = false;
       this.loadings = true;
@@ -679,8 +727,8 @@ export default {
       console.log(this.iptSltname, 'item');
       this.getSltInfo(this.sltItem, true);
     },
-    filterData (data, item) { },
-    getSltInfo (item, flag) {
+    filterData(data, item) { },
+    getSltInfo(item, flag) {
       this.sltItem = item;
       console.log(item, this.iptSltname, 'item');
       // this.sltItem=JSON.parse(JSON.stringify(item));
@@ -716,7 +764,7 @@ export default {
         });
       }
     },
-    handleClick (item, val, index) {
+    handleClick(item, val, index) {
       console.log('xialacaozuo++++++++++++++++');
       // console.log(item);
       //index表示btn的位置
@@ -755,7 +803,7 @@ export default {
 
       this.$emit('tableBtnClick', val.row, item, index);
     },
-    querySearchAsync (queryString, cb) {
+    querySearchAsync(queryString, cb) {
       var restaurants = this.restaurants;
       var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;
 
@@ -764,34 +812,34 @@ export default {
         cb(results);
       }, 3000 * Math.random());
     },
-    createStateFilter (queryString) {
+    createStateFilter(queryString) {
       return (state) => {
         return state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
       };
     },
-    handleSelect (item) {
+    handleSelect(item) {
       console.log('开始选');
       this.$emit('handleSelect', item);
     },
-    sizeChange (val) {
+    sizeChange(val) {
       this.data.rows = val;
       this.data.page = 1;
       this.getDataList();
       this.$emit("sizeChange", val);
     },
-    currentChange (val) {
+    currentChange(val) {
       console.log('开始请求');
       this.data.page = val;
       this.getDataList();
       this.$emit('currentChange', val);
     },
-    handleCommand (key, data) {
+    handleCommand(key, data) {
       console.log(key, data, 'f');
       //折叠按钮请求
       // this.$message("click on item " + command);
       // this.$emit("tableBtnClick", command); //抛出去，根据id来执行事件
     },
-    importData (paramsUrl, btnId, jump) {
+    importData(paramsUrl, btnId, jump) {
       let paramsResult = null, //判断参数是否必传
         disabledPrompt = null, //参数必传的提示语
         disabledValueArray = null; //参数必传的name值的数组
@@ -803,8 +851,8 @@ export default {
       let params = {};
 
       //获取参数
-      this.temInput &&
-        this.temInput.forEach((el, index) => {
+      this.temInputPack &&
+        this.temInputPack.forEach((el, index) => {
           if ('disabledStatic' in el && el.disabledStatic) {
             //添加这个字段表示这个字段传递后，才可点击搜索框
             paramsResult = true; //设定为true，表示有这个字段
@@ -915,7 +963,7 @@ export default {
         }, 500);
       });
     },
-    getDataList (paramsUrl, btnId) {
+    getDataList(paramsUrl, btnId) {
       if (this.clickState) {
         this.clickState = false;
 
@@ -938,8 +986,8 @@ export default {
           delete params.page;
         }
         //获取参数
-        this.temInput &&
-          this.temInput.forEach((el, index) => {
+        this.temInputPack &&
+          this.temInputPack.forEach((el, index) => {
             if ('disabledStatic' in el && el.disabledStatic) {
               //添加这个字段表示这个字段传递后，才可点击搜索框
               paramsResult = true; //设定为true，表示有这个字段
@@ -1090,7 +1138,7 @@ export default {
               }
               this.tableData = res.rows;
               this.$emit('getData', res.rows);
-			  this.$emit('getTotal',res.total);
+              this.$emit('getTotal', res.total);
               // 小计
               if (res.rows.length > 0) {
                 if (this.subtotal && this.subtotal.length > 0) {
@@ -1122,7 +1170,7 @@ export default {
               }
               this.tableData = [];
               this.$emit('getData', []);
-			  this.$emit('getTotal',0);
+              this.$emit('getTotal', 0);
             }
           } else {
             if (this.temPage !== false) {
@@ -1130,12 +1178,12 @@ export default {
             }
             this.tableData = [];
             this.$emit('getData', []);
-			this.$emit('getTotal',0);
+            this.$emit('getTotal', 0);
           }
         });
       }
     },
-    seeDetails (item, val, index) {
+    seeDetails(item, val, index) {
       console.log(item, val);
       let nData = val.row;
       let params = {};
@@ -1170,7 +1218,7 @@ export default {
         this.showDetails(item, nData);
       }
     },
-    showDetails (item, data) {
+    showDetails(item, data) {
       let template = JSON.parse(JSON.stringify(item.template)); //去除数据的双向绑定
       template.html.forEach((el) => {
         if (el.value === '') {
@@ -1207,7 +1255,7 @@ export default {
       // }
       this.dialogFormVisibleSee = true;
     },
-    accAdd (num1, num2) {
+    accAdd(num1, num2) {
       var r1, r2, m;
       try {
         r1 = num1.toString().split('.')[1].length;
@@ -1223,18 +1271,18 @@ export default {
       // return (num1*m+num2*m)/m;
       return Math.round(num1 * m + num2 * m) / m;
     },
-    inputSelChange (val, item) {
+    inputSelChange(val, item) {
       // this.getDataList();
       this.$emit('selChange', val, item);
     },
-    selChange (val, item) {
+    selChange(val, item) {
       this.$emit('selChange', val, item);
     },
-    dialogCancel () {
+    dialogCancel() {
       //取消
       this.dialogFormVisible = false;
     },
-    dialogConfirm (url, formName) {
+    dialogConfirm(url, formName) {
       //编辑确定
       this.$refs[formName].validate((valid) => {
         //编辑验证
@@ -1271,10 +1319,10 @@ export default {
         }
       });
     },
-    addData (data) {
+    addData(data) {
       // console.log(data, "dd");
     },
-    delData (val, item) {
+    delData(val, item) {
       let promptTitle = item.promptTitle ? item.promptTitle : '是否确认删除?';
       this.$confirm(promptTitle, {
         center: true,
@@ -1300,21 +1348,21 @@ export default {
           });
       });
     },
-    handleAvatarSuccess (res, file) {
+    handleAvatarSuccess(res, file) {
       console.log(res, file);
       this.imageUrl = URL.createObjectURL(file.raw);
     },
-    handleClickTab (tab, event) {
+    handleClickTab(tab, event) {
       //tab事件操作
       this.$emit('handleClickTab', this.temTab.tabPane[this.activeName]);
       this.data.page = 1;
       this.getDataList();
     },
-    exceed () {
+    exceed() {
       //图片个数超出的验证
       this.$message.error(`最多上传${this.limit}张!`);
     },
-    beforeAvatarUpload (file) {
+    beforeAvatarUpload(file) {
       //上传之前的回调
       const fileType = /\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(file.name);
       if (!fileType) {
@@ -1326,7 +1374,7 @@ export default {
       }
       return isLt2M && fileType;
     },
-    picUpload (file) {
+    picUpload(file) {
       // this.imgLoading = true;
       const formData = new FormData(); //转表单对象
       formData.append('file', file.file);
@@ -1351,14 +1399,14 @@ export default {
           console.log('上传失败');
         });
     },
-    handleRemove (file, fileList) {
+    handleRemove(file, fileList) {
       //删除图片
       this.uploadImgValue = this.uploadImgValue.filter((val) => {
         return val.uid !== file.uid;
       });
       console.log(this.uploadImgValue);
     },
-    handleSelectionChange (selection, row) {
+    handleSelectionChange(selection, row) {
       console.log('多选222222222222', selection, row, this.tableData);
       this.$emit('handleSelectionChange', selection, row);
       localStorage.setItem('selectList', this.tableData);
@@ -1375,7 +1423,7 @@ export default {
       }
       console.log('多页', this.select_more);
     },
-    toggleSelection (rows) {
+    toggleSelection(rows) {
       if (rows) {
         rows.forEach((row) => {
           this.$refs.multipleTable.toggleRowSelection(row, true);
@@ -1385,7 +1433,7 @@ export default {
       }
       this.$emit('toggleSelection', row);
     },
-    dropdownState (state, arr) {
+    dropdownState(state, arr) {
       arr.every((res) => {
         return res.dataState == state;
       });
@@ -1395,7 +1443,7 @@ export default {
       // console.log(aa);
     },
 
-    changeData (item, val) {
+    changeData(item, val) {
       let params = 'params' in item ? JSON.parse(JSON.stringify(item.params)) : {};
       for (let el in params) {
         if (params[el] === '') {
@@ -1448,7 +1496,7 @@ export default {
         }
       }
     },
-    postData (url, params) {
+    postData(url, params) {
       request({
         url: url,
         method: 'post',
@@ -1467,25 +1515,25 @@ export default {
         }
       });
     },
-    radioChange (val, item) {
+    radioChange(val, item) {
       this.$emit('radioChange', val, item);
     },
   },
   watch: {
     temPage: {
-      handler () {
+      handler() {
         this.pagenation = this.temPage;
       },
       deep: true, //深度监听
     },
-    dialogFormVisible (val) {
+    dialogFormVisible(val) {
       if (this.dialogFormVisible) {
         this.$nextTick(function () {
           this.$refs.child.clearValidate();
         });
       }
     },
-    temInput (val) {
+    temInputPack(val) {
       console.log(val, 'sss');
     },
     $route: function (to, form) {
@@ -1508,19 +1556,24 @@ export default {
   height: 30px !important;
   border-radius: 2px !important;
 }
+
 .el-input__inner {
   border-radius: 2px;
 }
+
 .tem-header .el-input {
   width: inherit;
 }
+
 .tem-header li {
   margin-bottom: 10px !important;
 }
+
 .tem-header .li {
   margin-bottom: 0px !important;
   line-height: 0;
 }
+
 // .tem-header .el-input .el-input__inner {
 //   height: 30px;
 //   line-height: 30px;
@@ -1530,10 +1583,11 @@ export default {
 //   text-overflow: ellipsis;
 //   white-space: nowrap;
 // }
-.tem-header .el-input .el-input__inner + .el-input__suffix {
+.tem-header .el-input .el-input__inner+.el-input__suffix {
   right: 0px !important;
 }
-.el-tabs--border-card > .el-tabs__header {
+
+.el-tabs--border-card>.el-tabs__header {
   background-color: #fff !important;
   border-bottom: 1px solid transparent !important;
 }
@@ -1541,46 +1595,56 @@ export default {
 .el-table thead.has-gutter tr th {
   background: #f3f4f5;
 }
+
 .el-table .el-table__header .cell {
   color: #666;
   font-weight: normal;
   line-height: 20px;
   text-align: left !important;
 }
+
 .el-table .el-table__body .cell {
   font-size: 12px;
   text-align: left !important;
 }
-.el-tabs--border-card > .el-tabs__content {
+
+.el-tabs--border-card>.el-tabs__content {
   padding: 0 !important;
 }
+
 .template-box {
   padding: 0 15px 20px 15px !important;
   background: #fff;
 }
+
 .template-boild-box {
   //   border: 1px solid #ededed !important;
   box-shadow: 0 0px 0px 0 transparent, 0 0 0px 0 transparent !important;
   -webkit-box-shadow: 0 0px 0px 0 transparent, 0 0 0px 0 transparent !important;
 }
+
 .el-tabs--border-card {
   border: 1px solid #ededed !important;
   box-shadow: 0 0px 0px 0 transparent, 0 0 0px 0 transparent !important;
   -webkit-box-shadow: 0 0px 0px 0 transparent, 0 0 0px 0 transparent !important;
 }
-.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
+
+.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
   border-left-color: transparent !important;
 }
-.el-tabs--border-card > .el-tabs__header .el-tabs__item {
+
+.el-tabs--border-card>.el-tabs__header .el-tabs__item {
   border-right: 1px solid #e0e0e0 !important;
   height: 18px;
   line-height: 18px;
   margin: 20px 0 !important;
   font-size: 16px;
 }
-.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child {
+
+.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child {
   border: none !important;
 }
+
 .tem-table-img {
   width: 40px;
   height: 40px;
@@ -1588,55 +1652,69 @@ export default {
   margin-right: 10px;
   float: left;
 }
+
 .tem-table-img-center {
   width: 40px;
   height: 40px;
   border-radius: 2px;
 }
+
 .tem-img-list img {
   width: 150px;
   display: inline-block;
 }
+
 .el-table td {
   padding: 5px 0 !important;
 }
+
 .tem-ul-alert li {
   line-height: 30px;
 }
+
 .tem-ul-alert li label {
   float: left;
 }
+
 .tem-span-btn button {
   margin: 0;
   margin-right: 10px;
 }
+
 .el-dialog {
   width: 660px;
 }
+
 .el-upload-list--picture-card .el-upload-list__item,
 .el-upload--picture-card {
   width: 100px;
   height: 100px;
 }
+
 .el-upload--picture-card {
   line-height: 104px;
 }
+
 .el-form-item__content .el-loading-mask {
   width: 102px;
   height: 102px;
 }
+
 .el-upload-add .el-loading-mask {
   top: -36px;
   right: 72px;
   left: initial;
 }
+
 .mar-t10 {
   margin-top: 10px;
 }
+
 .btn-custom-cancel {
   float: right;
   margin-left: 10px;
 }
+
 .el-checkbox {
   margin-left: 15px;
 }
@@ -1644,31 +1722,39 @@ export default {
 .el-cascader-menu__item {
   padding: 8px !important;
 }
+
 .el-cascader-menu {
   height: 550px !important;
   min-width: 120px !important;
 }
+
 .el-message-box {
   width: 390px !important;
+
   &.el-message-box--center {
     padding-bottom: 20px;
   }
+
   /deep/ .el-message-box__title {
     justify-content: flex-start !important;
   }
+
   .el-message-box__content {
     padding: 0;
   }
+
   .el-message-box__message {
     text-align: center;
     font-size: 18px;
     margin: 30px 0;
   }
+
   .el-message-box__btns {
     text-align: center;
     // margin-bottom: 30px;
   }
 }
+
 // .el-message-box {
 //   width: 590px !important;
 //   .el-message-box--center {
@@ -1694,14 +1780,19 @@ export default {
     .el-select__tags-text {
       display: inline-block;
       max-width: 84px;
-      white-space: nowrap; /*规定段落中的文本不进行换行*/
-      overflow: hidden; /*内容会被修剪，并且其余内容是不可见的。*/
-      text-overflow: ellipsis; /*显示省略号来代表被修剪的文本*/
+      white-space: nowrap;
+      /*规定段落中的文本不进行换行*/
+      overflow: hidden;
+      /*内容会被修剪，并且其余内容是不可见的。*/
+      text-overflow: ellipsis;
+      /*显示省略号来代表被修剪的文本*/
     }
   }
+
   .el-select .el-tag__close.el-icon-close {
     top: -6px;
   }
+
   .el-select__tags {
     white-space: nowrap;
     height: 30px;
@@ -1714,108 +1805,140 @@ export default {
     content: '\e6e1' !important;
   }
 }
+
 .page-count {
   color: #333;
   font-size: 14px;
+
   p {
     margin-left: 20px;
   }
 }
+
 /**color**/
 
 .success {
   color: #67c23a;
+
   &:focus {
     color: #67c23a;
   }
+
   &:link {
     color: #67c23a;
   }
+
   &:hover {
     color: #67c23a;
   }
+
   &:active {
     color: #67c23a;
   }
+
   &:visited {
     color: #67c23a;
   }
 }
+
 .info {
   color: #909399;
+
   &:focus {
     color: #909399;
   }
+
   &:link {
     color: #909399;
   }
+
   &:hover {
     color: #909399;
   }
+
   &:active {
     color: #909399;
   }
+
   &:visited {
     color: #909399;
   }
 }
+
 .warning {
   color: #e6a23c;
+
   &:focus {
     color: #e6a23c;
   }
+
   &:link {
     color: #e6a23c;
   }
+
   &:hover {
     color: #e6a23c;
   }
+
   &:active {
     color: #e6a23c;
   }
+
   &:visited {
     color: #e6a23c;
   }
 }
+
 .danger {
   color: #f56c6c;
 
   &:focus {
     color: #f56c6c;
   }
+
   &:link {
     color: #f56c6c;
   }
+
   color: #f56c6c;
+
   &:hover {
     color: #f56c6c;
   }
+
   &:active {
     color: #f56c6c;
   }
+
   &:visited {
     color: #f56c6c;
   }
 }
+
 .dialogSee-ui {
   padding-bottom: 30px;
 }
+
 .dialogSee-ui li {
   margin: 10px 0;
 }
+
 .dialogSee-ui li img {
   width: 200px;
 }
+
 .dialogSee-textarea {
   width: 360px;
   white-space: normal;
   word-break: break-all;
 }
+
 .dialogSee-ui label {
   display: block;
   text-align: right;
   float: left;
 }
+
 .dialog-main {
   float: left;
 }
@@ -1823,15 +1946,18 @@ export default {
 .tem-table-span {
   text-align: left;
 }
+
 .clearfix:after {
   content: '';
   display: block;
   clear: both;
 }
+
 .template-table {
   //margin: 10px;
   overflow: auto;
 }
+
 .tem-header {
   // margin-bottom: 30px;
   padding: 20px;
@@ -1839,33 +1965,40 @@ export default {
   border: 1px solid #ededed;
   margin-bottom: 12px;
 }
+
 .tem-header li {
   // float: left;
   display: inline-block;
   margin-right: 20px;
   margin-bottom: 20px;
 }
-.tem-header li > div {
+
+.tem-header li>div {
   display: inline-block;
 }
+
 .tem-header li label {
   font-size: 14px;
   color: #666;
 }
-.temTable-title {
+
+.temTablePack-title {
   font-weight: normal;
   font-size: 16px;
   margin: 10px 0 10px;
 }
+
 // .template-table .el-select {
 //   width: 140px;
 // }
 .el-date-editor .el-range-separator {
   width: auto;
 }
+
 .el-date-editor--daterange.el-input__inner {
   width: 320px;
 }
+
 .avatar-uploader .el-upload {
   border: 1px dashed #d9d9d9;
   border-radius: 6px;
@@ -1873,9 +2006,11 @@ export default {
   position: relative;
   overflow: hidden;
 }
+
 .avatar-uploader .el-upload:hover {
   border-color: #409eff;
 }
+
 .avatar-uploader-icon {
   font-size: 28px;
   color: #8c939d;
@@ -1887,27 +2022,35 @@ export default {
   border-radius: 6px;
   background-color: #fbfdff;
 }
+
 .avatar {
   width: 100px;
   height: 100px;
   display: block;
 }
+
 .el-upload,
 .el-upload img {
   /* border: 1px dashed #c0ccda; */
   border-radius: 6px;
 }
+
 .page-box {
   display: flex;
-  display: -webkit-flex; /* Safari */
+  display: -webkit-flex;
+  /* Safari */
   margin: 20px 0 0;
 }
+
 .page-item {
-  flex-grow: 1; /* default 0 */
+  flex-grow: 1;
+  /* default 0 */
 }
+
 .selectJob {
   text-align: center;
   padding: 10px 0;
+
   span {
     width: 120px;
     overflow: hidden;