Browse Source

写页面,对接接口

master
岳鹏龙 10 months ago
parent
commit
762a62aeff
  1. 7
      src/pages.json
  2. 13
      src/pages/index/index.vue
  3. 182
      src/pages/index/shoppage/interactiveZone.vue
  4. 123
      src/pages/index/shoppage/makeAssistance.vue
  5. 3
      src/pages/index/shoppage/mediaDetail.vue
  6. 4
      src/pages/index/shoppage/mtbmakeMessage.vue
  7. 8
      src/pages/index/shoppage/shopHelp.vue
  8. 18
      src/pages/mine/myApplication.vue
  9. BIN
      src/static/img/dz.png
  10. BIN
      src/static/img/fbhd.png
  11. BIN
      src/static/img/pl.png
  12. BIN
      src/static/img/right.png
  13. BIN
      src/static/img/xzzq.png
  14. BIN
      src/static/img/ydz.png

7
src/pages.json

@ -180,6 +180,13 @@
{
"navigationBarTitleText" : "活动详情"
}
},
{
"path" : "pages/index/shoppage/makeAssistance",
"style" :
{
"navigationBarTitleText" : "互动专区"
}
}
],
"permission": {

13
src/pages/index/index.vue

@ -298,11 +298,6 @@
if (res.code === 1) {
hdList.value = res2.data.data
}
//
await getbqlist()
//
currentTab.value = ''
await getMemberCenter(currentTab.value)
})
@ -314,8 +309,12 @@
}
onLoad(() => {
onLoad(async() => {
//
await getbqlist()
//
currentTab.value = ''
await getMemberCenter(currentTab.value)
})
</script>

182
src/pages/index/shoppage/interactiveZone.vue

@ -2,7 +2,43 @@
<u-navbar :title="'互动专区'" placeholder="true" bgColor="#F1F3F9" :autoBack="true" />
<view class="container">
<u-tabs :list="list1" @click="click"></u-tabs>
<scroll-view class="cardbox">
<view class="dhone">
<view class="head">
<image style="height: 96rpx;width: 96rpx;border-radius: 50%;" src="@/static/img/tx.png" mode=""></image>
<view class="namepart">
<text class="name">王铎</text>
<text class="date">1月31日</text>
</view>
</view>
<text class="pl">小店帮好不好好不好小店帮好不好好不好小店帮好不好好不好小店帮好不好好不好</text>
<view class="ypl">
<view class="head">
<view class="left">
<image style="height: 40rpx;width: 40rpx;border-radius: 50%;" src="@/static/img/tx.png" mode=""></image>
<text class="name">王铎</text>
</view>
<view class="right">
<text class="value">866</text>
<image style="width: 24rpx;height: 24rpx;margin-left: 8rpx;" src="@/static/img/dz.png" mode=""></image>
</view>
</view>
<text class="pl">小店帮好不好好不好小店帮好不好好不好小店帮好不好好不好小店帮好不好好不好</text>
</view>
<view class="bottom">
<view class="left">
<image style="width: 36rpx;height: 34rpx;" src="@/static/img/dz.png" mode=""></image>
<text class="value">866</text>
</view>
<view class="right">
<image style="width: 36rpx;height: 36rpx;" src="@/static/img/pl.png" mode=""></image>
<text class="value">21</text>
</view>
</view>
</view>
</scroll-view>
</view>
<image class="hdzq" src="@/static/img/fbhd.png" mode="" @click="goxzhdzq"></image>
</template>
<script setup>
@ -25,6 +61,12 @@
function click(item) {
console.log('item', item);
}
const goxzhdzq = () =>{
uni.navigateTo({
url: '/pages/index/shoppage/makeAssistance'
})
}
</script>
<style scoped lang="scss">
@ -32,5 +74,145 @@
background-color: #F1F3F9;
height: calc(100vh - 182rpx);
width: 100%;
.cardbox {
max-height: 80vh;
overflow-y: auto;
.dhone {
margin-top: 30rpx;
width: 100%;
padding: 40rpx;
display: grid;
align-items: center;
box-sizing: border-box;
background: #FFFFFF;
.head {
display: flex;
align-items: center;
.namepart {
margin-left: 20rpx;
display: grid;
.name {
font-family: Source Han Sans;
font-size: 28rpx;
font-weight: 350;
line-height: 26rpx;
letter-spacing: normal;
color: #0C092A;
}
.date {
margin-top: 18rpx;
font-family: Source Han Sans;
font-size: 28rpx;
font-weight: 350;
line-height: 30rpx;
letter-spacing: normal;
color: #858494;
}
}
}
.pl {
margin-top: 24rpx;
font-family: Source Han Sans;
font-size: 28rpx;
font-weight: 350;
text-align: justify; /* 浏览器可能不支持 */
letter-spacing: normal;
color: #0C092A;
}
.bottom {
margin-top: 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.value {
margin-left: 8rpx;
font-family: Source Han Sans;
font-size: 36rpx;
font-weight: 350;
line-height: 72rpx;
display: flex;
align-items: center;
letter-spacing: normal;
color: #858494;
}
}
.right {
display: flex;
align-items: center;
.value {
margin-left: 8rpx;
font-family: Source Han Sans;
font-size: 36rpx;
font-weight: 350;
line-height: 72rpx;
display: flex;
align-items: center;
letter-spacing: normal;
color: #858494;
}
}
}
}
}
.ypl {
width: 100%;
border-radius: 8rpx;
background: #F8F9FA;
padding: 24rpx;
margin-top: 22rpx;
.head {
display: flex;
align-items: center;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.name {
margin-left: 8rpx;
font-family: Source Han Sans;
font-size: 28rpx;
font-weight: 350;
line-height: 26rpx;
letter-spacing: normal;
color: #333333;
}
}
.right {
display: flex;
align-items: center;
.value {
font-family: Source Han Sans;
font-size: 24rpx;
font-weight: 350;
line-height: 20rpx;
letter-spacing: normal;
color: #858494;
}
}
}
.pl {
font-family: Source Han Sans;
font-size: 24rpx;
font-weight: 350;
line-height: normal;
text-align: justify; /* 浏览器可能不支持 */
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
}
}
}
.hdzq {
width: 108rpx;
height: 108rpx;
position: fixed;
right: 0;
top: 75%;
}
</style>

