diff --git a/src/views/goodsManage/postageManage/postList.vue b/src/views/goodsManage/postageManage/postList.vue
index b5a61ca..0879c40 100644
--- a/src/views/goodsManage/postageManage/postList.vue
+++ b/src/views/goodsManage/postageManage/postList.vue
@@ -9,87 +9,99 @@
     <div class="main">
       <div class="maintop">
         <div class="mainbtn">
-          <el-button size="small"
-                     @click="openDig"
-                     v-hasButtons="['PostageManageAdd']"
-                     class="thebtn1">{{'添加'}}</el-button>
+          <el-button
+            v-hasButtons="['PostageManageAdd']"
+            size="small"
+            class="thebtn1"
+            @click="openDig"
+          >{{ '添加' }}</el-button>
         </div>
         <div class="spe">【特殊邮费】开启后，不参与专区包邮金额计算</div>
       </div>
       <div class="maintable">
-        <el-table :data="tableData"
-        v-loading="loading"
-                  style="width: 100%"
-                  :header-cell-style="{ background: '#EEEEEE' }"
-                  :row-class-name="tableRowClassName"
-                  @selection-change="handleSelectionChange">
-          <el-table-column type="selection"
-                           width="55"> </el-table-column>
-          <el-table-column align="center"
-                           prop="pkCountry"
-                           :label="'国家'">
+        <el-table
+          v-loading="loading"
+          :data="tableData"
+          style="width: 100%"
+          :header-cell-style="{ background: '#EEEEEE' }"
+          :row-class-name="tableRowClassName"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+          />
+          <el-table-column
+            align="center"
+            prop="tempName"
+            :label="'模板名称'"
+          />
+          <el-table-column
+            align="center"
+            prop="tranType"
+            :label="'运输方式'"
+          >
             <template slot-scope="scope">
-              <div class="tem">
-                <img :src="scope.row.nationalFlag2"
-                     alt="" />
-                <div>{{ scope.row.shortName }}</div>
+              <div
+                v-for="item in transportTypeList"
+                v-if="scope.row.tranType == item.value"
+                :key="item.value"
+              >
+                {{ item.label }}
               </div>
             </template>
           </el-table-column>
-          <el-table-column align="center"
-                           prop="tempName"
-                           :label="'模板名称'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="tranType"
-                           :label="'运输方式'">
+          <el-table-column
+            align="center"
+            prop="tranType"
+            label="特殊邮费"
+          >
             <template slot-scope="scope">
-              <div v-for="item in transportTypeList"
-                   :key="item.value"
-                   v-if="scope.row.tranType ==  item.value">
-                {{item.label}}
-              </div>
+              <el-switch
+                v-model="scope.row.isSpecialPostaged"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+                @change="changePost($event,scope.row)"
+              />
             </template>
           </el-table-column>
-          <el-table-column align="center"
-                           prop="tranType"
-                           label="特殊邮费">
+          <el-table-column
+            align="center"
+            prop="creationTime"
+            :label="'创建日期'"
+          />
+          <el-table-column
+            align="center"
+            prop="time"
+            :label="'操作'"
+            fixed="right"
+          >
             <template slot-scope="scope">
-              <el-switch v-model="scope.row.isSpecialPostaged"
-                         @change="changePost($event,scope.row)"
-                         active-color="#13ce66"
-                         inactive-color="#ff4949">
-              </el-switch>
-            </template>
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="creationTime"
-                           :label="'创建日期'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="time"
-                           :label="'操作'"
-                           fixed="right">
-            <template slot-scope="scope">
-              <el-button @click="toFixed(scope.row.pkId,true)"
-                         type="text"
-                         v-hasButtons="['PostageManageCopy']"
-                         style="color:#6962F6"
-                         size="small">
+              <el-button
+                v-hasButtons="['PostageManageCopy']"
+                type="text"
+                style="color:#6962F6"
+                size="small"
+                @click="toFixed(scope.row.pkId,true)"
+              >
                 {{ '复制' }}
               </el-button>
-              <el-button @click="toFixed(scope.row.pkId,false)"
-                         type="text"
-                         v-hasButtons="['PostageManageEdit']"
-                         style="color:#F3A900"
-                         size="small">
+              <el-button
+                v-hasButtons="['PostageManageEdit']"
+                type="text"
+                style="color:#F3A900"
+                size="small"
+                @click="toFixed(scope.row.pkId,false)"
+              >
                 {{ '修改' }}
               </el-button>
