更新

src/plugins/var.js

@@ -15,7 +15,7 @@ const getSiteId = () => {
 const Plugin = {
   install(vue, options) {
     // 4. 添加实例方法
-    vue.prototype.$limit = 5;
+    vue.prototype.$limit = 10;
     vue.prototype.$site = getSiteId();
   },
 };

src/views/info/list.vue

@@ -11,20 +11,14 @@
         </el-breadcrumb>
       </el-col>
     </el-row>
-    <el-row>
-      <!-- <el-col :span="24" style="margin-top: 1rem; width:50%">
-        <el-input size="mini" placeholder="请输入标题" v-model="input3">
-          <el-button slot="append" icon="el-icon-search"></el-button>
-        </el-input>
-      </el-col> -->
-    </el-row>
+    <el-row> </el-row>
     <el-row
       style="border-bottom-style:dashed; border-width:1px;border-color:#666666;font-size: small; padding: 0.5rem 0;"
       v-for="(item, index) in list"
       :key="index"
     >
       <el-col style="padding-top: 0.5rem;" :span="21">
-        <el-link @click="$router.push({ path: '/info/detail', query: { id: item.id } })">{{ item.title }}</el-link>
+        <el-link :underline="false" @click="$router.push({ path: '/info/detail', query: { id: item.id } })"> {{ item.title }}</el-link>
       </el-col>
       <el-col :span="3" style="color:#999999; padding-top: 0.7rem;">
         <span style="padding: 0.5rem 0;">{{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}</span>

src/views/jobfair/list.vue

@@ -1,57 +1,49 @@
 <template>
   <div id="index">
     <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="24" style="margin-top: 1rem; width:50%">
-        <el-input size="mini" placeholder="请输入双选会名称" v-model="input3" @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="demo-basic--circle">
-          <div class="block"><el-avatar shape="square" :size="75" :src="squareUrl"></el-avatar></div>
-        </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="21">
-        <el-row>
-          <el-col :span="18">
-            <el-link style="color:#850000 " @click="$router.push({ path: '/jobfair/detail', query: { id: item.id } })">
-              {{ item.title }}
-            </el-link>
+      <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
+        <el-col :span="24">
+          <el-col :span="20" class="title">
+            <el-link :underline="false" @click="$router.push({ path: '/jobfair/detail', query: { id: item.id } })">{{ item.title }}</el-link>
           </el-col>
-          <el-col :span="6" style="text-align:center">
-            <span style="color:red;">{{ item.time }}</span>
+          <el-col :span="4" class="time">
+            {{ item.time }}
           </el-col>
-        </el-row>
-        <el-row>
-          <span style="color:#606266">{{ item.organizer }}</span>
-        </el-row>
-        <el-row>
-          <span style="color:#606266">{{ item.address }}</span>
-        </el-row>
-        <!-- <el-row style="color:#606266">
-          <el-col :span="20"><span>参与企业25家</span> </el-col>
-          <el-col :span="4"><i class="el-icon-view">2980 </i></el-col>
-        </el-row> -->
+        </el-col>
+        <el-col :span="24" class="common schname">
+          <i class="el-icon-school"></i>
+          主办学校：<span>{{ item.organizer }}</span>
+        </el-col>
+        <el-col :span="24" class="common address">
+          <i class="el-icon-location"></i>
+          举办地址：<span>{{ item.address }}</span>
+        </el-col>
+      </el-col>
+      <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>
@@ -105,11 +97,41 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.rowstyle {
-  border-bottom-style: solid;
-  border-width: 1px;
-  border-color: #ebeef5;
-  font-size: small;
-  padding: 1rem 0;
+.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;
+}
+.list .common {
+  padding: 2px 0;
+}
+.page {
+  margin: 10px 0;
+  text-align: right;
 }
 </style>

src/views/jobinfo/list.vue

@@ -1,63 +1,58 @@
 <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="4" style="margin-top: 1rem;">
-        <el-select size="mini" v-model="searchInfo.is_practice" placeholder="选择招聘类型" @change="search()">
-          <el-option label="全部类型" :value="undefined"></el-option>
-          <el-option label="全职" :value="0"></el-option>
-          <el-option label="实习" :value="1"></el-option>
-        </el-select>
-      </el-col>
-      <el-col :span="10" style="margin-top: 1rem;">
-        <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 :span="24" class="search">
+        <el-col :span="12">
+          <el-col :span="6">
+            <el-select size="mini" v-model="searchInfo.is_practice" placeholder="选择招聘类型" @change="search()">
+              <el-option label="全部类型" :value="undefined"></el-option>
+              <el-option label="全职" :value="0"></el-option>
+              <el-option label="实习" :value="1"></el-option>
+            </el-select>
+          </el-col>
+          <el-col :span="18">
+            <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>
+        <el-col :span="12">
+          &nbsp;
+        </el-col>
       </el-col>
-    </el-row>
-    <el-row class="rowstyle" v-for="(item, index) in list" :key="index">
-      <!-- <el-col :span="3">
-        <div class="demo-basic--circle">
-          <div class="block"><el-avatar shape="square" :size="75" :src="squareUrl"></el-avatar></div>
-        </div>
-      </el-col> -->
-      <el-col :span="21" type="flex" justify="start">
-        <el-row>
-          <el-col :span="20">
-            <el-link style="color:#850000 " @click="$router.push({ path: '/jobinfo/detail', query: { id: item.id } })">
-              <!-- 学大教育集团（长春分公司）招聘简章 -->{{ item.title }}
-            </el-link>
+      <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
+        <el-col :span="24">
+          <el-col :span="24" class="title">
+            <el-link :underline="false" @click="$router.push({ path: '/jobinfo/detail', query: { id: item.id } })">{{ item.title }}</el-link>
+          </el-col>
+          <el-col :span="24" class="common practice">
+            招聘类型：<span>{{ `${item.is_practice}` === `0` ? '全职' : '实习' }}</span>
+          </el-col>
+          <el-col :span="24" class="common corpname">
+            <i class="el-icon-office-building"></i>
+            举办企业：<span>{{ item.corpname }}</span>
           </el-col>
-          <!-- <el-col :span="4" prop="">
-            <span style="color:#606266;">2019-06-17 09:30</span>
-          </el-col> -->
-        </el-row>
-        <el-row>
-          <!-- <span style="color:#606266">{{ item.content }}</span> -->
-        </el-row>
-        <el-row prop="title">
-          <span style="color:#606266">招聘类型:{{ `${item.is_practice}` === `0` ? '全职' : '实习' }}</span>
-        </el-row>
-        <!-- <el-row style="color:#606266">
-          <el-col :span="22" prop=""><span>参与企业25家</span></el-col>
-          <el-col :span="2" prop=""><i class="el-icon-view">2980 </i></el-col>
-        </el-row> -->
+          <el-col :span="24" class="common schname">
+            <i class="el-icon-school"></i>
+            主办学校：<span>{{ item.schname }}</span>
+          </el-col>
+        </el-col>
+      </el-col>
+      <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>
@@ -101,11 +96,41 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.rowstyle {
-  border-bottom-style: solid;
-  border-width: 1px;
-  border-color: #ebeef5;
-  font-size: small;
-  padding: 1rem 0;
+.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;
+}
+.list .common {
+  padding: 2px 0;
+}
+.page {
+  margin: 10px 0;
+  text-align: right;
 }
 </style>

src/views/talk/list.vue

@@ -1,78 +1,53 @@
 <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="24" 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 :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-row>
-    <el-row class="rowstyle" v-for="(item, index) in list" :key="index">
-      <!-- <el-col :span="3">
-        <div class="demo-basic--circle">
-          <div class="block"><el-avatar shape="square" :size="75" :src="squareUrl"></el-avatar></div>
-        </div>
-      </el-col> -->
-      <el-col :span="21" type="flex" justify="start">
-        <el-row>
-          <el-col :span="18">
-            <el-link style="color:#850000 " @click="$router.push({ path: '/talk/detail', query: { id: item.id } })">
-              <!-- 敏实集团2020届实习生招聘 -->{{ item.title }}
-            </el-link>
-          </el-col>
-          <!-- <el-col :span="6" style="text-align:center">
-            <span style="color:red;"></span>
-          </el-col> -->
-        </el-row>
-        <el-row>
-          <el-col :span="10">
-            <span class="el-icon-office-building"></span>
-            举办企业:
-            <span style="color:#606266">{{ item.corpname }}</span>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="10">
-            <span class="el-icon-school"></span>
-            学校:
-            <span style="color:#606266">{{ item.schname }}</span>
+      <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
+        <el-col :span="24">
+          <el-col :span="20" class="title">
+            <el-link :underline="false" @click="$router.push({ path: '/talk/detail', query: { id: item.id } })">{{ item.title }}</el-link>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="10">
-            <span class="el-icon-location"></span>
-            地点:
-            <span style="color:#606266">{{ item.address }}</span>
+          <el-col :span="4" class="time">
+            {{ item.time }}
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="10">
-            <span class="el-icon-time"></span>
-            举办时间:
-            <span style="color:#ff4400">{{ item.time }}</span>
-          </el-col>
-        </el-row>
-        <!-- <el-row>
-          <el-col :offset="10" :span="10"><span style="color:#606266">制造业</span></el-col>
-          <el-col :span="4" style="color:#606266"><i class="el-icon-view">3722 </i></el-col>
-        </el-row> -->
+        </el-col>
+        <el-col :span="24" class="common corpname">
+          <i class="el-icon-office-building"></i>
+          举办企业：<span>{{ item.corpname }}</span>
+        </el-col>
+        <el-col :span="24" class="common schname">
+          <i class="el-icon-school"></i>
+          主办学校：<span>{{ item.schname }}</span>
+        </el-col>
+        <el-col :span="24" class="common address">
+          <i class="el-icon-location"></i>
+          举办地址：<span>{{ item.address }}</span>
+        </el-col>
+      </el-col>
+      <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>
@@ -132,11 +107,41 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.rowstyle {
-  border-bottom-style: solid;
-  border-width: 1px;
-  border-color: #ebeef5;
-  font-size: small;
-  padding: 1rem 0;
+.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;
+}
+.list .common {
+  padding: 2px 0;
+}
+.page {
+  margin: 10px 0;
+  text-align: right;
 }
 </style>