初版

src/components/head.vue

@@ -0,0 +1,53 @@
+<template>
+  <div id="head">
+    <el-row>
+      <el-col :span="24" class="title">
+        病患管理系统
+        <i class="el-icon-user" style="float:right" @click="dialogFormVisible = true"></i>
+      </el-col>
+    </el-row>
+    <el-dialog title="登陆" :visible.sync="dialogFormVisible" style="width:800px;margin-left:300px">
+      <el-form ref="form" :model="form" :label-position="labelPosition" label-width="80px">
+        <el-form-item label="工号">
+          <el-input placeholder="请输出工号" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="密码">
+          <el-input placeholder="请输入密码" v-model="form.number" show-password></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+          <el-button type="primary" @click="dialogFormVisible = false">登 陆</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'head',
+  props: {},
+  components: {},
+  data: () => {
+    return {
+      labelPosition: 'left',
+      dialogFormVisible: false,
+      form: {
+        name: '',
+        number: '',
+      },
+    };
+  },
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.title {
+  font-size: 30px;
+  font-family: Cursive;
+  font-style: italic;
+}
+</style>

src/components/main.vue

@@ -0,0 +1,275 @@
+<template>
+  <div id="main">
+    <el-row>
+      <el-col :span="24">
+        <el-input placeholder="请输入关键字搜索" v-model="input3" style="width:600px" class="input-with-select">
+          <el-select v-model="select" slot="prepend" placeholder="请选择" style="width:120px">
+            <el-option label="病患姓名" value="1"></el-option>
+            <el-option label="入院时间" value="2"></el-option>
+            <el-option label="病历号" value="3"></el-option>
+          </el-select>
+          <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
+        </el-input>
+      </el-col>
+      <el-col :span="24" class="table1">
+        <el-table :data="tableData1">
+          <el-table-column prop="date" label="入院日期"></el-table-column>
+          <el-table-column prop="name" label="姓名"></el-table-column>
+          <el-table-column prop="sex" label="性别"></el-table-column>
+          <el-table-column prop="number" label="病历号"></el-table-column>
+          <el-table-column prop="disease" label="症状"></el-table-column>
+          <el-table-column align="right">
+            <template slot="header">
+              <el-button type="success" size="mini" @click="dialogFormVisible1 = true" circle><i class="el-icon-plus"></i></el-button>
+            </template>
+            <template slot-scope="scope">
+              <el-button size="mini" @click="dialogFormVisible1 = true" circle><i class="el-icon-edit"></i> </el-button>
+              <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)" circle><i class="el-icon-delete"></i></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+      <el-col :span="9" :offset="14">
+        <el-pagination background layout="prev, pager, next" :total="1000"> </el-pagination>
+      </el-col>
+    </el-row>
+    <el-dialog title="信息完善" :visible.sync="dialogFormVisible1">
+      <el-form ref="form" :model="form" label-width="80px" :label-position="labelPosition">
+        <el-form-item label="姓名">
+          <el-input v-model="form.name" style="width:250px"></el-input>
+        </el-form-item>
+        <el-form-item label="性别">
+          <el-select v-model="form.sex" style="width:100px">
+            <el-option label="男" value="male"></el-option>
+            <el-option label="女" value="female"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="年龄">
+          <el-input v-model="form.age" style="width:100px"></el-input>
+        </el-form-item>
+        <el-form-item label="病例号">
+          <el-input v-model="form.number" style="width:250px"></el-input>
+        </el-form-item>
+        <el-form-item label="入院时间">
+          <el-col :span="11">
+            <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
+          </el-col>
+          <el-col class="line" :span="2" style="padding:0 20px">-</el-col>
+          <el-col :span="11">
+            <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
+          </el-col>
+        </el-form-item>
+        <el-form-item label="病历">
+          <el-table :data="tableData2" class="table2">
+            <el-table-column prop="date" label="日期"></el-table-column>
+            <el-table-column prop="results" label="检查结果" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="options" label="治疗方案" show-overflow-tooltip></el-table-column>
+            <el-table-column align="right">
+              <template slot="header">
+                <el-button type="success" size="mini" @click="dialogFormVisible2 = true" circle><i class="el-icon-plus"></i></el-button>
+              </template>
+              <template slot-scope="scope">
+                <el-button size="mini" @click="dialogFormVisible2 = true" circle><i class="el-icon-edit"></i> </el-button>
+                <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)" circle><i class="el-icon-delete"></i></el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="dialogFormVisible1 = false">取 消</el-button>
+          <el-button type="primary" @click="dialogFormVisible1 = false">确 定</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+    <el-dialog title="修改病例" :visible.sync="dialogFormVisible2">
+      <el-form ref="form2" :model="form2">
+        <el-form-item label="检查时间">
+          <el-col :span="8">
+            <el-date-picker type="date" placeholder="选择日期" v-model="form2.date1" style="width: 100%;"></el-date-picker>
+          </el-col>
+          <el-col class="line" :span="2" style="padding:0 20px">-</el-col>
+          <el-col :span="8">
+            <el-time-picker placeholder="选择时间" v-model="form2.date2" style="width: 100%;"></el-time-picker>
+          </el-col>
+        </el-form-item>
+        <el-form-item label="检查结果">
+          <el-input type="textarea" v-model="form2.results"></el-input>
+        </el-form-item>
+        <el-form-item label="治疗方案">
+          <el-input type="textarea" v-model="form2.options"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="dialogFormVisible2 = false">取 消</el-button>
+          <el-button type="primary" @click="dialogFormVisible2 = false">确 定</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'main',
+  props: {},
+  components: {},
+  data() {
+    return {
+      tableData1: [
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+        {
+          date: '2019-10-10',
+          name: '张三',
+          sex: '男',
+          number: '1910100824',
+          disease: '前额叶受损',
+        },
+      ],
+      tableData2: [
+        {
+          date: '2019-10-10',
+          results: '前额叶受损',
+          options: '住院观察',
+        },
+        {
+          date: '2019-10-15',
+          results: '核磁共振未见异常,核磁共振未见异常核磁共振未见异常核磁共振未见异常核磁共振未见异常核磁共振未见异常',
+          options: '持续观测，持续观测持续观测持续观测持续观测持续观测',
+        },
+        {
+          date: '2019-10-20',
+          results: '住院观察未见异常',
+          options: '出院随诊',
+        },
+      ],
+      input1: '',
+      input2: '',
+      input3: '',
+      select: '',
+      dialogFormVisible1: false,
+      dialogFormVisible2: false,
+      form: {
+        name: '',
+        sex: '',
+        age: '',
+        number: '',
+        date1: '',
+        date2: '',
+        record: '',
+      },
+      form2: {
+        results: '',
+        options: '',
+      },
+      labelPosition: 'left',
+    };
+  },
+  created() {},
+  computed: {},
+  methods: {
+    // handleEdit(index,row){
+    //   console.log(index,row);
+    // },
+    // handleDelect(index,row){
+    //   console.log(index,row);
+    // },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.table1 {
+  max-height: 530px;
+  overflow: hidden;
+} //更改为最多9条数据
+//table2最多显示三条数据
+</style>