-              <el-button @click="handleDelete(scope.row.pkId)"
-                         type="text"
-                         size="small"
-                         v-hasButtons="['PostageManageDel']"
-                         style="color: #c73030">
+              <el-button
+                v-hasButtons="['PostageManageDel']"
+                type="text"
+                size="small"
+                style="color: #c73030"
+                @click="handleDelete(scope.row.pkId)"
+              >
                 {{ '删除' }}
               </el-button>
             </template>
@@ -97,36 +109,46 @@
         </el-table>
       </div>
     </div>
-    <pagination v-show="total>0"
-                :total="total"
-                :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize"
-                @pagination="getDataList" />
-    <el-dialog :title="addOrEdit?'添加':'修改'"
-               :visible.sync="dialogVisible"
-               :close-on-click-modal="false"
-               width="70%"
-               center
-               v-loading="loading"
-               :before-close="handleClose">
-      <el-form ref="form"
-               :rules="rules"
-               :model="form"
-               label-width="auto">
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getDataList"
+    />
+    <el-dialog
+      v-loading="loading"
+      :title="addOrEdit?'添加':'修改'"
+      :visible.sync="dialogVisible"
+      :close-on-click-modal="false"
+      width="70%"
+      center
+      :before-close="handleClose"
+    >
+      <el-form
+        ref="form"
+        :rules="rules"
+        :model="form"
+        label-width="auto"
+      >
         <el-row>
           <el-col :span="24">
             <el-form-item :label="'模板名称'">
-              <el-input clearable
-                        v-model="form.tempName"
-                        :placeholder="'请输入'"></el-input>
+              <el-input
+                v-model="form.tempName"
+                clearable
+                :placeholder="'请输入'"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item :label="'运输方式'">
               <el-radio-group v-model="form.tranType">
