diff --git a/public/img/bg/back_zj.png b/public/img/bg/back_zj.png
new file mode 100644
index 0000000..fbf0676
Binary files /dev/null and b/public/img/bg/back_zj.png differ
diff --git a/public/img/icon/logo_sczj.png b/public/img/icon/logo_sczj.png
new file mode 100644
index 0000000..d36472b
Binary files /dev/null and b/public/img/icon/logo_sczj.png differ
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 40d0978..5968b7e 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -80,7 +80,7 @@ export default {
     code: '请输入您的验证码',
     submit: '登录',
     userLogin: '账号密码',
-    phoneLogin: '德阳市智慧就业服务平台',
+    phoneLogin: '用户登录',
     thirdLogin: '第三方登录',
     msgText: '获取验证码',
     msgSuccess: '秒后重发',
diff --git a/src/page/login/index.vue b/src/page/login/index.vue
index 33b0d3a..5334386 100644
--- a/src/page/login/index.vue
+++ b/src/page/login/index.vue
@@ -2,19 +2,26 @@
   <div class="login-container" ref="login" @keyup.enter.native="handleLogin">
     <!-- <cmanage-title @change="changeActive"></cmanage-title> -->
     <div class="login-weaper animated bounceInDown">
-      <div style="height: 50px;"></div>
-      <div class="login-content">
-       <!-- <div class="login-left">
-          <img class="img" src="/manage/img/logobg.png" alt />
-        </div> -->
-        <div class="login-border">
-          <user-login v-if="activeName==='login'" @change="changeActive" />
-          <forget-pwd v-else-if="activeName==='pwd'" @change="changeActive" />
-          <user-register v-else-if="activeName==='register'" @change="changeActive" />
-          <work-station-login v-else-if="activeName==='workstation'" @change="changeActive"></work-station-login>
+      <div class="login-page-title">
+        <img src="/img/icon/logo_sczj.png" alt="">
+        四川省人力资源和社会保障</div>
+      <div class="login-wrapper-small">
+        <div class="login-content">
+          <div class="login-left">
+            <img class="img" src="/img/bg/back_zj.png" alt />
+          </div>
+          <div class="login-border">
+            <user-login v-if="activeName === 'login'" @change="changeActive" />
+            <forget-pwd v-else-if="activeName === 'pwd'" @change="changeActive" />
+            <user-register v-else-if="activeName === 'register'" @change="changeActive" />
+            <work-station-login v-else-if="activeName === 'workstation'" @change="changeActive"></work-station-login>
+          </div>
         </div>
       </div>
-      <div data-v-3c692830="" style="text-align: center; margin-top: 20px; padding-bottom: 30px;"><div data-v-3c692830="" style="font-size: 12px; color: #40a9ff;">Copyright @ 德阳市智慧就业服务中心</div></div>
+
+      <div data-v-3c692830="" style="text-align: center; margin-top: 20px; padding-bottom: 30px;">
+        <div data-v-3c692830="" style="font-size: 12px; color: #40a9ff;">Copyright @ 德阳市智慧就业服务中心</div>
+      </div>
     </div>
   </div>
 </template>
@@ -45,7 +52,7 @@ export default {
       activeName: "login",
       fixed: 0,
       homeList: [],
-      fixedShow:false,
+      fixedShow: false,
       maxFixed: 2000
     };
   },