123
src/pages/index/shoppage/makeAssistance.vue

@ -0,0 +1,123 @@
<template>
<view class="boxhdzq">
<view class="xzzq">
<view class="left">
<image style="width: 28rpx;height: 28rpx;" src="@/static/img/xzzq.png" mode=""></image>
<text class="txt">选择专区</text>
</view>
<view class="right">
<input style="text-align: end;" v-model="xzvalue" type="text" placeholder="请选择您要提问的专区" placeholder-class="placlass" disabled @tap="showxz = true" />
<u-action-sheet :actions="list" @select="selectClick" @close="showxz = false" :show="showxz" closeOnClickOverlay="true"></u-action-sheet>
<image style="width: 16rpx;height: 28rpx;margin-left: 8rpx;" src="@/static/img/right.png" mode=""></image>
</view>
</view>
<u-textarea v-model="nrvalue" placeholder="请输入您的内容...." count autoHeight maxlength="200" height="266" border="none"></u-textarea>
<view class="buts">
<view class="button" @click="submit" :style="nrvalue===''?'background: linear-gradient(90deg, rgba(0, 127, 255, 0.3) 0%, rgba(153, 204, 255, 0.3) 100%)':''">
发布
</view>
</view>
</view>
</template>
<script setup>
import {
ref
} from 'vue';
const list = ref([
{ name: '小店帮' },
{ name: '金融帮' },
{ name: '媒体帮' },
{ name: '企业帮' }
]);
const showxz = ref(false)
const xzvalue = ref('')
const nrvalue = ref('')
const selectClick = (index) => {
console.log(index);
xzvalue.value = index.name
showxz.value = false
};
const submit = () => {
if(nrvalue.value !== '') {
console.log(nrvalue.value);
}
}
</script>
<style lang="scss" scoped>
.boxhdzq {
width: 100%;
height: 100vh;
background: #F1F3F9;
.xzzq {
display: flex;
align-items: center;
justify-content: space-between;
padding: 28rpx 40rpx;
background: #FFFFFF;
border-bottom: 4rpx solid #F1F3F9;
.left {
display: flex;
align-items: center;
.txt {
margin-left: 8rpx;
font-family: Source Han Sans;
font-size: 30rpx;
font-weight: 500;
line-height: normal;
letter-spacing: normal;
color: #273847;
}
}
.right {
display: flex;
align-items: center;
}
}
.buts {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
.button {
margin-top: 108rpx;
border-radius: 248rpx;
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%);
width: 576rpx;
height: 96rpx;
font-family: Source Han Sans;
font-size: 36rpx;
font-weight: 500;
line-height: 32rpx;
text-align: justify; /* 浏览器可能不支持 */
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
}
}
.placlass {
font-family: Source Han Sans;
font-size: 30rpx;
font-weight: 350;
line-height: 40rpx;
display: flex;
align-items: center;
letter-spacing: normal;
color: #D3D3D3;
}
</style>

