From 4433f87a5ec1aa0f4bf893d327beb8e1ede1ed8c Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Tue, 30 Aug 2022 18:13:33 +0800
Subject: [PATCH] 1

---
 src/components/FirstJob/detail.vue  | 171 ++++++++++++----
 src/components/FirstJob/joblist.vue | 366 +++++++++++++++++++++++++++------
 src/main-dev.js                     |   2 +-
 src/utils/commonUtil.js             |   4 +-
 src/views/main.vue                  |  62 ++++--
 vue.config.js                       | 395 ++++++++++++++++++------------------
 6 files changed, 684 insertions(+), 316 deletions(-)

diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 20204de..b5e24e9 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -123,17 +123,43 @@
     <div class="maincontent w">
       <div class="maincontentleft">
         <div class="subset">
-          <a-skeleton avatar active class="skeleton1"  v-show="skeletonshow" :paragraph="{ rows: 4 }" />
+          <a-skeleton
+            avatar
+            active
+            class="skeleton1"
+            v-show="skeletonshow"
+            :paragraph="{ rows: 4 }"
+          />
           <div class="subsetleft" v-show="!skeletonshow">
             <div class="imgbox">
-              <a-carousel arrows :autoplay="true" effect="fade" :dots="true" ref="scrollimg" v-if="storeImage.length !== 0">
-                <div slot="prevArrow" class="custom-slick-arrow" style="left: 5px; z-index: 99">
+              <a-carousel
+                arrows
+                :autoplay="true"
+                effect="fade"
+                :dots="true"
+                ref="scrollimg"
+                v-if="storeImage.length !== 0"
+              >
+                <div
+                  slot="prevArrow"
+                  class="custom-slick-arrow"
+                  style="left: 5px; z-index: 99"
+                >
                   <a-icon type="left-circle" />
                 </div>
-                <div slot="nextArrow" class="custom-slick-arrow" style="right: 5px; z-index: 99">
+                <div
+                  slot="nextArrow"
+                  class="custom-slick-arrow"
+                  style="right: 5px; z-index: 99"
+                >
                   <a-icon type="right-circle" />
                 </div>
-                <img v-for="(item, index) in storeImage" :key="index" :src="item" alt="" />
+                <img
+                  v-for="(item, index) in storeImage"
+                  :key="index"
+                  :src="item"
+                  alt=""
+                />
               </a-carousel>
               <img v-else src="../../../static/img/nopicture.png" alt="" />
             </div>
@@ -146,30 +172,52 @@
               </div>
               <div class="jobtag">
                 <!-- <span>返费</span> -->
-                <a-tag :color="labelColor[index % labelColor.length]" v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index">{{ item }}</a-tag>
+                <a-tag
+                  :color="labelColor[index % labelColor.length]"
+                  v-for="(item, index) in jobDetail.jobRequestLabelNames"
+                  :key="index"
+                  >{{ item }}</a-tag
+                >
               </div>
-              <div style="height: 27px" v-if="!jobDetail.jobRequestLabelNames" class="jobtag">
+              <div
+                style="height: 27px"
+                v-if="!jobDetail.jobRequestLabelNames"
+                class="jobtag"
+              >
                 <a-tag :color="labelColor[1]">暂无要求</a-tag>
               </div>
               <div class="jobtag1">
                 <!-- <span>返费</span> -->
-                <a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
+                <a-tag
+                  v-for="(item, index) in jobDetail.jobSpecialLabelNames"
+                  :key="index"
+                  >{{ item }}</a-tag
+                >
               </div>
-              <div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
+              <div
+                style="height: 27px"
+                v-if="!jobDetail.jobSpecialLabelNames"
+                class="jobtag"
+              >
                 <a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
               </div>
-              <div style="
+              <div
+                style="
                   display: flex;
                   align-items: center;
                   height: 26px;
                   margin-top: 16px;
-                ">
-                <div class="jobpricehour" v-html="
+                "
+              >
+                <div
+                  class="jobpricehour"
+                  v-html="
                     getSalaryClassifyValue(
                       jobDetail.salaryClassify,
                       jobDetail.salaryClassifyValue
                     )
-                  ">
+                  "
+                >
                   <!-- <template v-if="jobDetail.hourlyPay"
                     ><span>{{ jobDetail.hourlyPay }}</span
                     >元/小时</template
@@ -181,7 +229,9 @@
                 </div>
                 <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
                 <div class="jobpricemonth">
-                  <span>{{ jobDetail.minMonthlyPay }}</span>-<span>{{ jobDetail.maxMonthlyPay }}</span>元/月
+                  <span>{{ jobDetail.minMonthlyPay }}</span
+                  >-<span>{{ jobDetail.maxMonthlyPay }}</span
+                  >元/月
                 </div>
               </div>
 
@@ -214,12 +264,14 @@
 								
 								<a-button type="primary" class="jobDesp">职位详单</a-button>
 							</a-popover> -->
-              <button class="dropdown bottombox1" @click="torecord()" v-if="jobDetail.recruitment == '1'">
+              <button
+                class="dropdown bottombox1"
+                @click="torecord()"
+                v-if="jobDetail.recruitment == '1'"
+              >
                 报名
               </button>
-              <button class="norecruitment bottombox1" v-else>
-                暂时停招
-              </button>
+              <button class="norecruitment bottombox1" v-else>暂时停招</button>
             </div>
           </div>
         </div>
@@ -230,16 +282,31 @@
         <div class="jobinformationbox">
           <h1>
             <div class="infotitle">
-              <span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
-              <span @click="tabchange = 0" :class="tabchange !== 1 ? 'active' : ''">财务结算</span>
+              <span
+                @click="tabchange = 1"
+                :class="tabchange === 1 ? 'active' : ''"
+                >基本信息</span
+              >
+              <span
+                @click="tabchange = 0"
+                :class="tabchange !== 1 ? 'active' : ''"
+                >财务结算</span
+              >
             </div>
             <!-- <div class="copy" @click="xiangdanVisible = true">通告</div> -->
-            <a-modal v-model="xiangdanVisible" title="通告" class="xiangdan" :footer="null" @ok="handleOk">
+            <a-modal
+              v-model="xiangdanVisible"
+              title="通告"
+              class="xiangdan"
+              :footer="null"
+              @ok="handleOk"
+            >
               <!-- <template slot="content" class="jobDesp_content"> -->
               <div class="copy" @click="copyText($event)">复制</div>
               <span v-if="jobDetail.jobDesp" class="copyInfo">{{
                 jobDetail.jobDesp
-              }}</span><span v-else>暂无详单</span>
+              }}</span
+              ><span v-else>暂无详单</span>
               <!-- </template> -->
             </a-modal>
           </h1>