-                <el-radio v-for="item in transportTypeList"
-                          :key="item.value"
-                          :label="item.value">{{item.label}}</el-radio>
+                <el-radio
+                  v-for="item in transportTypeList"
+                  :key="item.value"
+                  :label="item.value"
+                >{{ item.label }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -134,19 +156,23 @@
           <el-col :span="12">
             <el-form-item label="计费方式">
               <el-radio-group v-model="form.chargeType">
-                <el-radio v-for="item in chargeList"
-                          :key="item.value"
-                          :label="item.value">{{item.label}}</el-radio>
+                <el-radio
+                  v-for="item in chargeList"
+                  :key="item.value"
+                  :label="item.value"
+                >{{ item.label }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
 
-          <el-col :span="12" v-if="form.chargeType==3">
+          <el-col v-if="form.chargeType==3" :span="12">
             <el-form-item label="计件方式">
               <el-radio-group v-model="form.quantityMode">
-                <el-radio v-for="item in quantityModeList"
-                          :key="item.value"
-                          :label="item.value">{{item.label}}</el-radio>
+                <el-radio
+                  v-for="item in quantityModeList"
+                  :key="item.value"
+                  :label="item.value"
+                >{{ item.label }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -156,48 +182,64 @@
         <div class="titAll">
           <div class="titName">配送区域</div>
           <div class="tit_cld">
-            <div class="blue"
-                 v-if="isAllCheck"
-                 @click="allCheck">全选</div>
-            <div class="blue"
-                 v-else
-                 @click="offCheck"> {{ '取消' }}全选</div>
-            <div>{{'已选择'}}<span class="blue">{{selLength}}</span>个区域</div>
+            <div
+              v-if="isAllCheck"
+              class="blue"
+              @click="allCheck"
+            >全选</div>
+            <div
+              v-else
+              class="blue"
+              @click="offCheck"
+            > {{ '取消' }}全选</div>
+            <div>{{ '已选择' }}<span class="blue">{{ selLength }}</span>个区域</div>
           </div>
         </div>
         <div class="checkBoxAll">
           <el-checkbox-group v-model="form.changeAreaList">
-            <el-checkbox style="margin-bottom:10px"
-                         v-for="item,index in allAreaList"
-                         :key="item.id"
-                         v-if="item.isShow"
-                         :label="item.id">{{ item.name }}</el-checkbox>
+            <el-checkbox
+              v-for="item,index in allAreaList"
+              v-if="item.isShow"
+              :key="item.id"
+              style="margin-bottom:10px"
+              :label="item.id"
+            >{{ item.name }}</el-checkbox>
           </el-checkbox-group>
           <div class="btn">
-            <el-button size="small"
-                       @click="resetBox"> {{ '返回' }}</el-button>
-            <el-button size="small"
-                       @click="getBoxTrue"
-                       type="primary"> {{ '确认' }}</el-button>
+            <el-button
+              size="small"
+              @click="resetBox"
+            > {{ '返回' }}</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              @click="getBoxTrue"
+            > {{ '确认' }}</el-button>
           </div>
         </div>
         <div class="tableList">
-          <table v-for="item,index in psAreaList"
-                 @click="changeArea(index)"
-                 :key="index"
-                 :class="isArea ==index?'act':''">
+          <table
+            v-for="item,index in psAreaList"
+            :key="index"
+            :class="isArea ==index?'act':''"
+            @click="changeArea(index)"
+          >
             <tr>
-              <th colspan="4"
-                  align="left"
-                  valign="top"
-                  class="bigBox"
-                  rowspan="2">
-                <el-tag v-for="ctem in item.areaIds"
-                        :key="ctem.id"
-                        style="margin-right:10px;margin-bottom:15px"
-                        effect="plain"
-                        closable
-                        @close="cansoleTag(index,ctem.id)">
+              <th
+                colspan="4"
+                align="left"
+                valign="top"
+                class="bigBox"
+                rowspan="2"
+              >
+                <el-tag
+                  v-for="ctem in item.areaIds"
+                  :key="ctem.id"
+                  style="margin-right:10px;margin-bottom:15px"
+                  effect="plain"
+                  closable
+                  @close="cansoleTag(index,ctem.id)"
+                >
                   {{ ctem.name }}
                 </el-tag>
               </th>
@@ -211,59 +253,79 @@
             </tr>
             <tr>
               <td>
-                <el-input clearable
-                          size="medium"
-                          v-model="item.firstWeight"></el-input>
+                <el-input
+                  v-model="item.firstWeight"
+                  clearable
+                  size="medium"
+                />
               </td>
               <td>
-                <el-input clearable
-                          size="medium"
-                          v-model="item.firstPostage"></el-input>
+                <el-input
+                  v-model="item.firstPostage"
+                  clearable
+                  size="medium"
+                />
               </td>
-              <td colspan="2"
-                  align="center"
-                  valign="center"
-                  class="connectTd">
-                <el-row :gutter="10"
-                        class="connect_item"
-                        v-for="ctem,cdex in item.postageDetailInfoList"
-                        :key="cdex">
+              <td
+                colspan="2"
+                align="center"
+                valign="center"
+                class="connectTd"
+              >
+                <el-row
+                  v-for="ctem,cdex in item.postageDetailInfoList"
+                  :key="cdex"
+                  :gutter="10"
+                  class="connect_item"
+                >
                   <el-col :span="10">
-                    <el-input clearable
-                              size="medium"
-                              v-model="ctem.continuedWeight"></el-input>
+                    <el-input
+                      v-model="ctem.continuedWeight"
+                      clearable
+                      size="medium"
+                    />
                   </el-col>
                   <el-col :span="10">
-                    <el-input clearable
-                              size="medium"
-                              v-model="ctem.continuedPostage"></el-input>
+                    <el-input
+                      v-model="ctem.continuedPostage"
+                      clearable
+                      size="medium"
+                    />
                   </el-col>
                   <el-col :span="2">
-                    <i class="el-icon-delete"
-                       @click.stop="delTwoData(index,cdex,psAreaList)"
-                       style="font-size:14px;line-height: 40px;"></i>
+                    <i
+                      class="el-icon-delete"
+                      style="font-size:14px;line-height: 40px;"
+                      @click.stop="delTwoData(index,cdex,psAreaList)"
+                    />
                   </el-col>
                 </el-row>
                 <el-row class="connect_item noBtm">
-                  <div @click.stop="addTwoData(index,psAreaList)"> <i class="el-icon-circle-plus-outline"></i></div>
+                  <div @click.stop="addTwoData(index,psAreaList)"> <i class="el-icon-circle-plus-outline" /></div>
 
                 </el-row>
               </td>
               <td v-show="form.chargeType!=3">
-                <el-input clearable
-                          size="medium"
-                          v-model="item.volumeRatio"></el-input>
+                <el-input
+                  v-model="item.volumeRatio"
+                  clearable
+                  size="medium"
+                />
               </td>
             </tr>
           </table>
           <div class="addArea">
-            <el-button size="small"
-                       @click="addArea"
-                       type="primary">{{'添加'}}区域</el-button>
-            <el-button size="small"
-                       v-show="psAreaList.length > 1"
-                       @click="delTableList(psAreaList,isArea,0)"
-                       class="thebtn2"> {{ '删除' }}区域</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              @click="addArea"
+            >{{ '添加' }}区域</el-button>
+            <el-button
+              v-show="psAreaList.length > 1"
+              size="small"
+              class="thebtn2"
+              @click="delTableList(psAreaList,isArea,0)"
+            > {{ '删除' }}区域</el-button>
           </div>
         </div>
         <!-- 专区免邮配置 -->
@@ -271,13 +333,17 @@
           <div class="titName">专区免邮配置</div>
         </div>
         <el-row style="margin-top:20px">
-          <el-col :span="4"
-                  v-for="item,index in orderList"
-                  :key="index">
+          <el-col
+            v-for="item,index in orderList"
+            :key="index"
+            :span="4"
+          >
             <el-form-item :label="item.label">
-              <el-input clearable
-                        size="medium"
-                        v-model="item.postage"></el-input>
+              <el-input
+                v-model="item.postage"
+                clearable
+                size="medium"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -287,62 +353,88 @@
         </div>
         <div class="checkBoxAll">
           <el-checkbox-group v-model="form.changeTsAreaList">
-            <el-checkbox style="margin-bottom:10px"
-                         @change="dadChange($event,item,index)"
-                         v-for="item,index in allTsAreaList"
-                         :key="item.id"
-                         v-if="item.isShow"
-                         :label="item.id">
-              <el-popover placement="bottom"
-                          width="700"
-                          trigger="click">
-                <el-checkbox-group v-model="item.changeTsCldList"
-                                   @change="childChange(item.id,item.changeTsCldList.length,item.children)">
-                  <el-checkbox v-for="ctm,cdex in item.children"
-                               :key="ctm.id"
-                               v-if="ctm.isShow"
-                               :label="ctm.id">{{ ctm.name }}</el-checkbox>
+            <el-checkbox
+              v-for="item,index in allTsAreaList"
+              v-if="item.isShow"
+              :key="item.id"
+              style="margin-bottom:10px"
+              :label="item.id"
+              @change="dadChange($event,item,index)"
+            >
+              <el-popover
+                placement="bottom"
+                width="700"
+                trigger="click"
+              >
+                <el-checkbox-group
+                  v-model="item.changeTsCldList"
+                  @change="childChange(item.id,item.changeTsCldList.length,item.children)"
+                >
+                  <el-checkbox
+                    v-for="ctm,cdex in item.children"
+                    v-if="ctm.isShow"
+                    :key="ctm.id"
+                    :label="ctm.id"
+                  >{{ ctm.name }}</el-checkbox>
                 </el-checkbox-group>
-                <div slot="reference"
-                     v-show="item.children"
-                     style="display:flex"
-                     @click.prevent="openArea(item.id)">{{item.name}}
-                  <div class="yello"
-                       v-show="item.changeTsCldList.length>0">({{item.changeTsCldList.length}})</div>
+                <div
+                  v-show="item.children"
+                  slot="reference"
+                  style="display:flex"
+                  @click.prevent="openArea(item.id)"
+                >{{ item.name }}
+                  <div
+                    v-show="item.changeTsCldList.length>0"
+                    class="yello"
+                  >({{ item.changeTsCldList.length }})</div>
                 </div>
               </el-popover>
-              <div v-show="item.children == undefined"
-                   style="display:flex"
-                   @click.prevent="openArea(item.id)">{{item.name}}
-                <div class="yello"
-                     v-show="item.changeTsCldList.length>0">({{item.changeTsCldList.length}})</div>
+              <div
+                v-show="item.children == undefined"
+                style="display:flex"
+                @click.prevent="openArea(item.id)"
+              >{{ item.name }}
+                <div
+                  v-show="item.changeTsCldList.length>0"
+                  class="yello"
+                >({{ item.changeTsCldList.length }})</div>
               </div>
             </el-checkbox>
           </el-checkbox-group>
           <div class="btn">
-            <el-button size="small"
-                       @click="resetBoxTs"> {{ '返回' }}</el-button>
-            <el-button size="small"
-                       @click="getBoxTrueTs"
-                       type="primary"> {{ '确认' }}</el-button>
+            <el-button
+              size="small"
+              @click="resetBoxTs"
+            > {{ '返回' }}</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              @click="getBoxTrueTs"
+            > {{ '确认' }}</el-button>
           </div>
           <div class="tableList">
-            <table v-for="item,index in tsAreaList"
-                   @click="changeAreaTs(index)"
-                   :key="index"
-                   :class="isAreaTs ==index?'act':''">
+            <table
+              v-for="item,index in tsAreaList"
+              :key="index"
+              :class="isAreaTs ==index?'act':''"
+              @click="changeAreaTs(index)"
+            >
               <tr>
-                <th colspan="4"
-                    align="left"
-                    valign="top"
-                    class="bigBox"
-                    rowspan="2">
-                  <el-tag v-for="ctem in item.areaIds"
-                          :key="ctem.id"
-                          style="margin-right:10px;margin-bottom:15px"
-                          effect="plain"
-                          closable
-                          @close="cansoleTsTag(index,ctem.id)">
+                <th
+                  colspan="4"
+                  align="left"
+                  valign="top"
+                  class="bigBox"
+                  rowspan="2"
+                >
+                  <el-tag
+                    v-for="ctem in item.areaIds"
+                    :key="ctem.id"
+                    style="margin-right:10px;margin-bottom:15px"
+                    effect="plain"
+                    closable
+                    @close="cansoleTsTag(index,ctem.id)"
+                  >
                     {{ ctem.name }}
                   </el-tag>
                 </th>
@@ -356,61 +448,85 @@
               </tr>
               <tr>
                 <td>
-                  <el-input clearable
-                            size="medium"
-                            v-model="item.firstWeight"></el-input>
+                  <el-input
+                    v-model="item.firstWeight"
+                    clearable
+                    size="medium"
+                  />
                 </td>
                 <td>
-                  <el-input clearable
-                            size="medium"
-                            v-model="item.firstPostage"></el-input>
+                  <el-input
+                    v-model="item.firstPostage"
+                    clearable
+                    size="medium"
+                  />
                 </td>
-                <td colspan="2"
-                    align="center"
-                    valign="center"
-                    class="connectTd">
-                  <el-row :gutter="10"
-                          class="connect_item"
-                          v-for="ctem,cdex in item.postageDetailInfoList"
-                          :key="cdex">
+                <td
+                  colspan="2"
+                  align="center"
+                  valign="center"
+                  class="connectTd"
+                >
+                  <el-row
+                    v-for="ctem,cdex in item.postageDetailInfoList"
+                    :key="cdex"
+                    :gutter="10"
+                    class="connect_item"
+                  >
                     <el-col :span="10">
-                      <el-input clearable
-                                size="medium"
-                                v-model="ctem.continuedWeight"></el-input>
+                      <el-input
+                        v-model="ctem.continuedWeight"
+                        clearable
+                        size="medium"
+                      />
                     </el-col>
                     <el-col :span="10">
-                      <el-input clearable
-                                size="medium"
-                                v-model="ctem.continuedPostage"></el-input>
+                      <el-input
+                        v-model="ctem.continuedPostage"
+                        clearable
+                        size="medium"
+                      />
                     </el-col>
                     <el-col :span="2">
-                      <i class="el-icon-delete"
-                         @click.stop="delTwoData(index,cdex,tsAreaList)"
-                         style="font-size:14px;line-height: 40px;"></i>
+                      <i
+                        class="el-icon-delete"
+                        style="font-size:14px;line-height: 40px;"
+                        @click.stop="delTwoData(index,cdex,tsAreaList)"
+                      />
                     </el-col>
                   </el-row>
                   <el-row class="connect_item noBtm">
-                    <i class="el-icon-circle-plus-outline"
-                       @click.stop="addTwoData(index,tsAreaList)"></i>
+                    <i
+                      class="el-icon-circle-plus-outline"
+                      @click.stop="addTwoData(index,tsAreaList)"
+                    />
                   </el-row>
                 </td>
                 <td v-show="form.chargeType!=3">
-                  <el-input clearable
-                            size="medium"
-                            v-model="item.volumeRatio"></el-input>
+                  <el-input
+                    v-model="item.volumeRatio"
+                    clearable
+                    size="medium"
+                  />
                 </td>
               </tr>
               <tr>
-                <td :colspan="form.chargeType==3?8:9"
-                    style="padding:10px 20px 0 0">
+                <td
+                  :colspan="form.chargeType==3?8:9"
+                  style="padding:10px 20px 0 0"
+                >
                   <el-row>
-                    <el-col :span="4"
-                            v-for="ctm,cdx in item.specialAreaList"
-                            :key="cdx">
+                    <el-col
+                      v-for="ctm,cdx in item.specialAreaList"
+                      :key="cdx"
+                      :span="4"
+                    >
                       <el-form-item :label="ctm.label">
-                        <el-input clearable
-                                  size="medium"
-                                  v-model="ctm.postage"></el-input>
+                        <el-input
+                          v-model="ctm.postage"
+                          clearable
+                          size="medium"
+                        />
                       </el-form-item>
                     </el-col>
                   </el-row>
@@ -418,13 +534,17 @@
               </tr>
             </table>
             <div class="addArea">
-              <el-button size="small"
-                         @click="addAreaTs"
-                         type="primary">{{'添加'}}区域</el-button>
-              <el-button size="small"
-                         v-show="tsAreaList.length > 1"
-                         @click="delTableList(tsAreaList,isAreaTs,1)"
-                         class="thebtn2"> {{ '删除' }}区域</el-button>
+              <el-button
+                size="small"
+                type="primary"
+                @click="addAreaTs"
+              >{{ '添加' }}区域</el-button>
+              <el-button
+                v-show="tsAreaList.length > 1"
+                size="small"
+                class="thebtn2"
+                @click="delTableList(tsAreaList,isAreaTs,1)"
+              > {{ '删除' }}区域</el-button>
             </div>
           </div>
         </div>
@@ -434,84 +554,116 @@
         </div>
         <div class="checkBoxAll">
           <el-checkbox-group v-model="form.changeNoAreaList">
-            <el-checkbox style="margin-bottom:10px"
-                         @change="dadChangeNo($event,item,index)"
-                         v-for="item,index in allNoAreaList"
-                         :key="item.id"
-                         v-if="item.isShow"
-                         :label="item.id">
-              <el-popover placement="bottom"
-                          width="700"
-                          trigger="click">
-                <el-checkbox-group v-model="item.changeNoCldList"
-                                   @change="childChangeNo(item.id,item.changeNoCldList.length,item.children)">
-                  <el-checkbox v-for="ctm,cdex in item.children"
-                               :key="ctm.id"
-                               v-if="ctm.isShow"
-                               :label="ctm.id">{{ ctm.name }}</el-checkbox>
+            <el-checkbox
+              v-for="item,index in allNoAreaList"
+              v-if="item.isShow"
+              :key="item.id"
+              style="margin-bottom:10px"
+              :label="item.id"
+              @change="dadChangeNo($event,item,index)"
+            >
+              <el-popover
+                placement="bottom"
+                width="700"
+                trigger="click"
+              >
+                <el-checkbox-group
+                  v-model="item.changeNoCldList"
+                  @change="childChangeNo(item.id,item.changeNoCldList.length,item.children)"
+                >
+                  <el-checkbox
+                    v-for="ctm,cdex in item.children"
+                    v-if="ctm.isShow"
+                    :key="ctm.id"
+                    :label="ctm.id"
+                  >{{ ctm.name }}</el-checkbox>
                 </el-checkbox-group>
-                <div slot="reference"
-                     style="display:flex"
-                     @click.prevent="openArea(item.id)">{{item.name}}
-                  <div class="yello"
-                       v-show="item.changeNoCldList.length>0">({{item.changeNoCldList.length}})</div>
+                <div
+                  slot="reference"
+                  style="display:flex"
+                  @click.prevent="openArea(item.id)"
+                >{{ item.name }}
+                  <div
+                    v-show="item.changeNoCldList.length>0"
+                    class="yello"
+                  >({{ item.changeNoCldList.length }})</div>
                 </div>
               </el-popover>
             </el-checkbox>
           </el-checkbox-group>
           <div class="btn">
-            <el-button size="small"
-                       @click="resetBoxNo"> {{ '返回' }}</el-button>
-            <el-button size="small"
-                       @click="getBoxTrueNo"
-                       type="primary"> {{ '确认' }}</el-button>
+            <el-button
+              size="small"
+              @click="resetBoxNo"
+            > {{ '返回' }}</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              @click="getBoxTrueNo"
+            > {{ '确认' }}</el-button>
           </div>
           <div class="tableList">
-            <table v-for="item,index in noAreaList"
-                   @click="changeAreaNo(index)"
-                   :key="index"
-                   :class="isAreaNo ==index?'act':''">
+            <table
+              v-for="item,index in noAreaList"
+              :key="index"
+              :class="isAreaNo ==index?'act':''"
+              @click="changeAreaNo(index)"
+            >
               <tr>
-                <th colspan="4"
-                    align="left"
-                    valign="top"
-                    class="bigBox"
-                    rowspan="2">
-                  <el-tag v-for="ctem in item.areaIds"
-                          :key="ctem.id"
-                          style="margin-right:10px;margin-bottom:15px"
-                          effect="plain"
-                          closable
-                          @close="cansoleNoTag(index,ctem.id)">
+                <th
+                  colspan="4"
+                  align="left"
+                  valign="top"
+                  class="bigBox"
+                  rowspan="2"
+                >
+                  <el-tag
+                    v-for="ctem in item.areaIds"
+                    :key="ctem.id"
+                    style="margin-right:10px;margin-bottom:15px"
+                    effect="plain"
+                    closable
+                    @close="cansoleNoTag(index,ctem.id)"
+                  >
                     {{ ctem.name }}
                   </el-tag>
                 </th>
               </tr>
               <tr>
                 <td colspan="5">
-                  <el-input clearable
-                            size="medium"
-                            v-model="item.warnNotice"></el-input>
+                  <el-input
+                    v-model="item.warnNotice"
+                    clearable
+                    size="medium"
+                  />
                 </td>
               </tr>
             </table>
             <div class="addArea">
-              <el-button size="small"
-                         @click="addAreaNo"
-                         type="primary">{{'添加'}}区域</el-button>
-              <el-button size="small"
-                         v-show="noAreaList.length > 1"
-                         @click="delTableList(noAreaList,isAreaNo,2)"
-                         class="thebtn2"> {{ '删除' }}区域</el-button>
+              <el-button
+                size="small"
+                type="primary"
+                @click="addAreaNo"
+              >{{ '添加' }}区域</el-button>
+              <el-button
+                v-show="noAreaList.length > 1"
+                size="small"
+                class="thebtn2"
+                @click="delTableList(noAreaList,isAreaNo,2)"
+              > {{ '删除' }}区域</el-button>
             </div>
           </div>
         </div>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
-        <el-button @click="handleClose">{{'取消'}}</el-button>
-        <el-button type="primary"
-                   @click="onSubmit('form')">{{'确认'}}</el-button>
+      <span
+        slot="footer"
+        class="dialog-footer"
+      >
+        <el-button @click="handleClose">{{ '取消' }}</el-button>
+        <el-button
+          type="primary"
+          @click="onSubmit('form')"
+        >{{ '确认' }}</el-button>
       </span>
     </el-dialog>
   </div>
@@ -524,7 +676,7 @@ import { classifyUpdate, classifySave } from '@/api/product'
 export default {
   name: 'Bzpz',
   components: {
-    topBar,
+    topBar
   },
   filters: {
     isAgree(val) {
@@ -533,7 +685,7 @@ export default {
       } else {
         return '禁止'
       }
-    },
+    }
   },
   data() {
     return {
@@ -546,11 +698,11 @@ export default {
           postageDetailInfoList: [
             {
               continuedWeight: '',
-              continuedPostage: '',
-            },
+              continuedPostage: ''
+            }
           ],
-          volumeRatio: '',
-        },
+          volumeRatio: ''
+        }
       ],
       tsAreaList: [
         {
@@ -560,29 +712,29 @@ export default {
           postageDetailInfoList: [
             {
               continuedWeight: '',
-              continuedPostage: '',
-            },
+              continuedPostage: ''
+            }
           ],
-          volumeRatio: '',
-        },
+          volumeRatio: ''
+        }
       ],
       noAreaList: [
         {
           areaIds: [],
-          warnNotice: '',
-        },
+          warnNotice: ''
+        }
       ],
       creationTime: [],
       select: {},
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
       addOrEdit: '',
       total: 0,
       dialogVisible: false,