3
src/pages/index/shoppage/mediaDetail.vue

@ -13,7 +13,8 @@
<view class="icon"></view>
<text class="title">{{userData.introduce?'个人介绍':'助企案例'}}</text>
</view>
<text class="message">{{userData.introduce||userData.content}}</text>
<text class="message" v-if="userData.introduce">{{userData.introduce}}</text>
<u-parse v-if="userData.content" :content="userData.content"></u-parse>
<view class="titlepart">
<view class="icon"></view>
<text class="title">联系方式</text>

4
src/pages/index/shoppage/mtbmakeMessage.vue

@ -233,9 +233,7 @@
delete form.value.type
mediumAdd(form.value).then((res)=> {
if(res.code === 1) {
uni.navigateTo({
url: '/pages/index/shoppage/mediaHelp'
})
uni.navigateBack()
}
})
} else {

8
src/pages/index/shoppage/shopHelp.vue

@ -7,7 +7,7 @@
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx"></u-search>
<zh-scroll ref="zhscrollRel" :scrollList="goods" :searchVal="keyword"></zh-scroll>
</view>
<image class="hdzq" src="@/static/img/hdzq.png" mode=""></image>
<image class="hdzq" src="@/static/img/hdzq.png" mode="" @click="gohdzq"></image>
</template>
<script setup>
@ -33,6 +33,12 @@
zhscrollRel.value.searchleMenuTap(keyword.value)
}
const gohdzq = () => {
uni.navigateTo({
url: '/pages/index/shoppage/interactiveZone'
})
}
onShow(async() => {
await storeCategoryAll().then((res)=> {

18
src/pages/mine/myApplication.vue

@ -26,7 +26,7 @@
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/timeicon.png" mode=""></image>
<text class="time">{{item.create_time}}</text>
</view>
<text class="result">{{item.remark}}</text>
<text class="result">{{item.remark||item.reject_reason}}</text>
</view>
</view>
</view>
@ -40,6 +40,10 @@
import {
myMemberApply
} from '@/api/memberCenter'
import {
myMedium
} from '@/api/shop'
import { onShow } from '@dcloudio/uni-app';
@ -49,7 +53,6 @@ import { onShow } from '@dcloudio/uni-app';
onShow(async() => {
await myMemberApply().then((res)=>{
console.log(res);
res.data.forEach((ele)=> {
if(ele.status === 2) {
passList.value.push(ele)
@ -59,6 +62,17 @@ import { onShow } from '@dcloudio/uni-app';
}
})
})
await myMedium().then((res)=> {
console.log(res,55555);
res.data.data.forEach((ele)=> {
if(ele.status === 1) {
passList.value.push(ele)
}
else if(ele.status === 2) {
rejectList.value.push(ele)
}
})
})
})
</script>

BIN
src/static/img/dz.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 B

BIN
src/static/img/fbhd.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
src/static/img/pl.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/static/img/right.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 557 B

BIN
src/static/img/xzzq.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 813 B

BIN
src/static/img/ydz.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 435 B

Loading…
Cancel
Save