src/components/nav.vue

@@ -0,0 +1,36 @@
+<template>
+  <div id="nav">
+    <el-row>
+      <el-col :span="24">
+        <el-menu class="menu">
+          <el-menu-item index="1">
+            <i class="el-icon-user"></i>
+            <span slot="title">病患信息</span>
+          </el-menu-item>
+          <el-menu-item index="2">
+            <i class="el-icon-setting"></i>
+            <span slot="title">设置</span>
+          </el-menu-item>
+        </el-menu>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'nav',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.menu {
+  background-color: #f2f5fa;
+}
+</style>

src/views/index.vue

@@ -1,14 +1,31 @@
 <template>
   <div id="index">
-    <p>index</p>
+    <el-row>
+      <el-col :span="24" class="head">
+        <headinfo></headinfo>
+      </el-col>
+      <el-col :span="4" class="nav">
+        <navinfo></navinfo>
+      </el-col>
+      <el-col :span="20" class="main">
+        <maininfo></maininfo>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
 <script>
+import headinfo from '@/components/head.vue';
+import navinfo from '@/components/nav.vue';
+import maininfo from '@/components/main.vue';
 export default {
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    headinfo,
+    navinfo,
+    maininfo,
+  },
   data: () => ({}),
   created() {},
   computed: {},