@@ -254,7 +321,12 @@
             <div class="baseInfoContent" v-if="tabchange === 1">
               <div class="pay" id="pay">
                 <div class="mb12 mt20">薪资待遇</div>
-                <a-descriptions bordered size="small" :column="1" class="leftDesc boubleLevel">
+                <a-descriptions
+                  bordered
+                  size="small"
+                  :column="1"
+                  class="leftDesc boubleLevel"
+                >
                   <!-- <a-descriptions-item class="test1">
                     <span slot="label" class="fw500">工价</span>
                     <span>{{ jobDetail.calculationUnit }}</span>
@@ -317,16 +389,26 @@
               <!-- 岗位要求 -->
               <div class="required" id="required">
                 <div class="mb12 mt20">面试要求</div>
-                <a-descriptions bordered size="small" :column="1" class="leftDesc">
+                <a-descriptions
+                  bordered
+                  size="small"
+                  :column="1"
+                  class="leftDesc"
+                >
                   <a-descriptions-item class="test1">
                     <span slot="label" class="fw500">性别年龄</span>
                     <span>
-                      <span class="man" v-if="jobDetail.minAgeMan">男 {{ jobDetail.minAgeMan }}
+                      <span class="man" v-if="jobDetail.minAgeMan"
+                        >男 {{ jobDetail.minAgeMan }}
                         <span v-if="jobDetail.maxAgeMan">{{
                           "- " + jobDetail.maxAgeMan
-                        }}</span>岁 ；</span><span class="woman" v-if="jobDetail.minAgeWoman">
+                        }}</span
+                        >岁 ；</span
+                      ><span class="woman" v-if="jobDetail.minAgeWoman">
                         女 {{ jobDetail.minAgeWoman }}
-                        <span> {{ "- " + jobDetail.maxAgeWoman }}</span>岁</span>
+                        <span> {{ "- " + jobDetail.maxAgeWoman }}</span
+                        >岁</span
+                      >
                     </span>
                   </a-descriptions-item>
                   <a-descriptions-item>
@@ -360,7 +442,12 @@
               <!-- 基本信息 -->
               <div class=" " id="contentspecial">
                 <div class="mb12 mt20">岗位说明</div>
-                <a-descriptions bordered size="small" :column="1" class="leftDesc">
+                <a-descriptions
+                  bordered
+                  size="small"
+                  :column="1"
+                  class="leftDesc"
+                >
                   <a-descriptions-item class="test1">
                     <span slot="label" class="fw500">工作内容</span>
                     <span>{{ jobDetail.workContent || "-" }}</span>
@@ -405,7 +492,8 @@
                     <div>吃饭</div>
                     <ul>
                       <li>
-                        <span>吃饭</span><span>{{ jobDetail.workingLunch || "-" }}</span>
+                        <span>吃饭</span
+                        ><span>{{ jobDetail.workingLunch || "-" }}</span>
                       </li>
                       <!-- <li>
                         <span>餐补</span
@@ -423,7 +511,8 @@
                         <span>民族窗口</span><span>{{ jobDetail.muslim }}</span>
                       </li> -->
                       <li>
