9 changed files with 407 additions and 7 deletions
@ -0,0 +1,114 @@ |
|||||
|
<template> |
||||
|
<!-- <u-navbar :title="titleData.special_id_name ? '“' + titleData.special_id_name + '”' + '专题' : ''" placeholder="true" |
||||
|
bg-color="#F1F3F9" :auto-back="true"></u-navbar> --> |
||||
|
<view class="container"> |
||||
|
<view class="titlepart"> |
||||
|
<image style="width: 8rpx; height: 1em" src="@/static/img/Fill1.png" mode=""></image> |
||||
|
<image style="width: 8rpx; height: 1em; margin-left: 6rpx" src="@/static/img/Fill2.png" mode=""></image> |
||||
|
<text class="title">{{ titleData.title }}</text> |
||||
|
</view> |
||||
|
<!-- <image style="width: 100%;height: 436rpx;margin-top: 48rpx;" src="@/static/img/Bitmap.png" mode=""></image> --> |
||||
|
<rich-text :nodes="titleData.content"></rich-text> |
||||
|
<view class="fbtime">{{ titleData.create_time }}</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { |
||||
|
onLoad |
||||
|
} from '@dcloudio/uni-app' |
||||
|
import { |
||||
|
ref |
||||
|
} from 'vue' |
||||
|
import { |
||||
|
ReportDetail |
||||
|
} from '@/api/shop' |
||||
|
|
||||
|
const titleData = ref([]) |
||||
|
|
||||
|
const gotij = (id, item) => { |
||||
|
uni.navigateTo({ |
||||
|
url: '/pages/index/subform?form=' + JSON.stringify(item) + '&id=' + id |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
onLoad(async (param) => { |
||||
|
const res = await ReportDetail(param.id) |
||||
|
if (res.code === 1) { |
||||
|
titleData.value = res.data |
||||
|
} |
||||
|
titleData.value.content = titleData.value.content.replace(/<img/g, |
||||
|
'<img style="width: 100%; max-width: 100%; height: auto;"') |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.container { |
||||
|
background-color: #ffffff; |
||||
|
height: calc(100vh - 350rpx); |
||||
|
width: 100%; |
||||
|
padding: 48rpx; |
||||
|
box-sizing: border-box; |
||||
|
overflow-y: auto; |
||||
|
|
||||
|
.titlepart { |
||||
|
display: flex; |
||||
|
align-items: baseline; |
||||
|
margin-bottom: 40rpx; |
||||
|
|
||||
|
.title { |
||||
|
font-family: Source Han Sans; |
||||
|
font-weight: 550; |
||||
|
font-size: 36rpx; |
||||
|
color: #0c092a; |
||||
|
margin-left: 20rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.text { |
||||
|
margin-top: 32rpx; |
||||
|
font-family: Source Han Sans; |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 300; |
||||
|
line-height: 60rpx; |
||||
|
letter-spacing: normal; |
||||
|
color: #3d3d3d; |
||||
|
} |
||||
|
|
||||
|
.fbtime { |
||||
|
font-family: Roboto; |
||||
|
font-size: 28rpx; |
||||
|
font-weight: normal; |
||||
|
line-height: 142rpx; |
||||
|
letter-spacing: normal; |
||||
|
/* 外部/SCMP Grey/nobel */ |
||||
|
/* 样式描述：06 Small Grey txt */ |
||||
|
color: #a1a1a1; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.baombut { |
||||
|
width: 100%; |
||||
|
padding: 36rpx 0; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.3); |
||||
|
background: #FFFFFF; |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
|
||||
|
.buttt { |
||||
|
width: 574rpx; |
||||
|
height: 96rpx; |
||||
|
border-radius: 248rpx; |
||||
|
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%); |
||||
|
font-family: Source Han Sans; |
||||
|
font-size: 36rpx; |
||||
|
color: #FFFFFF; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,156 @@ |
|||||
|
<template> |
||||
|
<!-- <u-navbar title="办年报" placeholder="true" bg-color="#F1F3F9" :auto-back="true"></u-navbar> --> |
||||
|
<view class="container"> |
||||
|
<u-search @search="search" @clickIcon="clickIcon" @clear="clear" shape="square" placeholder="请输入搜索内容" |
||||
|
placeholder-color="#A9D4FF" v-model="keyword" search-icon="/static/img/search.png" search-icon-size="14" |
||||
|
:show-action="false" height="40" margin="40rpx 24rpx 24rpx 24rpx" bg-color="#FFFFFF"></u-search> |
||||
|
<view class="main"> |
||||
|
<scroll-view scroll-y="auto" class="hyonne" @scrolltolower="onloadmore"> |
||||
|
<view class="ztone" v-for="(item, index) in ztList" :key="index" @click="godetail(item.id)"> |
||||
|
<image style="width: 80rpx; height: 80rpx; flex: 1" src="@/static/img/nianb.png" mode="widthFix"></image> |
||||
|
<view class="rightpart"> |
||||
|
<view class="splace"> |
||||
|
{{ item.title }} |
||||
|
</view> |
||||
|
<text class="title">{{ item.create_time }}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { |
||||
|
ref |
||||
|
} from 'vue' |
||||
|
import { |
||||
|
ReportDetail, |
||||
|
annualReport |
||||
|
} from '@/api/shop' |
||||
|
|
||||
|
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/') |
||||
|
|
||||
|
// 响应式数据 |
||||
|
const keyword = ref('') |
||||
|
const page = ref(1) |
||||
|
const pagesize = ref(6) |
||||
|
|
||||
|
const search = async (val) => { |
||||
|
page.value = 1 |
||||
|
pagesize.value = 6 |
||||
|
await getfinanceList(keyword.value, page.value, pagesize.value) |
||||
|
} |
||||
|
|
||||
|
const clickIcon = async () => { |
||||
|
page.value = 1 |
||||
|
pagesize.value = 6 |
||||
|
await getfinanceList(keyword.value, page.value, pagesize.value) |
||||
|
} |
||||
|
|
||||
|
const clear = async () => { |
||||
|
page.value = 1 |
||||
|
pagesize.value = 6 |
||||
|
await getfinanceList(keyword.value, page.value, pagesize.value) |
||||
|
} |
||||
|
|
||||
|
const ztList = ref([]) |
||||
|
|
||||
|
const godetail = (id) => { |
||||
|
uni.navigateTo({ |
||||
|
url: '/pages/index/bnbdetail?id=' + id |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
const getfinanceList = async (name, page, limit) => { |
||||
|
let params = { |
||||
|
title: name, |
||||
|
page: page, |
||||
|
limit: limit |
||||
|
} |
||||
|
await annualReport(params).then((res) => { |
||||
|
ztList.value = res.data.data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
const onloadmore = async () => { |
||||
|
page.value++ |
||||
|
let params = { |
||||
|
title: keyword.value, |
||||
|
page: page.value, |
||||
|
limit: pagesize.value |
||||
|
} |
||||
|
await financeList(params).then((res) => { |
||||
|
ztList.value = [...ztList.value, ...res.data.data] |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
onShow(async () => { |
||||
|
await getfinanceList('', 1, 6) |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.container { |
||||
|
background: linear-gradient(0deg, #f1f3f9 72%, rgba(129, 179, 222, 0.5) 88%); |
||||
|
height: 100vh; |
||||
|
width: 100%; |
||||
|
overflow-y: hidden; |
||||
|
|
||||
|
.hyonne { |
||||
|
max-height: calc(100vh - 350rpx); |
||||
|
overflow-y: auto; |
||||
|
} |
||||
|
|
||||
|
.main { |
||||
|
margin-top: 10rpx; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
padding: 0 24rpx; |
||||
|
box-sizing: border-box; |
||||
|
overflow-y: hidden; |
||||
|
|
||||
|
.ztone { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
width: 100%; |
||||
|
margin-top: 20rpx; |
||||
|
padding: 20rpx; |
||||
|
border-radius: 8rpx; |
||||
|
background: #ffffff; |
||||
|
box-sizing: border-box; |
||||
|
|
||||
|
.rightpart { |
||||
|
width: 100%; |
||||
|
margin-left: 40rpx; |
||||
|
flex: 3; |
||||
|
display: grid; |
||||
|
align-content: space-between; |
||||
|
.splace { |
||||
|
font-family: Source Han Sans; |
||||
|
font-size: 28rpx; |
||||
|
font-weight: 500; |
||||
|
color: #0C092A; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
margin-top: 20rpx; |
||||
|
font-family: Source Han Sans; |
||||
|
font-size: 20rpx; |
||||
|
font-weight: 300; |
||||
|
color: #666666; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.hdzq { |
||||
|
width: 212rpx; |
||||
|
height: 86rpx; |
||||
|
position: fixed; |
||||
|
right: 0; |
||||
|
top: 70%; |
||||
|
margin-right: -14rpx; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,77 @@ |
|||||
|
<template> |
||||
|
<u-navbar title="企业帮" placeholder="true" bg-color="#F1F3F9" :auto-back="true"></u-navbar> |
||||
|
<view class="container"> |
||||
|
<u-search |
||||
|
@search="search" |
||||
|
@clickIcon="clickIcon" |
||||
|
shape="square" |
||||
|
placeholder="请输入搜索内容" |
||||
|
placeholder-color="#a4c7ff" |
||||
|
v-model="keyword" |
||||
|
search-icon="/static/img/search.png" |
||||
|
search-icon-size="14" |
||||
|
:show-action="false" |
||||
|
height="40" |
||||
|
margin="40rpx 24rpx 24rpx 24rpx" |
||||
|
></u-search> |
||||
|
<zh-scroll ref="zhscrollRel" :scroll-list="goods" :search-val="keyword"></zh-scroll> |
||||
|
</view> |
||||
|
<liuDragButton :width-px="'145rpx'"> |
||||
|
<image class="hdzq" src="@/static/img/hdzq.png" mode="aspectFill" @click="gohdzq"></image> |
||||
|
</liuDragButton> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref } from 'vue' |
||||
|
|
||||
|
import zhScroll from '@/components/zh-scroll/zh-scroll.vue' |
||||
|
import { storeList } from '@/api/shop' |
||||
|
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue' |
||||
|
|
||||
|
const zhscrollRel = ref(null) |
||||
|
|
||||
|
// 响应式数据 |
||||
|
const keyword = ref('') |
||||
|
|
||||
|
const goods = ref([]) |
||||
|
|
||||
|
const search = (val) => { |
||||
|
zhscrollRel.value.searchleMenuTap(keyword.value) |
||||
|
} |
||||
|
|
||||
|
const clickIcon = () => { |
||||
|
zhscrollRel.value.searchleMenuTap(keyword.value) |
||||
|
} |
||||
|
|
||||
|
const gohdzq = () => { |
||||
|
uni.navigateTo({ |
||||
|
url: '/pages/index/shoppage/interactiveZone' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
onShow(async () => { |
||||
|
await storeList({}).then((res) => { |
||||
|
goods.value = res.data |
||||
|
}) |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.container { |
||||
|
background-color: #ffffff; |
||||
|
height: calc(100vh - 254rpx); |
||||
|
width: 100%; |
||||
|
|
||||
|
.cate-tab { |
||||
|
height: calc(100vh - 254rpx); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.hdzq { |
||||
|
width: 212rpx; |
||||
|
height: 86rpx; |
||||
|
position: fixed; |
||||
|
right: 0; |
||||
|
top: 70%; |
||||
|
margin-right: -14rpx; |
||||
|
} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 790 B |
Loading…
Reference in new issue