@@ -16,4 +33,20 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="less" scoped>
+.head {
+  height: 50px;
+  padding: 7px 20px;
+  background-color: #32527c;
+  color: #f2f5fa;
+}
+.nav {
+  background-color: #f2f5fa;
+  min-height: 640px;
+}
+.main {
+  padding: 10px;
+  background-color: #ffffff;
+  min-height: 640px;
+}
+</style>

src/views/index/App.vue

@@ -1,22 +0,0 @@
-<template>
-  <div id="app">
-    <router-view />
-  </div>
-</template>
-<script>
-export default {
-  name: 'app',
-  components: {},
-};
-</script>
-
-<style lang="scss">
-html {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-body {
-  margin: 0;
-  overflow-x: hidden;
-}
-</style>

src/views/index/main.js

@@ -1,18 +0,0 @@
-import Vue from 'vue';
-import App from './App.vue';
-import router from './router';
-import store from './store/store';
-import '@/plugins/element.js';
-import '@/plugins/axios';
-import '@/plugins/check-res';
-import '@/plugins/meta';
-import '@/plugins/filters';
-import '@/plugins/loading';
-
-Vue.config.productionTip = false;
-
-new Vue({
-  router,
-  store,
-  render: h => h(App),
-}).$mount('#app');

src/views/index/router.js

@@ -1,16 +0,0 @@
-import Vue from 'vue';
-import Router from 'vue-router';
-
-Vue.use(Router);
-
-export default new Router({
-  mode: 'history',
-  base: process.env.BASE_URL,
-  routes: [
-    {
-      path: '/index',
-      name: 'index',
-      component: () => import('@/views/index/views/index.vue'),
-    },
-  ],
-});

src/views/index/store/store.js

@@ -1,10 +0,0 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-
-Vue.use(Vuex);
-
-export default new Vuex.Store({
-  state: {},
-  mutations: {},
-  actions: {},
-});

src/views/index/views/index.vue

@@ -1,513 +0,0 @@
-<template>
-  <div id="index">
-    <el-row>
-      <el-col :span="24" class="top">
-        <div class="w_1200">
-          <el-col :span="17" class="topLeft">
-            <el-image style="width: 440px; height: 70px" :src="urllogo"></el-image>
-            <el-image style="width: 70px; height: 70px;margin:0 0 0 30px;" :src="urlerweima"></el-image>
-          </el-col>
-          <el-col :span="7" class="topRight">
-            <el-col :span="8">
-              <el-link :underline="false">
-                <i class="el-icon-user"></i>
-                <p>学生登录</p>
-              </el-link>
-            </el-col>
-            <el-col :span="8">
-              <el-link :underline="false">
-                <i class="el-icon-user"></i>
-                <p>单位登录/注册</p>
-              </el-link>
-            </el-col>
-            <el-col :span="8">
-              <el-link :underline="false">
-                <i class="el-icon-user"></i>
-                <p>企业登录</p>
-              </el-link>
-            </el-col>
-          </el-col>
-        </div>
-      </el-col>
-      <el-col :span="24">
-        <div class="w_1200">
-          <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" text-color="#333">
-            <el-submenu index="1">
-              <template slot="title">
-                新闻公告
-              </template>
-              <el-menu-item index="1-1">通知公告</el-menu-item>
-              <el-menu-item index="1-2">就业快讯</el-menu-item>
-            </el-submenu>
-            <el-submenu index="2">
-              <template slot="title">
-                学生导航
-              </template>
-              <el-menu-item index="2-1">毕业生签约流程</el-menu-item>
-              <el-menu-item index="2-2">三方协议违约说明</el-menu-item>
-            </el-submenu>
-            <el-submenu index="3">
-              <template slot="title">
-                学子风采
-              </template>
-              <el-menu-item index="3-1">学子风采</el-menu-item>
-            </el-submenu>
-            <el-submenu index="4">
-              <template slot="title">
-                企业服务
-              </template>
-              <el-menu-item index="4-1">院系公告</el-menu-item>
-              <el-menu-item index="4-2">生源信息</el-menu-item>
-              <el-menu-item index="4-3">入校招聘流程</el-menu-item>
-              <el-menu-item index="4-4">宣讲会预约</el-menu-item>
-              <el-menu-item index="4-5">双选会预约</el-menu-item>
-              <el-menu-item index="4-6">校园地图</el-menu-item>
-            </el-submenu>
-            <el-submenu index="5">
-              <template slot="title">
-                就业服务
-              </template>
-              <el-menu-item index="5-1">求职之路</el-menu-item>
-              <el-menu-item index="5-2">国内求学</el-menu-item>
-              <el-menu-item index="5-3">出国留学</el-menu-item>
-              <el-menu-item index="5-4">创新创业</el-menu-item>
-              <el-menu-item index="5-5">留言咨询</el-menu-item>
-              <el-menu-item index="5-6">预约指导</el-menu-item>
-            </el-submenu>
-            <el-menu-item index="6">联系我们</el-menu-item>
-          </el-menu>
-        </div>
-      </el-col>
-      <el-col :span="24">
-        <div class="w_1200">
-          <div class="block">
-            <el-carousel :autoplay="true">
-              <el-carousel-item v-for="(item, index) in imgList" :key="index">
-                <img :src="item.url" class="imgList" />
-              </el-carousel-item>
-            </el-carousel>
-          </div>
-        </div>
-      </el-col>
-      <el-col :span="24" class="main">
-        <div class="w_1200">
-          <el-col :span="6" class="mainLeft">
-            <el-calendar v-model="value"> </el-calendar>
-          </el-col>
-          <el-col :span="18" class="mainRight">
-            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
-              <el-tab-pane label="宣讲会" name="first">
-                <el-row>
-                  <el-col class="job" :span="12" v-for="(item, index) in talk" :key="index">
-                    <el-col :span="4" class="date">
-                      <span>
-                        {{ item.date }}
-                      </span>
-                    </el-col>
-                    <el-col :span="17" class="text">
-                      <el-col :span="24" class="title overText">{{ item.title }}</el-col>
-                      <el-col :span="24" class="textInfo overText">主办方：{{ item.organizer }}</el-col>
-                      <el-col :span="24" class="textInfo overText">地址：{{ item.address }}</el-col>
-                      <el-col :span="24" class="textInfo overText">时间：{{ item.time }}</el-col>
-                    </el-col>
-                    <el-col :span="3" class="num"> <i class="el-icon-view"></i>{{ item.num }} </el-col>
-                  </el-col>
-                </el-row>
-              </el-tab-pane>
-              <el-tab-pane label="双选会" name="second">
-                <el-row>
-                  <el-col class="job" :span="12" v-for="(item, index) in fair" :key="index">
-                    <el-col :span="4" class="date">
-                      <span style="background:#F78D37;">
-                        {{ item.date }}
-                      </span>
-                    </el-col>
-                    <el-col :span="17" class="text">
-                      <el-col :span="24" class="title overText">{{ item.title }}</el-col>
-                      <el-col :span="24" class="textInfo overText">主办方：{{ item.organizer }}</el-col>
-                      <el-col :span="24" class="textInfo overText">地址：{{ item.address }}</el-col>
-                      <el-col :span="24" class="textInfo overText">时间：{{ item.time }}</el-col>
-                    </el-col>
-                    <el-col :span="3" class="num"> <i class="el-icon-view"></i>{{ item.num }} </el-col>
-                  </el-col>
-                </el-row>
-              </el-tab-pane>
-              <el-tab-pane label="就业活动" name="third">
-                <el-row>
-                  <el-col class="job" :span="12" v-for="(item, index) in huodong" :key="index">
-                    <el-col :span="4" class="date">
-                      <span style="background:#7030B0;">
-                        {{ item.date }}
-                      </span>
-                    </el-col>
-                    <el-col :span="17" class="text">
-                      <el-col :span="24" class="title overText">{{ item.title }}</el-col>
-                      <el-col :span="24" class="textInfo overText">主办方：{{ item.organizer }}</el-col>
-                      <el-col :span="24" class="textInfo overText">地址：{{ item.address }}</el-col>
-                      <el-col :span="24" class="textInfo overText">时间：{{ item.time }}</el-col>
-                    </el-col>
-                    <el-col :span="3" class="num"> <i class="el-icon-view"></i>{{ item.num }} </el-col>
-                  </el-col>
-                </el-row>
-              </el-tab-pane>
-              <el-tab-pane label="在线招聘" name="fourth">
-                <el-row>
-                  <el-col class="job" :span="12" v-for="(item, index) in info" :key="index">
-                    <el-col :span="4" class="date">
-                      <span style="background:#f6c808;">
-                        {{ item.date }}
-                      </span>
-                    </el-col>
-                    <el-col :span="17" class="text">
-                      <el-col :span="24" class="title overText">{{ item.title }}</el-col>
-                      <el-col :span="24" class="textInfo overText">主办方：{{ item.organizer }}</el-col>
-                      <el-col :span="24" class="textInfo overText">地址：{{ item.address }}</el-col>
-                      <el-col :span="24" class="textInfo overText">时间：{{ item.time }}</el-col>
-                    </el-col>
-                    <el-col :span="3" class="num"> <i class="el-icon-view"></i>{{ item.num }} </el-col>
-                  </el-col>
-                </el-row>
-              </el-tab-pane>
-              <el-tab-pane label="招聘信息" name="fifth">
-                <el-row>
-                  <el-col class="job" :span="12" v-for="(item, index) in infos" :key="index">
-                    <el-col :span="4" class="new"><span>new</span></el-col>
-                    <el-col :span="20" class="overText">{{ item.title }}</el-col>
-                  </el-col>
-                </el-row>
-              </el-tab-pane>
-              <el-tab-pane label="国际组织/联合国" name="sixth">
-                <el-row>
-                  <el-col class="job" :span="12" v-for="(item, index) in internal" :key="index">
-                    <el-col :span="24" class="titleEng overText">{{ item.title }}</el-col>
-                  </el-col>
-                </el-row>
-              </el-tab-pane>
-            </el-tabs>
-            <a href="" class="tabsMore" target="_blank" title="更多">MORE</a>
-          </el-col>
-        </div>
-      </el-col>
-      <el-col :span="24">
-        <div class="w_1200">
-          <h3 style="color: #333;font-size: 16px;font-weight: normal;">
-            专题网站
-          </h3>
-          <el-col :span="24">
-            <el-col class="listImg" :span="4" v-for="(item, index) in listZhuan" :key="index">
-              <el-image style="width: 100%; height: 60px" :src="item.url"></el-image>
-              <p class="imgText overText">{{ item.name }}</p>
-            </el-col>
-          </el-col>
-        </div>
-      </el-col>
-      <el-col :span="24">
-        <div class="w_1200">
-          <h3 style="color: #333;font-size: 16px;font-weight: normal;">
-            友情链接
-          </h3>
-          <el-col :span="24" class="link">
-            <el-link :underline="false" target="_blank">中华人民共和国教育部</el-link>
-            <el-link :underline="false" target="_blank">人力资源和社会保障部</el-link>
-            <el-link :underline="false" target="_blank">深圳市人力资源和社会保障局</el-link>
-            <el-link :underline="false" target="_blank">广东省人力资源和社会保障厅</el-link>
-            <el-link :underline="false" target="_blank">广州市人事网</el-link>
-            <el-link :underline="false" target="_blank">中国留学网</el-link>
-            <el-link :underline="false" target="_blank">创业教育网</el-link>
-            <el-link :underline="false" target="_blank">深圳人才网</el-link>
-            <el-link :underline="false" target="_blank">中华英才网</el-link>
-            <el-link :underline="false" target="_blank">前程无忧</el-link>
-          </el-col>
-        </div>
-      </el-col>
-      <el-col :span="24" class="down">
-        <el-col :span="24" class="downBei">
-          <div class="w_1200">
-            <el-col :span="24" class="downText">
-              <el-col :span="6" style="padding:50px 0;"><el-image style="width: 290px; height: 70px" :src="downLogo"></el-image></el-col>
-              <el-col :span="12" class="address">
-                <p class="overText">办公地址：广东省深圳市南山区学苑大道1088号南方科技大学</p>
-                <p class="overText">就业邮箱：jobs@sustech.edu.cn</p>
-                <p class="overText">开放时间（节假日除外）：</p>
-                <p class="overText">上午：8:30—12:00</p>
-                <p class="overText">下午：14:00—17:30</p>
-              </el-col>
-              <el-col :span="6" style="text-align:center;padding:10px 0;"><el-image style="width: 120px; height: 120px" :src="urlerweima"></el-image></el-col>
-            </el-col>
-            <el-col :span="24" class="downTit">
-              <el-col :span="24"><span>南方科技大学版权所有</span><span>|</span><span>域名备案信息：粤ICP备14051456号</span></el-col>
-              <el-col :span="24">
-                <span class="footer-label">可信网站验证</span>
-                <span class="footer-label">安全联盟</span>
-                <span class="footer-label">可信网站验证</span>
-                <span class="footer-label">浏览量：今日851 / 共计583307</span>
-                <span class="footer-label">技术支持：云研科技</span>
-              </el-col>
-            </el-col>
-          </div>
-        </el-col>
-      </el-col>
-    </el-row>
-    <el-backtop target=""><i class="el-icon-upload2"></i></el-backtop>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'index',
-  props: {},
-  components: {},
-  data: () => ({
-    urllogo: require('@/assets/logo.png'),
-    urlerweima: require('@/assets/erweima.png'),
-    downLogo: require('@/assets/downlogo.png'),
-    activeIndex: '1',
-    imgList: [
-      { url: require('@/assets/lun1.jpg') },
-      { url: require('@/assets/lun2.jpg') },
-      { url: require('@/assets/lun3.jpg') },
-      { url: require('@/assets/lun4.jpg') },
-      { url: require('@/assets/lun5.jpg') },
-      { url: require('@/assets/lun6.jpg') },
-    ],
-    value: new Date(),
-    activeName: 'first',
-    listZhuan: [
-      { url: require('@/assets/zhuanti1.jpg'), name: '国际组织实习任职服务平台' },
-      { url: require('@/assets/zhuanti2.jpg'), name: '新职业网' },
-      { url: require('@/assets/zhuanti3.jpg'), name: '学信网' },
-      { url: require('@/assets/zhuanti4.jpg'), name: '中国留学网' },
-      { url: require('@/assets/zhuanti5.jpg'), name: '全国大学生就业一站式服务系统' },
-      { url: require('@/assets/zhuanti6.jpg'), name: '广东省就业指导中心' },
-    ],
-    talk: [
-      { date: '09月03日', title: '宣讲会', organizer: '南方科技大学', address: '力旺广场B座16楼会议室', time: '13:00', num: '1200' },
-      { date: '09月03日', title: '宣讲会', organizer: '南方科技大学', address: '力旺广场B座16楼会议室', time: '13:00', num: '1200' },
-    ],
-    fair: [{ date: '09月03日', title: '双选会', organizer: '南方科技大学', address: '力旺广场B座16楼会议室', time: '13:00', num: '1200' }],
-    huodong: [{ date: '09月03日', title: '就业活动', organizer: '南方科技大学', address: '力旺广场B座16楼会议室', time: '13:00', num: '1200' }],
-    info: [{ date: '09月03日', title: '在线招聘', organizer: '南方科技大学', address: '力旺广场B座16楼会议室', time: '13:00', num: '1200' }],
-    infos: [
-      { title: '2019广东广州市白云区直属机关单位第一次招聘政府雇员公告（42人）' },
-      { title: '2019广东广州市白云区直属机关单位第一次招聘政府雇员公告（42人）' },
-    ],
-    internal: [{ title: 'Intern - Environment Affairs, I (Temporary Job Ope' }, { title: 'Intern - Environment Affairs, I (Temporary Job Ope' }],
-  }),
-  created() {},
-  computed: {},
-  methods: {
-    handleSelect(key, keyPath) {
-      console.log(key, keyPath);
-    },
-    handleClick(tab, event) {
-      console.log(tab, event);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.w_1200 {
-  margin: 0 auto;
-  width: 1200px;
-}
-p {
-  margin: 0;
-  padding: 0;
-}
-.overText {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.top {
-  background-color: #008bd5;
-  padding: 40px 0;
-}
-.topRight {
-  text-align: center;
-  color: #fff;
-}
-/deep/.topRight .el-link {
-  color: #fff;
-  font-size: 15px;
-}
-/deep/.topRight i {
-  font-size: 24px;
-}
-/deep/.el-menu.el-menu--horizontal {
-  border-bottom: none;
-}
-/deep/.el-submenu__title {
-  padding: 0 59px;
-}
-/deep/.el-menu-item {
-  padding: 0 59px;
-}
-/deep/.el-carousel__container {
-  height: 350px;
-}
-.imgList {
-  width: 100%;
-  height: 100%;
-}
-.main {
-  height: 397px;
-  margin-top: 20px;
-}
-.mainLeft {
-  background: #e5e5e5;
-  height: 397px;
-}
-/deep/.el-calendar {
-  background-color: #e5e5e5;
-}
-/deep/.el-calendar__body {
-  padding: 0;
-}
-/deep/.el-calendar-table .el-calendar-day {
-  height: 49px;
-}
-/deep/.el-button--mini {
-  padding: 7px 9px;
-}
-.mainRight {
-  position: relative;
-  background: url(../../../assets/c_bj4.png) repeat;
-  height: 397px;
-}
-/deep/.el-tabs__item {
-  padding: 0 35px;
-  font-size: 15px;
-}
-/deep/.el-tabs__header {
-  margin: 0;
-}
-.tabsMore {
-  position: absolute;
-  top: 12px;
-  float: right;
-  right: 10px;
-  color: #858585;
-  font-size: 12px;
-  text-decoration: none;
-}
-.job {
-  padding: 10px;
-  border-bottom: 1px dashed #ddd;
-  box-sizing: border-box;
-}
-.job:hover {
-  cursor: pointer;
-}
-.job:hover .text .title {
-  color: #09aaff;
-}
-.job:hover .text .textInfo {
-  color: #09aaff;
-}
-.job:hover .num {
-  color: #09aaff;
-}
-.job .date {
-  text-align: center;
-  padding: 15px 0;
-}
-.job .date span {
-  display: inline-block;
-  width: 55px;
-  height: 55px;
-  text-align: center;
-  border: 1px solid #ccc;
-  background: #0070c0;
-  color: #fff;
-}
-.job .text {
-  color: #333;
-}
-.job .text .title {
-  padding: 5px 0 5px 0;
-  font-size: 16px;
-}
-.job .text .textInfo {
-  font-size: 13px;
-  color: #858585;
-}
-.job .num {
-  text-align: right;
-  font-size: 15px;
-  color: #333;
-}
-.job .new {
-  text-align: center;
-  color: #fff;
-}
-.job .new span {
-  display: inline-block;
-  padding: 0px 5px;
-  background: #ff4400;
-  border-radius: 4px;
-}
-.job .titleEng {
-  padding: 0 20px;
-}
-.listImg {
-  width: 178px;
-  margin: 0 22px 0 0;
-  border: 1px solid #ccc;
-}
-.imgText {
-  font-size: 14px;
-  text-align: center;
-  color: #858585;
-  border-top: 1px solid #ccc;
-}
-.down {
-  height: 326px;
-  position: relative;
-  background: url(../../../assets/downImg.png) center no-repeat;
-  opacity: 0.9;
-  background-size: cover;
-}
-.downBei {
-  content: '';
-  z-index: -1;
-  width: 100%;
-  height: 326px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  background-color: #008bd5;
-  opacity: 0.8;
-}
-.link {
-  margin: 0 0 15px 0;
-}
-.link .el-link {
-  margin: 0 15px 15px 0;
-  padding: 0 18px 0 0;
-}
-.downText {
-  padding: 45px 0;
-  border-bottom: 1px solid #fff;
-}
-.downTit {
-  text-align: center;
-}
-.downTit .el-col {
-  margin: 0 0 5px 0;
-}
-.downTit span {
-  color: #f6f6f6;
-  font-size: 14px;
-}
-.address {
-  border-right: 1px solid #fff;
-  border-left: 1px solid #fff;
-}
-.address p {
-  padding: 8px 30px;
-  color: #f6f6f6;
-  font-size: 14px;
-}
-</style>