-                        <span>补充说明</span><span style="white-space: break-spaces">{{
+                        <span>补充说明</span
+                        ><span style="white-space: break-spaces">{{
                           jobDetail.workingLunchDesp || "-"
                         }}</span>
                       </li>
@@ -433,10 +522,12 @@
                     <div>住宿</div>
                     <ul>
                       <li>
-                        <span>住宿</span><span>{{ jobDetail.dormitory || "-" }}</span>
+                        <span>住宿</span
+                        ><span>{{ jobDetail.dormitory || "-" }}</span>
                       </li>
                       <li>
-                        <span>宿舍设施</span><span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
+                        <span>宿舍设施</span
+                        ><span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
                       </li>
                       <!-- <li>
                         <span>宿舍距离</span
@@ -457,13 +548,15 @@
                         ><span>{{ jobDetail.dormitoryFacilities }}</span>
                       </li> -->
                       <li>
-                        <span>水电费</span><span>{{ jobDetail.waterAndElec || "-" }}</span>
+                        <span>水电费</span
+                        ><span>{{ jobDetail.waterAndElec || "-" }}</span>
                       </li>
                       <!-- <li>
                         <span>班车</span><span>{{ jobDetail.regularBus }}</span>
                       </li> -->
                       <li>
-                        <span>补充说明</span><span style="white-space: break-spaces">{{
+                        <span>补充说明</span
+                        ><span style="white-space: break-spaces">{{
                           jobDetail.dormitoryDesp || "-"
                         }}</span>
                       </li>
@@ -535,7 +628,13 @@
                 {{ jobDetail.agencyStatement || "-" }}
               </div>
             </div>
-            <a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px">
+            <a-descriptions
+              bordered
+              size="small"
+              :column="1"
+              class="leftDesc mt20"
+              style="width: 900px"
+            >
               <a-descriptions-item class="test1">
                 <span slot="label" class="fw500">代理利润</span>
                 <span>{{ jobDetail.agencyProfit || "-" }}</span>
@@ -607,9 +706,7 @@
 			</div>
 		</div> -->
     <div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
-
   </div>
-
 </template>
 <script>
 import { getJobDetailApi } from "../../api/job";
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 87bb2f8..bda9a0c 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -23,16 +23,35 @@
     >
     </a-modal> -->
     <!-- 城市的弹出框 -->
-    <a-modal class="cityModal" transitionName="" v-model="visible" width="680px" @cancel="cityModalClose" title="请选择城市" :footer="null">
+    <a-modal
+      class="cityModal"
+      transitionName=""
+      v-model="visible"
+      width="680px"
+      @cancel="cityModalClose"
+      title="请选择城市"
+      :footer="null"
+    >
       <div class="inputBox">
-        <a-input placeholder="请输入城市名称" allow-clear width="300px" v-model="cityValue" @keyup.enter="searchCity" @input="resetCityList"></a-input>
+        <a-input
+          placeholder="请输入城市名称"
+          allow-clear
+          width="300px"
+          v-model="cityValue"
+          @keyup.enter="searchCity"
+          @input="resetCityList"
+        ></a-input>
         <a-button @click="searchCity">确认</a-button>
       </div>
       <ul class="firstList">
         <li @click="[(currentCityList = hotCityList), (activeInd = -1)]">
           <div :class="activeInd == -1 ? 'active' : ''">热门地区</div>
         </li>
-        <li v-for="(item, index) in hasJobCityList.firstList" :key="index" @click="[changeCurrentCity(index), (activeInd = index)]">
+        <li
+          v-for="(item, index) in hasJobCityList.firstList"
+          :key="index"
+          @click="[changeCurrentCity(index), (activeInd = index)]"
+        >
           <div :class="activeInd == index ? 'active' : ''">
             <span v-for="i in item" :key="i">{{ i }}</span>
           </div>
@@ -49,9 +68,10 @@
       <div class="w" id="navigation">
         <span>
           <!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
-          <router-link to="/main"><svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-yishoudanlogo"></use>
-            </svg></router-link>
+          <router-link to="/main"
+            ><svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-yishoudanlogo"></use></svg
+          ></router-link>
         </span>
         <!-- 特色筛选的列表盒子 -->
         <!-- <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
@@ -186,10 +206,39 @@
 						</div>
 					</li>
 				</ul> -->
-        <div class="searchBox" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
-          <a-input placeholder="搜索职位、企业名称、年龄要求" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput" style="" allow-clear>
-            <div slot="prefix" @focus.stop="" tabindex="0" @click.stop="visible = true">
-              <span>{{ currentCity }}</span><i class="iconfont icon-sousuoxiala"></i><i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i>
+        <div
+          class="searchBox"
+          @blur="hidedownHotStore"
+          @focus="showHotStore"
+          tabindex="0"
+          outline="0"
+          hidefocus="true"
+        >
+          <a-input
+            placeholder="搜索职位、企业名称、年龄要求"
+            @keyup.enter="onSearch"
+            @input="resetsearch"
+            @blur="hidedownHotStore"
+            @focus="showHotStore"
+            tabindex="0"
+            v-model="searchValue"
+            class="searchinput"
+            style=""
+            allow-clear
+          >
+            <div
+              slot="prefix"
+              @focus.stop=""
+              tabindex="0"
+              @click.stop="visible = true"
+            >
+              <span>{{ currentCity }}</span
+              ><i class="iconfont icon-sousuoxiala"></i
+              ><i
+                class="iconfont icon-guanbishixin"
+                v-show="currentCity != '全国'"
+                @click.stop="resetCity"
+              ></i>
             </div>
             <button slot="suffix" @click="onSearch" style="">搜索</button>
           </a-input>
@@ -203,7 +252,11 @@
           <div class="hotStore">
             <!-- <span>热门企业：</span> -->
             <ul>
-              <li v-for="(item, index) in hotStoreList" :key="index" @click="getHotStoreList(item)">
+              <li
+                v-for="(item, index) in hotStoreList"
+                :key="index"
+                @click="getHotStoreList(item)"
+              >
                 {{ item.storeName }}
               </li>
               <!-- <li @click="resetResult" style="color: #aaa">重置</li> -->
@@ -212,9 +265,14 @@
         </div>
         <ul class="hotTag" style="display: none">
           <div>热门：</div>
-          <li v-for="(item, index) in specialHotTag" :key="index" @click="specialclick(index, item)" :class="{
+          <li
+            v-for="(item, index) in specialHotTag"
+            :key="index"
+            @click="specialclick(index, item)"
+            :class="{
               active: filterObj.specialactive.indexOf(item) > -1,
-            }">
+            }"
+          >
             {{ item.name }}
           </li>
         </ul>
@@ -233,33 +291,73 @@
     <div class="w" id="maincontent">
       <div class="maincontentleft" style="padding-top: 50px">
         <div class="tabBar" @click="changeTab($event)">
-          <div class="tabSubset" :class="{ active: signType == '' }" data-type="0">
+          <div
+            class="tabSubset"
+            :class="{ active: signType == '' }"
+            data-type="0"
+          >
             全部
           </div>
-          <div class="tabSubset" :class="{ active: signType == 1 }" data-type="1">
+          <div
+            class="tabSubset"
+            :class="{ active: signType == 1 }"
+            data-type="1"
+          >
             自营
           </div>
-          <div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">
+          <div
+            class="tabSubset"
+            :class="{ active: signType == 2 }"
+            data-type="2"
+          >
             三方
           </div>
         </div>
         <div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="">
-          <div class="filter-title" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
-            <span><span>所有筛选<i class="iconfont icon-youjiantou"></i></span>
+          <div
+            class="filter-title"
+            :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }"
+          >
+            <span
+              ><span>所有筛选<i class="iconfont icon-youjiantou"></i></span>
               <span class="filter-show">
-                <span @click="delFilter($event, 'price')" v-show="filterObj.price">{{ filterObj.price
-                  }}<i class="iconfont icon-guanbi2" v-show="filterObj.price"></i></span>
-                <span @click="delFilter($event, 'gender')" v-show="filterObj.gender">{{ filterObj.gender
-                  }}<i class="iconfont icon-guanbi2" v-show="filterObj.gender"></i></span>
-                <span @click="delFilter($event, 'special', item)" v-for="(item, index) in filterObj.specialactive" :key="index">{{ item.name }}<i class="iconfont icon-guanbi2"></i></span>
+                <span
+                  @click="delFilter($event, 'price')"
+                  v-show="filterObj.price"
+                  >{{ filterObj.price
+                  }}<i
+                    class="iconfont icon-guanbi2"
+                    v-show="filterObj.price"
+                  ></i
+                ></span>
+                <span
+                  @click="delFilter($event, 'gender')"
+                  v-show="filterObj.gender"
+                  >{{ filterObj.gender
+                  }}<i
+                    class="iconfont icon-guanbi2"
+                    v-show="filterObj.gender"
+                  ></i
+                ></span>
+                <span
+                  @click="delFilter($event, 'special', item)"
+                  v-for="(item, index) in filterObj.specialactive"
+                  :key="index"
+                  >{{ item.name }}<i class="iconfont icon-guanbi2"></i
+                ></span>
                 <i v-show="showDotted" style="line-height: 24px">...</i>
               </span>
             </span>
-            <span @click="hideFilterContent">{{ filterStatus == 0 ? "收起筛选" : "展开筛选"
-              }}<i class="iconfont icon-sousuoxiala" :style="{
+            <span @click="hideFilterContent"
+              >{{ filterStatus == 0 ? "收起筛选" : "展开筛选"
+              }}<i
+                class="iconfont icon-sousuoxiala"
+                :style="{
                   transform:
                     filterStatus == 0 ? 'rotate(180deg) scale(.6)' : '',
-                }"></i></span>
+                }"
+              ></i
+            ></span>
           </div>
           <div class="filter-content" style="transition: height 0.2s">
             <dl class="price">
