diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..306ea74
Binary files /dev/null and b/favicon.ico differ
diff --git a/package.json b/package.json
index 6fd5570..9c5c574 100644
--- a/package.json
+++ b/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build --report",
+    "serve": "vue-cli-service serve --compress",
+    "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
diff --git a/public/index.html b/public/index.html
index 312a244..00e5a1e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Content-type" content="application/javascript; charset=UTF-8"/>
     <meta name="viewport" content="width=device-width,initial-scale=1.0"> 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 7b01021..b5e24e9 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -106,7 +106,9 @@
     <!-- 面包屑 -->
     <a-breadcrumb class="w">
       <a-breadcrumb-item href="">
-        <router-link to="/main"><a-icon type="home" /></router-link>
+        <router-link to="/main">
+          <a-icon type="home" />
+        </router-link>
       </a-breadcrumb-item>
       <a-breadcrumb-item href="">
         <a @click="toList">
@@ -123,12 +125,12 @@
         <div class="subset">
           <a-skeleton
             avatar
-            :loading="skeletonshow"
-            v-if="skeletonshow"
+            active
+            class="skeleton1"
+            v-show="skeletonshow"
             :paragraph="{ rows: 4 }"
           />
-
-          <div class="subsetleft" v-else>
+          <div class="subsetleft" v-show="!skeletonshow">
             <div class="imgbox">
               <a-carousel
                 arrows
@@ -262,9 +264,14 @@
 								
 								<a-button type="primary" class="jobDesp">职位详单</a-button>
 							</a-popover> -->
-              <button class="dropdown bottombox1" @click="torecord()">
+              <button
+                class="dropdown bottombox1"
+                @click="torecord()"
+                v-if="jobDetail.recruitment == '1'"
+              >
                 报名
               </button>
+              <button class="norecruitment bottombox1" v-else>暂时停招</button>
             </div>
           </div>
         </div>
@@ -698,6 +705,7 @@
 				<p>0371-6611 3723</p>
 			</div>
 		</div> -->
+    <div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
   </div>
 </template>
 <script>
@@ -1305,6 +1313,17 @@ export default {
           // 		background-color: #ff791a;
           // 	}
           // }
+          .norecruitment {
+            border: 1px solid #ccc;
+            margin-left: 16px;
+            color: #ccc;
+            cursor: default;
+            &:hover {
+              border: 1px solid #ccc;
+              background-color: #fff;
+              color: #ccc;
+            }
+          }
         }
       }
     }
@@ -1692,4 +1711,14 @@ export default {
     }
   }
 }
+.mask {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.06);
+  top: 0;
+  left: 0;
+  z-index: 999;
+  pointer-events: none;
+}
 </style>
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index fd67399..b707e90 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -40,8 +40,8 @@
           v-model="cityValue"
           @keyup.enter="searchCity"
           @input="resetCityList"
-        ></a-input
-        ><a-button @click="searchCity">确认</a-button>
+        ></a-input>
+        <a-button @click="searchCity">确认</a-button>
       </div>
       <ul class="firstList">
         <li @click="[(currentCityList = hotCityList), (activeInd = -1)]">
@@ -383,8 +383,8 @@
                       }
                     "
                   ></a-input
-                  ><span class="middle-line"> - </span
-                  ><a-input
+                  ><span class="middle-line"> - </span>
+                  <a-input
                     class="ageinput"
                     v-model="maxMonthlyPay"
                     type="text"
@@ -537,7 +537,14 @@
         <!-- </div> -->
 
         <div v-if="!isspinning">
-          <div class="subset" v-for="(item, index) in jobMainList" :key="index">
+          <div
+            class="subset"
+            v-for="(item, index) in jobMainList"
+            :key="index"
+            :style="{
+              background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+            }"
+          >
             <router-link
               target="_blank"
               :to="
@@ -642,12 +649,25 @@
                   "
                   rel="opener"
                 >
-                  <button type="primary" class="jobDesp">
+                  <button
+                    type="primary"
+                    class="jobDesp"
+                    :style="{
+                      background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+                    }"
+                  >
                     更多
-                  </button></router-link
-                >
+                  </button>
+                </router-link>
                 <!-- </a-popover> -->
-                <button @click="torecord(item)">报名</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> -->
               </div>
@@ -2787,7 +2807,7 @@ export default {
             }
           }
 
-          > button:last-child {
+          .apply {
             margin-left: 16px;
             border: 1px solid #ff4400;
             background-color: #fff;
@@ -2801,6 +2821,13 @@ export default {
           }
         }
       }
+      .norecruitment {
+        background-color: #f5f5f5;
+        border: 1px solid #ccc;
+        margin-left: 16px;
+
+        color: #ccc;
+      }
     }
     // .pagecontainer {
     //   display: flex;