-      loading:false,
+      loading: false,
       tableData: [],
       form: {
         tempName: '',
@@ -591,26 +743,26 @@ export default {
         quantityMode: 1,
         changeAreaList: [],
         changeTsAreaList: [],
-        changeNoAreaList: [],
+        changeNoAreaList: []
       },
       rules: {
         name: [
-          { required: true, message: '请输入规格类型', trigger: 'blur' },
-        ],
+          { required: true, message: '请输入规格类型', trigger: 'blur' }
+        ]
       },
       transportTypeList: [],
       chargeList: [],
       quantityModeList: [],
-      isArea: 0, //正常区域选折下标
-      allAreaList: [], //正常区域
-      allTsAreaList: [], //特殊区域
-      allNoAreaList: [], //不能发货区域
-      isAllCheck: true, //全选
-      orderList: [], //专区
-      orgArr: [], //干净专区
-      isAreaTs: 0, //特殊区域选折下标
-      isAreaNo: 0, //不能区域选折下标
-      selLength: 0,
+      isArea: 0, // 正常区域选折下标
+      allAreaList: [], // 正常区域
+      allTsAreaList: [], // 特殊区域
+      allNoAreaList: [], // 不能发货区域
+      isAllCheck: true, // 全选
+      orderList: [], // 专区
+      orgArr: [], // 干净专区
+      isAreaTs: 0, // 特殊区域选折下标
+      isAreaNo: 0, // 不能区域选折下标
+      selLength: 0
     }
   },
   mounted() {
@@ -632,13 +784,13 @@ export default {
       api
         .specialPostage({
           pkPostage: row.pkId,
-          isSpecialPostage: e ? 0 : 1,
+          isSpecialPostage: e ? 0 : 1
         })
         .then((res) => {
           if (res.code == 200) {
             this.$message({
               message: res.msg,
-              type: 'success',
+              type: 'success'
             })
           }
         })
@@ -854,7 +1006,7 @@ export default {
     },
     // 确认选中配送区域
     getBoxTrue() {
-      let checkArr = []
+      const checkArr = []
       let selLength = 0
       this.allAreaList.forEach((item) => {
         this.form.changeAreaList.forEach((ctm) => {
@@ -872,7 +1024,7 @@ export default {
     },
     // 确认选中特殊区域
     getBoxTrueTs() {
-      let checkArr = []
+      const checkArr = []
       this.allTsAreaList.forEach((item) => {
         this.form.changeTsAreaList.forEach((ctm) => {
           if (item.id == ctm) {
@@ -919,7 +1071,7 @@ export default {
           }
         }
       })
-      let arr = this.tsAreaList[this.isAreaTs].areaIds
+      const arr = this.tsAreaList[this.isAreaTs].areaIds
       for (var i = 0; i < arr.length; i++) {
         // 首次遍历数组
         for (var j = i + 1; j < arr.length; j++) {
@@ -959,7 +1111,7 @@ export default {
     },
     // 确认选中不能区域
     getBoxTrueNo() {
-      let checkArr = []
+      const checkArr = []
       this.allNoAreaList.forEach((item) => {
         this.form.changeNoAreaList.forEach((ctm) => {
           if (item.id == ctm) {
@@ -1006,7 +1158,7 @@ export default {
           }
         }
       })
-      let arr = this.noAreaList[this.isAreaNo].areaIds
+      const arr = this.noAreaList[this.isAreaNo].areaIds
       for (var i = 0; i < arr.length; i++) {
         // 首次遍历数组
         for (var j = i + 1; j < arr.length; j++) {
@@ -1128,7 +1280,7 @@ export default {
     addTwoData(index, arrList) {
       arrList[index].postageDetailInfoList.push({
         continuedWeight: '',
-        continuedPostage: '',
+        continuedPostage: ''
       })
     },
     // 添加配送区域
@@ -1140,10 +1292,10 @@ export default {
         postageDetailInfoList: [
           {
             continuedWeight: '',
-            continuedPostage: '',
-          },
+            continuedPostage: ''
+          }
         ],
-        volumeRatio: '',
+        volumeRatio: ''
       })
       this.isArea = this.psAreaList.length - 1
     },
@@ -1156,11 +1308,11 @@ export default {
         postageDetailInfoList: [
           {
             continuedWeight: '',
-            continuedPostage: '',
-          },
+            continuedPostage: ''
+          }
         ],
         volumeRatio: '',
-        specialAreaList: JSON.parse(JSON.stringify(this.orgArr)),
+        specialAreaList: JSON.parse(JSON.stringify(this.orgArr))
       })
       this.isAreaTs = this.tsAreaList.length - 1
     },
@@ -1168,7 +1320,7 @@ export default {
     addAreaNo() {
       this.noAreaList.push({
         areaIds: [],
-        question: '',
+        question: ''
       })
       this.isAreaNo = this.noAreaList.length - 1
     },
@@ -1304,7 +1456,7 @@ export default {
       this.$confirm('确认删除?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then(() => {
         api.postageDel(id).then((res) => {
           this.getDataList()
@@ -1331,7 +1483,7 @@ export default {
             if (res.code == 200) {
               this.$message({
                 message: res.msg,
-                type: 'success',
+                type: 'success'
               })
               this.dialogVisible = false
               // // 充值数据
@@ -1367,7 +1519,7 @@ export default {
         quantityMode: 1,
         changeAreaList: [],
         changeTsAreaList: [],
-        changeNoAreaList: [],
+        changeNoAreaList: []
       }
       this.$forceUpdate()
       // this.$refs['form'].clearValidate()
@@ -1391,7 +1543,7 @@ export default {
             }
           })
 
-this.loading = false
+          this.loading = false
           this.tableData = res.rows
           this.total = res.total
         })
@@ -1403,9 +1555,9 @@ this.loading = false
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       })
-        .then(function () {
+        .then(function() {
           return api.exportClassIfy(queryParams)
         })
         .then((response) => {
@@ -1419,8 +1571,8 @@ this.loading = false
         return 'success-row'
       }
       return ''
-    },
-  },
+    }
+  }
 }
 </script>
 <style scoped lang="scss">