企业需求模块
This commit is contained in:
熊丽君
17
src/api/home/demand.js
Normal file
17
src/api/home/demand.js
Normal file
@ -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
|
||||
});
|
||||
}
|
||||
@ -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
|
||||
});
|
||||
}
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -100,6 +100,7 @@
|
||||
</template>
|
||||
<script>
|
||||
import { mapGetters } from 'vuex';
|
||||
import { getScienceResultList } from '@/api/home/demand';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
@ -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-button type="warning">搜索</el-button>
|
||||
<el-input
|
||||
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">
|
||||
{{ item }}
|
||||
<el-radio-button
|
||||
: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="title text_hidden_one">
|
||||
<span class="txt">【￥100万】</span
|
||||
><span>寻求电梯导轨更高效的方法寻求电梯导轨更高效的方法</span>
|
||||
</div>
|
||||
<div class="tags">
|
||||
<el-tag effect="dark">装备制造</el-tag>
|
||||
<el-tag effect="dark">技术需求</el-tag>
|
||||
</div>
|
||||
<p>
|
||||
企业主要做电梯配件中的电梯导轨，2020年产值2亿元左右，属于重金属加工，重量很大，生产时没有办法直接靠体力，故而已引进第一代设备，从三利电机、张运机械采购，中国市场第一代...
|
||||
</p>
|
||||
<div class="time">2021-07-23发布</div>
|
||||
<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">【￥{{ item.price }}】</span>
|
||||
<span>{{ item.title }}</span>
|
||||
</div>
|
||||
<div class="tags">
|
||||
<el-tag effect="dark">{{ item.fieldName }}</el-tag>
|
||||
<el-tag effect="dark">{{ item.typeName }}</el-tag>
|
||||
</div>
|
||||
<div v-html="item.text" class="text text_hidden_four"></div>
|
||||
<div class="time">
|
||||
{{ parseTime(item.createTime, '{y}-{m}-{d}') }}发布
|
||||
</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,
|
||||
radio1: '',
|
||||
radio2: ''
|
||||
pageSize: 6,
|
||||
title: '',
|
||||
field: '', // 技术领域id
|
||||
type: '' // 需求类型id
|
||||
},
|
||||
levelList: [
|
||||
{
|
||||
label: '1',
|
||||
name: '信息技术'
|
||||
},
|
||||
{
|
||||
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: '检验检测'
|
||||
}
|
||||
]
|
||||
total: 0,
|
||||
levelList: [], // 技术领域
|
||||
demandList: [], // 需求类型
|
||||
demandData: [] // 数据列表
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['token'])
|
||||
},
|
||||
methods: {
|
||||
getList() {},
|
||||
handleClick() {},
|
||||
handleSizeChange() {},
|
||||
handleCurrentChange() {}
|
||||
getList() {
|
||||
getEnterpriseNeedList(this.queryParams).then(({ data }) => {
|
||||
this.demandData = data.list;
|
||||
this.total = data.total;
|
||||
});
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.queryParams.pageSize = val;
|
||||
this.getList();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryParams.pageNum = val;
|
||||
this.getList();
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.levelList.unshift({
|
||||
label: '',
|
||||
name: '不限'
|
||||
getDictListByStatus({ type: 1 }).then(({ data }) => {
|
||||
this.levelList = data;
|
||||
});
|
||||
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;
|
||||
|
||||
Reference in New Issue
Block a user