职位样式更新

src/views/jobinfo/list.vue

@@ -141,6 +141,7 @@ export default {
 }
 .list .time {
   color: #ff0000;
+  text-align: right;
 }
 .list .common {
   padding: 2px 0;

src/views/jobs/list.vue

@@ -1,55 +1,67 @@
 <template>
   <div id="list">
     <el-row>
-      <el-col :span="1"><i class="el-icon-s-home"></i></el-col>
-      <el-col :span="23" style="margin-top:0.3rem">
-        <el-breadcrumb separator=">">
-          <el-breadcrumb-item :to="{ path: '/' }"><span style="color:#666666">网站首页</span></el-breadcrumb-item>
-          <el-breadcrumb-item>
-            <a href="/"><span style="color:#666666">招聘信息</span></a>
-          </el-breadcrumb-item>
-          <el-breadcrumb-item><span style="color:#999999">岗位</span></el-breadcrumb-item>
-        </el-breadcrumb>
+      <el-col :span="24" class="topMenu">
+        <el-col :span="24">
+          <el-breadcrumb separator=">">
+            <el-breadcrumb-item :to="{ path: '/' }"><i class="el-icon-s-home"></i><span>网站首页</span></el-breadcrumb-item>
+            <el-breadcrumb-item>
+              <a href="/"><span>招聘信息</span></a>
+            </el-breadcrumb-item>
+            <el-breadcrumb-item><span>宣讲会</span></el-breadcrumb-item>
+          </el-breadcrumb>
+        </el-col>
       </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="10" style="margin-top: 1rem; width:50%">
-        <el-input size="mini" placeholder="请输入企业名称" v-model="searchInfo.corpname" @keyup.enter.native="search()">
-          <el-button slot="append" icon="el-icon-search" @click="search()"></el-button>
-        </el-input>
-      </el-col>
-    </el-row>
-    <el-row class="rowstyle" v-for="(item, index) in list" :key="index">
-      <el-col :span="3">
-        <div class="block"><el-avatar shape="square" fit="contain" :size="75" :src="getProp(item, 'corpInfo.logo_url')"></el-avatar></div>
+      <el-col :span="24" class="search">
+        <el-col :span="12">
+          <el-input size="mini" placeholder="请输入企业名称" v-model="searchInfo.corpname" @keyup.enter.native="search()">
+            <el-button slot="append" icon="el-icon-search" @click="search()"></el-button>
+          </el-input>
+        </el-col>
+        <el-col :span="12">
+          &nbsp;
+        </el-col>
       </el-col>
-      <el-col :span="10" class="info">
-        <el-row>
-          <el-col :span="24">
-            <el-link class="title" @click="$router.push({ path: '/jobs/detail', query: { id: item.id } })">
-              {{ item.job_name }}
-            </el-link>
+      <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
+        <el-col :span="24">
+          <el-col :span="3">
+            <div class="block">
+              <el-avatar shape="square" fit="contain" :size="75" :src="getProp(item, 'corpInfo.logo_url')"></el-avatar>
+            </div>
           </el-col>
-          <el-col class="money" :span="24">{{ item.salary.text }}</el-col>
-          <el-col class="word" :span="24">
-            <span>{{ item.city }}/{{ item.xl_req }}/{{ item.job_number }}人</span>
+          <el-col :span="21">
+            <el-col :span="24">
+              <el-col :span="20" class="title">
+                <el-link :underline="false" @click="$router.push({ path: '/jobs/detail', query: { id: item.id } })">
+                  {{ item.job_name }}
+                </el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{ item.end_date }}
+              </el-col>
+            </el-col>
+            <el-col :span="24" class="corpname">
+              招聘企业：<span>{{ item.corpname }}</span>
+            </el-col>
+            <el-col :span="24">
+              <el-col :span="20">
+                职位要求：<span>{{ item.city }}/{{ item.xl_req }}/{{ item.job_number }}人</span>
+              </el-col>
+              <el-col :span="4" class="time">
+                <span>{{ item.salary.text }}</span>
+              </el-col>
+            </el-col>
+            <el-col :span="24">
+              企业类型：<span>{{ item.category }}</span>
+            </el-col>
           </el-col>
-        </el-row>
+        </el-col>
       </el-col>
-      <el-col :span="11" class="info">
-        <el-row>
-          <el-col class="word" :span="24">{{ item.corpname }}</el-col>
-          <el-col class="word" :span="24">{{ item.category }}</el-col>
-          <el-col class="word" :span="24">
-            {{ item.end_date }}
-          </el-col>
-        </el-row>
+      <el-col :span="24" class="page">
+        <el-pagination @current-change="search" :current-page="currentPage" :page-size="$limit" layout="total, prev, pager, next, jumper" :total="totalRow">
+        </el-pagination>
       </el-col>
     </el-row>
-    <el-row style="margin-top:1rem;" type="flex" justify="end">
-      <el-pagination @current-change="search" :current-page="currentPage" :page-size="$limit" layout="total, prev, pager, next, jumper" :total="totalRow">
-      </el-pagination>
-    </el-row>
   </div>
 </template>
 
@@ -115,28 +127,42 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.rowstyle {
-  border-bottom-style: solid;
-  border-width: 1px;
-  border-color: #ebeef5;
-  font-size: small;
-  padding: 1rem 0;
-  .el-col {
-    margin-top: 0.5rem;
-  }
-  .info {
-    .title {
-      font-size: 1rem;
-      color: #850000;
-    }
-    .money {
-      font-size: 0.9rem;
-      color: #f40;
-    }
-    .word {
-      font-size: 0.85rem;
-      color: #666666;
-    }
-  }
+.topMenu {
+  margin: 0 0 10px 0;
+}
+.search {
+  margin: 15px 0;
+}
+/deep/.search .el-input__inner {
+  border: 2px solid #850000;
+  border-radius: 0;
+}
+/deep/.search .el-input-group__append {
+  background: #850000;
+  border: 2px solid #850000;
+  color: #fff;
+  border-radius: 0;
+}
+.list {
+  padding: 5px 0;
+  border-bottom: 1px dashed #ccc;
+}
+.list .title .el-link {
+  font-size: 20px;
+  color: #000;
+}
+.list .title .el-link:hover {
+  color: #850000;
+}
+.list .time {
+  color: #ff0000;
+  text-align: right;
+}
+.list .common {
+  padding: 2px 0;
+}
+.page {
+  margin: 10px 0;
+  text-align: right;
 }
 </style>

src/views/talk/list.vue

@@ -136,6 +136,7 @@ export default {
 }
 .list .time {
   color: #ff0000;
+  text-align: right;
 }
 .list .common {
   padding: 2px 0;