@@ -267,86 +365,156 @@
               <dd>
                 <div class="ageinputbox">
                   <!-- <div> -->
-                  <a-input class="ageinput" v-model="minMonthlyPay" type="text" allow-clear prefix="￥" @input="resetAgeSearch" @click.stop="
+                  <a-input
+                    class="ageinput"
+                    v-model="minMonthlyPay"
+                    type="text"
+                    allow-clear
+                    prefix="￥"
+                    @input="resetAgeSearch"
+                    @click.stop="
                       () => {
                         return false;
                       }
-                    "></a-input><span class="middle-line"> - </span>
-                  <a-input class="ageinput" v-model="maxMonthlyPay" type="text" allow-clear prefix="￥" @input="resetAgeSearch" @click.stop="
+                    "
+                  ></a-input
+                  ><span class="middle-line"> - </span>
+                  <a-input
+                    class="ageinput"
+                    v-model="maxMonthlyPay"
+                    type="text"
+                    allow-clear
+                    prefix="￥"
+                    @input="resetAgeSearch"
+                    @click.stop="
                       () => {
                         return false;
                       }
-                    "></a-input>
+                    "
+                  ></a-input>
                   <div class="confirm">
                     <button @click="searchPrice">确定</button>
                   </div>
                   <!-- </div> -->
                 </div>
-                <i @click="searchPrice"><span :style="{
+                <i @click="searchPrice"
+                  ><span
+                    :style="{
                       color: filterObj.price == '3000-4000' ? '#ff4400' : '',
-                    }">3000-4000</span>
-                  <span :style="{
+                    }"
+                    >3000-4000</span
+                  >
+                  <span
+                    :style="{
                       color: filterObj.price == '4000-5000' ? '#ff4400' : '',
-                    }">4000-5000</span>
-                  <span :style="{
+                    }"
+                    >4000-5000</span
+                  >
+                  <span
+                    :style="{
                       color: filterObj.price == '5000-6000' ? '#ff4400' : '',
-                    }">5000-6000</span>
-                  <span :style="{
+                    }"
+                    >5000-6000</span
+                  >
+                  <span
+                    :style="{
                       color: filterObj.price == '6000-7000' ? '#ff4400' : '',
-                    }">6000-7000</span></i>
+                    }"
+                    >6000-7000</span
+                  ></i
+                >
               </dd>
             </dl>
             <dl>
               <dt>性别：</dt>
               <dd @click="searchGender">
-                <span :style="{ color: filterObj.gender == '男' ? '#ff4400' : '' }">男</span><span :style="{ color: filterObj.gender == '女' ? '#ff4400' : '' }">女</span><span :style="{
+                <span
+                  :style="{ color: filterObj.gender == '男' ? '#ff4400' : '' }"
+                  >男</span
+                ><span
+                  :style="{ color: filterObj.gender == '女' ? '#ff4400' : '' }"
+                  >女</span
+                ><span
+                  :style="{
                     color: filterObj.gender == '男女不限' ? '#ff4400' : '',
-                  }">男女不限</span>
+                  }"
+                  >男女不限</span
+                >
               </dd>
             </dl>
             <dl>
               <dt>薪资福利：</dt>
               <dd>
-                <span v-for="(item, index) in tagArray1" :key="index" :class="{
+                <span
+                  v-for="(item, index) in tagArray1"
+                  :key="index"
+                  :class="{
                     'special-active':
                       filterObj.specialactive.indexOf(item) > -1,
-                  }" @click.stop="specialclick(index, item)">{{ item.name }}</span>
+                  }"
+                  @click.stop="specialclick(index, item)"
+                  >{{ item.name }}</span
+                >
               </dd>
             </dl>
             <dl>
               <dt>宿舍保障：</dt>
               <dd>
-                <span v-for="(item, index) in tagArray3" :key="index" :class="{
+                <span
+                  v-for="(item, index) in tagArray3"
+                  :key="index"
+                  :class="{
                     'special-active':
                       filterObj.specialactive.indexOf(item) > -1,
-                  }" @click.stop="specialclick(index, item)">{{ item.name }}</span>
+                  }"
+                  @click.stop="specialclick(index, item)"
+                  >{{ item.name }}</span
+                >
               </dd>
             </dl>
             <dl>
               <dt>班制休息：</dt>
               <dd>
-                <span v-for="(item, index) in tagArray0" :key="index" :class="{
+                <span
+                  v-for="(item, index) in tagArray0"
+                  :key="index"
+                  :class="{
                     'special-active':
                       filterObj.specialactive.indexOf(item) > -1,
-                  }" @click.stop="specialclick(index, item)">{{ item.name }}</span>
+                  }"
+                  @click.stop="specialclick(index, item)"
+                  >{{ item.name }}</span
+                >
               </dd>
             </dl>
             <dl>
               <dt>面试特色：</dt>
               <dd>
-                <span v-for="(item, index) in tagArray4" :key="index" :class="{
+                <span
+                  v-for="(item, index) in tagArray4"
+                  :key="index"
+                  :class="{
                     'special-active':
                       filterObj.specialactive.indexOf(item) > -1,
-                  }" @click.stop="specialclick(index, item)">{{ item.name }}</span>
+                  }"
+                  @click.stop="specialclick(index, item)"
+                  >{{ item.name }}</span
+                >
               </dd>
             </dl>
             <dl>
               <dt>其他特色：</dt>
               <dd>
-                <span v-for="(item, index) in tagArray2" :key="index" :class="{
+                <span
+                  v-for="(item, index) in tagArray2"
+                  :key="index"
+                  :class="{
                     'special-active':
                       filterObj.specialactive.indexOf(item) > -1,
-                  }" @click.stop="specialclick(index, item)">{{ item.name }}</span>
+                  }"
+                  @click.stop="specialclick(index, item)"
+                  >{{ item.name }}</span
+                >
               </dd>
             </dl>
           </div>
