williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改通知公告为公示公告，企业需求为产业需求，及产业需求列表布局和修改价格显示效果(带单位)，二维码下的文字居中

Browse Source
This commit is contained in:
熊丽君
2021-10-22 14:49:18 +08:00
parent 1e86d73979
commit 9e2449bfe4
16 changed files with 249 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/about.vue
View File

@ -43,7 +43,7 @@
<!-- 公告模块 -->
<div class="notice">
<div class="title">
<div>通知公告</div>
<div>公示公告</div>
<router-link target="_blank" :to="{ path: '/notice' }">
<div class="pointer" style="color: #999">
更多<i class="el-icon-arrow-right"></i>
@ -91,11 +91,11 @@
<div class="footer_right">
<div class="item">
<img src="@/assets/image/wx02.png" alt="" />
<div>嘉策公众号</div>
<div style="text-align:center">嘉策公众号</div>
</div>
<div class="item">
<img src="@/assets/image/qq02.png" alt="" />
<div>嘉策QQ群</div>
<div style="text-align:center">嘉策QQ群</div>
</div>
</div>
</div>

4
src/views/components/footer/index.vue
View File

@ -24,11 +24,11 @@
<div class="footer_right">
<div class="item">
<img src="@/assets/image/wx02.png" alt="" />
<div>嘉策公众号</div>
<div style="text-align:center">嘉策公众号</div>
</div>
<div class="item">
<img src="@/assets/image/qq02.png" alt="" />
<div>嘉策QQ群</div>
<div style="text-align:center">嘉策QQ群</div>
</div>
</div>
</div>

4
src/views/components/header/index.vue
View File