diff --git a/src/components/main/index.vue b/src/components/main/index.vue
index ca2e067..bb37eab 100644
--- a/src/components/main/index.vue
+++ b/src/components/main/index.vue
@@ -177,9 +177,9 @@ export default {
     return {
       isshow: false,
       imglist: [
-        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner1.png",
-        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner2.png",
-        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner3.png",
+        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner1.webp",
+        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner2.webp",
+        "http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner3.webp",
       ],
       cooperativeImg: [],
       isLogin: false,
@@ -399,7 +399,7 @@ export default {
     padding-top: 100px;
     // padding-bottom: 96px;
     height: 740px;
-    background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/cooperativeBrandBg.png")
+    background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/cooperativeBrandBg.webp")
       no-repeat 100%;
     .content {
       ul {
@@ -456,7 +456,7 @@ export default {
     justify-content: center;
     padding: unset;
     height: 445px;
-    background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/relationUsBg.png")
+    background: url("http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/relationUsBg.webp")
       no-repeat 100% 100%;
     // padding-bottom: 126px;
 
diff --git a/src/utils/commonUtil.js b/src/utils/commonUtil.js
index f4cebde..e7f0289 100644
--- a/src/utils/commonUtil.js
+++ b/src/utils/commonUtil.js
@@ -1326,6 +1326,8 @@ export function disposeJobListData(jobList) {
             item.servetype = `${item.returnFee || "--"}元/公斤`;
           } else if (item.returnFeeType === 5) {
             item.servetype = `工人收入${item.returnFee || "--"}%`;
+          } else if (item.returnFeeType === 6) {
+            item.servetype = `共${item.returnFee || "--"}元`;
           }
           // console.log(item);
           // item["returnFee"] = item.returnFee / 100;
@@ -1511,6 +1513,8 @@ export function disposeJobListData(jobList) {
           jobList.servetype = `${jobList.returnFee || "--"}元/公斤`;
         } else if (jobList.returnFeeType === 5) {
           jobList.servetype = `工人收入${jobList.returnFee || "--"}%`;
+        } else if (jobList.returnFeeType === 6) {
+          jobList.servetype = `共${jobList.returnFee || "--"}元`;
         }
       } else {
         jobList.servetype = `${jobList.returnFee || "--"}元/小时`;
@@ -1786,7 +1790,7 @@ export function agencyPermissionArray() {
  * 根据代理权限ID获取名称
  */
 export function getAgencyPermissionNameById(permissionStr) {
-  let str = "";
+  // let str = "";
   let array = agencyPermissionArray();
   let names = [];
   let permissions = permissionStr.split(",");
diff --git a/src/views/main.vue b/src/views/main.vue
index dc68eb9..7ae790f 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -83,10 +83,11 @@
                   <div>
                     <span
                       ><i class="iconfont icon-gerenzhongxin"></i>个人中心</span
-                    ><i class="iconfont icon-youjiantou"></i></div
-                ></router-link>
-                <router-link to="/memberInfo"
-                  ><div>
+                    ><i class="iconfont icon-youjiantou"></i>
+                  </div>
+                </router-link>
+                <router-link to="/memberInfo">
+                  <div>
                     <span
                       ><i class="iconfont icon-zhanghaoshezhi"></i
                       >成员管理</span
@@ -109,8 +110,8 @@
             <!-- <router-link to="/register">注册</router-link>/ -->
             <router-link to="/login"
               ><button style="cursor: pointer">登录</button></router-link
-            ></span
-          >
+            >
+          </span>
         </span>
         <!-- <span class="navigationright">
           <ul>
diff --git a/vue.config.js b/vue.config.js
index b2e0acc..4000923 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,8 +1,8 @@
 "use strict";
 const path = require("path");
 const defaultSettings = require("./src/settings.js");
-// const webpack = require("webpack");
-// const CompressionPlugin = require("compression-webpack-plugin");
+const webpack = require("webpack");
+const CompressionPlugin = require("compression-webpack-plugin");
 // const zlib = require("zlib");
 function resolve(dir) {
   return path.join(__dirname, dir);
@@ -21,6 +21,7 @@ module.exports = {
   productionSourceMap: false,
   devServer: {
     // 配置反向代理
+    compress: true, // 配置webpack的压缩,但是在package.json中需要配置 --compress
     port: port,
     open: true,
     overlay: {
@@ -92,31 +93,32 @@ module.exports = {
         "@ant-design/icons/lib/dist.$": resolve("src/icons.js"),
       },
     },
-    //   plugins: [
-    //     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
-    //     // 下面两项配置才是 compression-webpack-plugin 压缩配置
-    //     // 压缩成 .gz 文件
-    //     new CompressionPlugin({
-    //       filename: '[path][base].gz',
-    //       algorithm: 'gzip',
-    //       test: /\.js$|\.css$|\.html$/,
-    //       threshold: 10240,
-    //       minRatio: 0.8
-    //     }),
-    //     // 压缩成 .br 文件，如果 zlib 报错无法解决，可以注释这段使用代码，一般本地没问题，需要注意线上服务器会可能发生找不到 zlib 的情况。
-    //     new CompressionPlugin({
-    //       filename: '[path][base].br',
-    //       algorithm: 'brotliCompress',
-    //       test: /\.(js|css|html|svg)$/,
-    //       compressionOptions: {
-    //         params: {
-    //           [zlib.constants.BROTLI_PARAM_QUALITY]: 11
-    //         }
-    //       },
-    //       threshold: 10240,
-    //       minRatio: 0.8
-    //     })
-    //   ],
+    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",