@@ -364,10 +532,21 @@
         <!-- </div> -->
 
         <div v-if="!isspinning">
-          <div class="subset" v-for="(item, index) in jobMainList" :key="index" :style="{background:item.recruitment == '1'?'#fff':'#f5f5f5'}">
-            <router-link target="_blank" :to="
+          <div
+            class="subset"
+            v-for="(item, index) in jobMainList"
+            :key="index"
+            :style="{
+              background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+            }"
+          >
+            <router-link
+              target="_blank"
+              :to="
                 '/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum
-              " rel="opener">
+              "
+              rel="opener"
+            >
               <div class="subsetleft" @click="totop">
                 <div class="imgbox">
                   <img v-if="item.logo.length !== 0" :src="item.logo" />
@@ -388,24 +567,39 @@
                   </div>
                   <div class="jobtag">
                     <!-- <span>返费</span> -->
-                    <i class="iconfont icon-ziying" v-if="item.signType == 1" style=""></i>
-                    <span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span><span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
+                    <i
+                      class="iconfont icon-ziying"
+                      v-if="item.signType == 1"
+                      style=""
+                    ></i>
+                    <span
+                      v-for="(item1, index) in item.jobSpecialLabelNames"
+                      :key="index"
+                      >{{ item1 }}</span
+                    ><span v-if="item.jobSpecialLabelNames.length == 0"
+                      >暂无特色</span
+                    >
                   </div>
                   <div class="jobpricemonth">
                     <!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" -->
 
                     <span>{{
                       item.minMonthlyPay ? item.minMonthlyPay : ""
-                    }}</span>-<span>{{
+                    }}</span
+                    >-<span>{{
                       item.maxMonthlyPay ? item.maxMonthlyPay : ""
-                    }}</span>元/月
+                    }}</span
+                    >元/月
                   </div>
-                  <div class="jobpricehour" v-html="
+                  <div
+                    class="jobpricehour"
+                    v-html="
                       getSalaryClassifyValue(
                         item.salaryClassify,
                         item.salaryClassifyValue
                       )
-                    ">
+                    "
+                  >
                     <!-- <template v-if="item.hourlyPay"
                     ><span>{{ item.hourlyPay }}</span
                     >元/小时</template
@@ -421,7 +615,8 @@
             <div class="subsetright">
               <div class="topContainer">
                 <div class="updateTime" style="display: none">
-                  <span>更新时间：{{ item.updateTime || "--" }} (
+                  <span
+                    >更新时间：{{ item.updateTime || "--" }} (
                     {{ item.diffTime || "--" }} )
                   </span>
                 </div>
@@ -437,13 +632,36 @@
 										<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
 										><span v-else>暂无详单</span>
 									</template> -->
-                <router-link target="_blank" :to="'/detail?' +'id=' + item.id + '&' + 'page=' + formvalue.pageNum" rel="opener">
-                  <button type="primary" class="jobDesp" :style="{background:item.recruitment == '1'?'#fff':'#f5f5f5'}">
+                <router-link
+                  target="_blank"
+                  :to="
+                    '/detail?' +
+                    'id=' +
+                    item.id +
+                    '&' +
+                    'page=' +
+                    formvalue.pageNum
+                  "
+                  rel="opener"
+                >
+                  <button
+                    type="primary"
+                    class="jobDesp"
+                    :style="{
+                      background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+                    }"
+                  >
                     更多
                   </button>
                 </router-link>
                 <!-- </a-popover> -->
-                <button class="apply" @click="torecord(item)" v-if="item.recruitment == '1'">报名</button>
+                <button
+                  class="apply"
+                  @click="torecord(item)"
+                  v-if="item.recruitment == '1'"
+                >
+                  报名
+                </button>
                 <button class="norecruitment" v-else>暂时停招</button>
 
                 <!-- <button @click="showmodal(item)" @click="">报名</button> -->
@@ -452,21 +670,35 @@
           </div>
         </div>
         <div class="pagecontainer">
-          <a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
+          <a-pagination
+            :current="+formvalue.pageNum"
+            :default-current="1"
+            :defaultPageSize="8"
+            :total="formvalue.total"
+            @change="pageChange"
+          />
           <div class="ant-pagination-options-quick-jumper">
-            跳至<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
+            跳至<input
+              ref="pageinput"
+              type="text"
+              @keyup.enter="inputpageChange"
+              @blur="inputpageChange"
+            />页
           </div>
         </div>
       </div>
       <div class="maincontentright">
         <div class="dateinfo">
           <h1 class="bottombox"><i>我的日历</i></h1>
-          <p class="day" :style="{
+          <p
+            class="day"
+            :style="{
               'font-size': '60px',
               color: '#ff4400',
               'line-height': '80px',
               'margin-top': '8px',
-            }">
+            }"
+          >
             {{ dateinfo.day }}
           </p>
           <p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">