@ -81,11 +81,11 @@ export default {
},
{
path: '/notice',
name: '通知公告'
name: '公示公告'
},
{
path: '/demand',
name: '企业需求'
name: '产业需求'
},
{
path: '/achievements',

101
src/views/home/demand.vue
View File

@ -3,7 +3,7 @@
<!-- 搜索部分 -->
<div class="search">
<div class="search_input" style="display:flex">
<span>企业需求检索</span>
<span>产业需求检索</span>
<el-input
v-model="queryParams.title"
placeholder="请输入搜索关键字"
@ -50,23 +50,31 @@
<div class="screen_l_b">
<div class="screen_item" v-for="item in demandData" :key="item.id">
<router-link
class="box_item"
target="_blank"
:to="{
path: '/result',
query: { key: 'companyNeed', id: item.id }
}"
>
<div class="title text_hidden_one">
<span class="txt">【￥{{ item.price }}】</span>
<div class="title text_hidden_two">
<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">
<!-- <div class="time">
{{ parseTime(item.createTime, '{y}-{m}-{d}') }}发布
</div> -->
<div class="tags">
<div>
<el-tag size="mini" effect="dark">{{
item.fieldName
}}</el-tag>
<el-tag size="mini" effect="dark">{{ item.typeName }}</el-tag>
<!-- <el-tag size="mini" effect="dark">先进制造与自动化</el-tag>
<el-tag size="mini" effect="dark">生物与新医药</el-tag> -->
</div>
<span class="txt">{{ setNumber(item.price) }}</span>
</div>
</router-link>
</div>
@ -89,7 +97,7 @@
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="queryParams.pageNum"
:page-sizes="[6, 12, 18, 24]"
:page-sizes="[8, 16, 24, 32]"
:page-size="queryParams.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@ -110,6 +118,7 @@
import { mapGetters } from 'vuex';
import { getDictListByStatus } from '@/api/home/info';
import { getEnterpriseNeedList } from '@/api/home/demand';
import { numberFormat } from '@/utils';
export default {
data() {
return {
@ -117,7 +126,7 @@ export default {
activeName: '1',
queryParams: {
pageNum: 1,
pageSize: 6,
pageSize: 8,
title: '',
field: '', // 技术领域id
type: '' // 需求类型id
@ -140,6 +149,9 @@ export default {
}
},
methods: {
setNumber(val) {
return numberFormat(val);
},
getList() {
this.loading = true;
getEnterpriseNeedList(this.queryParams).then(({ data }) => {
@ -249,44 +261,55 @@ export default {
// display: flex;
// flex-direction: column;
// justify-content: space-between;
width: calc((100% - 24px) / 3);
height: 292px;
margin-right: 12px;
width: calc((100% - 30px) / 4);
// height: 292px;
margin-right: 10px;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
border: 1px solid #ffa32c;
margin-bottom: 14px;
margin-bottom: 10px;
cursor: pointer;
border-radius: 6px;
overflow: hidden;
padding: 30px 20px;
.title {
font-size: 18px;
color: #333;
.txt {
color: #ffa32c;
padding: 10px;
.box_item {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
.title {
font-size: 16px;
font-weight: bold;
color: #333;
}
}
.tags {
margin-top: 22px;
.el-tag {
margin-right: 10px;
.tags {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
margin-top: 10px;
.el-tag {
margin-right: 10px;
}
.txt {
color: #ffa32c;
}
}
.text {
min-height: 124px;
// max-height: 134px;
font-size: 14px;
color: #666;
line-height: 27px;
}
.time {
margin-top: 20px;
text-align: right;
font-size: 16px;
color: #999;
}
}
.text {
min-height: 124px;
max-height: 134px;
font-size: 16px;
color: #666;
line-height: 27px;
}
.time {
margin-top: 20px;
text-align: right;
font-size: 16px;
color: #999;
}
}
.screen_item:nth-of-type(3n + 0) {
.screen_item:nth-of-type(4n + 0) {
margin-right: 0;
}
}

2
src/views/home/home.vue
View File

@ -110,7 +110,7 @@
target="_blank"
:to="{
path: '/portrait',
query: { key: 'policyNotice', val: '政策公告' }
query: { key: 'policyNotice', val: '公示公告' }
}"
>
<div class="title_top_r pointer">

2
src/views/home/notice.vue
View File

@ -3,7 +3,7 @@
<!-- 搜索部分 -->
<div class="search">
<div class="search_input" style="display:flex">
<span>通知公告检索</span>
<span>公示公告检索</span>
<el-input
v-model="queryParams.title"
placeholder="请输入搜索关键字"

4
src/views/index copy.vue
View File

@ -116,11 +116,11 @@ export default {
},
{
path: '/notice',
name: '通知公告'
name: '公示公告'
},
{
path: '/demand',
name: '企业需求'
name: '产业需求'
},
{
path: '/achievements',

4
src/views/index.vue
View File

@ -81,11 +81,11 @@ export default {
// },
// {
// path: '/notice',
// name: '通知公告'
// name: '公示公告'
// },
// {
// path: '/demand',
// name: '企业需求'
// name: '产业需求'
// },
// {
// path: '/achievements',

2
src/views/portrait.vue
View File

@ -7,7 +7,7 @@
<span v-if="type == 'policy'">企业画像检索</span>
<span v-if="type == 'policyRead'">政策解读检索</span>
<span v-if="type == 'information'">资讯快报检索</span>
<span v-if="type == 'policyNotice'">政策公告检索</span>
<span v-if="type == 'policyNotice'">公示公告检索</span>
<el-input
v-model="queryParams.title"
placeholder="请输入搜索关键字"

16
src/views/result.vue
View File

@ -40,7 +40,9 @@
<span v-if="type != 'companyNeed' && type != 'scienceResult'"
>来源：{{ formData.source }}</span
>
<span v-if="type == 'companyNeed'">价格：{{ formData.price }}</span>
<span v-if="type == 'companyNeed'"
>价格：{{ setNumber(formData.price) }}</span
>
<el-image
v-if="type == 'scienceResult'"
style="width: 100px; height: 100px"
@ -93,7 +95,7 @@
<!-- 公告模块 -->
<div class="notice">
<div class="title">
<div>通知公告</div>
<div>公示公告</div>
<router-link target="_blank" :to="{ path: '/notice' }">
<div class="pointer" style="color: #999">
更多<i class="el-icon-arrow-right"></i>
@ -157,11 +159,11 @@
<div class="footer_right">
<div class="item">
<img src="@/assets/image/wx02.png" alt="" />
<div>嘉策公众号</div>
<div style="text-align:center">嘉策公众号</div>
</div>
<div class="item">
<img src="@/assets/image/qq02.png" alt="" />
<div>嘉策QQ群</div>
<div style="text-align:center">嘉策QQ群</div>
</div>
</div>
</div>
@ -190,6 +192,7 @@ import {
import { getPolicyList, getRead } from '@/api/home/notice';
import { mapGetters } from 'vuex';
import { add, cancel } from '@/api/search';
import { numberFormat } from '@/utils';
import Editor from '@/components/Editor';
import headerPage from './components/header';
// import headerPage2 from './components/header2';
@ -226,6 +229,9 @@ export default {
...mapGetters(['token'])
},
methods: {
setNumber(val) {
return numberFormat(val);
},
toSearch() {
if (!this.input.length) return this.msgError('请输入搜索关键字');
let routerJump = this.$router.resolve({
@ -266,7 +272,7 @@ export default {
this.formData = data;
});
} else if (this.type == 'companyNeed') {
// 企业需求
// 产业需求
getInfo2({ id }).then(({ data }) => {
this.formData = data;
});

2
src/views/search.vue
View File

@ -9,7 +9,7 @@
<span class="tag" v-if="key == 'policy'">政策</span>
<span class="tag" v-else-if="key == 'policyRead'">政策解读</span>
<span class="tag" v-else-if="key == 'information'">资讯快报</span>
<span class="tag" v-else-if="key == 'companyNeed'">企业需求</span>
<span class="tag" v-else-if="key == 'companyNeed'">产业需求</span>
<span class="tag" v-else-if="key == 'scienceResult'">科学成功</span>
<el-divider></el-divider>
<div class="item_i" v-for="(item, index2) in value" :key="index2">