首页样式更新

src/lang/zh.js

@@ -80,7 +80,7 @@ export default {
     code: '请输入您的验证码',
     submit: '登录',
     userLogin: '账号密码',
-    phoneLogin: '德阳市智慧就业服务平台',
+    phoneLogin: '用户登录',
     thirdLogin: '第三方登录',
     msgText: '获取验证码',
     msgSuccess: '秒后重发',

src/page/login/index.vue

@@ -2,7 +2,9 @@
   <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-page-title">
+        <img src="/img/icon/logo_sczj.png" alt="">
+        四川省人力资源和社会保障</div>
       <div class="login-wrapper-small">
         <div class="login-content">
           <div class="login-left">

src/styles/login.scss

@@ -46,6 +46,19 @@
     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;
+      img {
+        width: 50px;
+        height: 50px;
+        margin-right: 10px;
+      }
+    }
+
     .login-wrapper-small {
       width: 100%;
       background-image: linear-gradient(0deg, #006dd9 0%, #74b2ec 99%);
@@ -61,8 +74,8 @@
         align-items: center;
         flex-direction: row;
         .login-left {
-          width: 30vw;
+          width: 35vw;
-          height: 30vw;
+          height: 35vw;
           flex-shrink: 0;
           position: relative;
           .title {
@@ -92,9 +105,11 @@
           // margin-left: 500px;
           flex-shrink: 0;
           .login-title {
+            width: 80%;
+            margin: 0 auto;
             color: #23a8ff;
-            font-size: 22px;
+            font-size: 20px;
-            text-align: center;
+            text-align: start;
             font-weight: bold;
           }
           .login-form {

src/views/util/mission-view.vue

@@ -1,11 +1,7 @@
 <template>
   <div class="mission-view">
     <el-form label-position="left" size="small">
-      <el-collapse
+      <el-collapse v-model="activeNames" @change="handleChange" class="avue-group">
-        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="任务时间："
+              <el-form-item label="任务时间：">{{ format(model.stime) }} 至
-                >{{ format(model.stime) }} 至
+                {{ format(model.etime) }}</el-form-item>
-                {{ 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="招聘人数："
+              <el-form-item label="招聘人数：">{{ model.peopleNum }}人</el-form-item>
-                >{{ model.peopleNum }}人</el-form-item
-              >
             </el-col>
             <el-col span="12">
-              <el-form-item label="参考工资："
+              <el-form-item label="参考工资：">{{ model.wage
-                >{{ model.wage
+              }}{{ wageUnitCategory[model.wageUnitCategory] }}</el-form-item>
-                }}{{ 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"
+                <label slot="label">工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种：</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
+                <el-tag :key="skill" v-for="skill in getSkill(model.skillNames)">{{ skill }}</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"
+                <label slot="label">座&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</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"
+              <el-form-item label="工作地址：" v-if="model.cityId">{{ city[0] && city[0].label }} {{ city[1] && city[1].label }}
-                >{{ city[0].label }} {{ city[1].label }}
+                {{ city[2] && city[2].label }}</el-form-item>
-                {{ 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
+              <select-map :lat="model.lat" :lng="model.lon" :isCanEdit="false" :type="'view'"></select-map>
-                :lat="model.lat"
-                :lng="model.lon"
-                :isCanEdit="false"
-                :type="'view'"
-              ></select-map>
             </el-col>
           </el-row>
         </el-collapse-item>
@@ -235,15 +210,19 @@ export default {
 .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;
 }