@@ -53,15 +60,15 @@ export default {
   created() {
   },
   mounted() {
-    this.$refs.login.addEventListener('scroll',this.scroll)
+    this.$refs.login.addEventListener('scroll', this.scroll)
     this.maxFixed = this.$refs.login.scrollHeight
   },
   computed: {},
 
   props: [],
   methods: {
-    introduce (item) {
-      const arr = {"企业招聘":0,"一键录用":1,"电子合同":2,"职业伤害":3,"工资结算":4,"信用评价":5}
+    introduce(item) {
+      const arr = { "企业招聘": 0, "一键录用": 1, "电子合同": 2, "职业伤害": 3, "工资结算": 4, "信用评价": 5 }
       this.$refs.intro[arr[item]].scrollIntoView()
     },
     changeActive(name) {
@@ -74,7 +81,7 @@ export default {
         window.location.href = "http://crm.jobslink.cn/crm";
       }
     },
-    scroll(){
+    scroll() {
       const tab = this.$refs.tab.$el
       const login = this.$refs.login
       this.fixedShow =
@@ -84,7 +91,7 @@ export default {
         const number = login.scrollTop - tab.offsetTop
         const index = Math.floor(number / 410)
         const tabData = this.$refs.tab._data
-        if(tabData.active === 4 && tabData.activeStatus)return
+        if (tabData.active === 4 && tabData.activeStatus) return
         this.$refs.tab.tabNum(index)
       }
     }
diff --git a/src/styles/login.scss b/src/styles/login.scss
index 59792c9..246cd63 100644
--- a/src/styles/login.scss
+++ b/src/styles/login.scss
@@ -3,62 +3,80 @@
   padding: 0;
   width: 100%;
   height: 100%;
-  background-color:#fff;
+  background-color: #fff;
   overflow: auto;
   display: flex;
   flex-direction: column;
 
-
-  .login-header{
+  .login-header {
     width: 100%;
     height: 70px;
     min-height: 70px;
     margin: 0 auto;
     box-sizing: border-box;
     padding: 0 40px;
-    background-color:#fff;
+    background-color: #fff;
     font-size: 16px;
-    color:#CCCCCC;
+    color: #cccccc;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    .login-logo{
-      img{
+    .login-logo {
+      img {
         display: inline-block;
         width: 100%;
         height: auto;
       }
     }
-    .login-menu{
-      li{
+    .login-menu {
+      li {
         font-size: 16px;
         padding: 0px;
-        margin-left:40px;
+        margin-left: 40px;
         border-bottom: 0px;
       }
     }
   }
 
   .login-weaper {
-      width: 100%;
-      min-width: 1000px;
-      flex: 1;
-      justify-content: center;
+    width: 100%;
+    min-width: 1000px;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    background-color: #f4f6fa;
+    .login-page-title {
+      height: 50px;
+      font-size: 28px;
+      padding: 30px 0 15px 250px;
+      display: flex;
       align-items: center;
-      background-color:#f4f6fa;
-      .login-content{
-        width: 1000px;
+      img {
+        width: 50px;
+        height: 50px;
+        margin-right: 10px;
+      }
+    }
+
+    .login-wrapper-small {
+      width: 100%;
+      background-image: linear-gradient(0deg, #006dd9 0%, #74b2ec 99%);
+      .login-content {
+        width: 80%;
+        min-height: 40vw;
+
         //height: 100%;
         margin: 0 auto;
         position: relative;
         display: flex;
-        justify-content: center;
+        justify-content: space-around;
         align-items: center;
         flex-direction: row;
         .login-left {
-          width: 530px;
-          height: 600px;
+          width: 35vw;
+          height: 35vw;
+          flex-shrink: 0;
           position: relative;
           .title {
             margin-bottom: 40px;
@@ -75,95 +93,102 @@
           }
         }
         .login-border {
-          width: calc(100% - 484px);
-          min-height: 600px;
+          width: calc(50% - 304px);
+          min-width: 350px;
+          // width: 500px!important;
+          // height: 300px;
+          // min-height: 600px;
           box-sizing: border-box;
-          padding: 50px 40px 0px 0;
+          padding: 20px;
           background-color: #fff;
           border-radius: 4px;
+          // margin-left: 500px;
+          flex-shrink: 0;
           .login-title {
+            width: 80%;
+            margin: 0 auto;
             color: #23a8ff;
-            font-size: 33px;
-            text-align: center;
+            font-size: 20px;
+            text-align: start;
             font-weight: bold;
           }
           .login-form {
             padding: 0 30px 0 30px;
-            margin:0 auto;
+            margin: 0 auto;
             .el-form-item {
-              height:60px;
+              height: 60px;
               margin-bottom: 0px;
-              color:#333;
+              color: #333;
               .el-form-item__content {
                 width: 100%;
                 height: 100%;
                 font-size: 14px;
-                color:#333;
+                color: #333;
 
                 .el-input {
                   height: 100%;
                   font-size: 14px;
                   position: relative;
-                  color:#333;
-                  .el-input__inner{
-                    height:auto;
+                  color: #333;
+                  .el-input__inner {
+                    height: auto;
                     position: absolute;
-                    bottom:20px;
-                    left:10px;
-                    right:0px;
+                    bottom: 20px;
+                    left: 10px;
+                    right: 0px;
                     line-height: normal;
                     padding-bottom: 10px;
                     background: #fff;
                     border-radius: 0;
                     font-size: 14px;
-                    color:#333;
+                    color: #333;
                     font-weight: normal;
                     border: none;
                     border-bottom: 1px solid rgb(235, 237, 242);
                   }
                 }
 
-                .el-form-item__error{
-                  font-size: 12px
+                .el-form-item__error {
+                  font-size: 12px;
                 }
 
-                .login-code{
-                  position:absolute;
+                .login-code {
+                  position: absolute;
                   right: 0px;
                   bottom: 10px;
                   height: 30px;
-                  img{
+                  img {
                     width: auto;
                     height: 30px;
                   }
-                  .msg-text{
+                  .msg-text {
                     cursor: pointer;
-                    color:#5D9DF8;
+                    color: #5d9df8;
                     font-size: 14px;
                   }
                 }
               }
             }
 
-            .forget-pwd{
+            .forget-pwd {
               margin-top: 20px;
               text-align: right;
-              .el-button{
+              .el-button {
                 font-size: 14px;
-                color: #5D9DF8;
+                color: #5d9df8;
                 padding: 0px;
               }
               width: 80px;
               float: right;
             }
-            .user-register{
-             margin-top: 20px;
-             width: 80px;
-             float: left;
+            .user-register {
+              margin-top: 20px;
+              width: 80px;
+              float: left;
               text-align: left;
-              .el-button{
+              .el-button {
                 font-size: 14px;
-                color: #5D9DF8;
+                color: #5d9df8;
                 padding: 0px;
               }
             }
@@ -171,28 +196,29 @@
             .login-submit {
               width: 100%;
               height: 50px;
-              background:#23a8ff;
+              background: #23a8ff;
               margin-top: 30px;
               border-radius: 8px;
               font-size: 18px;
               letter-spacing: 12px;
-              color: #FFFFFF;
+              color: #ffffff;
               cursor: pointer;
             }
-            .register-submit{
+            .register-submit {
               width: 100%;
               height: 50px;
-              background:#5D9DF8;
+              background: #5d9df8;
               margin-top: 24px;
               border-radius: 8px;
               font-size: 18px;
               letter-spacing: 12px;
-              color: #FFFFFF;
+              color: #ffffff;
               cursor: pointer;
             }
           }
         }
       }
+    }
   }
 
   .login-footer {
@@ -207,28 +233,28 @@
     //align-items: center;
   }
 
-  input{
+  input {
     box-shadow: 0 0 0 1000px white inset;
   }
-
 }
-.registerContainer{
+.registerContainer {
   margin-top: -20px;
 }
-.introduceWrapBox{
-  margin: 0 auto;width: 1000px;
-  .introduceBox{
+.introduceWrapBox {
+  margin: 0 auto;
+  width: 1000px;
+  .introduceBox {
     display: flex;
-    background: #FFFFFF;
+    background: #ffffff;
     align-items: center;
     justify-content: space-between;
     padding: 40px;
     margin-bottom: 20px;
-    h4{
+    h4 {
       font-size: 24px;
       color: #333333;
     }
-    p{
+    p {
       font-size: 18px;
       color: #666666;
       letter-spacing: 0;
diff --git a/src/styles/media.scss b/src/styles/media.scss
index 9608aab..b442453 100644
--- a/src/styles/media.scss
+++ b/src/styles/media.scss
@@ -176,36 +176,36 @@
   .el-message-box {
     width: 98% !important;
   }
-  //登录页面
-  .login-header,login-footer{
-    width: 100%!important;
-  }
-  .login-container{
-    width: 100%!important;
-    margin: 0 auto;
-  }
-  .login-left {
-    display: none !important;
-  }
+  // //登录页面
+  // .login-header,login-footer{
+  //   width: 100%!important;
+  // }
+  // .login-container{
+  //   width: 100%!important;
+  //   margin: 0 auto;
+  // }
+  // .login-left {
+  //   display: none !important;
+  // }
 
-  .login-weaper {
-    width: 100%!important;
-    height: auto!important;
-    margin: 0 auto!important;
-    min-width:auto!important;
-  }
-  .login-content{
-    width: 96%!important;
-    margin: 0 auto!important;
-  }
-  .login-border {
-    width:100%!important;
-    margin: auto!important;
-    min-height: 420px!important;
-  }
-  .login-main {
-    width: 100% !important;
-  }
+  // .login-weaper {
+  //   width: 100%!important;
+  //   height: auto!important;
+  //   margin: 0 auto!important;
+  //   min-width:auto!important;
+  // }
+  // .login-content{
+  //   width: 96%!important;
+  //   margin: 0 auto!important;
+  // }
+  // .login-border {
+  //   width:100%!important;
+  //   margin: auto!important;
+  //   min-height: 420px!important;
+  // }
+  // .login-main {
+  //   width: 100% !important;
+  // }
   //主框架
   .avue-tags {
     display: none;
diff --git a/src/views/tenant/postzp/Table/WaitingMission.vue b/src/views/tenant/postzp/Table/WaitingMission.vue
index c30c545..f7ef201 100644
--- a/src/views/tenant/postzp/Table/WaitingMission.vue
+++ b/src/views/tenant/postzp/Table/WaitingMission.vue
@@ -109,8 +109,8 @@
           v-show="vaildData(permission.tenant_mission_cancel, false)"
           >取消</el-button
         >
-        <el-button type="text" size="mini" @click="contrast(row)"
-          >比对人才库</el-button>
+        <!-- <el-button type="text" size="mini" @click="contrast(row)"
+          >比对人才库</el-button> -->
       </div>
     </avue-crud>
     <!--发布 复制 编辑dialog-->
diff --git a/src/views/util/mission-view.vue b/src/views/util/mission-view.vue
index c874e7a..110d736 100644
--- a/src/views/util/mission-view.vue
+++ b/src/views/util/mission-view.vue
@@ -1,11 +1,7 @@
 <template>
   <div class="mission-view">
     <el-form label-position="left" size="small">
-      <el-collapse
-        v-model="activeNames"
-        @change="handleChange"
-        class="avue-group"
-      >
+      <el-collapse v-model="activeNames" @change="handleChange" class="avue-group">
         <el-collapse-item title="任务信息" name="1" disabled="true">
           <template slot="title">
             <div class="avue-group__header">
@@ -31,10 +27,8 @@
               }}</el-form-item>
             </el-col>
             <el-col span="12">
-              <el-form-item label="任务时间："
-                >{{ format(model.stime) }} 至
-                {{ format(model.etime) }}</el-form-item
-              >
+              <el-form-item label="任务时间：">{{ format(model.stime) }} 至
+                {{ format(model.etime) }}</el-form-item>
             </el-col>
           </el-row>
         </el-collapse-item>
@@ -47,15 +41,11 @@
           </template>
           <el-row>
             <el-col span="12">
-              <el-form-item label="招聘人数："
-                >{{ model.peopleNum }}人</el-form-item
-              >
+              <el-form-item label="招聘人数：">{{ model.peopleNum }}人</el-form-item>
             </el-col>
             <el-col span="12">
-              <el-form-item label="参考工资："
-                >{{ model.wage
-                }}{{ wageUnitCategory[model.wageUnitCategory] }}</el-form-item
-              >
+              <el-form-item label="参考工资：">{{ model.wage
+              }}{{ wageUnitCategory[model.wageUnitCategory] }}</el-form-item>
             </el-col>
           </el-row>
           <el-row>
@@ -66,9 +56,7 @@
             </el-col>
             <el-col span="12">
               <el-form-item>
-                <label slot="label"
-                  >工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种：</label
-                >
+                <label slot="label">工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种：</label>
                 {{ model.worktypeNames }}
               </el-form-item>
             </el-col>
@@ -76,11 +64,7 @@
           <el-row>
             <el-col span="24">
               <el-form-item label="技能要求：">
-                <el-tag
-                  :key="skill"
-                  v-for="skill in getSkill(model.skillNames)"
-                  >{{ skill }}</el-tag
-                >
+                <el-tag :key="skill" v-for="skill in getSkill(model.skillNames)">{{ skill }}</el-tag>
               </el-form-item>
             </el-col>
           </el-row>
@@ -148,19 +132,15 @@
             </el-col>
             <el-col span="8">
               <el-form-item>
-                <label slot="label"
-                  >座&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</label
-                >
+                <label slot="label">座&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</label>
                 {{ model.callNumber }}
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col span="24">
-              <el-form-item label="工作地址：" v-if="model.cityId"
-                >{{ city[0].label }} {{ city[1].label }}
-                {{ city[2].label }}</el-form-item
-              >
+              <el-form-item label="工作地址：" v-if="model.cityId">{{ city[0] && city[0].label }} {{ city[1] && city[1].label }}
+                {{ city[2] && city[2].label }}</el-form-item>
             </el-col>
           </el-row>
           <el-row>
@@ -168,12 +148,7 @@
               <el-form-item label="详细地址：">{{
                 model.address
               }}</el-form-item>
-              <select-map
-                :lat="model.lat"
-                :lng="model.lon"
-                :isCanEdit="false"
-                :type="'view'"
-              ></select-map>
+              <select-map :lat="model.lat" :lng="model.lon" :isCanEdit="false" :type="'view'"></select-map>
             </el-col>
           </el-row>
         </el-collapse-item>
@@ -211,7 +186,7 @@ export default {
       gender: getDic(genderState),
     };
   },
-  mounted() {},
+  mounted() { },
   methods: {
     getSkill(skillStr) {
       return skillStr.split(",");
@@ -232,18 +207,22 @@ export default {
 </script>
 
 <style>
-.mission-view .el-tag + .el-tag {
+.mission-view .el-tag+.el-tag {
   margin-left: 5px;
 }
+
 .mission-view .el-form {
   padding: 0 20px;
 }
+
 .mission-view .el-form .el-col {
   padding: 0 10px;
 }
+
 .mission-view .el-form .el-col .el-form-item {
   margin-bottom: 18px;
 }
+
 .mission-view .el-collapse {
   border-top: 0px;
 }