企业需求模块

src/api/home/demand.js

@@ -0,0 +1,17 @@
+import request from '@/utils/request';
+
+// 获取企业需求列表
+export function getEnterpriseNeedList(params) {
+  return request({
+    // url: '/enterprise/getEnterpriseNeedList',
+    url: '/mPolicy/getEnterpriseNeedList',
+    params
+  });
+}
+// 获取科技成果列表
+export function getScienceResultList(params) {
+  return request({
+    url: '/mPolicy/getScienceResultList',
+    params
+  });
+}

src/api/search.js

@@ -32,28 +32,32 @@ export function getPolicyInfo(params) {
 // 编辑政策解读的数据回显
 export function getPolicyReadInfo(params) {
   return request({
-    url: '/policy/getPolicyReadInfo',
+    // url: '/policy/getPolicyReadInfo',
+    url: '/mobile/getPolicyReadInfo',
     params
   });
 }
 // 获取资讯数据回显
 export function getInfo(params) {
   return request({
-    url: '/information/getInfo',
+    // url: '/information/getInfo',
+    url: '/mobile/getInformationInfo',
     params
   });
 }
 // 获取企业需求数据回显
 export function getInfo2(params) {
   return request({
-    url: '/enterprise/getInfo',
+    // url: '/enterprise/getInfo',
+    url: '/mPolicy/getInfo',
     params
   });
 }
 // 获取科技成果数据回显
 export function getInfo3(params) {
   return request({
-    url: '/science/getInfo',
+    // url: '/science/getInfo',
+    url: '/mPolicy/getScienceResultInfo',
     params
   });
 }

src/utils/request.js

@@ -1,4 +1,4 @@
-import axios from 'axios'
+import axios from 'axios'
 import { Notification, MessageBox, Message } from 'element-ui'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
@@ -39,7 +39,7 @@ service.interceptors.response.use(res => {
         }
       ).then(() => {
         store.dispatch('LogOut').then(() => {
-          location.href = '/index';
+          location.href = '/home';
         })
       })
     } else if (code === 500) {

src/views/home/achievements.vue

@@ -100,6 +100,7 @@
 </template>
 <script>
 import { mapGetters } from 'vuex';
+import { getScienceResultList } from '@/api/home/demand';
 export default {
   data() {
     return {

src/views/home/demand.vue

@@ -4,8 +4,12 @@
     <div class="search">
       <div class="search_input" style="display:flex">
         <span>企业需求检索</span>
-        <el-input v-model="input" placeholder="请输入搜索关键字"></el-input>
+        <el-input
-        <el-button type="warning">搜索</el-button>
+          v-model="queryParams.title"
+          placeholder="请输入搜索关键字"
+          @keyup.enter.native="getList"
+        ></el-input>
+        <el-button type="warning" @click="getList">搜索</el-button>
       </div>
     </div>
     <!-- 筛选部分 -->
@@ -15,11 +19,12 @@
         <div class="screen_l_t">
           <div class="screen_l_t_item">
             <span class="text_col">技术领域：</span>
-            <el-radio-group v-model="queryParams.radio1" size="medium">
+            <el-radio-group v-model="queryParams.field" size="medium">
+              <el-radio-button label="">不限</el-radio-button>
               <el-radio-button
-                :label="item.label"
+                :label="item.id"
                 v-for="item in levelList"
-                :key="item.label"
+                :key="item.id"
               >
                 {{ item.name }}
               </el-radio-button>
@@ -27,29 +32,41 @@
           </div>
           <div class="screen_l_t_item">
             <span class="text_col">需求类型：</span>
-            <el-radio-group v-model="queryParams.radio2" size="medium">
+            <el-radio-group v-model="queryParams.type" size="medium">
               <el-radio-button label="">不限</el-radio-button>
-              <el-radio-button :label="item" v-for="item in 3" :key="item">
+              <el-radio-button
-                {{ item }}
+                :label="item.id"
+                v-for="item in demandList"
+                :key="item.id"
+              >
+                {{ item.name }}
               </el-radio-button>
             </el-radio-group>
           </div>
         </div>
         <!-- 检索列表 -->
         <div class="screen_l_b">
-          <div class="screen_item" v-for="item in 6" :key="item">
+          <div class="screen_item" v-for="item in demandData" :key="item.id">
+            <router-link
+              target="_blank"
+              :to="{
+                path: '/result',
+                query: { key: 'companyNeed', id: item.id }
+              }"
+            >
               <div class="title text_hidden_one">
-              <span class="txt">【￥100万】</span
+                <span class="txt">【￥{{ item.price }}】</span>
-              ><span>寻求电梯导轨更高效的方法寻求电梯导轨更高效的方法</span>
+                <span>{{ item.title }}</span>
               </div>
               <div class="tags">
-              <el-tag effect="dark">装备制造</el-tag>
+                <el-tag effect="dark">{{ item.fieldName }}</el-tag>
-              <el-tag effect="dark">技术需求</el-tag>
+                <el-tag effect="dark">{{ item.typeName }}</el-tag>
               </div>
-            <p>
+              <div v-html="item.text" class="text text_hidden_four"></div>
-              企业主要做电梯配件中的电梯导轨，2020年产值2亿元左右，属于重金属加工，重量很大，生产时没有办法直接靠体力，故而已引进第一代设备，从三利电机、张运机械采购，中国市场第一代...
+              <div class="time">
-            </p>
+                {{ parseTime(item.createTime, '{y}-{m}-{d}') }}发布
-            <div class="time">2021-07-23发布</div>
+              </div>
+            </router-link>
           </div>
         </div>
         <!-- 分页 -->
@@ -60,7 +77,7 @@
           :page-sizes="[6, 12, 18, 24]"
           :page-size="queryParams.pageSize"
           layout="total, sizes, prev, pager, next, jumper"
-          :total="36"
+          :total="total"
         >
         </el-pagination>
         <!-- <pagination
@@ -76,75 +93,52 @@
 </template>
 <script>
 import { mapGetters } from 'vuex';
+import { getDictListByStatus } from '@/api/home/info';
+import { getEnterpriseNeedList } from '@/api/home/demand';
 export default {
   data() {
     return {
       activeName: '1',
-      input: '',
       queryParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 6,
-        radio1: '',
+        title: '',
-        radio2: ''
+        field: '', // 技术领域id
+        type: '' // 需求类型id
       },
-      levelList: [
+      total: 0,
-        {
+      levelList: [], // 技术领域
-          label: '1',
+      demandList: [], // 需求类型
-          name: '信息技术'
+      demandData: [] // 数据列表
-        },
-        {
-          label: '2',
-          name: '装备制造'
-        },
-        {
-          label: '3',
-          name: '新材料'
-        },
-        {
-          label: '4',
-          name: '新能源'
-        },
-        {
-          label: '5',
-          name: '生物医药'
-        },
-        {
-          label: '6',
-          name: '节能环保'
-        },
-        {
-          label: '7',
-          name: '数字创意'
-        },
-        {
-          label: '8',
-          name: '检验检测'
-        },
-        {
-          label: '9',
-          name: '教育教学'
-        },
-        {
-          label: '10',
-          name: '检验检测'
-        }
-      ]
     };
   },
   computed: {
     ...mapGetters(['token'])
   },
   methods: {
-    getList() {},
+    getList() {
-    handleClick() {},
+      getEnterpriseNeedList(this.queryParams).then(({ data }) => {
-    handleSizeChange() {},
+        this.demandData = data.list;
-    handleCurrentChange() {}
+        this.total = data.total;
+      });
+    },
+    handleSizeChange(val) {
+      this.queryParams.pageSize = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.queryParams.pageNum = val;
+      this.getList();
+    }
   },
   created() {
-    this.levelList.unshift({
+    getDictListByStatus({ type: 1 }).then(({ data }) => {
-      label: '',
+      this.levelList = data;
-      name: '不限'
     });
+    getDictListByStatus({ type: 2 }).then(({ data }) => {
+      this.demandList = data;
+    });
+    this.getList();
   }
 };
 </script>
@@ -226,6 +220,9 @@ export default {
         flex-wrap: wrap;
         justify-content: flex-start;
         .screen_item {
+          // display: flex;
+          // flex-direction: column;
+          // justify-content: space-between;
           width: calc((100% - 24px) / 3);
           height: 292px;
           margin-right: 12px;
@@ -248,12 +245,14 @@ export default {
               margin-right: 10px;
             }
           }
-          p {
+          .text {
+            min-height: 124px;
             font-size: 16px;
             color: #666;
             line-height: 27px;
           }
           .time {
+            margin-top: 20px;
             text-align: right;
             font-size: 16px;
             color: #999;