guhongwei преди 5 години
родител
ревизия
5ef06b0d22
променени са 3 файла, в които са добавени 32 реда и са изтрити 28 реда
  1. 9 12
      src/layout/index/links.vue
  2. 11 2
      src/views/index.vue
  3. 12 14
      src/views/pcenter/links.vue

+ 9 - 12
src/layout/index/links.vue

@@ -2,9 +2,11 @@
   <div id="links">
     <el-col :span="24">
       <el-col :span="4" class="titles"> 友情链接</el-col>
-      <el-col :span="5" v-for="(item, index) in linklist" :key="index" class="info"
-        ><el-image :src="item.src" style="width:245px;height:50px"> </el-image
-      ></el-col>
+      <el-col :span="5" v-for="(item, index) in linklist" :key="index" class="info">
+        <el-link :underline="false" :href="item.url" target="_blank">
+          <el-image :src="item.img_url" style="width:245px;height:50px"> </el-image>
+        </el-link>
+      </el-col>
     </el-col>
   </div>
 </template>
@@ -12,16 +14,11 @@
 <script>
 export default {
   name: 'links',
-  props: {},
+  props: {
+    linklist: null,
+  },
   components: {},
-  data: () => ({
-    linklist: [
-      { src: require('@/assets/zz.jpg') },
-      { src: require('@/assets/zz.jpg') },
-      { src: require('@/assets/zz.jpg') },
-      { src: require('@/assets/zz.jpg') },
-    ],
-  }),
+  data: () => ({}),
   created() {},
   computed: {},
   methods: {},

+ 11 - 2
src/views/index.vue

@@ -27,7 +27,7 @@
             <technology :jishuList="jishuList"></technology>
           </el-col>
           <el-col :span="24" class="lianjie">
-            <links></links>
+            <links :linklist="linklist"></links>
           </el-col>
         </div>
       </el-col>
@@ -43,6 +43,7 @@
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: news } = createNamespacedHelpers('news');
+const { mapActions: link } = createNamespacedHelpers('links');
 import top from '@/layout/common/top.vue';
 import menus from '@/layout/common/menus.vue';
 import topRight from '@/layout/index/top-right.vue';
@@ -53,6 +54,11 @@ import technology from '@/layout/index/technology.vue';
 import links from '@/layout/index/links.vue';
 import foot from '@/layout/common/foot.vue';
 export default {
+  metaInfo() {
+    return {
+      title: '吉林省计算中心',
+    };
+  },
   name: 'index',
   props: {},
   components: {
@@ -73,6 +79,7 @@ export default {
     jishuList: [],
     noticeList: [],
     jobsList: [],
+    linklist: [],
   }),
   created() {
     this.search();
@@ -80,7 +87,7 @@ export default {
   computed: {},
   methods: {
     ...news({ newsQuery: 'query', newsFetch: 'fetch' }),
-
+    ...link({ linkQuery: 'query' }),
     async search() {
       let res = await this.newsQuery({ skip: 0, limit: 6, col_name: '工作动态', status: 2 });
       if (this.$checkRes(res)) this.$set(this, `jobsList`, res.data);
@@ -90,6 +97,8 @@ export default {
       if (this.$checkRes(res)) this.$set(this, `serviceList`, res.data);
       res = await this.newsQuery({ skip: 0, limit: 6, col_name: '技术问答', status: 2 });
       if (this.$checkRes(res)) this.$set(this, `jishuList`, res.data);
+      res = await this.linkQuery({ skip: 0, limit: 4 });
+      if (this.$checkRes(res)) this.$set(this, `linklist`, res.data);
     },
   },
 };

+ 12 - 14
src/views/pcenter/links.vue

@@ -23,21 +23,19 @@
         </el-col>
         <el-col :span="24" class="detail" v-else>
           <el-col class="top"><el-button type="primary" size="mini" @click="back">返回</el-button></el-col>
-          <el-col>
-            <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
+          <el-col :span="24">
+            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+              <el-form-item label="链接名称:">
+                <el-input v-model="form.name" placeholder="请输入链接名称"></el-input>
+              </el-form-item>
+              <el-form-item label="链接地址:" prop="url">
+                <el-input v-model="form.url" placeholder="请输入链接地址"></el-input>
+              </el-form-item>
+              <el-form-item label="链接图片:">
+                <upload :limit="1" :data="form.img_url" type="img_url" :url="'/files/count/upload'" @upload="uploadSuccess"></upload>
+              </el-form-item>
               <el-form-item>
-                <el-form-item label="链接名称:">
-                  <el-input v-model="form.name" placeholder="请输入需求技术名称"></el-input>
-                </el-form-item>
-                <el-form-item label="链接地址:" prop="url">
-                  <el-input v-model="form.url" placeholder="请输入需求技术名称"></el-input>
-                </el-form-item>
-                <el-form-item label="链接图片:">
-                  <upload :limit="1" :data="form.img_url" type="img_url" :url="'/files/count/upload'" @upload="uploadSuccess"></upload>
-                </el-form-item>
-                <el-form-item>
-                  <el-button type="primary" @click="onSubmit()">提交</el-button>
-                </el-form-item>
+                <el-button type="primary" @click="onSubmit()">提交</el-button>
               </el-form-item>
             </el-form>
           </el-col>