diff --git a/src/main-dev.js b/src/main-dev.js
index 7374ac6..33c87c0 100644
--- a/src/main-dev.js
+++ b/src/main-dev.js
@@ -14,7 +14,7 @@ import AMap from "vue-amap";
 Vue.use(AMap);
 console.log("development");
 AMap.initAMapApiLoader({
-  // 高德key 
+  // 高德key
   key: "44f4591aabba558514366f6e55f8d20e", // 自己到官网申请，我随便写的
   // 插件集合 （插件按需引入）
   plugin: [
diff --git a/src/utils/commonUtil.js b/src/utils/commonUtil.js
index f40c7f6..e7f0289 100644
--- a/src/utils/commonUtil.js
+++ b/src/utils/commonUtil.js
@@ -1326,7 +1326,7 @@ export function disposeJobListData(jobList) {
             item.servetype = `${item.returnFee || "--"}元/公斤`;
           } else if (item.returnFeeType === 5) {
             item.servetype = `工人收入${item.returnFee || "--"}%`;
-          }  else if (item.returnFeeType === 6) {
+          } else if (item.returnFeeType === 6) {
             item.servetype = `共${item.returnFee || "--"}元`;
           }
           // console.log(item);
@@ -1513,7 +1513,7 @@ export function disposeJobListData(jobList) {
           jobList.servetype = `${jobList.returnFee || "--"}元/公斤`;
         } else if (jobList.returnFeeType === 5) {
           jobList.servetype = `工人收入${jobList.returnFee || "--"}%`;
-        }  else if (jobList.returnFeeType === 6) {
+        } else if (jobList.returnFeeType === 6) {
           jobList.servetype = `共${jobList.returnFee || "--"}元`;
         }
       } else {
diff --git a/src/views/main.vue b/src/views/main.vue
index 18cdb1d..6888b32 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -7,18 +7,36 @@
         <span>
           <ul>
             <li>
-              <router-link to="/" :class="routertitleindex == 0 ? 'titleactive' : ''" rel="opener">
-                一手单首页</router-link>
+              <router-link
+                to="/"
+                :class="routertitleindex == 0 ? 'titleactive' : ''"
+                rel="opener"
+              >
+                一手单首页</router-link
+              >
             </li>
             <li>
-              <router-link to="/list" @click.native="toList" :class="routertitleindex == 1 ? 'titleactive' : ''" rel="opener">一手职位</router-link>
+              <router-link
+                to="/list"
+                @click.native="toList"
+                :class="routertitleindex == 1 ? 'titleactive' : ''"
+                rel="opener"
+                >一手职位</router-link
+              >
             </li>
             <li>
-              <router-link to="/mybill" :class="routertitleindex == 5 ? 'titleactive' : ''" rel="opener">我的报名
+              <router-link
+                to="/mybill"
+                :class="routertitleindex == 5 ? 'titleactive' : ''"
+                rel="opener"
+                >我的报名
               </router-link>
             </li>
             <li>
-              <router-link to="/mytownsman" :class="routertitleindex == 4 ? 'titleactive' : ''">我的老乡
+              <router-link
+                to="/mytownsman"
+                :class="routertitleindex == 4 ? 'titleactive' : ''"
+                >我的老乡
               </router-link>
             </li>
             <!-- <li>
@@ -50,19 +68,30 @@
               <span>个人中心</span>
               <div class="loginbox" slot="overlay">
                 <div>
-                  <img :src="loginValue.imgSrc" alt="" v-if="loginValue.imgSrc !== ''" style="border-radius: 50%" />
-                  <span v-else class="iconfont icon-morentouxiang avatar"></span><span class="username">{{
+                  <img
+                    :src="loginValue.imgSrc"
+                    alt=""
+                    v-if="loginValue.imgSrc !== ''"
+                    style="border-radius: 50%"
+                  />
+                  <span v-else class="iconfont icon-morentouxiang avatar"></span
+                  ><span class="username">{{
                     loginValue.userName || loginValue.nickName || loginValue.tel
                   }}</span>
                 </div>
                 <router-link to="/accountsetting">
                   <div>
-                    <span><i class="iconfont icon-gerenzhongxin"></i>个人中心</span><i class="iconfont icon-youjiantou"></i>
+                    <span
+                      ><i class="iconfont icon-gerenzhongxin"></i>个人中心</span
+                    ><i class="iconfont icon-youjiantou"></i>
                   </div>
                 </router-link>
                 <router-link to="/memberInfo">
                   <div>
-                    <span><i class="iconfont icon-zhanghaoshezhi"></i>成员管理</span><i class="iconfont icon-youjiantou"></i>
+                    <span
+                      ><i class="iconfont icon-zhanghaoshezhi"></i
+                      >成员管理</span
+                    ><i class="iconfont icon-youjiantou"></i>
                   </div>
                 </router-link>
                 <!-- <router-link to="/accountsetting"
@@ -79,7 +108,9 @@
           </span>
           <span class="loginbtn" v-else>
             <!-- <router-link to="/register">注册</router-link>/ -->
-            <router-link to="/login"><button style="cursor: pointer">登录</button></router-link>
+            <router-link to="/login"
+              ><button style="cursor: pointer">登录</button></router-link
+            >
           </span>
         </span>
         <!-- <span class="navigationright">
@@ -104,7 +135,12 @@
     </div>
     <!-- 搜索栏 -->
 
-    <router-view :isspecialboxshow.sync="isspecialboxshow" :formvalue="formvalue" :jobMainList="jobMainList" :isspinning="isspinning"></router-view>
+    <router-view
+      :isspecialboxshow.sync="isspecialboxshow"
+      :formvalue="formvalue"
+      :jobMainList="jobMainList"
+      :isspinning="isspinning"
+    ></router-view>
     <!-- 老乡广告 -->
     <!-- <div class="fellowtownsman" v-if="laoxiangshow">
       <div class="w">
@@ -177,7 +213,9 @@
         </ul> -->
         <div>
           Copyright © 2015 - 2022 Bocai. All Rights Reserved. <i></i>
-          <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备16043923号-9</a>
+          <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
+            >京ICP备16043923号-9</a
+          >
         </div>
       </div>
     </footer>
diff --git a/vue.config.js b/vue.config.js
index 672d2d3..21bfe6d 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -5,7 +5,7 @@ const webpack = require("webpack");
 const CompressionPlugin = require("compression-webpack-plugin");
 // const zlib = require("zlib");
 function resolve(dir) {
-	return path.join(__dirname, dir);
+  return path.join(__dirname, dir);
 }
 
 const name = defaultSettings.title || "vue Admin Template"; // page title
@@ -13,205 +13,206 @@ const name = defaultSettings.title || "vue Admin Template"; // page title
 const port = 8888 || process.env.port || process.env.npm_config_port; // dev port
 
 module.exports = {
-	publicPath: "./",
-	outputDir: "dist",
-	assetsDir: "static",
-	lintOnSave: process.env.NODE_ENV === "development",
-	// lintOnSave: false,
-	productionSourceMap: false,
-	devServer: {
-		// 配置反向代理
-		compress: true, // 配置webpack的压缩,但是在package.json中需要配置 --compress
-		port: port,
-		open: true,
-		overlay: {
-			warnings: false,
-			errors: true,
-		},
-		proxy: {
-			// 地址中有 /api 的时候会触发代理
-			"/api_prod": {
-				// target: "http://localhost:8001/",
-				target: "http://bl7.matripe.com.cn:8001",
-				// target: "http://1shoudan.renminshitang.com.cn",
-				// target: "https://d.matripe.com.cn",
-				ws: true, // proxy websockets
-				changeOrigin: true, // 确定是否跨域
-				pathRewrite: {
-					"^/api_prod": "",
-				},
-			},
-			//   '/api_prod': {
-			//     target: 'http://a.matripe.com.cn',
-			//     ws: true,  // proxy websockets
-			//     changeOrigin: true,  // needed for virtual hosted sites
-			//     pathRewrite: {
-			//         '^/api_prod': ''  // rewrite path
-			//     }
-			// },
-			// '/api_dev': {
-			//     target: 'http://nb.renminshitang.com.cn:8001',
-			//     ws: true,  // proxy websockets
-			//     changeOrigin: true,  // needed for virtual hosted sites
-			//     pathRewrite: {
-			//         '^/api_dev': '/'  // rewrite path
-			//     }
-			// }
-			// ,'/api_test': {
-			//     target: 'http://localhost:8003',
-			//     ws: true,  // proxy websockets
-			//     changeOrigin: true,  // needed for virtual hosted sites
-			//     pathRewrite: {
-			//         '^/api_test': ''  // rewrite path
-			//     }
-			// }
-		},
-		// before: require('./mock/mock-server.js')
-	},
-	chainWebpack: (config) => {
-		// 开发环境的webpack配置
-		config.when(process.env.NODE_ENV === "development", (config) => {
-			config.entry("app").clear().add("./src/main-dev.js");
-			config.set("externals", {});
-		});
-		// 生产环境的webpack配置
-		config.when(process.env.NODE_ENV === "production", (config) => {
-			config.entry("app").clear().add("./src/main-prod.js");
-		});
-		config.plugins.delete("fork-ts-checker"), // 禁用fork-ts-checker
-			config.plugins.delete("prefetch");
-	},
+  publicPath: "./",
+  outputDir: "dist",
+  assetsDir: "static",
+  lintOnSave: process.env.NODE_ENV === "development",
+  // lintOnSave: false,
+  productionSourceMap: false,
+  devServer: {
+    // 配置反向代理
+    compress: true, // 配置webpack的压缩,但是在package.json中需要配置 --compress
+    port: port,
+    open: true,
+    overlay: {
+      warnings: false,
+      errors: true,
+    },
+    proxy: {
+      // 地址中有 /api 的时候会触发代理
+      "/api_prod": {
+        // target: "http://localhost:8001/",
+        target: "http://bl7.matripe.com.cn:8001",
+        // target: "http://1shoudan.renminshitang.com.cn",
+        // target: "https://d.matripe.com.cn",
+        ws: true, // proxy websockets
+        changeOrigin: true, // 确定是否跨域
+        pathRewrite: {
+          "^/api_prod": "",
+        },
+      },
+      //   '/api_prod': {
+      //     target: 'http://a.matripe.com.cn',
+      //     ws: true,  // proxy websockets
+      //     changeOrigin: true,  // needed for virtual hosted sites
+      //     pathRewrite: {
+      //         '^/api_prod': ''  // rewrite path
+      //     }
+      // },
+      // '/api_dev': {
+      //     target: 'http://nb.renminshitang.com.cn:8001',
+      //     ws: true,  // proxy websockets
+      //     changeOrigin: true,  // needed for virtual hosted sites
+      //     pathRewrite: {
+      //         '^/api_dev': '/'  // rewrite path
+      //     }
+      // }
+      // ,'/api_test': {
+      //     target: 'http://localhost:8003',
+      //     ws: true,  // proxy websockets
+      //     changeOrigin: true,  // needed for virtual hosted sites
+      //     pathRewrite: {
+      //         '^/api_test': ''  // rewrite path
+      //     }
+      // }
+    },
+    // before: require('./mock/mock-server.js')
+  },
+  chainWebpack: (config) => {
+    // 开发环境的webpack配置
+    config.when(process.env.NODE_ENV === "development", (config) => {
+      config.entry("app").clear().add("./src/main-dev.js");
+      config.set("externals", {});
+    });
+    // 生产环境的webpack配置
+    config.when(process.env.NODE_ENV === "production", (config) => {
+      config.entry("app").clear().add("./src/main-prod.js");
+    });
+    config.plugins.delete("fork-ts-checker"), // 禁用fork-ts-checker
+      config.plugins.delete("prefetch");
+  },
 
-	configureWebpack: {
-		// provide the app's title in webpack's name field, so that
-		// it can be accessed in index.html to inject the correct title.
-		name: name,
+  configureWebpack: {
+    // provide the app's title in webpack's name field, so that
+    // it can be accessed in index.html to inject the correct title.
+    name: name,
 
-		resolve: {
-			alias: {
-				"@": resolve("src"),
-				"@ant-design/icons/lib/dist.$": resolve("src/icons.js"),
-			},
-		},
-		plugins: [
-			// new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
-			// // 下面两项配置才是 compression-webpack-plugin 压缩配置
-			// // 压缩成 .gz 文件
-			// new CompressionPlugin({
-			// 	algorithm: "gzip",
-			// 	test: /\.js$|\.html$|\.css/, //匹配文件名
-			// 	threshold: 10240,
-			// 	minRatio: 0.8,
-			// 	deleteOriginalAssets: false, // 是否删除源文件
-			// }),
-			// 压缩成 .br 文件，如果 zlib 报错无法解决，可以注释这段使用代码，一般本地没问题，需要注意线上服务器会可能发生找不到 zlib 的情况。
-			// new CompressionPlugin({
-			//   filename: '[path].br',
-			//   algorithm: 'brotliCompress',
-			//   test: /\.(js|css|html|svg)$/,
-			//   compressionOptions: {
-			//     params: {
-			//       [zlib.constants.BROTLI_PARAM_QUALITY]: 11
-			//     }
-			//   },
-			//   threshold: 10240,
-			//   minRatio: 0.8,
-			//   deleteOriginalAssets: true //是否删除原文件
+    resolve: {
+      alias: {
+        "@": resolve("src"),
+        "@ant-design/icons/lib/dist.$": resolve("src/icons.js"),
+      },
+    },
+    plugins: [
+      // new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+      // // 下面两项配置才是 compression-webpack-plugin 压缩配置
+      // // 压缩成 .gz 文件
+      // new CompressionPlugin({
+      // 	algorithm: "gzip",
+      // 	test: /\.js$|\.html$|\.css/, //匹配文件名
+      // 	threshold: 10240,
+      // 	minRatio: 0.8,
+      // 	deleteOriginalAssets: false, // 是否删除源文件
+      // }),
+      // 压缩成 .br 文件，如果 zlib 报错无法解决，可以注释这段使用代码，一般本地没问题，需要注意线上服务器会可能发生找不到 zlib 的情况。
+      // new CompressionPlugin({
+      //   filename: '[path].br',
+      //   algorithm: 'brotliCompress',
+      //   test: /\.(js|css|html|svg)$/,
+      //   compressionOptions: {
+      //     params: {
+      //       [zlib.constants.BROTLI_PARAM_QUALITY]: 11
+      //     }
+      //   },
+      //   threshold: 10240,
+      //   minRatio: 0.8,
+      //   deleteOriginalAssets: true //是否删除原文件
+      // })
+    ],
+    // },
+    optimization: {
+      runtimeChunk: "single",
+      splitChunks: {
+        chunks: "all",
+        maxInitialRequests: Infinity,
+        minSize: 20000,
+        cacheGroups: {
+          vendor: {
+            test: /[\\/]node_modules[\\/]/,
+            name(module) {
+              // get the name. E.g. node_modules/packageName/not/this/part.js
+              // or node_modules/packageName
+              const packageName = module.context.match(
+                /[\\/]node_modules[\\/](.*?)([\\/]|$)/
+              )[1];
+              // npm package names are URL-safe, but some servers don't like @ symbols
+              return `npm.${packageName.replace("@", "")}`;
+            },
+          },
+        },
+      },
+    },
+    // chainWebpack (config) {
+    //   // it can improve the speed of the first screen, it is recommended to turn on preload
+    //   config.plugin('preload').tap(() => [
+    //     {
+    //       rel: 'preload',
+    //       // to ignore runtime.js
+    //       // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
+    //       fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
+    //       include: 'initial'
+    //     }
+    //   ])
 
-			// })
-		],
-		// },
-		optimization: {
-			runtimeChunk: "single",
-			splitChunks: {
-				chunks: "all",
-				maxInitialRequests: Infinity,
-				minSize: 20000,
-				cacheGroups: {
-					vendor: {
-						test: /[\\/]node_modules[\\/]/,
-						name(module) {
-							// get the name. E.g. node_modules/packageName/not/this/part.js
-							// or node_modules/packageName
-							const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
-							// npm package names are URL-safe, but some servers don't like @ symbols
-							return `npm.${packageName.replace("@", "")}`;
-						},
-					},
-				},
-			},
-		},
-		// chainWebpack (config) {
-		//   // it can improve the speed of the first screen, it is recommended to turn on preload
-		//   config.plugin('preload').tap(() => [
-		//     {
-		//       rel: 'preload',
-		//       // to ignore runtime.js
-		//       // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
-		//       fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
-		//       include: 'initial'
-		//     }
-		//   ])
+    //   // when there are many pages, it will cause too many meaningless requests
+    //   config.plugins.delete('prefetch')
 
-		//   // when there are many pages, it will cause too many meaningless requests
-		//   config.plugins.delete('prefetch')
+    //   // set svg-sprite-loader
+    //   config.module
+    //     .rule('svg')
+    //     .exclude.add(resolve('src/icons'))
+    //     .end()
+    //   config.module
+    //     .rule('icons')
+    //     .test(/\.svg$/)
+    //     .include.add(resolve('src/icons'))
+    //     .end()
+    //     .use('svg-sprite-loader')
+    //     .loader('svg-sprite-loader')
+    //     .options({
+    //       symbolId: 'icon-[name]'
+    //     })
+    //     .end()
 
-		//   // set svg-sprite-loader
-		//   config.module
-		//     .rule('svg')
-		//     .exclude.add(resolve('src/icons'))
-		//     .end()
-		//   config.module
-		//     .rule('icons')
-		//     .test(/\.svg$/)
-		//     .include.add(resolve('src/icons'))
-		//     .end()
-		//     .use('svg-sprite-loader')
-		//     .loader('svg-sprite-loader')
-		//     .options({
-		//       symbolId: 'icon-[name]'
-		//     })
-		//     .end()
-
-		//   config
-		//     .when(process.env.NODE_ENV !== 'development',
-		//       config => {
-		//         config
-		//           .plugin('ScriptExtHtmlWebpackPlugin')
-		//           .after('html')
-		//           .use('script-ext-html-webpack-plugin', [{
-		//           // `runtime` must same as runtimeChunk name. default is `runtime`
-		//             inline: /runtime\..*\.js$/
-		//           }])
-		//           .end()
-		//         config
-		//           .optimization.splitChunks({
-		//             chunks: 'all',
-		//             cacheGroups: {
-		//               libs: {
-		//                 name: 'chunk-libs',
-		//                 test: /[\\/]node_modules[\\/]/,
-		//                 priority: 10,
-		//                 chunks: 'initial' // only package third parties that are initially dependent
-		//               },
-		//               elementUI: {
-		//                 name: 'chunk-elementUI', // split elementUI into a single package
-		//                 priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-		//                 test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
-		//               },
-		//               commons: {
-		//                 name: 'chunk-commons',
-		//                 test: resolve('src/components'), // can customize your rules
-		//                 minChunks: 3, //  minimum common number
-		//                 priority: 5,
-		//                 reuseExistingChunk: true
-		//               }
-		//             }
-		//           })
-		//         // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
-		//         config.optimization.runtimeChunk('single')
-		//       }
-		//     )
-		// }
-	},
+    //   config
+    //     .when(process.env.NODE_ENV !== 'development',
+    //       config => {
+    //         config
+    //           .plugin('ScriptExtHtmlWebpackPlugin')
+    //           .after('html')
+    //           .use('script-ext-html-webpack-plugin', [{
+    //           // `runtime` must same as runtimeChunk name. default is `runtime`
+    //             inline: /runtime\..*\.js$/
+    //           }])
+    //           .end()
+    //         config
+    //           .optimization.splitChunks({
+    //             chunks: 'all',
+    //             cacheGroups: {
+    //               libs: {
+    //                 name: 'chunk-libs',
+    //                 test: /[\\/]node_modules[\\/]/,
+    //                 priority: 10,
+    //                 chunks: 'initial' // only package third parties that are initially dependent
+    //               },
+    //               elementUI: {
+    //                 name: 'chunk-elementUI', // split elementUI into a single package
+    //                 priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+    //                 test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+    //               },
+    //               commons: {
+    //                 name: 'chunk-commons',
+    //                 test: resolve('src/components'), // can customize your rules
+    //                 minChunks: 3, //  minimum common number
+    //                 priority: 5,
+    //                 reuseExistingChunk: true
+    //               }
+    //             }
+    //           })
+    //         // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
+    //         config.optimization.runtimeChunk('single')
+    //       }
+    //     )
+    // }
+  },
 };