yuepenglong
/
Huiqitong
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改需求

master
岳鹏龙 8 months ago
parent
6701c54c7e
commit
28ac396cb4
48 changed files with 7499 additions and 7412 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 41
      package-lock.json
  2. 3
      package.json
  3. 24
      src/api/index.ts
  4. 25
      src/api/learningCenter.ts
  5. 10
      src/api/memberCenter.ts
  6. 11
      src/api/mine.ts
  7. 43
      src/api/shop.ts
  8. 6
      src/api/user.ts
  9. 20
      src/components/zh-scroll/interface.ts
  10. 152
      src/components/zh-scroll/zh-scroll.vue
  11. 8
      src/main.ts
  12. 174
      src/pages/index/ChatDialog.vue
  13. 48
      src/pages/index/active/activeDetail.vue
  14. 110
      src/pages/index/active/activelist.vue
  15. 402
      src/pages/index/index.vue
  16. 124
      src/pages/index/shoppage/financialAssistance.vue
  17. 157
      src/pages/index/shoppage/interactiveDetail.vue
  18. 159
      src/pages/index/shoppage/interactiveZone.vue
  19. 44
      src/pages/index/shoppage/jrbDetail.vue
  20. 90
      src/pages/index/shoppage/makeAssistance.vue
  21. 80
      src/pages/index/shoppage/mediaDetail.vue
  22. 157
      src/pages/index/shoppage/mediaHelp.vue
  23. 283
      src/pages/index/shoppage/mtbmakeMessage.vue
  24. 78
      src/pages/index/shoppage/shopHelp.vue
  25. 46
      src/pages/index/shoppage/shophelpDetail.vue
  26. 125
      src/pages/index/specialSubject.vue
  27. 41
      src/pages/index/tabsComm.vue
  28. 57
      src/pages/index/ztdetail.vue
  29. 122
      src/pages/learningCenter/detail.vue
  30. 246
      src/pages/learningCenter/index.vue
  31. 42
      src/pages/learningCenter/useTimeDiff.js
  32. 74
      src/pages/login/login.vue
  33. 187
      src/pages/memberCenter/index.vue
  34. 243
      src/pages/memberCenter/inpart.vue
  35. 37
      src/pages/mine/associatedDetail.vue
  36. 46
      src/pages/mine/associatedEnterprise.vue
  37. 155
      src/pages/mine/completeInformation.vue
  38. 75
      src/pages/mine/index.vue
  39. 99
      src/pages/mine/myApplication.vue
  40. 39
      src/pages/mine/myCourses.vue
  41. 180
      src/pages/mine/porsonalinfo.vue
  42. BIN
      src/static/img/aiback.png
  43. BIN
      src/static/img/aiimg.png
  44. BIN
      src/static/img/hdzq.png
  45. BIN
      src/static/img/xzs.png
  46. BIN
      src/static/tabbar/index_select.png
  47. 16
      src/store/user.ts
  48. 8
      src/utils/http.ts

41
package-lock.json
View File

@ -28,6 +28,7 @@
"animate.css": "^4.1.1",
"echarts": "^5.5.0",
"pinia": "2.0.36",
"pnpm": "^10.14.0",
"sass": "^1.63.2",
"uview-plus": "^3.4.9",
"vue": "^3.2.45",
@ -51,7 +52,6 @@
"eslint-plugin-prettier": "^5.0.0",
"eslint-plugin-vue": "^9.16.1",
"feng-uniapp-exploit": "^1.0.2",
"husky": "^8.0.0",
"pinia-plugin-unistorage": "^0.0.17",
"prettier": "^3.0.0",
"sass-loader": "^10.4.1",
@ -7431,20 +7431,6 @@
"node": ">=10.17.0"
}
},
"node_modules/husky": {
"version": "8.0.3",
"dev": true,
"license": "MIT",
"bin": {
"husky": "lib/bin.js"
},
"engines": {
"node": ">=14"
},
"funding": {
"url": "https://github.com/sponsors/typicode"
}
},
"node_modules/iconv-lite": {
"version": "0.4.24",
"dev": true,
@ -9840,6 +9826,22 @@
"node": ">=4.0.0"
}
},
"node_modules/pnpm": {
"version": "10.14.0",
"resolved": "https://registry.npmjs.org/pnpm/-/pnpm-10.14.0.tgz",
"integrity": "sha512-rSenlkG0nD5IGhaoBbqnGBegS74Go40X5g4urug/ahRsamiBJfV5LkjdW6MOfaUqXNpMOZK5zPMz+c4iOvhHSA==",
"license": "MIT",
"bin": {
"pnpm": "bin/pnpm.cjs",
"pnpx": "bin/pnpx.cjs"
},
"engines": {
"node": ">=18.12"
},
"funding": {
"url": "https://opencollective.com/pnpm"
}
},
"node_modules/possible-typed-array-names": {
"version": "1.1.0",
"dev": true,
@ -17687,10 +17689,6 @@
"version": "2.1.0",
"dev": true
},
"husky": {
"version": "8.0.3",
"dev": true
},
"iconv-lite": {
"version": "0.4.24",
"dev": true,
@ -19191,6 +19189,11 @@
"pngjs": {
"version": "3.4.0"
},
"pnpm": {
"version": "10.14.0",
"resolved": "https://registry.npmjs.org/pnpm/-/pnpm-10.14.0.tgz",
"integrity": "sha512-rSenlkG0nD5IGhaoBbqnGBegS74Go40X5g4urug/ahRsamiBJfV5LkjdW6MOfaUqXNpMOZK5zPMz+c4iOvhHSA=="
},
"possible-typed-array-names": {
"version": "1.1.0",
"dev": true

3
package.json
View File

@ -42,7 +42,6 @@
"preinstall": "node ./auto/preinstall.js",
"lint": "eslint --ext .ts,.js,.vue ./src",
"fix": "eslint --fix --ext .ts,.js,.vue ./src",
"prepare": "husky install",
"rm": "rm -rf node_modules package-lock.json pnpm-lock.yaml && pnpm install"
},
"dependencies": {
@ -65,6 +64,7 @@
"animate.css": "^4.1.1",
"echarts": "^5.5.0",
"pinia": "2.0.36",
"pnpm": "^10.14.0",
"sass": "^1.63.2",
"uview-plus": "^3.4.9",
"vue": "^3.2.45",
@ -88,7 +88,6 @@
"eslint-plugin-prettier": "^5.0.0",
"eslint-plugin-vue": "^9.16.1",
"feng-uniapp-exploit": "^1.0.2",
"husky": "^8.0.0",
"pinia-plugin-unistorage": "^0.0.17",
"prettier": "^3.0.0",
"sass-loader": "^10.4.1",

24
src/api/index.ts
View File

@ -17,15 +17,15 @@ export function bannerList() {
}
//banner详情
export function bannerInfo(id:string) {
export function bannerInfo(id: string) {
return request.http({
url: '/api/huiqitong/banner_info/'+id,
url: '/api/huiqitong/banner_info/' + id,
method: 'GET'
})
}
//活动列表
export function activityList(data:any) {
export function activityList(data: any) {
return request.http({
url: '/api/huiqitong/activity_list',
method: 'GET',
@ -34,33 +34,34 @@ export function activityList(data:any) {
}
//活动详情
export function activityInfo(id:string) {
export function activityInfo(id: string) {
return request.http({
url: '/api/huiqitong/activity_info/'+id,
method: 'GET',
url: '/api/huiqitong/activity_info/' + id,
method: 'GET'
})
}
//专题详情
export function specialInfo(id: string) {
return request.http({
url: '/api/huiqitong/special_info?special_id='+id,
url: '/api/huiqitong/special_info?special_id=' + id,
method: 'GET'
})
}
//专题内容列表
export function specialList(id: string) {
export function specialList(data: any) {
return request.http({
url: '/api/huiqitong/special_list?special_id=1&page=1&limit=10',
method: 'GET'
url: '/api/huiqitong/special_list',
method: 'GET',
data
})
}
//专题内容详情
export function specialListInfo(id: string) {
return request.http({
url: '/api/huiqitong/special_list_info/'+id,
url: '/api/huiqitong/special_list_info/' + id,
method: 'GET'
})
}
@ -73,4 +74,3 @@ export function ai(data: any) {
data
})
}

25
src/api/learningCenter.ts
View File

@ -9,23 +9,23 @@ export function myStudy() {
}
//学习中心列表
export function studyCenter(recommend:string,title:string,type:string,page:string,limit:string) {
export function studyCenter(recommend: string, title: string, type: string, page: string, limit: string) {
return request.http({
url: '/api/huiqitong/study_center?recommend='+recommend+'&title='+title+'&s_type='+type+'&page='+page+'&limit='+limit,
url: '/api/huiqitong/study_center?recommend=' + recommend + '&title=' + title + '&s_type=' + type + '&page=' + page + '&limit=' + limit,
method: 'GET'
})
}
//学习中心详情
export function studyCenterDetail(id:string) {
export function studyCenterDetail(id: string) {
return request.http({
url: '/api/huiqitong/study_center/'+id,
url: '/api/huiqitong/study_center/' + id,
method: 'GET'
})
}
//收藏学习
export function collect(data:{item_id:string}) {
export function collect(data: { item_id: string }) {
return request.http({
url: '/api/huiqitong/collect',
method: 'POST',
@ -34,7 +34,7 @@ export function collect(data:{item_id:string}) {
}
//取消收藏
export function removeCollect(data:{item_id:string}) {
export function removeCollect(data: { item_id: string }) {
return request.http({
url: '/api/huiqitong/remove_collect',
method: 'POST',
@ -43,7 +43,7 @@ export function removeCollect(data:{item_id:string}) {
}
//增加观看次数
export function watchCount(data:{id:string}) {
export function watchCount(data: { id: string }) {
return request.http({
url: '/api/huiqitong/watch_count',
method: 'POST',
@ -52,7 +52,7 @@ export function watchCount(data:{id:string}) {
}
//观看进度记录
export function studyRecord(data:any) {
export function studyRecord(data: any) {
return request.http({
url: '/api/huiqitong/study_record',
method: 'POST',
@ -61,7 +61,7 @@ export function studyRecord(data:any) {
}
//是否收藏
export function isCollect(data:any) {
export function isCollect(data: any) {
return request.http({
url: '/api/huiqitong/is_collect',
method: 'POST',
@ -69,3 +69,10 @@ export function isCollect(data:any) {
})
}
//学习中心分类
export function studyCenterCategory() {
return request.http({
url: '/api/huiqitong/study_center_category',
method: 'GET'
})
}

10
src/api/memberCenter.ts
View File

@ -9,7 +9,7 @@ export function memberTagList() {
}
//会员列表
export function memberCenter(data:any) {
export function memberCenter(data: any) {
return request.http({
url: '/api/huiqitong/member_center',
method: 'GET',
@ -20,13 +20,13 @@ export function memberCenter(data:any) {
//会员详情
export function memberCenterInfo(id: string) {
return request.http({
url: '/api/huiqitong/member_center_info/'+id,
url: '/api/huiqitong/member_center_info/' + id,
method: 'GET'
})
}
//入会申请
export function memberApply(data:any) {
export function memberApply(data: any) {
return request.http({
url: '/api/huiqitong/member_apply',
method: 'POST',
@ -38,8 +38,6 @@ export function memberApply(data:any) {
export function myMemberApply() {
return request.http({
url: '/api/huiqitong/my_member_apply',
method: 'POST',
method: 'POST'
})
}

11
src/api/mine.ts
View File

@ -1,27 +1,26 @@
import { request } from '@/utils/http'
//修改用户信息（单项）
export function modifyField(field:string,value:string) {
export function modifyField(field: string, value: string) {
return request.http({
url: '/api/huiqitong/modify/'+ field +'?value=' + value,
url: '/api/huiqitong/modify/' + field + '?value=' + value,
method: 'PUT'
})
}
//修改用户信息（单项）
export function modifyField1(field:string,data:any) {
export function modifyField1(field: string, data: any) {
return request.http({
url: '/api/huiqitong/modify/'+ field,
url: '/api/huiqitong/modify/' + field,
method: 'PUT',
data
})
}
//图片上传
export function updataImage(data:any) {
export function updataImage(data: any) {
return request.http({
url: '/api/file/image',
method: 'POST',
data
})
}

43
src/api/shop.ts
View File

@ -9,7 +9,7 @@ export function storeCategoryAll() {
}
//开店帮内容
export function storeList(data:any) {
export function storeList(data: any) {
return request.http({
url: '/api/huiqitong/store_list',
method: 'GET',
@ -18,15 +18,15 @@ export function storeList(data:any) {
}
//开店帮内容详情
export function storeInfo(id:string) {
export function storeInfo(id: string) {
return request.http({
url: '/api/huiqitong/store_info/'+id,
method: 'GET',
url: '/api/huiqitong/store_info/' + id,
method: 'GET'
})
}
//金融帮信息列表
export function financeList(data:any) {
export function financeList(data: any) {
return request.http({
url: '/api/huiqitong/finance_list',
method: 'GET',
@ -35,15 +35,15 @@ export function financeList(data:any) {
}
//金融帮信息详情
export function financeInfo(id:string) {
export function financeInfo(id: string) {
return request.http({
url: '/api/huiqitong/finance_info/'+id,
url: '/api/huiqitong/finance_info/' + id,
method: 'GET'
})
}
//媒体帮列表
export function mediumList(data:any) {
export function mediumList(data: any) {
return request.http({
url: '/api/huiqitong/medium_list',
method: 'GET',
@ -52,15 +52,15 @@ export function mediumList(data:any) {
}
//媒体帮内容详情
export function mediumInfo(id:string) {
export function mediumInfo(id: string) {
return request.http({
url: '/api/huiqitong/medium_info/'+id,
url: '/api/huiqitong/medium_info/' + id,
method: 'GET'
})
}
//发布需求
export function mediumAdd(data:any) {
export function mediumAdd(data: any) {
return request.http({
url: '/api/huiqitong/medium/add',
method: 'POST',
@ -77,7 +77,7 @@ export function myMedium() {
}
//发帖
export function addPosts(data:any) {
export function addPosts(data: any) {
return request.http({
url: '/api/huiqitong/posts/add',
method: 'POST',
@ -86,7 +86,7 @@ export function addPosts(data:any) {
}
//帖子列表
export function postsList(data:any) {
export function postsList(data: any) {
return request.http({
url: '/api/huiqitong/posts/list',
method: 'GET',
@ -95,7 +95,7 @@ export function postsList(data:any) {
}
//评论帖子
export function commentsPosts(data:any) {
export function commentsPosts(data: any) {
return request.http({
url: '/api/huiqitong/posts/comments',
method: 'POST',
@ -104,7 +104,7 @@ export function commentsPosts(data:any) {
}
//点赞/取消点赞
export function likesPosts(data:any) {
export function likesPosts(data: any) {
return request.http({
url: '/api/huiqitong/posts/likes',
method: 'POST',
@ -113,7 +113,7 @@ export function likesPosts(data:any) {
}
//评论列表
export function commentsList(data:any) {
export function commentsList(data: any) {
return request.http({
url: '/api/huiqitong/posts/comments/list',
method: 'GET',
@ -122,7 +122,7 @@ export function commentsList(data:any) {
}
//是否点赞
export function isLikes(data:any) {
export function isLikes(data: any) {
return request.http({
url: '/api/huiqitong/posts/isLikes',
method: 'POST',
@ -131,12 +131,9 @@ export function isLikes(data:any) {
}
//帖子详情
export function postsInfo(id:any) {
export function postsInfo(id: any) {
return request.http({
url: '/api/huiqitong/posts/info/'+id,
method: 'GET',
url: '/api/huiqitong/posts/info/' + id,
method: 'GET'
})
}

6
src/api/user.ts
View File

@ -17,14 +17,12 @@ export interface dateListtype extends listType {
export function infoForOpenid() {
return request.http({
url: '/api/huiqitong/member/info',
method: 'GET',
method: 'GET'
})
}
export function logout() {
return request.http({
url: '/api/huiqitong/logout',
method: 'PUT',
method: 'PUT'
})
}

20
src/components/zh-scroll/interface.ts
View File

@ -1,16 +1,16 @@
/* 左右联动props */
export interface ICateItem {
id: number;
name: string;
icon: string;
goods_list: IGood[];
[key: string]: any;
id: number
name: string
icon: string
goods_list: IGood[]
[key: string]: any
}
export interface IGood {
id: number;
content: string;
name: string;
images: string;
[key: string]: any;
id: number
content: string
name: string
images: string
[key: string]: any
}

152
src/components/zh-scroll/zh-scroll.vue
View File

@ -2,23 +2,26 @@
<view class="zh-wrapper">
<scroll-view class="menus" :scroll-into-view="menuScrollIntoView" scroll-with-animation scroll-y>
<view class="wrapper">
<view class="menu" :id="`menu-${item.id}`" :class="{'current': item.id == curCateId}"
v-for="(item, index) in goods" :key="index" @tap="handleMenuTap(item.id)">
<view class="changeicon" v-if="item.id == curCateId">
</view>
<view
class="menu"
:id="`menu-${item.id}`"
:class="{ current: item.id == curCateId }"
v-for="(item, index) in goods"
:key="index"
@tap="handleMenuTap(item.id)"
>
<view class="changeicon" v-if="item.id == curCateId"></view>
<text class="menutitle">{{ item.name }}</text>
</view>
</view>
</scroll-view>
<scroll-view class="goods" scroll-with-animation scroll-y :scroll-top="cateScrollTop"
@scroll="handleGoodsScroll">
<scroll-view class="goods" scroll-with-animation scroll-y :scroll-top="cateScrollTop" @scroll="handleGoodsScroll">
<view class="wrapper">
<view class="list">
<!-- category begin -->
<view class="category" v-for="(item, index) in goods" :key="index" :id="`cate-${item.id}`">
<view class="title">
<image :src="baseurl+item.icon_path" class="icon"></image>
<image :src="baseurl + item.icon_path" class="icon"></image>
<text class="fristtitle">{{ item.name }}</text>
</view>
<view class="items">
@ -47,29 +50,29 @@
</template>
<script setup lang="ts">
import { ref, nextTick, getCurrentInstance, watch } from "vue";
import { ICateItem } from "./interface";
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL+'/')
const props = defineProps<{
scrollList: ICateItem[],
searchVal: string,
}>()
const instance = getCurrentInstance();
const menuScrollIntoView = ref("");
const cateScrollTop = ref(0);
// 计算高度状态
const sizeCalcState = ref(false);
const goods = ref<ICateItem[]>([]);
const curCateId = ref(0);
watch(
import { ref, nextTick, getCurrentInstance, watch } from 'vue'
import { ICateItem } from './interface'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const props = defineProps<{
scrollList: ICateItem[]
searchVal: string
}>()
const instance = getCurrentInstance()
const menuScrollIntoView = ref('')
const cateScrollTop = ref(0)
// 计算高度状态
const sizeCalcState = ref(false)
const goods = ref<ICateItem[]>([])
const curCateId = ref(0)
watch(
() => props.scrollList,
newVal => {
goods.value = newVal;
(newVal) => {
goods.value = newVal
curCateId.value = goods.value[0]?.id
nextTick(() => {
if (newVal && newVal.length > 0) {
calcSize();
calcSize()
}
})
},
@ -77,10 +80,10 @@
immediate: true,
deep: true
}
)
)
// 点击左侧菜单
function handleMenuTap(id: number) {
// 点击左侧菜单
function handleMenuTap(id: number) {
if (!sizeCalcState.value) {
calcSize()
}
@ -88,83 +91,83 @@
curCateId.value = id
nextTick(() => {
cateScrollTop.value = goods.value.find(item => item.id == id).top
cateScrollTop.value = goods.value.find((item) => item.id == id).top
})
}
}
function fuzzyMatchGoods(goodsArray, searchTerm) {
const term = searchTerm.trim().toLowerCase();
return goodsArray.filter(goodsItem =>
goodsItem.children.some(child =>
(child.name?.toLowerCase() ?? '').includes(term)
)
);
}
function fuzzyMatchGoods(goodsArray, searchTerm) {
const term = searchTerm.trim().toLowerCase()
console.log(goodsArray)
return goodsArray.filter((goodsItem) => goodsItem.list.some((child) => (child.title?.toLowerCase() ?? '').includes(term)))
}
//搜索跳转
function searchleMenuTap(search: string) {
//搜索跳转
function searchleMenuTap(search: string) {
if (!sizeCalcState.value) {
calcSize()
}
try {
nextTick(() => {
const arr = fuzzyMatchGoods(goods.value,search)
console.log(arr[0]);
const arr = fuzzyMatchGoods(goods.value, props.searchVal)
console.log(arr[0])
curCateId.value = arr[0]?.id
cateScrollTop.value = arr[0].top
})
} catch(error) {
} catch (error) {
uni.showToast({
title: '搜索为空'
})
}
}
}
//
function handleGoodsScroll({ detail }) {
if(!sizeCalcState.value) {
//
function handleGoodsScroll({ detail }) {
if (!sizeCalcState.value) {
calcSize()
}
const { scrollTop } = detail
// 此处scrollTop + 1为了处理scrolltop的偏差值
let tabs = goods.value.filter(item=> item.top <= (scrollTop + 1)).reverse()
if(tabs.length > 0){
let tabs = goods.value.filter((item) => item.top <= scrollTop + 1).reverse()
if (tabs.length > 0) {
curCateId.value = tabs[0].id
}
}
}
function calcSize() {
function calcSize() {
let h = 10
goods.value.forEach(item => {
goods.value.forEach((item) => {
let view = uni.createSelectorQuery().in(instance).select(`#cate-${item.id}`)
view.fields({
view.fields(
{
size: true
}, (data: any) => {
},
(data: any) => {
item.top = h
h += data.height
item.bottom = h
}).exec()
}
).exec()
})
sizeCalcState.value = true
}
}
const goxdbdetail = (id: string) => {
const goxdbdetail = (id: string) => {
uni.navigateTo({
url: '/pages/index/shoppage/shophelpDetail?id='+id
url: '/pages/index/shoppage/shophelpDetail?id=' + id
})
}
}
defineExpose({
defineExpose({
searchleMenuTap
})
})
</script>
<style lang="scss">
page {
page {
height: 100%;
}
.zh-wrapper {
}
.zh-wrapper {
height: calc(100% - 66rpx);
overflow: hidden;
width: 100%;
@ -174,7 +177,7 @@
width: 200rpx;
height: 100%;
overflow: hidden;
background-color: #F1F3F9;
background-color: #f1f3f9;
.wrapper {
width: 100%;
@ -186,7 +189,7 @@
justify-content: flex-start;
padding: 30rpx 20rpx;
font-size: 26rpx;
color: #3D3D3D;
color: #3d3d3d;
position: relative;
&:nth-last-child(1) {
@ -195,7 +198,7 @@
&.current {
background-color: #ffffff;
color: #0072FF;
color: #0072ff;
}
.dot {
@ -221,14 +224,14 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
color: #3d3d3d;
}
.changeicon {
width: 20rpx;
height: 40rpx;
border-radius: 0rpx 32rpx 32rpx 0rpx;
/* 蓝色渐变 */
background: linear-gradient(0deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(0deg, #007fff 0%, #99ccff 100%);
position: fixed;
left: 0;
}
@ -259,7 +262,7 @@
padding: 10rpx 0;
display: flex;
align-items: center;
color: #0C092A;
color: #0c092a;
.icon {
width: 38rpx;
@ -274,7 +277,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
}
}
@ -300,7 +303,6 @@
overflow: hidden; /* 隐藏溢出内容 */
white-space: nowrap; /* 禁止换行 */
text-overflow: ellipsis; /* 显示省略号 */
}
.icon {
width: 38rpx;
@ -416,5 +418,5 @@
}
}
}
}
}
</style>

8
src/main.ts
View File

@ -12,13 +12,15 @@ export function createApp() {
app.use(fengUniappExploit)
app.use(store)
app.mixin({
onShareAppMessage() { // 分享给好友
onShareAppMessage() {
// 分享给好友
return {
title: '惠企帮',
path: '/pages/index/index',
path: '/pages/index/index'
}
},
onShareTimeline() { // 分享朋友圈
onShareTimeline() {
// 分享朋友圈
return { title: '惠企帮' }
}
})

174
src/pages/index/ChatDialog.vue
View File

@ -1,13 +1,26 @@
<template>
<view class="dialog-container" v-if="visible">
<view class="dialog-mask" @click="close">×</view>
<view class="dialog-content" :style="{height: isdx?'88%':'686rpx'}">
<view class="dialog-content" :style="{ height: isdx ? '88%' : '686rpx' }">
<view class="butss">
<image style="width: 40rpx;height: 40rpx;" @click="dxclick" :src="isdx?'/static/img/sx.png':'/static/img/fd.png'" mode=""></image>
<image
style="width: 152rpx; margin-left: 20rpx; top: -120rpx; left: -2rpx; position: absolute"
src="@/static/img/aiimg.png"
mode="widthFix"
></image>
<view style="display: flex; align-items: center">
<view style="font-size: 50rpx; color: #007fff" @click="close">×</view>
<image
style="width: 40rpx; height: 40rpx; margin-left: 40rpx"
@click="dxclick"
:src="isdx ? '/static/img/sx.png' : '/static/img/fd.png'"
mode=""
></image>
</view>
<scroll-view class="message-box" scroll-y>
</view>
<scroll-view class="message-box" scroll-y :style="{ height: isdx ? '80%' : '70%' }">
<view class="akstart" v-if="showfirst">
<view v-for="(msg,index) in messages" :key="index" :class="['message', msg.role]">
<view v-for="(msg, index) in messages" :key="index" :class="['message', msg.role]">
<image class="aicon" src="@/static/img/aiicon.png" mode=""></image>
<view class="bubble">
<text>{{ msg.content }}</text>
@ -17,7 +30,7 @@
</view>
<view class="cnxw" v-else>
<view class="message assistant">
<image class="aicon" src="@/static/img/aiicon.png" mode=""></image>
<image class="aicon" src="@/static/img/aiicon.png" mode="widthFix"></image>
<view class="bubble">
<text class="cwtitle">猜你想问</text>
<u-line color="#99CCFF" margin="20rpx 0"></u-line>
@ -32,8 +45,7 @@
<button @click="send" :disabled="loading">发送</button>
</view>
<view class="inputbox" @click="showfirst = true" v-else>
<image style="width: 28rpx;height: 26rpx;margin-right: 8rpx;" src="@/static/img/daan.png" mode="">
</image>
<image style="width: 28rpx; height: 26rpx; margin-right: 8rpx" src="@/static/img/daan.png" mode=""></image>
找不到答案，点此提问
</view>
</view>
@ -41,27 +53,23 @@
</template>
<script setup>
import {
ref
} from 'vue'
import {
ai
} from '@/api/index'
import { ref } from 'vue'
import { ai } from '@/api/index'
const showfirst = ref(false)
const showfirst = ref(false)
const props = defineProps({
visible: Boolean,
})
const emit = defineEmits(['close'])
const props = defineProps({
visible: Boolean
})
const emit = defineEmits(['close'])
const messages = ref([])
const inputText = ref('')
const loading = ref(false)
const messages = ref([])
const inputText = ref('')
const loading = ref(false)
const close = () => emit('close')
const close = () => emit('close')
const send = async () => {
const send = async () => {
if (!inputText.value.trim()) return
// 用户消息（右侧）
@ -75,10 +83,8 @@
loading.value = true
try {
const {
data
} = await ai({
"messages": question
const { data } = await ai({
messages: question
})
// AI回复（左侧）
@ -94,75 +100,74 @@
} finally {
loading.value = false
}
}
const askClcik = (val) => {
}
const askClcik = (val) => {
showfirst.value = true
inputText.value = val
}
}
const isdx = ref(false)
const dxclick = () => {
const isdx = ref(false)
const dxclick = () => {
isdx.value = !isdx.value
}
}
</script>
<style scoped lang="scss">
.dialog-container {
.dialog-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
}
.dialog-mask {
.dialog-mask {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
}
.dialog-content {
.dialog-content {
position: absolute;
width: 100%;
bottom: 0;
background: #E7F3FF;
background: #e7f3ff;
box-sizing: border-box;
border: 2rpx solid #FFFFFF;
border: 2rpx solid #ffffff;
box-shadow: 0rpx -30rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
border-radius: 96rpx 0rpx 0rpx 0rpx;
display: flex;
flex-direction: column;
}
}
.message-box {
height: 85%;
.message-box {
padding: 30rpx 30rpx 10rpx 30rpx;
box-sizing: border-box;
}
}
.message {
.message {
margin-bottom: 30rpx;
display: flex;
}
}
.message.user {
.message.user {
justify-content: flex-end;
}
}
.message.assistant {
.message.assistant {
justify-content: flex-start;
}
}
.bubble {
.bubble {
max-width: 75%;
padding: 20rpx 30rpx;
border-radius: 10rpx;
background-color: aliceblue;
}
}
.user {
.user {
.bubble {
background: #95ec69;
}
@ -171,16 +176,15 @@
width: 0;
height: 0;
}
}
}
.assistant {
.assistant {
.aicon {
width: 74rpx;
height: 64rpx;
width: 64rpx;
}
.bubble {
background: #FFFFFF;
background: #ffffff;
margin-left: 20rpx;
text {
@ -196,26 +200,29 @@
color: #000000;
}
}
}
}
.input-box {
height: 15%;
.input-box {
width: 100%;
position: fixed;
bottom: 0;
display: flex;
align-items: center;
padding: 20rpx;
padding: 25rpx;
box-sizing: border-box;
border-radius: 40rpx 40rpx 0rpx 0rpx;
background: #FFFFFF;
background: #ffffff;
box-shadow: 0rpx -2rpx 12rpx 0rpx rgba(0, 0, 0, 0.05);
}
}
input {
input {
flex: 1;
padding: 16rpx 24rpx;
border: 2rpx solid #ddd;
border-radius: 8rpx;
}
}
button {
button {
margin-left: 20rpx;
padding: 0 30rpx;
background: #007aff;
@ -223,18 +230,18 @@
height: 70rpx;
display: flex;
align-items: center;
}
}
.loading {
.loading {
text-align: center;
color: #999;
}
}
.cwtitle {
color: #007FFF !important;
}
.cwtitle {
color: #007fff !important;
}
.cwtxt {
.cwtxt {
font-family: Source Han Sans;
font-size: 24rpx;
font-weight: 300;
@ -245,16 +252,16 @@
align-items: center;
letter-spacing: normal;
color: #666666;
}
}
.inputbox {
.inputbox {
height: 15%;
display: flex;
align-items: center;
justify-content: center;
padding: 20rpx;
border-radius: 40rpx 40rpx 0rpx 0rpx;
background: #FFFFFF;
background: #ffffff;
box-shadow: 0rpx -2rpx 12rpx 0rpx rgba(0, 0, 0, 0.05);
font-family: Source Han Sans;
font-size: 24rpx;
@ -265,11 +272,14 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #007FFF;
}
.butss {
color: #007fff;
}
.butss {
width: 100%;
text-align: end;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 20rpx;
}
}
</style>

48
src/pages/index/active/activeDetail.vue
View File

@ -1,14 +1,14 @@
<template>
<image style="width: 100%;height: 352rpx;" :src="baseurl + detaildata.index_pic" mode=""></image>
<image style="width: 100%; height: 352rpx" :src="baseurl + detaildata.index_pic" mode=""></image>
<view class="container">
<text class="headtxt">{{detaildata.title}}</text>
<text class="address">活动地点：{{detaildata.address}}</text>
<text class="headtxt">{{ detaildata.title }}</text>
<text class="address">活动地点：{{ detaildata.address }}</text>
<view class="adressnum">
<text class="time">活动时间：{{detaildata.activity_time}}</text>
<text class="time">活动时间：{{ detaildata.activity_time }}</text>
<view class="ydl">
<text class="time">阅读量：</text>
<text class="value">
{{detaildata.count}}
{{ detaildata.count }}
</text>
</view>
</view>
@ -17,36 +17,30 @@
<text class="title">活动详情</text>
</view>
<u-parse :content="detaildata.content"></u-parse>
<text class="certetime">{{detaildata.create_time}}</text>
<text class="certetime">{{ detaildata.create_time }}</text>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import {
activityInfo
} from '@/api/index'
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { activityInfo } from '@/api/index'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const detaildata = ref({})
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const detaildata = ref({})
onLoad(async (param) => {
onLoad(async (param) => {
await activityInfo(param.id).then((res) => {
if (res.code === 1) {
detaildata.value = res.data
}
})
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
height: calc(100vh - 352rpx);
width: 100%;
padding: 40rpx 40rpx 0 40rpx;
@ -64,7 +58,7 @@
height: 32rpx;
border-radius: 0rpx 32rpx 32rpx 0rpx;
/* 蓝色渐变 */
background: linear-gradient(0deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(0deg, #007fff 0%, #99ccff 100%);
}
.title {
@ -78,7 +72,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0072FF;
color: #0072ff;
}
}
@ -90,7 +84,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.address {
@ -142,7 +136,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #007FFF
color: #007fff;
}
}
}
@ -152,7 +146,7 @@
font-weight: normal;
line-height: 80rpx;
letter-spacing: normal;
color: #A1A1A1;
}
color: #a1a1a1;
}
}
</style>

110
src/pages/index/active/activelist.vue
View File

@ -1,24 +1,34 @@
<template>
<view class="container">
<u-search @search="search" @clickIcon="clickIcon" @clear="clear" shape="square" placeholder="请输入搜索内容"
placeholderColor="#A9D4FF" v-model="keyword" searchIcon="/static/img/search.png" searchIconSize="14"
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx" bgColor="#FFFFFF"></u-search>
<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>
<scroll-view scroll-y="auto" class="main" @scrolltolower="onloadmore">
<view class="ztone" v-for="(item,index) in ztList" :key="index" @click="godetail(item.id)">
<image style="width: 150rpx;height: 150rpx;border-radius: 8rpx;flex: 1;" :src="baseurl+item.index_pic" mode="">
</image>
<view class="ztone" v-for="(item, index) in ztList" :key="index" @click="godetail(item.id)">
<image style="width: 150rpx; height: 150rpx; border-radius: 8rpx; flex: 1" :src="baseurl + item.index_pic" mode=""></image>
<view class="rightpart">
<view class="splace">
{{item.title}}
{{ item.title }}
</view>
<view class="titlepart">
<text class="title">{{item.activity_time}}</text>
<image style="width: 32rpx;height: 44rpx;" src="@/static/img/Icon.png" mode="aspectFill">
</image>
<text class="title">{{ item.activity_time }}</text>
<image style="width: 32rpx; height: 44rpx" src="@/static/img/Icon.png" mode="aspectFill"></image>
</view>
<view class="ms">
{{item.address}}
{{ item.address }}
</view>
</view>
</view>
@ -27,77 +37,75 @@
</template>
<script setup>
import {
ref
} from 'vue';
import { activityList } from '@/api/index'
import { onShow } from '@dcloudio/uni-app';
import { ref } from 'vue'
import { activityList } from '@/api/index'
import { onShow } from '@dcloudio/uni-app'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
// 响应式数据
const keyword = ref('')
const page = ref(1)
const pagesize = ref(7)
// 响应式数据
const keyword = ref('');
const page = ref(1)
const pagesize = ref(7)
const search = async (val) => {
const search = async (val) => {
page.value = 1
pagesize.value = 7
await getActivityList(keyword.value, page.value, pagesize.value)
}
}
const clickIcon = async () => {
const clickIcon = async () => {
page.value = 1
pagesize.value = 7
await getActivityList(keyword.value, page.value, pagesize.value)
}
}
const clear = async () => {
const clear = async () => {
page.value = 1
pagesize.value = 7
await getActivityList(keyword.value, page.value, pagesize.value)
}
}
const ztList = ref([])
const ztList = ref([])
const onloadmore = async () => {
const onloadmore = async () => {
page.value++
let params = {
'title': keyword.value,
'page': page.value,
'limit': pagesize.value
title: keyword.value,
page: page.value,
limit: pagesize.value
}
await activityList(params).then((res) => {
ztList.value = [...ztList.value, ...res.data.data]
})
}
}
const godetail = (id) => {
const godetail = (id) => {
uni.navigateTo({
url: '/pages/index/active/activeDetail?id=' + id
})
}
}
const getActivityList = async (name, page, limit) => {
const getActivityList = async (name, page, limit) => {
let params = {
'title': name,
'page': page,
'limit': limit
title: name,
page: page,
limit: limit
}
await activityList(params).then((res) => {
ztList.value = res.data.data
})
}
}
onShow(async() => {
await getActivityList('',1,7)
})
onShow(async () => {
keyword.value = ''
await getActivityList('', 1, 7)
})
</script>
<style scoped lang="scss">
.container {
background: linear-gradient(0deg, #F1F3F9 72%, rgba(129, 179, 222, 0.5) 88%);
.container {
background: linear-gradient(0deg, #f1f3f9 72%, rgba(129, 179, 222, 0.5) 88%);
height: 100vh;
width: 100%;
overflow-y: hidden;
@ -116,7 +124,7 @@
margin-top: 20rpx;
padding: 10rpx;
border-radius: 8rpx;
background: #FFFFFF;
background: #ffffff;
box-sizing: border-box;
border: 2rpx solid rgba(0, 127, 255, 0.12);
@ -152,7 +160,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.ms {
@ -169,14 +177,14 @@
}
}
}
}
}
.hdzq {
.hdzq {
width: 182rpx;
height: 80rpx;
position: fixed;
right: 0;
top: 70%;
margin-right: -14rpx;
}
}
</style>

402
src/pages/index/index.vue
View File

@ -1,71 +1,76 @@
<template>
<u-navbar title="惠企帮" placeholder="true" bgColor="#F1F3F9" leftIcon="map" leftIconSize="24rpx" leftText="呼和浩特"
@leftClick="leftClick">
</u-navbar>
<u-navbar
title="惠企帮"
placeholder="true"
bg-color="#F1F3F9"
left-icon="map"
left-icon-size="24rpx"
left-text="呼和浩特"
@leftClick="leftClick"
></u-navbar>
<view class="container">
<u-swiper :list="list5" @change="change" :autoplay="true" radius="0" height="260" keyName="pic_path"
@click="swiperClick" :displayMultipleItems="0">
<u-swiper :list="list5" @change="change" :autoplay="true" radius="0" height="260" key-name="pic_path" @click="swiperClick">
<template #indicator>
<view class="indicator">
<view class="indicator__dot" v-for="(item, index) in list5" :key="index"
:class="index === current ? 'indicator__dotactive':''">
</view>
<view
class="indicator__dot"
v-for="(item, index) in list5"
:key="index"
:class="index === current ? 'indicator__dotactive' : ''"
></view>
</view>
</template>
</u-swiper>
<view class="box">
<image class="zuanti" :src="url + '/' + ztdata.home_img" mode="scaleToFill" @click="goZT(ztdata.id)">
</image>
<image class="zuanti" :src="url + '/' + ztdata.home_img" mode="scaleToFill" @click="goZT(ztdata.id)"></image>
<view class="titlebox">
<view class="left">
<image style="width: 28rpx;height: 28rpx;" src="@/static/img/yaohuodong.png" mode=""></image>
<text class="text">要活动</text>
</view>
<view class="more" @click="gohdList">
更多活动 >
<image style="width: 28rpx; height: 28rpx" src="@/static/img/yaohuodong.png" mode=""></image>
<text class="text">最近活动</text>
</view>
<view class="more" @click="gohdList">更多活动 ></view>
</view>
<scroll-view class="scroll-view_H" scroll-x="true">
<view class="hdCard" v-for="(item,index) in hdList" :key="index" @click="gohdetail(item.id)">
<view class="hdCard" v-for="(item, index) in hdList" :key="index" @click="gohdetail(item.id)">
<image class="img" :src="url + '/' + item.index_pic" mode=""></image>
<view class="message">
<view class="title">
{{item.title}}
{{ item.title }}
</view>
<view class="time">
{{item.activity_time}}
{{ item.activity_time }}
</view>
<view class="splace">
{{item.address}}
{{ item.address }}
</view>
</view>
</view>
</scroll-view>
<view class="smallshop">
<text class="xdb">小店帮</text>
<text class="xdb">快捷帮扶</text>
<view class="bangCart">
<view class="bangone1" @click="gokdb">
<text class="btext">开店帮</text>
<image style="height: 32px;width: 80rpx;" src="@/static/img/kdb.png" mode=""></image>
<image style="height: 64rpx; width: 80rpx" src="@/static/img/kdb.png" mode=""></image>
</view>
<view class="bangone2" @click="kfz">
<text class="btext">企业帮</text>
<image style="height: 32px;width: 80rpx;" src="@/static/img/qyb.png" mode=""></image>
<image style="height: 64rpx; width: 80rpx" src="@/static/img/qyb.png" mode=""></image>
</view>
<view class="bangone3" @click="gojrb">
<text class="btext">金融帮</text>
<image style="height: 32px;width: 80rpx;" src="@/static/img/jrb.png" mode=""></image>
<image style="height: 64rpx; width: 80rpx" src="@/static/img/jrb.png" mode=""></image>
</view>
<view class="bangone4" @click="gomtb">
<text class="btext">媒体帮</text>
<image style="height: 32px;width: 80rpx;" src="@/static/img/mtb.png" mode=""></image>
<image style="height: 64rpx; width: 80rpx" src="@/static/img/mtb.png" mode=""></image>
</view>
</view>
</view>
<view class="buttonCard">
<!-- <view class="buttonCard">
<view class="but" @click="kfz">
<image style="width: 96rpx;height: 96rpx;" src="@/static/img/cxw.png" mode=""></image>
<text class="butext">查小微</text>
@ -82,93 +87,91 @@
<image style="width: 96rpx;height: 96rpx;" src="@/static/img/bnb.png" mode=""></image>
<text class="butext">办年报</text>
</view>
</view>
</view> -->
<view class="tjback">
<view class="titlebox">
<view class="left">
<image style="width: 40rpx;height: 40rpx;" src="@/static/img/tjhy.png" mode=""></image>
<text class="text">推荐会员</text>
</view>
<view class="more" @click="gohyList">
更多会员 >
<image style="width: 40rpx; height: 40rpx" src="@/static/img/tjhy.png" mode=""></image>
<text class="text">活跃会员</text>
</view>
<view class="more" @click="gohyList">更多会员 ></view>
</view>
<view class="hylist">
<tabsComm :tabsData="filterTabs" @tabChange="handleTabSelect" />
<tabsComm :tabs-data="filterTabs" @tabChange="handleTabSelect" />
<scroll-view scroll-y="auto" class="hyonne">
<view class="hyCard" v-for="(item,index) in hyList.slice(0,6)" :key="index"
@click="gohydetail(item.id)">
<view class="hyCard" v-for="(item, index) in hyList.slice(0, 6)" :key="index" @click="gohydetail(item.id)">
<view class="left">
<u-avatar :src="url+ '/' +item.head_pic" size="64"></u-avatar>
<u-avatar :src="url + '/' + item.head_pic" size="45"></u-avatar>
<view class="textpart">
<view class="namepart">
<text class="name">{{item.name}}</text>
<view class="biaoq"
:style="{background: `linear-gradient(0deg, ${item.member_tag_color} 0%, #dcdcdc70 100%)`}">
{{item.member_tag_title}}
<text class="name">{{ item.name }}</text>
<view
class="biaoq"
:style="{ background: `linear-gradient(0deg, ${item.member_tag_color} 0%, #dcdcdc70 100%)` }"
>
{{ item.member_tag_title }}
</view>
</view>
<text class="company">{{item.enterprise?item.enterprise[0].title:'无'}}</text>
<text class="company">{{ item.enterprise ? item.enterprise[0].title : '无' }}</text>
</view>
</view>
<image style="width: 48rpx;height: 48rpx;" src="@/static/img/Icon.png" mode=""></image>
<image style="width: 48rpx; height: 48rpx" src="@/static/img/Icon.png" mode=""></image>
</view>
</scroll-view>
</view>
</view>
</view>
<liuDragButton :widthPx="'145rpx'">
</view>
<liuDragButton :width-px="'145rpx'">
<view class="showtitle" v-if="showtitle">
<view class="tit">
{{ showtitvalue }}
</view>
</view>
<!-- <image class="xzs" v-if="showtypeChat" src="@/static/img/aiicon.png" mode="aspectFit"
@click="showtypeChat = false"></image> -->
<image class="xzs1" :style="{right: showtypeChat?'-145rpx': '-30rpx'}" v-show="!showChat"
src="@/static/img/xzs.png" mode="widthFix" @click="clickchat"></image>
<view class="xzs1" :style="{ right: showtypeChat ? '-170rpx' : '-30rpx' }" v-if="!showChat" @click="clickchat">小惠助手</view>
</liuDragButton>
<chatdialog :visible="showChat" @close="showChat = false" />
</template>
<script setup>
import {
ref,
watch
} from 'vue'
import tabsComm from '../index/tabsComm.vue'
import {
homeSpecial,
bannerList,
activityList
} from '@/api/index'
import chatdialog from '@/pages/index/ChatDialog.vue'
import {
memberTagList,
memberCenter
} from '@/api/memberCenter'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
import useUserStore from '@/store/user'
const userStore = useUserStore()
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const current = ref(0)
const ztdata = ref({})
const list5 = ref([]);
const showChat = ref(false)
const showtypeChat = ref(true)
const change = (val) => {
import { ref, watch } from 'vue'
import tabsComm from '../index/tabsComm.vue'
import { homeSpecial, bannerList, activityList } from '@/api/index'
import chatdialog from '@/pages/index/ChatDialog.vue'
import { memberTagList, memberCenter } from '@/api/memberCenter'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
import useUserStore from '@/store/user'
const userStore = useUserStore()
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const current = ref(0)
const ztdata = ref({})
const list5 = ref([])
const showChat = ref(false)
const showtitle = ref(false)
const showtypeChat = ref(true)
const showtitvalue = ref('有问题可以问我哦！')
const change = (val) => {
current.value = val.current
}
const swiperClick = (item) => {
}
const swiperClick = (item) => {
uni.navigateTo({
url: '/pages/index/ztdetail?id=' + list5.value[item].id + '&type=' + 'index'
})
}
}
const hdList = ref([{
const hdList = ref([
{
pic: '/static/logo.png',
title: '小微企业培训小微企业培训',
time: '2025-02-14 12:00',
@ -192,102 +195,101 @@
time: '2025-02-14 12:00',
splace: '内蒙古呼和浩特科创中内蒙古呼和浩特科创中'
}
])
])
const currentTab = ref('')
const currentTab = ref('');
// 选项卡配置（第一个必须是"全部"）
const filterTabs = ref([])
// 选项卡配置（第一个必须是"全部"）
const filterTabs = ref([]);
// 处理选项卡选择
const handleTabSelect = async (tab) => {
currentTab.value = tab;
// 处理选项卡选择
const handleTabSelect = async (tab) => {
currentTab.value = tab
if (tab === 'all') {
await getMemberCenter('')
} else {
await getMemberCenter(currentTab.value)
}
// 这里可以添加数据加载逻辑
console.log('选择tab:', tab);
};
console.log('选择tab:', tab)
}
const leftClick = () => {
console.log(111);
}
const leftClick = () => {
console.log(111)
}
const hyList = ref([])
const hyList = ref([])
const goZT = (id) => {
const goZT = (id) => {
uni.navigateTo({
url: '/pages/index/specialSubject?id=' + id
})
}
}
const gokdb = () => {
const gokdb = () => {
uni.navigateTo({
url: '/pages/index/shoppage/shopHelp'
})
}
}
const gojrb = () => {
const gojrb = () => {
uni.navigateTo({
url: '/pages/index/shoppage/financialAssistance'
})
}
}
const gomtb = () => {
const gomtb = () => {
uni.navigateTo({
url: '/pages/index/shoppage/mediaHelp'
})
}
}
const gohyList = () => {
const gohyList = () => {
uni.switchTab({
url: '/pages/memberCenter/index'
})
}
}
const gohdList = () => {
const gohdList = () => {
uni.navigateTo({
url: '/pages/index/active/activelist'
})
}
}
const gohdetail = (id) => {
const gohdetail = (id) => {
uni.navigateTo({
url: '/pages/index/active/activeDetail?id=' + id
})
}
}
const gohydetail = (id) => {
const gohydetail = (id) => {
uni.navigateTo({
url: '/pages/index/shoppage/mediaDetail?id=' + id
})
}
}
const getbqlist = async () => {
const getbqlist = async () => {
filterTabs.value = []
await memberTagList().then((res) => {
res.data.forEach((ele) => {
filterTabs.value.push(ele)
})
})
}
}
const getMemberCenter = async (id) => {
const getMemberCenter = async (id) => {
let params = {
'member_tag_id': id,
'name': '',
'page': 1,
'limit': 120
member_tag_id: id,
name: '',
page: 1,
limit: 120
}
await memberCenter(params).then((res) => {
hyList.value = res.data.data
})
}
}
onShow(async () => {
onShow(async () => {
//首页专题
const res = await homeSpecial()
if (res.code === 1) {
@ -306,18 +308,17 @@
if (res.code === 1) {
hdList.value = res2.data.data
}
})
})
const kfz = () => {
const kfz = () => {
uni.showToast({
title: '开发中。。。',
icon: 'none'
})
}
}
const clickcount = ref(0)
const clickchat = () => {
const clickcount = ref(0)
const clickchat = () => {
clickcount.value++
if (!showtypeChat.value) {
showChat.value = true
@ -327,38 +328,52 @@
showtypeChat.value = false
}
}
}
}
let intervalId;
let intervalId
function myPeriodicFunction() {
function myPeriodicFunction() {
if (!showChat.value) {
showtypeChat.value = true
clickcount.value = 0
}
}
onMounted(() => {
intervalId = setInterval(myPeriodicFunction, 5000);
});
onUnmounted(() => {
clearInterval(intervalId);
});
onLoad(async () => {
}
let intervalId1
function myPeriodicFunction1() {
showtitle.value = true
setTimeout(() => {
showtitle.value = false
showtitle.value = true
showtitvalue.value = '我是可以上下移动的呦！'
}, 4000)
setTimeout(() => {
showtitle.value = false
}, 8000)
}
onMounted(() => {
intervalId = setInterval(myPeriodicFunction, 3000)
intervalId1 = setInterval(myPeriodicFunction1, 120000)
})
onUnmounted(() => {
clearInterval(intervalId)
clearInterval(intervalId1)
})
onLoad(async () => {
//会员标签
await getbqlist()
//会员列表
currentTab.value = ''
await getMemberCenter(currentTab.value)
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #F1F3F9;
.container {
background-color: #f1f3f9;
height: calc(100vh - 182rpx);
padding-bottom: 90rpx;
@ -383,9 +398,9 @@
letter-spacing: normal;
color: #333333;
}
}
}
.indicator {
.indicator {
@include flex(row);
justify-content: center;
@ -396,19 +411,18 @@
background-color: rgba(255, 255, 255, 0.35);
margin: 0 10rpx;
transition: background-color 0.3s;
}
.indicator__dotactive {
background-color: #ffffff;
}
}
}
.box {
margin-top: -70px;
.box {
margin-top: -140rpx;
position: relative;
border-radius: 85rpx 85rpx 0 0;
background-color: #F1F3F9;
background-color: #f1f3f9;
padding: 0 24rpx;
.zuanti {
@ -428,10 +442,11 @@
width: 248rpx;
height: 340rpx;
border-radius: 16rpx;
background: #FFFFFF;
background: #ffffff;
margin-right: 20rpx;
.img {
border-radius: 16rpx 16rpx 0 0;
width: 100%;
height: 196rpx;
}
@ -444,7 +459,7 @@
font-size: 26rpx;
font-weight: 350;
/* 文本/正文 */
color: #1D2129;
color: #1d2129;
max-width: 180rpx;
white-space: nowrap;
overflow: hidden;
@ -487,7 +502,7 @@
box-sizing: border-box;
height: 366rpx;
border-radius: 24rpx;
background-color: #FFFFFF;
background-color: #ffffff;
.xdb {
font-family: Source Han Sans;
@ -511,8 +526,8 @@
height: 108rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 0.4rpx solid #007FFF;
background: #EDF5FF;
border: 0.4rpx solid #007fff;
background: #edf5ff;
display: flex;
justify-content: space-around;
align-items: center;
@ -523,8 +538,8 @@
height: 108rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 0.4rpx solid #FF2228;
background: #FFF1F3;
border: 0.4rpx solid #ff2228;
background: #fff1f3;
display: flex;
justify-content: space-around;
align-items: center;
@ -536,8 +551,8 @@
height: 108rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 0.4rpx solid #FD8702;
background: #FFE7CE;
border: 0.4rpx solid #fd8702;
background: #ffe7ce;
display: flex;
justify-content: space-around;
align-items: center;
@ -549,8 +564,8 @@
height: 108rpx;
border-radius: 24rpx;
box-sizing: border-box;
border: 0.4rpx solid #08B4BD;
background: #E5FEFF;
border: 0.4rpx solid #08b4bd;
background: #e5feff;
display: flex;
justify-content: space-around;
align-items: center;
@ -565,7 +580,7 @@
text-align: center;
letter-spacing: normal;
/* 文本/正文 */
color: #1A1A1A;
color: #1a1a1a;
}
}
}
@ -592,7 +607,7 @@
line-height: normal;
letter-spacing: normal;
/* 文本/正文 */
color: #1A1A1A;
color: #1a1a1a;
margin-top: 8rpx;
}
}
@ -604,16 +619,16 @@
justify-content: center;
.hyCard {
border: 2rpx solid #f1f3f9;
margin-top: 24rpx;
width: 100%;
height: 160rpx;
border-radius: 24rpx;
background: #FFFFFF;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 20rpx;
padding: 20rpx 28rpx;
.left {
display: flex;
@ -632,17 +647,17 @@
.name {
font-family: Source Han Sans;
font-size: 30rpx;
font-size: 24rpx;
font-weight: 350;
line-height: 150%;
letter-spacing: normal;
/* 外部/Neutral/Black */
color: #0C092A;
color: #0c092a;
}
.biaoq {
padding: 10rpx;
height: 40.5rpx;
height: 28rpx;
border-radius: 0rpx 4rpx 20rpx 0rpx;
margin-left: 16rpx;
font-family: YouSheBiaoTiHei;
@ -651,7 +666,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
color: #ffffff;
text-shadow: 0rpx 4rpx 4rpx rgba(0, 0, 0, 0.2);
}
}
@ -670,10 +685,18 @@
}
}
}
}
}
.titlebox {
.tjback {
margin-top: 40rpx;
background: #ffffff;
border-radius: 24rpx;
padding: 20rpx 30rpx;
box-sizing: border-box;
width: 100%;
}
.titlebox {
margin-top: 20rpx;
width: 100%;
display: inline-flex;
justify-content: space-between;
@ -705,20 +728,43 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #007FFF;
}
color: #007fff;
}
}
.xzs1 {
width: 250rpx;
.xzs1 {
width: 298rpx;
height: 148rpx;
position: fixed;
background-image: url(@/static/img/xzs.png);
background-size: 100% 100%;
font-size: 32rpx;
color: #ffffff;
padding: 0 0 20rpx 90rpx;
display: flex;
align-items: center;
justify-content: center;
// top: 70%;
}
}
.xzs {
.xzs {
width: 80rpx;
// position: fixed;
// right: -24rpx;
// top: 70%;
}
.showtitle {
position: relative;
top: -102rpx;
left: -137rpx;
background-image: url(@/static/img/aiback.png);
background-size: 100% 100%;
padding: 20rpx 10rpx;
.tit {
white-space: nowrap;
color: #2563eb;
font-size: 28rpx;
display: flex;
}
}
</style>

124
src/pages/index/shoppage/financialAssistance.vue
View File

@ -1,117 +1,121 @@
<template>
<u-navbar title="金融帮" placeholder="true" bgColor="#F1F3F9" :autoBack="true">
</u-navbar>
<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="请输入搜索内容"
placeholderColor="#A9D4FF" v-model="keyword" searchIcon="/static/img/search.png" searchIconSize="14"
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx" bgColor="#FFFFFF"></u-search>
<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: 150rpx;height: 150rpx;border-radius: 28rpx;flex: 1;" :src="baseurl+item.index_pic" mode="">
</image>
<view class="ztone" v-for="(item, index) in ztList" :key="index" @click="godetail(item.id)">
<image style="width: 150rpx; height: 150rpx; border-radius: 28rpx; flex: 1" :src="baseurl + item.index_pic" mode=""></image>
<view class="rightpart">
<view class="splace">
{{item.bank}}
{{ item.bank }}
</view>
<view class="titlepart">
<text class="title">{{item.name}}</text>
<image style="width: 32rpx;height: 44rpx;" src="@/static/img/Icon.png" mode="aspectFill">
</image>
<text class="title">{{ item.name }}</text>
<image style="width: 32rpx; height: 44rpx" src="@/static/img/Icon.png" mode="aspectFill"></image>
</view>
<view class="ms">
{{item.branch}}
{{ item.branch }}
</view>
</view>
</view>
</scroll-view>
</view>
</view>
<liuDragButton :widthPx="'145rpx'">
<liuDragButton :width-px="'145rpx'">
<image class="hdzq" src="@/static/img/hdzq.png" mode="" @click="gohdzq"></image>
</liuDragButton>
</template>
<script setup>
import {
ref
} from 'vue';
import {
financeList
} from '@/api/shop'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
import { ref } from 'vue'
import { financeList } from '@/api/shop'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
// 响应式数据
const keyword = ref('');
const page = ref(1)
const pagesize = ref(6)
// 响应式数据
const keyword = ref('')
const page = ref(1)
const pagesize = ref(6)
const search = async (val) => {
const search = async (val) => {
page.value = 1
pagesize.value = 6
await getfinanceList(keyword.value, page.value, pagesize.value)
}
}
const clickIcon = async () => {
const clickIcon = async () => {
page.value = 1
pagesize.value = 6
await getfinanceList(keyword.value, page.value, pagesize.value)
}
}
const clear = async () => {
const clear = async () => {
page.value = 1
pagesize.value = 6
await getfinanceList(keyword.value, page.value, pagesize.value)
}
}
const ztList = ref([])
const ztList = ref([])
const godetail = (id) => {
const godetail = (id) => {
uni.navigateTo({
url: '/pages/index/shoppage/jrbDetail?id=' + id
})
}
}
const gohdzq = () => {
const gohdzq = () => {
uni.navigateTo({
url: '/pages/index/shoppage/interactiveZone'
})
}
}
const getfinanceList = async (name, page, limit) => {
const getfinanceList = async (name, page, limit) => {
let params = {
'keyword': name,
'page': page,
'limit': limit
keyword: name,
page: page,
limit: limit
}
await financeList(params).then((res) => {
ztList.value = res.data.data
})
}
}
const onloadmore = async () => {
const onloadmore = async () => {
page.value++
let params = {
'keyword': keyword.value,
'page': page.value,
'limit': pagesize.value
keyword: 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)
})
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%);
.container {
background: linear-gradient(0deg, #f1f3f9 72%, rgba(129, 179, 222, 0.5) 88%);
height: calc(100vh - 178rpx);
width: 100%;
overflow-y: hidden;
@ -135,7 +139,7 @@
margin-top: 30rpx;
padding: 30rpx;
border-radius: 20rpx;
background: #FFFFFF;
background: #ffffff;
box-sizing: border-box;
border: 2rpx solid rgba(0, 127, 255, 0.12);
@ -181,19 +185,19 @@
line-height: 28rpx;
letter-spacing: normal;
/* 外部/Colors/Light/Base 3 */
color: #91919F;
}
color: #91919f;
}
}
}
}
}
.hdzq {
width: 182rpx;
height: 80rpx;
.hdzq {
width: 212rpx;
height: 86rpx;
position: fixed;
right: 0;
top: 70%;
margin-right: -14rpx;
}
}
</style>

157
src/pages/index/shoppage/interactiveDetail.vue
View File

@ -1,82 +1,78 @@
<template>
<u-navbar :title="'帖子详情'" placeholder="true" bgColor="#F1F3F9" :autoBack="true" />
<u-navbar :title="'帖子详情'" placeholder="true" bg-color="#F1F3F9" :auto-back="true" />
<view class="container">
<scroll-view class="cardbox">
<scroll-view class="cardbox" style="max-height: 80vh" scroll-y="true">
<view class="dhone">
<view class="head">
<image style="height: 96rpx;width: 96rpx;border-radius: 50%;"
:src="baseurl + '/' + listdata.member_head_pic" mode="">
</image>
<image style="height: 96rpx; width: 96rpx; border-radius: 50%" :src="baseurl + '/' + listdata.member_head_pic" mode=""></image>
<view class="namepart">
<text class="name">{{listdata.member_nickname}}</text>
<text class="date">{{listdata.create_time}}</text>
<text class="name">{{ listdata.member_nickname }}</text>
<text class="date">{{ listdata.create_time }}</text>
</view>
</view>
<text class="pl">{{listdata.content}}</text>
<text class="pl">{{ listdata.content }}</text>
<view class="bottom">
<view class="left">
<image style="width: 36rpx;height: 34rpx;"
:src="listdata.is_like?'/static/img/ydz.png':'/static/img/dz.png'"
@click="dzClick(listdata.is_like,listdata.posts_id)" mode="">
</image>
<text class="value">{{listdata.like_count}}</text>
<image
style="width: 36rpx; height: 34rpx"
:src="listdata.is_like ? '/static/img/ydz.png' : '/static/img/dz.png'"
@click="dzClick(listdata.is_like, listdata.posts_id)"
mode=""
></image>
<text class="value">{{ listdata.like_count }}</text>
</view>
<view class="right">
<image style="width: 36rpx;height: 36rpx;" src="@/static/img/pl.png" mode=""></image>
<text class="value">{{listdata.comment_count}}</text>
<image style="width: 36rpx; height: 36rpx" src="@/static/img/pl.png" mode=""></image>
<text class="value">{{ listdata.comment_count }}</text>
</view>
</view>
<scroll-view style="max-height: 60vh;" scroll-y="true" @scrolltolower="scrolltolower">
<view class="ypl" v-for="(item,index) in pllist" :key="index">
<scroll-view @scrolltolower="scrolltolower">
<view class="ypl" v-for="(item, index) in pllist" :key="index">
<view class="head">
<view class="left">
<image style="height: 40rpx;width: 40rpx;border-radius: 50%;"
:src="baseurl + '/' + item.member_head_pic" mode=""></image>
<text class="name">{{item.member_nickname}}</text>
<image
style="height: 40rpx; width: 40rpx; border-radius: 50%"
:src="baseurl + '/' + item.member_head_pic"
mode=""
></image>
<text class="name">{{ item.member_nickname }}</text>
</view>
<view class="right">
<text class="value">{{item.like_count}}</text>
<image style="width: 24rpx;height: 24rpx;margin-left: 8rpx;"
:src="item.is_like?'/static/img/ydz.png':'/static/img/dz.png'"
@click="pldzClick(item.is_like,item.comments_id)" mode="">
</image>
<text class="value">{{ item.like_count }}</text>
<image
style="width: 24rpx; height: 24rpx; margin-left: 8rpx"
:src="item.is_like ? '/static/img/ydz.png' : '/static/img/dz.png'"
@click="pldzClick(item.is_like, item.comments_id)"
mode=""
></image>
</view>
</view>
<text class="pl">{{item.content}}</text>
<text class="pl">{{ item.content }}</text>
</view>
</scroll-view>
</view>
</scroll-view>
<view class="plpart">
<u-textarea class="textarea" v-model="plvalue" height="20" placeholder="请输入内容" autoHeight></u-textarea>
<u-textarea class="textarea" v-model="plvalue" height="20" placeholder="请输入内容" auto-height></u-textarea>
<view class="butt" @click="pullmess">发布</view>
</view>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import {
postsInfo,
commentsList,
likesPosts,
commentsPosts
} from '@/api/shop'
import useUserStore from '@/store/user'
const userStore = useUserStore()
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { postsInfo, commentsList, likesPosts, commentsPosts } from '@/api/shop'
import useUserStore from '@/store/user'
const userStore = useUserStore()
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const listdata = ref({})
const listdata = ref({})
const plvalue = ref('')
const plvalue = ref('')
const dzClick = (like, id) => {
const dzClick = (like, id) => {
if (userStore.userInfo.moblie === undefined) {
uni.showToast({
title: '请登录后操作！',
@ -94,9 +90,9 @@
type: 'posts'
})
}
}
}
const pldzClick = (like, id) => {
const pldzClick = (like, id) => {
if (userStore.userInfo.moblie === undefined) {
uni.showToast({
title: '请登录后操作！',
@ -118,28 +114,28 @@
}
})
}
}
const postsid = ref(0)
const page = ref(1)
const limit = ref(6)
const pllist = ref([])
const getplList = async (id) => {
}
const postsid = ref(0)
const page = ref(1)
const limit = ref(6)
const pllist = ref([])
const getplList = async (id) => {
await commentsList({
page: page.value,
limit: limit.value,
posts_id: postsid.value
}).then((res) => {
if (res.code === 1) {
pllist.value = [...pllist.value,...res.data.data]
pllist.value = [...pllist.value, ...res.data.data]
}
})
}
const scrolltolower = async () => {
}
const scrolltolower = async () => {
page.value++
await getplList()
}
}
const pullmess = async () => {
const pullmess = async () => {
await commentsPosts({
posts_id: postsid.value,
content: plvalue.value
@ -154,33 +150,42 @@
await postsInfo(postsid.value).then((res) => {
listdata.value = res.data
})
await getplList()
page.value = 1
limit.value = 6
await commentsList({
page: page.value,
limit: limit.value,
posts_id: postsid.value
}).then((res) => {
if (res.code === 1) {
pllist.value = res.data.data
}
})
}
})
}
})
}
onLoad(async (param) => {
onLoad(async (param) => {
postsid.value = param.id
page.value = 1
await postsInfo(param.id).then((res) => {
listdata.value = res.data
})
await getplList()
})
})
</script>
<style scoped lang="scss">
.container {
.container {
overflow-y: hidden;
background-color: #FFFFFF;
background-color: #ffffff;
height: calc(100vh - 182rpx);
width: 100%;
box-sizing: border-box;
.cardbox {
.dhone {
margin-top: 30rpx;
width: 100%;
@ -188,7 +193,7 @@
display: grid;
align-items: center;
box-sizing: border-box;
background: #FFFFFF;
background: #ffffff;
.head {
display: flex;
@ -204,7 +209,7 @@
font-weight: 350;
line-height: 26rpx;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.date {
@ -227,7 +232,7 @@
text-align: justify;
/* 浏览器可能不支持 */
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.bottom {
@ -276,7 +281,7 @@
.ypl {
width: 100%;
border-radius: 8rpx;
background: #F8F9FA;
background: #f8f9fa;
padding: 24rpx;
margin-top: 22rpx;
@ -305,7 +310,6 @@
align-items: center;
.value {
font-family: Source Han Sans;
font-size: 24rpx;
font-weight: 350;
@ -326,12 +330,12 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
}
color: #0c092a;
}
}
}
.plpart {
.plpart {
position: fixed;
bottom: 0;
width: 100%;
@ -340,15 +344,16 @@
display: flex;
align-items: center;
.textarea {}
.textarea {
}
.butt {
margin-left: 10px;
padding: 9px 8px;
box-sizing: border-box;
background-color: #5AC725;
background-color: #5ac725;
border-radius: 5px;
color: #FFFFFF;
}
color: #ffffff;
}
}
</style>

159
src/pages/index/shoppage/interactiveZone.vue
View File

@ -1,65 +1,73 @@
<template>
<u-navbar :title="'互动专区'" placeholder="true" bgColor="#F1F3F9" :autoBack="true" />
<u-navbar :title="'互动专区'" placeholder="true" bg-color="#F1F3F9" :auto-back="true" />
<view class="container">
<u-tabs :list="list1" @click="click"></u-tabs>
<scroll-view class="cardbox" scroll-y="true" @scrolltolower="scrolltolower">
<view class="dhone" v-for="(item,index) in datalist" :key="index">
<view class="dhone" v-for="(item, index) in datalist" :key="index">
<view class="head">
<image style="height: 96rpx;width: 96rpx;border-radius: 50%;" :src="url + '/' + item.member_head_pic" mode="">
</image>
<image style="height: 96rpx; width: 96rpx; border-radius: 50%" :src="url + '/' + item.member_head_pic" mode=""></image>
<view class="namepart">
<text class="name">{{item.member_nickname}}</text>
<text class="date">{{item.create_time}}</text>
<text class="name">{{ item.member_nickname }}</text>
<text class="date">{{ item.create_time }}</text>
</view>
</view>
<text class="pl">{{item.content}}</text>
<text class="pl">{{ item.content }}</text>
<view class="ypl" v-if="item.comments">
<view class="head">
<view class="left">
<image style="height: 40rpx;width: 40rpx;border-radius: 50%;" :src="url + '/' + item.comments?.member_head_pic"
mode=""></image>
<text class="name">{{item.comments?.member_nickname}}</text>
<image
style="height: 40rpx; width: 40rpx; border-radius: 50%"
:src="url + '/' + item.comments?.member_head_pic"
mode=""
></image>
<text class="name">{{ item.comments?.member_nickname }}</text>
</view>
<view class="right">
<text class="value">{{item.comments?.like_count}}</text>
<image style="width: 24rpx;height: 24rpx;margin-left: 8rpx;" :src="item.comments.is_like?'/static/img/ydz.png':'/static/img/dz.png'"
mode="" @click="pldzClick(item.posts_id,item.comments.is_like,item.comments.comments_id)"></image>
<text class="value">{{ item.comments?.like_count }}</text>
<image
style="width: 24rpx; height: 24rpx; margin-left: 8rpx"
:src="item.comments.is_like ? '/static/img/ydz.png' : '/static/img/dz.png'"
mode=""
@click="pldzClick(item.posts_id, item.comments.is_like, item.comments.comments_id)"
></image>
</view>
</view>
<text class="pl">{{item.comments?.content}}</text>
<text class="pl">{{ item.comments?.content }}</text>
</view>
<view class="bottom">
<view class="left">
<image style="width: 36rpx;height: 34rpx;"
:src="item.is_like?'/static/img/ydz.png':'/static/img/dz.png'" @click="dzClick(item.is_like,item.posts_id)" mode="">
</image>
<text class="value">{{item.like_count}}</text>
<image
style="width: 36rpx; height: 34rpx"
:src="item.is_like ? '/static/img/ydz.png' : '/static/img/dz.png'"
@click="dzClick(item.is_like, item.posts_id)"
mode=""
></image>
<text class="value">{{ item.like_count }}</text>
</view>
<view class="right">
<image style="width: 36rpx;height: 36rpx;" src="@/static/img/pl.png" mode=""
@click="godetail(item.posts_id)"></image>
<text class="value">{{item.comment_count}}</text>
<image style="width: 36rpx; height: 36rpx" src="@/static/img/pl.png" mode="" @click="godetail(item.posts_id)"></image>
<text class="value">{{ item.comment_count }}</text>
</view>
</view>
</view>
</scroll-view>
</view>
<liuDragButton :widthPx="'145rpx'">
<liuDragButton :width-px="'145rpx'">
<image class="hdzq" src="@/static/img/fbhd.png" mode="" @click="goxzhdzq"></image>
</liuDragButton>
</template>
<script setup>
import { postsList, likesPosts } from '@/api/shop'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
import useUserStore from '@/store/user'
const userStore = useUserStore()
import { postsList, likesPosts } from '@/api/shop'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
import useUserStore from '@/store/user'
const userStore = useUserStore()
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const url = ref(import.meta.env.VITE_APP_BASE_URL)
// 创建响应式数据
const list1 = reactive([{
// 创建响应式数据
const list1 = reactive([
{
name: '小店帮',
id: 1
},
@ -75,69 +83,67 @@
name: '企业帮',
id: 4
}
]);
])
const typeid = ref(1)
// 定义方法
const click = async(item) => {
const typeid = ref(1)
// 定义方法
const click = async (item) => {
page.value = 1
typeid.value = item.id
datalist.value = []
await getpostsList()
}
}
const dzClick = (like,id) => {
if(userStore.userInfo.moblie === undefined) {
const dzClick = (like, id) => {
if (userStore.userInfo.moblie === undefined) {
uni.showToast({
title: '请登录后操作！',
icon: 'none'
})
} else {
datalist.value.forEach((ele)=> {
if(ele.posts_id === id) {
datalist.value.forEach((ele) => {
if (ele.posts_id === id) {
ele.is_like = !ele.is_like
if(ele.is_like) {
if (ele.is_like) {
ele.like_count++
} else {
ele.like_count--
}
likesPosts({target_id: id, type: 'posts'})
likesPosts({ target_id: id, type: 'posts' })
}
})
}
}
}
const scrolltolower = async() => {
const scrolltolower = async () => {
page.value++
await getpostsList()
}
}
const goxzhdzq = () => {
const goxzhdzq = () => {
uni.navigateTo({
url: '/pages/index/shoppage/makeAssistance'
})
}
}
const godetail = (id) => {
const godetail = (id) => {
uni.navigateTo({
url: '/pages/index/shoppage/interactiveDetail?id='+id
url: '/pages/index/shoppage/interactiveDetail?id=' + id
})
}
const page = ref(1)
const limit = ref(4)
const datalist = ref([])
const getpostsList = async() => {
await postsList({page: page.value, limit: limit.value, type_id: typeid.value}).then((res)=> {
if(res.code === 1) {
}
const page = ref(1)
const limit = ref(4)
const datalist = ref([])
const getpostsList = async () => {
await postsList({ page: page.value, limit: limit.value, type_id: typeid.value }).then((res) => {
if (res.code === 1) {
datalist.value = [...datalist.value, ...res.data.data]
}
})
}
}
const pldzClick = (postid, like, id) => {
const pldzClick = (postid, like, id) => {
if (userStore.userInfo.moblie === undefined) {
uni.showToast({
title: '请登录后操作！',
@ -159,22 +165,19 @@
}
})
}
}
}
onLoad(async(e)=> {
onLoad(async (e) => {
page.value = 1
datalist.value = []
await getpostsList()
console.log(userStore.cometype);
})
console.log(userStore.cometype)
})
</script>
<style scoped lang="scss">
.container {
background-color: #F1F3F9;
.container {
background-color: #f1f3f9;
height: calc(100vh - 96px);
overflow: hidden;
width: 100%;
@ -189,7 +192,7 @@
display: grid;
align-items: center;
box-sizing: border-box;
background: #FFFFFF;
background: #ffffff;
.head {
display: flex;
@ -205,7 +208,7 @@
font-weight: 350;
line-height: 26rpx;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.date {
@ -228,7 +231,7 @@
text-align: justify;
/* 浏览器可能不支持 */
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.bottom {
@ -277,7 +280,7 @@
.ypl {
width: 100%;
border-radius: 8rpx;
background: #F8F9FA;
background: #f8f9fa;
padding: 24rpx;
margin-top: 22rpx;
@ -306,7 +309,6 @@
align-items: center;
.value {
font-family: Source Han Sans;
font-size: 24rpx;
font-weight: 350;
@ -327,17 +329,16 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
}
color: #0c092a;
}
}
}
.hdzq {
.hdzq {
width: 108rpx;
height: 108rpx;
position: fixed;
right: 0;
top: 75%;
}
}
</style>

44
src/pages/index/shoppage/jrbDetail.vue
View File

@ -1,52 +1,46 @@
<template>
<u-navbar :title="'金融帮'" placeholder="true" bgColor="#F1F3F9" :autoBack="true" />
<u-navbar :title="'金融帮'" placeholder="true" bg-color="#F1F3F9" :auto-back="true" />
<view class="container">
<view class="titlepart">
<view class="icon"></view>
<text class="title">产品说明</text>
</view>
<image style="width: 100%;height: 286rpx;margin-top: 40rpx;" :src="baseurl + listdata.index_pic" mode=""></image>
<image style="width: 100%; height: 286rpx; margin-top: 40rpx" :src="baseurl + listdata.index_pic" mode=""></image>
<u-parse :content="listdata.content"></u-parse>
<view class="titlepart">
<view class="icon"></view>
<text class="title">联系方式</text>
</view>
<view class="people">
<text class="text">{{listdata.listdata}} {{listdata.tel}}</text>
<text class="text">{{ listdata.listdata }} {{ listdata.tel }}</text>
</view>
<view class="titlepart">
<view class="icon"></view>
<text class="title">微信二维码</text>
</view>
<image style="width: 338rpx;height: 338rpx;margin-top: 28rpx;margin-left: 24%;" :src="baseurl+listdata.code_pic" mode=""></image>
<image style="width: 338rpx; height: 338rpx; margin-top: 28rpx; margin-left: 24%" :src="baseurl + listdata.code_pic" mode=""></image>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import {
financeInfo
} from '@/api/shop'
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { financeInfo } from '@/api/shop'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const listdata = ref({})
const listdata = ref({})
onLoad(async(param) => {
onLoad(async (param) => {
await financeInfo(param.id).then((res) => {
listdata.value = res.data
})
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
height: calc(100vh - 182rpx);
width: 100%;
padding: 40rpx 40rpx 0 40rpx;
@ -55,12 +49,12 @@
margin-top: 40rpx;
display: flex;
align-items: center;
.icon{
.icon {
width: 12rpx;
height: 32rpx;
border-radius: 0rpx 32rpx 32rpx 0rpx;
/* 蓝色渐变 */
background: linear-gradient(0deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(0deg, #007fff 0%, #99ccff 100%);
}
.title {
margin-left: 18rpx;
@ -72,7 +66,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0072FF;
color: #0072ff;
}
}
.message {
@ -85,7 +79,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
color: #3d3d3d;
}
.people {
margin-top: 28rpx;
@ -99,8 +93,8 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
}
color: #3d3d3d;
}
}
}
</style>

90
src/pages/index/shoppage/makeAssistance.vue
View File

@ -2,23 +2,36 @@
<view class="boxhdzq">
<view class="xzzq">
<view class="left">
<image style="width: 28rpx;height: 28rpx;" src="@/static/img/xzzq.png" mode=""></image>
<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>
<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"
close-on-click-overlay="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>
<u-textarea v-model="nrvalue" placeholder="请输入您的内容...." count auto-height 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
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>
@ -26,12 +39,11 @@
</template>
<script setup>
import {
ref
} from 'vue';
import { addPosts } from '@/api/shop'
import { ref } from 'vue'
import { addPosts } from '@/api/shop'
const list = ref([{
const list = ref([
{
name: '小店帮',
id: 1
},
@ -47,57 +59,57 @@
name: '企业帮',
id: 4
}
]);
])
const showxz = ref(false)
const xzvalue = ref('')
const xzid = ref(1)
const nrvalue = ref('')
const showxz = ref(false)
const xzvalue = ref('')
const xzid = ref(1)
const nrvalue = ref('')
const selectClick = (index) => {
const selectClick = (index) => {
xzvalue.value = index.name
xzid.value = index.id
showxz.value = false
};
}
const submit = () => {
const submit = () => {
if (nrvalue.value !== '') {
let params = {
type_id: xzid.value,
content: nrvalue.value
}
addPosts(params).then((res)=> {
if(res.code === 1) {
addPosts(params).then((res) => {
if (res.code === 1) {
uni.showToast({
title: '发布成功',
duration: 1500,
success() {
setTimeout(()=> {
setTimeout(() => {
uni.navigateTo({
url: '/pages/index/shoppage/interactiveZone'
})
},1500)
}, 1500)
}
})
}
})
}
}
}
</script>
<style lang="scss" scoped>
.boxhdzq {
.boxhdzq {
width: 100%;
height: 100vh;
background: #F1F3F9;
background: #f1f3f9;
.xzzq {
display: flex;
align-items: center;
justify-content: space-between;
padding: 28rpx 40rpx;
background: #FFFFFF;
border-bottom: 4rpx solid #F1F3F9;
background: #ffffff;
border-bottom: 4rpx solid #f1f3f9;
.left {
display: flex;
@ -129,7 +141,7 @@
.button {
margin-top: 108rpx;
border-radius: 248rpx;
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(90deg, #007fff 0%, #99ccff 100%);
width: 576rpx;
height: 96rpx;
font-family: Source Han Sans;
@ -141,15 +153,15 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
}
}
}
.placlass {
.placlass {
font-family: Source Han Sans;
font-size: 30rpx;
font-weight: 350;
@ -157,6 +169,6 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #D3D3D3;
}
color: #d3d3d3;
}
</style>

80
src/pages/index/shoppage/mediaDetail.vue
View File

@ -1,75 +1,79 @@
<template>
<u-navbar :title="'媒体帮'" placeholder="true" bgColor="#F1F3F9" :autoBack="true" />
<u-navbar :title="'媒体帮'" placeholder="true" bg-color="#F1F3F9" :auto-back="true" />
<view class="container">
<image style="width: 100%;height: 300rpx;" src="@/static/img/ztback.png" mode=""></image>
<image style="width: 100%; height: 300rpx" src="@/static/img/ztback.png" mode=""></image>
<view class="main">
<view class="head">
<image class="toux" :src="baseurl + userData.head_pic" mode=""></image>
<text class="name">{{userData.name}}</text>
<text class="type">{{userData.member_tag_title || userData.tag_name}}</text>
<text class="name">{{ userData.name }}</text>
<text class="type">{{ userData.member_tag_title || userData.tag_name }}</text>
</view>
<view class="content">
<view class="titlepart">
<view class="icon"></view>
<text class="title">{{userData.introduce?'个人介绍':'助企案例'}}</text>
<text class="title">{{ userData.introduce ? '个人介绍' : '助企案例' }}</text>
</view>
<text class="message" v-if="userData.introduce">{{userData.introduce}}</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>
</view>
<view class="people">
<text class="text">{{userData.moblie||userData.tel}}</text>
<text class="text">{{ userData.moblie || userData.tel }}</text>
</view>
<view class="titlepart">
<view class="icon"></view>
<text class="title">微信二维码</text>
</view>
<image style="width: 338rpx;height: 338rpx;margin-top: 28rpx;margin-left: 24%;" v-if="userData.wx_code" :src="baseurl + userData.wx_code" mode=""></image>
<image style="width: 338rpx;height: 338rpx;margin-top: 28rpx;margin-left: 24%;" v-if="userData.code_pic" :src="baseurl + userData.code_pic" mode=""></image>
<image
style="width: 338rpx; height: 338rpx; margin-top: 28rpx; margin-left: 24%"
v-if="userData.wx_code"
:src="baseurl + userData.wx_code"
mode=""
></image>
<image
style="width: 338rpx; height: 338rpx; margin-top: 28rpx; margin-left: 24%"
v-if="userData.code_pic"
:src="baseurl + userData.code_pic"
mode=""
></image>
</view>
</view>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import { memberCenterInfo } from '@/api/memberCenter'
import {
mediumInfo
} from '@/api/shop'
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { memberCenterInfo } from '@/api/memberCenter'
import { mediumInfo } from '@/api/shop'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
const userData = ref({})
const userData = ref({})
onLoad(async(param) => {
if(param.type === 'mt') {
await mediumInfo(param.id).then((res)=> {
if(res.code === 1) {
onLoad(async (param) => {
if (param.type === 'mt') {
await mediumInfo(param.id).then((res) => {
if (res.code === 1) {
userData.value = res.data
}
})
} else {
await memberCenterInfo(param.id).then((res)=> {
console.log(res);
if(res.code === 1) {
await memberCenterInfo(param.id).then((res) => {
console.log(res)
if (res.code === 1) {
userData.value = res.data
}
})
}
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
height: calc(100vh - 182rpx);
width: 100%;
.main {
@ -85,7 +89,7 @@
box-sizing: border-box;
border-radius: 50%;
/* White */
border: 8rpx solid #FFFFFF;
border: 8rpx solid #ffffff;
box-shadow: 0rpx 8rpx 40rpx 0rpx rgba(101, 101, 101, 0.15);
}
.name {
@ -119,12 +123,12 @@
margin-top: 40rpx;
display: flex;
align-items: center;
.icon{
.icon {
width: 12rpx;
height: 32rpx;
border-radius: 0rpx 32rpx 32rpx 0rpx;
/* 蓝色渐变 */
background: linear-gradient(0deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(0deg, #007fff 0%, #99ccff 100%);
}
.title {
margin-left: 18rpx;
@ -136,7 +140,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0072FF;
color: #0072ff;
}
}
.message {
@ -149,7 +153,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
color: #3d3d3d;
}
.people {
margin-top: 28rpx;
@ -163,8 +167,8 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
}
color: #3d3d3d;
}
}
}
</style>

157
src/pages/index/shoppage/mediaHelp.vue
View File

@ -1,134 +1,134 @@
<template>
<view class="container">
<u-navbar title="媒体帮" placeholder="true" bgColor="#F1F3F9" :autoBack="true">
</u-navbar>
<u-search @search="search" @clickIcon="clickIcon" @clear="clear" shape="square" placeholder="请输入搜索内容"
placeholderColor="#a4c7ff" v-model="keyword" searchIcon="/static/img/search.png" searchIconSize="14"
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx"></u-search>
<u-navbar title="媒体帮" placeholder="true" bg-color="#F1F3F9" :auto-back="true"></u-navbar>
<u-search
@search="search"
@clickIcon="clickIcon"
@clear="clear"
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>
<scroll-view scroll-y="auto" class="mtlist" @scrolltolower="onloadmore">
<view class="mtone" v-for="(item,index) in mtList" :key="index" @click="gomtbdetail(item.id)">
<view class="mtone" v-for="(item, index) in mtList" :key="index" @click="gomtbdetail(item.id)">
<view class="headpart">
<u-avatar :src="baseurl+item.head_pic" size="44"></u-avatar>
<u-avatar :src="baseurl + item.head_pic" size="44"></u-avatar>
<view class="right">
<text class="name">{{item.name}}</text>
<view class="tab">
{{item.tag_name}}
<text class="name">{{ item.name }}</text>
<view class="tab" v-if="item.tag_name !== ''">
{{ item.tag_name }}
</view>
</view>
</view>
<image style="width: 100%;height: 400rpx;margin-top: 30rpx;" :src="baseurl+item.publicize_pic" mode="">
</image>
<image style="width: 100%; height: 400rpx; margin-top: 30rpx" :src="baseurl + item.publicize_pic" mode=""></image>
<view class="bottompart">
<view class="part">
<image style="width: 22rpx;height: 24rpx;" src="@/static/img/dh.png" mode=""></image>
<text class="text">{{item.tel}}</text>
<image style="width: 22rpx; height: 24rpx" src="@/static/img/dh.png" mode=""></image>
<text class="text">{{ item.tel }}</text>
</view>
<view class="part">
<image style="width: 22rpx;height: 24rpx;" src="@/static/img/yx.png" mode=""></image>
<text class="text">{{item.email}}</text>
<image style="width: 22rpx; height: 24rpx" src="@/static/img/yx.png" mode=""></image>
<view class="text">{{ item.email }}</view>
</view>
</view>
</view>
</scroll-view>
<view class="fbxxbutton">
<view class="button" @click="gofbxx">
发布信息
<view class="button" @click="gofbxx">发布信息</view>
</view>
</view>
</view>
<liuDragButton :widthPx="'145rpx'">
<liuDragButton :width-px="'145rpx'">
<image class="hdzq" src="@/static/img/hdzq.png" mode="" @click="gohdzq"></image>
</liuDragButton>
</template>
<script setup>
import {
ref
} from 'vue';
import {
mediumList
} from '@/api/shop'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
import { ref } from 'vue'
import { mediumList } from '@/api/shop'
import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
// 响应式数据
const keyword = ref('');
const page = ref(1)
const pagesize = ref(2)
// 响应式数据
const keyword = ref('')
const page = ref(1)
const pagesize = ref(2)
const search = async (val) => {
const search = async (val) => {
page.value = 1
pagesize.value = 2
await getmediumList(keyword.value, page.value, pagesize.value)
}
}
const clickIcon = async () => {
const clickIcon = async () => {
page.value = 1
pagesize.value = 2
await getmediumList(keyword.value, page.value, pagesize.value)
}
}
const clear = async () => {
const clear = async () => {
page.value = 1
pagesize.value = 2
await getmediumList(keyword.value, page.value, pagesize.value)
}
}
const gohdzq = () => {
const gohdzq = () => {
uni.navigateTo({
url: '/pages/index/shoppage/interactiveZone'
})
}
}
const mtList = ref([])
const mtList = ref([])
const gomtbdetail = (id) => {
const gomtbdetail = (id) => {
uni.navigateTo({
url: '/pages/index/shoppage/mediaDetail?id='+id +'&type='+'mt'
url: '/pages/index/shoppage/mediaDetail?id=' + id + '&type=' + 'mt'
})
}
}
const gofbxx = () => {
const gofbxx = () => {
uni.navigateTo({
url: '/pages/index/shoppage/mtbmakeMessage'
})
}
}
const getmediumList = async (name, page, limit) => {
const getmediumList = async (name, page, limit) => {
let params = {
'name': name,
'page': page,
'limit': limit
name: name,
page: page,
limit: limit
}
await mediumList(params).then((res) => {
mtList.value = res.data.data
})
}
}
const onloadmore = async () => {
const onloadmore = async () => {
page.value++
let params = {
'name': keyword.value,
'page': page.value,
'limit': pagesize.value
name: keyword.value,
page: page.value,
limit: pagesize.value
}
await mediumList(params).then((res) => {
mtList.value = [...mtList.value, ...res.data.data]
})
}
}
onShow(async() => {
await getmediumList('',1,2)
})
onShow(async () => {
await getmediumList('', 1, 2)
})
</script>
<style scoped lang="scss">
.container {
background: linear-gradient(0deg, #F1F3F9 72%, rgba(62, 146, 249, 0.2) 88%);
.container {
background: linear-gradient(0deg, #f1f3f9 72%, rgba(62, 146, 249, 0.2) 88%);
width: 100%;
overflow: hidden;
.mtlist {
@ -145,7 +145,7 @@
width: 100%;
height: 666rpx;
border-radius: 24rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
padding: 40rpx 24rpx;
box-sizing: border-box;
@ -167,20 +167,20 @@
align-items: center;
text-transform: capitalize;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.tab {
margin-top: 8rpx;
padding: 6rpx 20rpx;
border-radius: 0rpx 4rpx 20rpx 0rpx;
background: linear-gradient(70deg, #312984 -45%, #867BF5 99%);
background: linear-gradient(70deg, #312984 -45%, #867bf5 99%);
font-family: YouSheBiaoTiHei;
font-size: 24rpx;
font-weight: normal;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
color: #ffffff;
text-shadow: 0rpx 4rpx 4rpx rgba(0, 0, 0, 0.2);
}
}
@ -203,7 +203,6 @@
line-height: 33.6rpx;
display: flex;
align-items: center;
text-transform: capitalize;
letter-spacing: normal;
color: #606266;
}
@ -211,23 +210,23 @@
}
}
}
}
}
.hdzq {
width: 182rpx;
height: 80rpx;
.hdzq {
width: 212rpx;
height: 86rpx;
position: fixed;
right: 0;
top: 70%;
margin-right: -14rpx;
}
}
.fbxxbutton {
.fbxxbutton {
width: 100%;
height: 168rpx;
position: fixed;
bottom: 0;
background: #FFFFFF;
background: #ffffff;
/* 标签栏投影 */
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.3);
display: flex;
@ -238,7 +237,7 @@
width: 574rpx;
height: 96rpx;
border-radius: 248rpx;
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(90deg, #007fff 0%, #99ccff 100%);
font-family: Source Han Sans;
font-size: 36rpx;
font-weight: 500;
@ -248,10 +247,10 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
}
}
</style>

283
src/pages/index/shoppage/mtbmakeMessage.vue
View File

@ -1,80 +1,88 @@
<template>
<u-navbar :title="'媒体帮'" placeholder="true" bgColor="#F1F3F9" :autoBack="true" />
<u-navbar :title="'媒体帮'" placeholder="true" bg-color="#F1F3F9" :auto-back="true" />
<view class="container">
<view class="formlist">
<u-form :model="form" ref="uFormRef" labelPosition="top" :rules="rules">
<u-form :model="form" ref="uFormRef" label-position="top" :rules="rules">
<u-form-item label="头像" prop="head_pic">
<u-upload class="uploadbox" @afterRead="txafterRead" :maxCount="1" :imageMode="'heightFix'"
:width="auto" :height="144">
<u-upload class="uploadbox" @afterRead="txafterRead" :max-count="1" :image-mode="'heightFix'" :width="auto" :height="144">
<view class="yyzz" v-if="form.head_pic === ''">
<image style="width: 40rpx;height: 40rpx;" src="@/static/img/yyzz.png" mode=""></image>
<image style="width: 40rpx; height: 40rpx" src="@/static/img/yyzz.png" mode=""></image>
上传头像
</view>
<image v-else style="width: 100%;height: 288rpx;margin-top: 12rpx;"
:src="baseurl+ '/' + form.head_pic" mode="scaleToFill"></image>
<image
v-else
style="width: 100%; height: 288rpx; margin-top: 12rpx"
:src="baseurl + '/' + form.head_pic"
mode="scaleToFill"
></image>
</u-upload>
</u-form-item>
<u-form-item label="姓名" prop="name">
<u-input v-model="form.name" placeholder="请输入真实姓名" placeholderStyle="color: #D3D3D3;" />
<u-input v-model="form.name" placeholder="请输入真实姓名" placeholder-style="color: #D3D3D3;" />
</u-form-item>
<u-form-item label="标签" prop="type">
<u-input v-model="form.type" placeholder="请选择" placeholderStyle="color: #D3D3D3;"
suffixIcon="arrow-down" @focus="show=true" />
<u-picker :show="show" :columns="columns" @confirm="confirm" @cancel="show=false" keyName="name"></u-picker>
<u-input
v-model="form.type"
placeholder="请选择"
placeholder-style="color: #D3D3D3;"
suffix-icon="arrow-down"
@focus="show = true"
/>
<u-picker :show="show" :columns="columns" @confirm="confirm" @cancel="show = false" key-name="name"></u-picker>
</u-form-item>
<u-form-item label="联系方式" prop="tel">
<u-input v-model="form.tel" placeholder="请输入联系方式" placeholderStyle="color: #D3D3D3;" />
<u-input v-model="form.tel" placeholder="请输入联系方式" placeholder-style="color: #D3D3D3;" />
</u-form-item>
<u-form-item label="微信二维码" prop="code_pic">
<u-upload class="uploadbox" @afterRead="codeafterRead" :maxCount="1" :imageMode="'heightFix'"
:width="auto" :height="144">
<u-upload class="uploadbox" @afterRead="codeafterRead" :max-count="1" :image-mode="'heightFix'" :width="auto" :height="144">
<view class="yyzz" v-if="form.code_pic === ''">
<image style="width: 40rpx;height: 40rpx;" src="@/static/img/yyzz.png" mode=""></image>
<image style="width: 40rpx; height: 40rpx" src="@/static/img/yyzz.png" mode=""></image>
上传微信二维码
</view>
<image v-else style="width: 100%;height: 288rpx;margin-top: 12rpx;"
:src="baseurl+ '/' + form.code_pic" mode="scaleToFill"></image>
<image
v-else
style="width: 100%; height: 288rpx; margin-top: 12rpx"
:src="baseurl + '/' + form.code_pic"
mode="scaleToFill"
></image>
</u-upload>
</u-form-item>
<u-form-item label="邮箱" prop="email">
<u-input v-model="form.email" placeholder="请输入邮箱地址" placeholderStyle="color: #D3D3D3;" />
<u-input v-model="form.email" placeholder="请输入邮箱地址" placeholder-style="color: #D3D3D3;" />
</u-form-item>
<u-form-item label="宣传封面" prop="publicize_pic">
<u-upload class="uploadbox" @afterRead="afterRead" :maxCount="1" :imageMode="'heightFix'"
:width="auto" :height="144">
<u-upload class="uploadbox" @afterRead="afterRead" :max-count="1" :image-mode="'heightFix'" :width="auto" :height="144">
<view class="yyzz" v-if="form.publicize_pic === ''">
<image style="width: 40rpx;height: 40rpx;" src="@/static/img/yyzz.png" mode=""></image>
<image style="width: 40rpx; height: 40rpx" src="@/static/img/yyzz.png" mode=""></image>
上传宣传封面
</view>
<image v-else style="width: 100%;height: 288rpx;margin-top: 12rpx;"
:src="baseurl+ '/' + form.publicize_pic" mode="scaleToFill"></image>
<image
v-else
style="width: 100%; height: 288rpx; margin-top: 12rpx"
:src="baseurl + '/' + form.publicize_pic"
mode="scaleToFill"
></image>
</u-upload>
</u-form-item>
<u-form-item label="助企案例" prop="content">
<u-input v-model="form.content" placeholder="请输入真实案例" placeholderStyle="color: #D3D3D3;" />
<u-input v-model="form.content" placeholder="请输入真实案例" placeholder-style="color: #D3D3D3;" />
</u-form-item>
</u-form>
</view>
<view class="sumitbotton">
<view class="button" @click="submit">
确认提交
</view>
<view class="button" @click="submit">确认提交</view>
</view>
</view>
</template>
<script setup>
import {
ref
} from 'vue';
import {
mediumAdd
} from '@/api/shop'
import { ref } from 'vue'
import { mediumAdd } from '@/api/shop'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL)
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL)
// 响应式表单数据
const form = ref({
// 响应式表单数据
const form = ref({
name: '',
type: '',
tag: '',
@ -83,172 +91,193 @@
publicize_pic: '',
content: '',
code_pic: '',
head_pic: '',
});
head_pic: ''
})
const show = ref(false);
const columns = reactive([[{
'id': 1,
'name': '自媒体'
const show = ref(false)
const columns = reactive([
[
{
id: 1,
name: '自媒体'
},
{
'id': 2,
'name': '达人'
id: 2,
name: '达人'
},
{
'id': 3,
'name': '网红'
id: 3,
name: '网红'
},
{
'id': 4,
'name': '孵化机构'
id: 4,
name: '孵化机构'
},
{
'id': 5,
'name': '陪跑机构'
}]
]);
id: 5,
name: '陪跑机构'
}
]
])
// 校验规则
const rules = {
name: [{
// 校验规则
const rules = {
name: [
{
required: true,
message: '请输入姓名',
trigger: ['blur', 'change'],
}, ],
type: [{
trigger: ['blur', 'change']
}
],
type: [
{
required: true,
message: '请输入标签',
trigger: ['blur', 'change'],
}, ],
tel: [{
message: '请选择标签',
trigger: ['blur', 'change']
}
],
tel: [
{
required: true,
message: '请输入联系方式',
trigger: ['blur', 'change'],
}, ],
email: [{
trigger: ['blur', 'change']
}
],
email: [
{
required: true,
message: '请输入邮箱地址',
trigger: ['blur', 'change'],
}, ],
publicize_pic: [{
trigger: ['blur', 'change']
}
],
publicize_pic: [
{
required: true,
message: '请上传宣传封面',
trigger: ['blur', 'change'],
}, ],
code_pic: [{
trigger: ['blur', 'change']
}
],
code_pic: [
{
required: true,
message: '请上传微信二维码',
trigger: ['blur', 'change'],
}, ],
head_pic: [{
trigger: ['blur', 'change']
}
],
head_pic: [
{
required: true,
message: '请上传头像',
trigger: ['blur', 'change'],
}, ],
content: [{
trigger: ['blur', 'change']
}
],
content: [
{
required: true,
message: '请输入真实案例',
trigger: ['blur', 'change'],
}, ],
};
trigger: ['blur', 'change']
}
]
}
const afterRead = async (e) => {
console.log(e);
const afterRead = async (e) => {
console.log(e)
uni.uploadFile({
url: import.meta.env.VITE_APP_BASE_URL + '/api/file/image',
filePath: e.file.url,
name: 'file',
header: {
'token': uni.getStorageSync('access_token')
token: uni.getStorageSync('access_token')
},
success: async (val) => {
if (JSON.parse(val.data).data.url) {
console.log(JSON.parse(val.data).data.url);
console.log(JSON.parse(val.data).data.url)
form.value.publicize_pic = JSON.parse(val.data).data.url
}
},
fail: (res) => {
console.log('失败', res);
console.log('失败', res)
}
})
}
}
const txafterRead = async (e) => {
const txafterRead = async (e) => {
uni.uploadFile({
url: import.meta.env.VITE_APP_BASE_URL + '/api/file/image',
filePath: e.file.url,
name: 'file',
header: {
'token': uni.getStorageSync('access_token')
token: uni.getStorageSync('access_token')
},
success: async (val) => {
if (JSON.parse(val.data).data.url) {
console.log(JSON.parse(val.data).data.url);
console.log(JSON.parse(val.data).data.url)
form.value.head_pic = JSON.parse(val.data).data.url
}
},
fail: (res) => {
console.log('失败', res);
console.log('失败', res)
}
})
}
}
const codeafterRead = async (e) => {
const codeafterRead = async (e) => {
uni.uploadFile({
url: import.meta.env.VITE_APP_BASE_URL + '/api/file/image',
filePath: e.file.url,
name: 'file',
header: {
'token': uni.getStorageSync('access_token')
token: uni.getStorageSync('access_token')
},
success: async (val) => {
if (JSON.parse(val.data).data.url) {
console.log(JSON.parse(val.data).data.url);
console.log(JSON.parse(val.data).data.url)
form.value.code_pic = JSON.parse(val.data).data.url
}
},
fail: (res) => {
console.log('失败', res);
console.log('失败', res)
}
})
}
}
// 表单引用
const uFormRef = ref(null);
// 表单引用
const uFormRef = ref(null)
const confirm = (val) => {
console.log(val.value[0]);
const confirm = (val) => {
console.log(val.value[0])
form.value.type = val.value[0].name
form.value.tag = val.value[0].id
show.value = false
}
}
// 提交方法
function submit() {
uFormRef.value.validate().then(valid => {
// 提交方法
function submit() {
uFormRef.value
.validate()
.then((valid) => {
if (valid) {
uni.$u.toast('校验通过')
delete form.value.type
mediumAdd(form.value).then((res)=> {
if(res.code === 1) {
mediumAdd(form.value).then((res) => {
if (res.code === 1) {
uni.navigateBack()
}
})
} else {
uni.$u.toast('请填写完整')
}
}).catch(() => {
})
.catch(() => {
// 处理验证错误
uni.$u.toast('请填写完整')
});
}
})
}
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
width: 100%;
overflow-y: hidden;
@ -264,7 +293,7 @@
.sumitbotton {
width: 100%;
height: 168rpx;
background: #FFFFFF;
background: #ffffff;
/* 标签栏投影 */
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.3);
display: flex;
@ -277,7 +306,7 @@
width: 574rpx;
height: 96rpx;
border-radius: 248rpx;
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(90deg, #007fff 0%, #99ccff 100%);
display: flex;
align-items: center;
justify-content: center;
@ -290,17 +319,17 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
}
color: #ffffff;
}
}
}
.yyzz {
.yyzz {
margin-top: 12rpx;
width: 100%;
height: 288rpx;
border-radius: 16rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
align-content: center;
justify-items: center;
@ -309,24 +338,24 @@
font-weight: 350;
line-height: 70rpx;
letter-spacing: normal;
color: #CCCCCC;
}
color: #cccccc;
}
:deep(.u-upload) {
:deep(.u-upload) {
.u-upload__wrap {
view {
width: 100%;
}
}
}
}
</style>
<style>
.u-input {
background-color: #FFFFFF;
.u-input {
background-color: #ffffff;
height: 100rpx !important;
}
}
.u-form-item__body__left__content__label {
.u-form-item__body__left__content__label {
white-space: nowrap;
}
}
</style>

78
src/pages/index/shoppage/shopHelp.vue
View File

@ -1,73 +1,77 @@
<template>
<u-navbar title="小店帮" placeholder="true" bgColor="#F1F3F9" :autoBack="true">
</u-navbar>
<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="请输入搜索内容"
placeholderColor="#a4c7ff" v-model="keyword" searchIcon="/static/img/search.png" searchIconSize="14"
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx"></u-search>
<zh-scroll ref="zhscrollRel" :scrollList="goods" :searchVal="keyword"></zh-scroll>
<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 :widthPx="'145rpx'">
<image class="hdzq" src="@/static/img/hdzq.png" mode="" @click="gohdzq"></image>
<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 { 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'
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 zhscrollRel = ref(null)
// 响应式数据
const keyword = ref('');
// 响应式数据
const keyword = ref('')
const goods = ref([]);
const goods = ref([])
const search = (val) => {
const search = (val) => {
zhscrollRel.value.searchleMenuTap(keyword.value)
}
}
const clickIcon = () => {
const clickIcon = () => {
zhscrollRel.value.searchleMenuTap(keyword.value)
}
}
const gohdzq = () => {
const gohdzq = () => {
uni.navigateTo({
url: '/pages/index/shoppage/interactiveZone'
})
}
}
onShow(async() => {
await storeList({}).then((res)=> {
onShow(async () => {
await storeList({}).then((res) => {
goods.value = res.data
})
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
height: calc(100vh - 254rpx);
width: 100%;
.cate-tab {
height: calc(100vh - 254rpx);
}
}
}
.hdzq {
width: 182rpx;
height: 80rpx;
.hdzq {
width: 212rpx;
height: 86rpx;
position: fixed;
right: 0;
top: 70%;
margin-right: -14rpx;
}
}
</style>

46
src/pages/index/shoppage/shophelpDetail.vue
View File

@ -1,17 +1,17 @@
<template>
<u-navbar :title="'小店帮'" placeholder="true" bgColor="#F1F3F9" :autoBack="true" />
<u-navbar :title="'开店帮'" placeholder="true" bg-color="#F1F3F9" :auto-back="true" />
<view class="container">
<text class="title">{{xdbData.title}}</text>
<text class="fbr">发布人：{{xdbData.publisher}}</text>
<text class="title">{{ xdbData.title }}</text>
<text class="fbr">发布人：{{ xdbData.publisher }}</text>
<view class="readtime">
<text class="time">{{xdbData.create_time}}</text>
<text class="time">{{ xdbData.create_time }}</text>
<view class="readnum">
阅读量：<text class="num">{{xdbData.count}}</text>
阅读量：
<text class="num">{{ xdbData.count }}</text>
</view>
</view>
<view class="nrxq">
<view class="icon">
</view>
<view class="icon"></view>
<text class="nrtitle">内容详情</text>
</view>
<u-parse :content="xdbData.content"></u-parse>
@ -19,30 +19,24 @@
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import {
storeInfo
} from '@/api/shop'
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { storeInfo } from '@/api/shop'
const xdbData = ref({})
const xdbData = ref({})
onLoad(async (param) => {
onLoad(async (param) => {
await storeInfo(param.id).then((res) => {
if (res.code === 1) {
xdbData.value = res.data
}
})
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
height: calc(100vh - 182rpx);
width: 100%;
padding: 60rpx 40rpx 0 40rpx;
@ -56,7 +50,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.fbr {
@ -112,7 +106,7 @@
align-items: center;
letter-spacing: normal;
/* 2 */
color: #007FFF;
color: #007fff;
}
}
}
@ -128,7 +122,7 @@
height: 32rpx;
border-radius: 0rpx 32rpx 32rpx 0rpx;
/* 蓝色渐变 */
background: linear-gradient(0deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(0deg, #007fff 0%, #99ccff 100%);
}
.nrtitle {
@ -142,12 +136,12 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0072FF;
color: #0072ff;
}
}
.message {
margin-top: 40rpx;
}
}
}
</style>

125
src/pages/index/specialSubject.vue
View File

@ -1,6 +1,5 @@
<template>
<u-navbar :title="'“'+ titleData.title +'”'+'专题'" placeholder="true" bgColor="#F1F3F9" :autoBack="true">
</u-navbar>
<u-navbar :title="'“' + titleData.title + '”' + '专题'" placeholder="true" bg-color="#F1F3F9" :auto-back="true"></u-navbar>
<view class="container">
<!-- <view class="headpart">
<view class="lefttxt">
@ -13,20 +12,20 @@
<image style="width: 298rpx;height: 160rpx;" src="@/static/img/zticon.png" mode=""></image>
</view> -->
<image class="headpart" :src="url + '/' + titleData.top_img" mode=""></image>
<view class="main">
<view class="main" v-if="ztList.length !== 0">
<u-box height="400rpx" gap="24rpx">
<template #left>
<view class="leftmk" @click="godetail(ztList[0]?.id)">
<view class="top">
<view class="titlepp">
<text class="title">{{ztList[0]?.title}}</text>
<text class="title">{{ ztList[0]?.title }}</text>
<text class="fh">></text>
</view>
<text class="text">{{ztList[0]?.source}}</text>
<text class="text">{{ ztList[0]?.source }}</text>
</view>
<view class="bottom">
<text class="ms">{{ztList[0]?.describe}}</text>
<text class="time">{{ztList[0]?.create_time.slice(0,10)}}</text>
<text class="ms">{{ ztList[0]?.describe }}</text>
<text class="time">{{ ztList[0]?.create_time.slice(0, 10) }}</text>
</view>
</view>
</template>
@ -34,13 +33,13 @@
<view class="rightTopmk" @click="godetail(ztList[1]?.id)">
<view class="top">
<view class="titlepp">
<text class="title">{{ztList[1]?.title}}</text>
<text class="title">{{ ztList[1]?.title }}</text>
<text class="fh">></text>
</view>
</view>
<view class="bottom">
<text class="ms">{{ztList[1]?.describe}}</text>
<text class="time">{{ztList[1]?.create_time.slice(0,10)}}</text>
<text class="ms">{{ ztList[1]?.describe }}</text>
<text class="time">{{ ztList[1]?.create_time.slice(0, 10) }}</text>
</view>
</view>
</template>
@ -48,31 +47,30 @@
<view class="rightBottommk" @click="godetail(ztList[2]?.id)">
<view class="top">
<view class="titlepp">
<text class="title">{{ztList[2]?.title}}</text>
<text class="title">{{ ztList[2]?.title }}</text>
<text class="fh">></text>
</view>
</view>
<view class="bottom">
<text class="ms">{{ztList[2]?.describe}}</text>
<text class="time">{{ztList[2]?.create_time.slice(0,10)}}</text>
<text class="ms">{{ ztList[2]?.describe }}</text>
<text class="time">{{ ztList[2]?.create_time.slice(0, 10) }}</text>
</view>
</view>
</template>
</u-box>
<view class="ztlist">
<view class="ztone" v-for="(item,index) in ztList.slice(3)" :key="index" @click="godetail(item.id)">
<image style="width: 112rpx;height: 112rpx;border-radius: 20rpx;flex: 1;" :src="url + '/' + item.index_pic" mode="">
</image>
<view class="ztone" v-for="(item, index) in ztList.slice(3)" :key="index" @click="godetail(item.id)">
<image style="width: 112rpx; height: 112rpx; border-radius: 20rpx; flex: 1" :src="url + '/' + item.index_pic" mode=""></image>
<view class="rightpart">
<view class="titlepart">
<text class="title">{{item.title}}</text>
<text class="time">{{item.create_time.slice(0,10)}}</text>
<text class="title">{{ item.title }}</text>
<text class="time">{{ item.create_time.slice(0, 10) }}</text>
</view>
<view class="splace">
{{item.source}}
{{ item.source }}
</view>
<view class="ms">
{{item.describe}}
{{ item.describe }}
</view>
</view>
</view>
@ -82,29 +80,22 @@
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import {
specialInfo,
specialList
} from '@/api/index'
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { specialInfo, specialList } from '@/api/index'
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const titleData = ref({})
const titleData = ref({})
const ztList = ref([])
const ztList = ref([])
const godetail = (id) => {
const godetail = (id) => {
uni.navigateTo({
url: '/pages/index/ztdetail?id=' + id + '&type=' +'zt'
url: '/pages/index/ztdetail?id=' + id + '&type=' + 'zt'
})
}
onLoad(async (param) => {
}
onLoad(async (param) => {
const res = await specialInfo(param.id)
if (res.code === 1) {
titleData.value = res.data
@ -117,18 +108,18 @@
const res1 = await specialList(params)
if (res1.code === 1) {
ztList.value = res1.data.data
console.log(ztList.value);
console.log(ztList.value)
}
})
})
const leftClick = () => {
const leftClick = () => {
uni.navigateBack()
}
}
</script>
<style scoped lang="scss">
.container {
background-color: #F1F3F9;
.container {
background-color: #f1f3f9;
height: calc(100vh - 182rpx);
width: 100%;
@ -188,7 +179,7 @@
.main {
margin-top: -60rpx;
border-radius: 40rpx 40rpx 0rpx 0rpx;
background: #FFFFFF;
background: #ffffff;
width: 100%;
height: 69vh;
padding: 40rpx 24rpx 0 24rpx;
@ -220,7 +211,7 @@
font-size: 28rpx;
font-weight: 500;
line-height: 48rpx;
color: #FEFEFE;
color: #fefefe;
overflow: hidden;
/* 隐藏溢出内容 */
white-space: nowrap;
@ -235,7 +226,7 @@
font-size: 28rpx;
font-weight: 500;
line-height: 48rpx;
color: #FEFEFE;
color: #fefefe;
}
}
@ -247,7 +238,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FEFEFE;
color: #fefefe;
}
}
@ -260,7 +251,7 @@
font-weight: 300;
line-height: 48rpx;
letter-spacing: normal;
color: #FEFEFE;
color: #fefefe;
max-width: 300rpx;
overflow: hidden;
display: -webkit-box;
@ -279,7 +270,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: rgba(254, 254, 254, 0.6);
color: rgba(254, 254, 254);
}
}
}
@ -310,7 +301,7 @@
font-size: 28rpx;
font-weight: 500;
line-height: 48rpx;
color: #FEFEFE;
color: #fefefe;
overflow: hidden;
/* 隐藏溢出内容 */
white-space: nowrap;
@ -325,7 +316,7 @@
font-size: 28rpx;
font-weight: 500;
line-height: 48rpx;
color: #FEFEFE;
color: #fefefe;
}
}
@ -337,7 +328,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FEFEFE;
color: #fefefe;
}
}
@ -352,7 +343,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FEFEFE;
color: #fefefe;
max-width: 300rpx;
overflow: hidden;
display: -webkit-box;
@ -371,7 +362,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: rgba(254, 254, 254, 0.6);
color: rgba(254, 254, 254);
}
}
}
@ -402,7 +393,7 @@
font-size: 28rpx;
font-weight: 500;
line-height: 48rpx;
color: #FEFEFE;
color: #fefefe;
overflow: hidden;
/* 隐藏溢出内容 */
white-space: nowrap;
@ -417,7 +408,7 @@
font-size: 28rpx;
font-weight: 500;
line-height: 48rpx;
color: #FEFEFE;
color: #fefefe;
}
}
@ -429,7 +420,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FEFEFE;
color: #fefefe;
}
}
@ -444,7 +435,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FEFEFE;
color: #fefefe;
max-width: 300rpx;
overflow: hidden;
display: -webkit-box;
@ -463,7 +454,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: rgba(254, 254, 254, 0.6);
color: rgba(254, 254, 254);
}
}
}
@ -477,7 +468,7 @@
align-items: center;
margin-top: 40rpx;
padding-bottom: 24rpx;
border-bottom: 2rpx solid #F2F0F0;
border-bottom: 2rpx solid #f2f0f0;
.rightpart {
width: 100%;
@ -497,7 +488,7 @@
font-weight: 500;
line-height: 48rpx;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
overflow: hidden;
/* 隐藏溢出内容 */
white-space: nowrap;
@ -516,7 +507,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: rgba(133, 132, 148, 0.8);
color: rgba(133, 132, 148);
}
}
@ -553,16 +544,16 @@
}
}
}
}
}
</style>
<style>
.u-box__right-top {
.u-box__right-top {
max-height: 50%;
overflow-y: hidden;
}
}
.u-box__right-bottom {
.u-box__right-bottom {
max-height: 50%;
overflow-y: hidden;
}
}
</style>

41
src/pages/index/tabsComm.vue
View File

@ -1,13 +1,7 @@
<template>
<view class="tabs-wrapper">
<!-- 固定显示的'全部'标签 -->
<view
class="tab-item"
:class="{ 'active': activeTab === 'all' }"
@click="handleTabSelect('all')"
>
全部
</view>
<view class="tab-item" :class="{ active: activeTab === 'all' }" @click="handleTabSelect('all')">全部</view>
<!-- 主显示区域 -->
<!-- <scroll-view
@ -19,21 +13,17 @@
v-for="(tab, index) in visibleTabs"
:key="tab.id"
class="tab-item"
:class="{ 'active': activeTab === tab.id }"
:class="{ active: activeTab === tab.id }"
@click="handleTabSelect(tab.id)"
>
{{ tab.title.slice(0,2) }}
{{ tab.title.slice(0, 2) }}
</view>
<!-- </scroll-view> -->
<!-- 更多按钮及下拉菜单 -->
<view
v-if="showMoreButton"
class="tab-item"
@click.stop="show=true"
>
<view v-if="showMoreButton" class="tab-item" @click.stop="show = true">
<text>更多 {{ dropdownVisible ? '▲' : '▼' }}</text>
<u-picker :show="show" :columns="hiddenTabs" keyName="title" @cancel="show=false" @confirm="confirm"></u-picker>
<u-picker :show="show" :columns="hiddenTabs" key-name="title" @cancel="show = false" @confirm="confirm"></u-picker>
<!-- <view
v-show="dropdownVisible"
class="dropdown-menu"
@ -71,16 +61,16 @@ const activeTab = ref('all')
const dropdownVisible = ref(false)
const dropdownRight = ref(0)
const containerWidth = ref(375) // 默认屏幕宽度
const show = ref(false);
const show = ref(false)
// 计算属性
const visibleTabs = computed(() => {
const filtered = props.tabsData.filter(t => t.id !== 'all')
const filtered = props.tabsData.filter((t) => t.id !== 'all')
return filtered.length <= 3 ? filtered : filtered.slice(0, 2)
})
const hiddenTabs = computed(() => {
const filtered = props.tabsData.filter(t => t.id !== 'all')
const filtered = props.tabsData.filter((t) => t.id !== 'all')
return [filtered.length > 3 ? filtered.slice(2) : []]
})
@ -103,7 +93,7 @@ const toggleDropdown = () => {
uni.getSystemInfo({
success: (res) => {
containerWidth.value = res.windowWidth
dropdownRight.value = (res.windowWidth - 80) // 动态计算右侧位置
dropdownRight.value = res.windowWidth - 80 // 动态计算右侧位置
}
})
}
@ -134,7 +124,6 @@ onUnmounted(() => {
display: flex;
align-items: center;
padding: 16rpx 0;
border-bottom: 1rpx solid #eee;
:last-child {
margin-right: 0 !important;
}
@ -152,10 +141,10 @@ onUnmounted(() => {
width: 25%;
box-sizing: border-box;
height: 60rpx;
padding: 0 42rpx;
padding: 0 34rpx;
margin-right: 38rpx;
border-radius: 124rpx;
background: #FFFFFF;
background: #f1f3f9;
font-family: Source Han Sans;
font-size: 28rpx;
font-weight: 350;
@ -164,11 +153,11 @@ onUnmounted(() => {
display: flex;
align-items: center;
letter-spacing: normal;
color: #007FFF;
color: #007fff;
&.active {
background: #007FFF;
color: #FFFFFF;
background: #007fff;
color: #ffffff;
}
}
@ -183,7 +172,7 @@ onUnmounted(() => {
min-width: 160rpx;
background: white;
border-radius: 8rpx;
box-shadow: 0 4rpx 24rpx rgba(0,0,0,0.1);
box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.1);
z-index: 999;
.dropdown-item {

57
src/pages/index/ztdetail.vue
View File

@ -1,52 +1,49 @@
<template>
<u-navbar :title="titleData.special_id_name?'“'+ titleData.special_id_name +'”'+'专题':''" placeholder="true" bgColor="#F1F3F9" :autoBack="true">
</u-navbar>
<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>
<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 class="fbtime">{{ titleData.create_time }}</view>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import {
specialListInfo,
bannerInfo
} from '@/api/index'
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { specialListInfo, bannerInfo } from '@/api/index'
const titleData = ref([])
const titleData = ref([])
onLoad(async(param) => {
if(param.type === 'zt') {
onLoad(async (param) => {
if (param.type === 'zt') {
const res = await specialListInfo(param.id)
if(res.code === 1) {
if (res.code === 1) {
titleData.value = res.data
}
} else {
const res = await bannerInfo(param.id)
if(res.code === 1) {
console.log(res);
if (res.code === 1) {
console.log(res)
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;
.container {
background-color: #ffffff;
height: calc(100vh - 182rpx);
width: 100%;
padding: 48rpx;
@ -59,7 +56,7 @@
font-family: Source Han Sans;
font-weight: 550;
font-size: 36rpx;
color: #0C092A;
color: #0c092a;
margin-left: 20rpx;
}
}
@ -70,7 +67,7 @@
font-weight: 300;
line-height: 60rpx;
letter-spacing: normal;
color: #3D3D3D;
color: #3d3d3d;
}
.fbtime {
font-family: Roboto;
@ -80,7 +77,7 @@
letter-spacing: normal;
/* 外部/SCMP Grey/nobel */
/* 样式描述：06 Small Grey txt */
color: #A1A1A1;
}
color: #a1a1a1;
}
}
</style>

122
src/pages/learningCenter/detail.vue
View File

@ -1,118 +1,114 @@
<template>
<view class="pagebox">
<view class="vidoepart" v-if="detailData.s_type === 1">
<video class="myVideo" :src="baseurl + detailData.video_path" @error="videoErrorCallback"
@timeupdate="onTimeUpdate"></video>
<video class="myVideo" :src="baseurl + detailData.video_path" @error="videoErrorCallback" @timeupdate="onTimeUpdate"></video>
</view>
<view class="main">
<text class="title" v-if="detailData.s_type === 2">{{detailData.title}}</text>
<text class="title" v-if="detailData.s_type === 2">{{ detailData.title }}</text>
<view class="peopnum">
<view class="left">
<image style="width: 26rpx;height: 28rpx;" src="@/static/img/gkrs.png" mode=""></image>
<image style="width: 26rpx; height: 28rpx" src="@/static/img/gkrs.png" mode=""></image>
<text class="txt">观看人数：</text>
<text class="num">{{detailData.watch_count}}</text>
<text class="num">{{ detailData.watch_count }}</text>
</view>
<view class="left">
<image style="width: 28rpx;height: 28rpx;" :src="issc?'/static/img/scrs.png':'/static/img/sc.png'"
mode="" @click="scClick"></image>
<image
style="width: 28rpx; height: 28rpx"
:src="issc ? '/static/img/scrs.png' : '/static/img/sc.png'"
mode=""
@click="scClick"
></image>
<text class="txt">收藏人数：</text>
<text class="num">{{detailData.collect_count}}</text>
<text class="num">{{ detailData.collect_count }}</text>
</view>
</view>
<view class="shqy">
<view class="head">
<image style="width: 12rpx;height: 32rpx;" src="@/static/img/shqy.png" mode=""></image>
<image style="width: 12rpx; height: 32rpx" src="@/static/img/shqy.png" mode=""></image>
<text class="text">适合企业</text>
</view>
<view class="cards">
<view class="card" v-for="(item,index) in JSON.parse(detailData.suitable)" :key="index">
<text class="lcxb">{{item.title}}</text>
<text class="bz">{{item.describe}}</text>
<view class="card" v-for="(item, index) in JSON.parse(detailData.suitable)" :key="index">
<text class="lcxb">{{ item.title }}</text>
<text class="bz">{{ item.describe }}</text>
</view>
</view>
</view>
<text class="title" v-if="detailData.s_type === 1">{{detailData.title}}</text>
<text class="message">{{detailData.introduction}}</text>
<text class="title" v-if="detailData.s_type === 1">{{ detailData.title }}</text>
<text class="message">{{ detailData.introduction }}</text>
</view>
</view>
</template>
<script setup>
import {
studyCenterDetail,
watchCount,
studyRecord,
isCollect,
collect,
removeCollect
} from '@/api/learningCenter'
import { studyCenterDetail, watchCount, studyRecord, isCollect, collect, removeCollect } from '@/api/learningCenter'
const baseurl = import.meta.env.VITE_APP_BASE_URL + '/'
const baseurl = import.meta.env.VITE_APP_BASE_URL + '/'
const detailData = ref({})
const detailData = ref({})
const issc = ref(false)
const issc = ref(false)
const kcid = ref(0)
const kcid = ref(0)
const videoErrorCallback = (e) => {
const videoErrorCallback = (e) => {
uni.showModal({
content: e.target.errMsg,
showCancel: false
})
}
}
const scClick = async() => {
const scClick = async () => {
issc.value = !issc.value
if(issc.value) {
await collect({"item_id": kcid.value})
if (issc.value) {
detailData.value.collect_count += 1
await collect({ item_id: kcid.value })
} else {
await removeCollect({"item_id": kcid.value})
}
}
const percent = ref('')
const onTimeUpdate = (e) => {
const currentTime = e.detail.currentTime;
const duration = e.detail.duration;
percent.value = (currentTime / duration * 100).toFixed(2); // 保留两位小数
}
onLoad(async (param) => {
detailData.value.collect_count -= 1
await removeCollect({ item_id: kcid.value })
}
}
const percent = ref('')
const onTimeUpdate = (e) => {
const currentTime = e.detail.currentTime
const duration = e.detail.duration
percent.value = ((currentTime / duration) * 100).toFixed(2) // 保留两位小数
}
onLoad(async (param) => {
detailData.value = []
kcid.value = param.id
await watchCount({
'id': param.id
id: param.id
})
await studyCenterDetail(param.id).then(async (res) => {
if (res.code === 1) {
detailData.value = res.data
if (res.data.s_type === 1) {
} else {
await studyRecord({
'id': param.id,
'progress': '100'
id: param.id,
progress: '100'
})
}
await isCollect({"id": param.id}).then((res1)=> {
await isCollect({ id: param.id }).then((res1) => {
issc.value = res1.data
})
}
})
})
onBeforeUnmount(async ()=> {
if(detailData.value.s_type === 1) {
})
onBeforeUnmount(async () => {
if (detailData.value.s_type === 1) {
await studyRecord({
'id': kcid.value,
'progress': percent.value
id: kcid.value,
progress: percent.value
})
}
})
})
</script>
<style scoped lang="scss">
.pagebox {
.pagebox {
height: 100vh;
.vidoepart {
@ -159,7 +155,7 @@
align-items: center;
letter-spacing: normal;
/* 观看人数： */
color: #007FFF;
color: #007fff;
}
}
}
@ -182,7 +178,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0072FF;
color: #0072ff;
}
}
@ -196,9 +192,9 @@
flex: 0 1 calc(50% - 13rpx);
height: 144rpx;
border-radius: 24rpx;
background: #FAFDFF;
background: #fafdff;
box-sizing: border-box;
border: 8rpx solid #DBEDFF;
border: 8rpx solid #dbedff;
display: grid;
justify-items: center;
align-items: center;
@ -208,7 +204,7 @@
font-size: 30rpx;
font-weight: normal;
letter-spacing: normal;
color: #007FFF;
color: #007fff;
}
.bz {
@ -229,7 +225,7 @@
font-weight: 350;
line-height: 80rpx;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.message {
@ -242,9 +238,9 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
color: #3d3d3d;
line-height: 60rpx;
}
}
}
}
</style>

246
src/pages/learningCenter/index.vue
View File

@ -1,50 +1,71 @@
<template>
<view class="container">
<view class="xxqd">
<view class="head">
你的学习清单
</view>
<view class="head">你的学习清单</view>
<view class="main">
<view class="text">
距离上次学习已经
<text class="hongzi"> {{learntime.days}}</text>天
<text class="hongzi"> {{learntime.hours}}</text>时
<text class="hongzi"> {{learntime.minutes}}</text>分
<text class="hongzi">{{ learntime.days }}</text>
天
<text class="hongzi">{{ learntime.hours }}</text>
时
<text class="hongzi">{{ learntime.minutes }}</text>
分
</view>
<view class="xxls" v-if="xxList.length !== 0">
<view class="xxone" v-for="(item,index) in xxList.slice(0,3)" :key="index" @click="kcClick('h',item)">
<u-image style="width: 100%;height: 238rpx;border-radius: 16rpx;"
:src="baseurl + '/' +item.study_center_index_pic" mode="" width="100%" height="238rpx" radius="4">
<view class="xxone" v-for="(item, index) in xxList.slice(0, 3)" :key="index" @click="kcClick('h', item)">
<u-image
style="width: 100%; height: 238rpx; border-radius: 16rpx"
:src="baseurl + '/' + item.study_center_index_pic"
mode=""
width="100%"
height="238rpx"
radius="4"
>
<template v-slot:else>
<image v-if="item.s_type === 1" style="width: 55rpx;height: 55rpx;" src="@/static/img/bof.png" mode=""></image>
<image v-if="item.s_type === 1" style="width: 55rpx; height: 55rpx" src="@/static/img/bof.png" mode=""></image>
</template>
</u-image>
<view class="xxjd">
已学{{item.progress}}%
</view>
<view class="xxjd">已学{{ item.progress }}%</view>
</view>
</view>
<view class="xxls" v-else>
无学习历史记录
<view class="xxls" v-else>无学习历史记录</view>
</view>
</view>
</view>
<u-tabs :list="tabList" :lineWidth="34" :lineHeight="4" lineColor="#007FFF"
:activeStyle="{color: '#0C092A',fontWeight: '600',fontSize: '34rpx'}"
:inactiveStyle="{color: '#858494',fontWeight: '350',fontSize: '30rpx'}" @click="tabClick"></u-tabs>
<u-search @search="search" @clickIcon="clickIcon" @clear="clear" shape="square" placeholder="请输入搜索内容"
placeholderColor="#088cff" v-model="keyword" searchIcon="/static/img/search.png" searchIconSize="14"
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx"></u-search>
<u-tabs
:list="tabList"
:line-width="34"
:line-height="4"
line-color="#007FFF"
key-name="title"
:active-style="{ color: '#0C092A', fontWeight: '600', fontSize: '34rpx' }"
:inactive-style="{ color: '#858494', fontWeight: '350', fontSize: '30rpx' }"
@click="tabClick"
></u-tabs>
<u-search
@search="search"
@clickIcon="clickIcon"
@clear="clear"
shape="square"
placeholder="请输入搜索内容"
placeholder-color="#088cff"
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>
<view class="KClist">
<view class="kcone" v-for="(item,index) in kcList" :key="index" @click="kcClick('l',item)">
<view class="kcone" v-for="(item, index) in kcList" :key="index" @click="kcClick('l', item)">
<image class="img" :src="baseurl + item.index_pic" mode=""></image>
<view class="right">
<text class="title">{{item.title}}</text>
<text class="txt">{{item.introduction}}</text>
<text class="title">{{ item.title }}</text>
<text class="txt">{{ item.introduction }}</text>
<view class="bottompart">
<text class="gtsy">{{item.publisher}}</text>
<text class="data">{{ item.create_time.slice(0,10)}}</text>
<text class="gtsy">{{ item.publisher }}</text>
<text class="data">{{ item.create_time.slice(0, 10) }}</text>
</view>
</view>
</view>
@ -53,80 +74,68 @@
</template>
<script setup>
import {
ref,
watch
} from 'vue'
import {
myStudy,
studyCenter
} from '@/api/learningCenter'
const baseurl = import.meta.env.VITE_APP_BASE_URL + '/'
const learntime = ref({
import { ref, watch } from 'vue'
import { myStudy, studyCenter, studyCenterCategory } from '@/api/learningCenter'
const baseurl = import.meta.env.VITE_APP_BASE_URL + '/'
const learntime = ref({
days: 0,
hours: 0,
minutes: 0
})
})
const xxList = ref([])
const keyword = ref('')
const xxList = ref([])
const keyword = ref('')
const tabIndex = ref('')
const tabList = ref([{
name: '推荐'
},
const tabIndex = ref('')
const tabList = ref([
{
name: '视频课'
},
{
name: '图文课'
id: '',
title: '推荐'
}
])
const kcList = ref([])
])
const kcList = ref([])
const tabClick = (item) => {
const tabClick = (item) => {
keyword.value = ''
if(item.index === 0) {
if (item.index === 0) {
tabIndex.value = ''
getcenterList(1, keyword.value, tabIndex.value, 1, 10)
} else {
tabIndex.value = item.index
tabIndex.value = item.id
getcenterList('', keyword.value, tabIndex.value, 1, 10)
}
}
}
const search = (val) => {
if(tabIndex.value !== '') {
const search = (val) => {
if (tabIndex.value !== '') {
getcenterList('', keyword.value, tabIndex.value, 1, 10)
} else {
getcenterList(1, keyword.value, tabIndex.value, 1, 10)
}
}
}
const clickIcon = () => {
if(tabIndex.value !== '') {
const clickIcon = () => {
if (tabIndex.value !== '') {
getcenterList('', keyword.value, tabIndex.value, 1, 10)
} else {
getcenterList(1, keyword.value, tabIndex.value, 1, 10)
}
}
}
const clear = () => {
const clear = () => {
keyword.value = ''
if(tabIndex.value !== '') {
if (tabIndex.value !== '') {
getcenterList('', keyword.value, tabIndex.value, 1, 10)
} else {
getcenterList(1, keyword.value, tabIndex.value, 1, 10)
}
}
}
const kcClick = (type,item) => {
if(type === 'h') {
const kcClick = (type, item) => {
if (type === 'h') {
uni.navigateTo({
url: '/pages/learningCenter/detail?id=' + item.study_center_id
})
@ -135,76 +144,73 @@
url: '/pages/learningCenter/detail?id=' + item.id
})
}
}
}
const useTimeDiff = (targetDateStr) => {
const days = ref(0)
const hours = ref(0)
const minutes = ref(0)
const useTimeDiff = (targetDateStr) => {
const days = ref(0);
const hours = ref(0);
const minutes = ref(0);
const targetDate = new Date(targetDateStr.replace(/-/g, '/'))
const now = new Date()
const diffMs = now - targetDate
const targetDate = new Date(targetDateStr.replace(/-/g, '/'));
const now = new Date();
const diffMs = now - targetDate;
days.value = Math.max(0, Math.floor(diffMs / 86400000));
hours.value = Math.max(0, Math.floor((diffMs % 86400000) / 3600000));
minutes.value = Math.max(0, Math.floor((diffMs % 3600000) / 60000));
days.value = Math.max(0, Math.floor(diffMs / 86400000))
hours.value = Math.max(0, Math.floor((diffMs % 86400000) / 3600000))
minutes.value = Math.max(0, Math.floor((diffMs % 3600000) / 60000))
return {
days,
hours,
minutes
}
}
}
const getcenterList = async (recommend, title, type, page, limit) => {
const getcenterList = async (recommend, title, type, page, limit) => {
await studyCenter(recommend, title, type, page, limit).then((res) => {
if (res.code === 1) {
kcList.value = res.data.data
}
})
}
const spliceval = (val,f,l) => {
return val.splice(f,l)
}
}
const spliceval = (val, f, l) => {
return val.splice(f, l)
}
onShow(async () => {
onShow(async () => {
const res = await myStudy()
if (res.code === 1) {
xxList.value = res.data
if (res.data.length !== 0) {
const {
days,
hours,
minutes
} = useTimeDiff(res.data[0]?.update_time);
const { days, hours, minutes } = useTimeDiff(res.data[0]?.update_time)
learntime.value.days = days.value
learntime.value.hours = hours.value
learntime.value.minutes = minutes.value
}
}
if(tabIndex.value !== '') {
if (tabIndex.value !== '') {
getcenterList('', keyword.value, tabIndex.value, 1, 10)
} else {
getcenterList(1, keyword.value, tabIndex.value, 1, 10)
}
studyCenterCategory().then((rre) => {
tabList.value = [...tabList.value, ...rre.data]
})
})
</script>
<style scoped lang="scss">
.container {
.container {
padding: 24rpx;
background: linear-gradient(0deg, #F1F3F9 72%, rgba(241, 243, 249, 0.2) 88%);
background: linear-gradient(0deg, #f1f3f9 72%, rgba(241, 243, 249, 0.2) 88%);
height: 100vh;
box-sizing: border-box;
overflow-y: auto;
}
}
.xxqd {
.xxqd {
display: grid;
justify-items: center;
align-items: center;
@ -223,7 +229,7 @@
font-weight: 350;
line-height: 30rpx;
letter-spacing: normal;
color: #FFFFFF;
color: #ffffff;
z-index: 1;
}
@ -231,9 +237,9 @@
width: 100%;
height: 410rpx;
border-radius: 48rpx;
background: #FFFAF7;
background: #fffaf7;
box-sizing: border-box;
border: 12rpx solid #DBEDFF;
border: 12rpx solid #dbedff;
padding: 60rpx 24rpx 54rpx 24rpx;
margin-top: -40rpx;
display: grid;
@ -249,7 +255,7 @@
line-height: 28rpx;
letter-spacing: normal;
/* 距离上次学习已经 */
color: #0C092A;
color: #0c092a;
}
.hongzi {
@ -260,7 +266,7 @@
line-height: 28rpx;
letter-spacing: normal;
/* 距离上次学习已经 */
color: #FE0000;
color: #fe0000;
}
.xxls {
@ -287,7 +293,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
color: #ffffff;
display: grid;
justify-content: center;
align-items: center;
@ -295,16 +301,16 @@
}
}
}
}
}
.KClist {
.KClist {
display: grid;
.kcone {
width: 100%;
height: 284rpx;
border-radius: 32rpx;
background: #FFFFFF;
background: #ffffff;
display: flex;
margin-top: 30rpx;
box-sizing: border-box;
@ -334,7 +340,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.txt {
@ -365,7 +371,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #007FFF;
color: #007fff;
}
.data {
@ -381,20 +387,20 @@
}
}
}
}
}
</style>
<style>
.u-search {
.u-search {
margin: 20rpx 0rpx 0 0 !important;
}
}
.u-search__content {
background-color: #FFFFFF !important;
.u-search__content {
background-color: #ffffff !important;
border-radius: 16rpx !important;
height: 90rpx !important;
}
}
.u-search__content__input {
background-color: #FFFFFF !important;
}
.u-search__content__input {
background-color: #ffffff !important;
}
</style>

42
src/pages/learningCenter/useTimeDiff.js
View File

@ -1,31 +1,27 @@
import { ref, onMounted, onUnmounted } from 'vue';
import { ref, onMounted, onUnmounted } from 'vue'
export default function useTimeDiff(targetDateStr) {
const days = ref(0);
const hours = ref(0);
const minutes = ref(0);
const days = ref(0)
const hours = ref(0)
const minutes = ref(0)
const calculateDiff = () => {
const targetDate = new Date(targetDateStr.replace(/-/g, '/'));
const now = new Date();
const diffMs = now - targetDate;
days.value = Math.max(0, Math.floor(diffMs / 86400000));
hours.value = Math.max(0, Math.floor((diffMs % 86400000) / 3600000));
minutes.value = Math.max(0, Math.floor((diffMs % 3600000) / 60000));
};
let timer;
const targetDate = new Date(targetDateStr.replace(/-/g, '/'))
const now = new Date()
const diffMs = now - targetDate
days.value = Math.max(0, Math.floor(diffMs / 86400000))
hours.value = Math.max(0, Math.floor((diffMs % 86400000) / 3600000))
minutes.value = Math.max(0, Math.floor((diffMs % 3600000) / 60000))
}
let timer
onMounted(() => {
calculateDiff();
timer = setInterval(calculateDiff, 60000);
});
calculateDiff()
timer = setInterval(calculateDiff, 60000)
})
onUnmounted(() => {
clearInterval(timer);
});
clearInterval(timer)
})
return { days, hours, minutes };
return { days, hours, minutes }
}

74
src/pages/login/login.vue
View File

@ -1,14 +1,14 @@
<script setup lang="ts">
import { debounce } from 'feng-uniapp-exploit/utils/index'
import { mobileAuth } from '@/api/login'
import { debounce } from 'feng-uniapp-exploit/utils/index'
import { mobileAuth } from '@/api/login'
import useUserStore from '@/store/user'
const userStore = useUserStore()
import useUserStore from '@/store/user'
const userStore = useUserStore()
const loginCode = ref('')
const loginCode = ref('')
// 获取微信登录 code
const getLoginCode = async () : Promise<string> => {
// 获取微信登录 code
const getLoginCode = async (): Promise<string> => {
try {
const res = await uni.login({ provider: 'weixin' })
loginCode.value = res.code
@ -17,14 +17,14 @@
console.error('获取登录code失败:', error)
throw error
}
}
}
// 处理获取手机号
// 处理获取手机号
interface phoneEvent {
detail : { errMsg : string; iv : string; encryptedData : string; code : string }
}
const onGetPhoneNumber = debounce(async (e : phoneEvent) => {
interface phoneEvent {
detail: { errMsg: string; iv: string; encryptedData: string; code: string }
}
const onGetPhoneNumber = debounce(async (e: phoneEvent) => {
if (e.detail.errMsg.includes('fail')) {
uni.showToast({ title: '用户拒绝授权', icon: 'none' })
return
@ -38,8 +38,8 @@
}
mobileAuth({ openid: userStore.openId, code: e.detail.code })
.then((res : any) => {
const { data: moblie } = res as { data : string }
.then((res: any) => {
const { data: moblie } = res as { data: string }
userStore.mobile = moblie
uni.setStorageSync('access_token', res.data.token)
userStore.getUserInfo()
@ -51,9 +51,9 @@
} catch (error) {
uni.showToast({ title: '登录失败', icon: 'none' })
}
})
})
const onLoginSuccess = () => {
const onLoginSuccess = () => {
uni.showToast({
title: '登录成功',
icon: 'none',
@ -66,39 +66,41 @@
}, 1000)
}
})
}
}
const goback = ()=> {
const goback = () => {
uni.switchTab({
url: '/pages/index/index'
})
}
onLoad((options : any) => {
})
}
onLoad((options: any) => {})
onShow(() => {
onShow(() => {
// if (userStore.mobile) {
// onLoginSuccess()
// }
})
})
</script>
<template>
<view class="login">
<!-- <image class="logo-img" src="@/static/logo.png" mode="widthFix" /> -->
<text>惠企帮欢迎您</text>
<view class="btn_box">
<u-button @getphonenumber="onGetPhoneNumber" text="手机号登录" icon-color="#fff" open-type="getPhoneNumber"
color="linear-gradient(270deg, rgba(232, 123, 7, 1) 0%, rgba(247, 205, 77, 1) 100%)" shape="circle" />
<view class="backindex" @click="goback">
返回主页
</view>
<u-button
@getphonenumber="onGetPhoneNumber"
text="手机号登录"
icon-color="#fff"
open-type="getPhoneNumber"
color="linear-gradient(270deg, rgba(232, 123, 7, 1) 0%, rgba(247, 205, 77, 1) 100%)"
shape="circle"
/>
<view class="backindex" @click="goback">返回主页</view>
</view>
</view>
</template>
<style scoped lang="scss">
.login {
.login {
width: 100%;
height: 100vh;
overflow: hidden;
@ -112,11 +114,11 @@
width: 220rpx;
margin-bottom: 60rpx;
}
}
.btn_box {
}
.btn_box {
margin-top: 60rpx;
}
.backindex {
}
.backindex {
margin-top: 20px;
}
}
</style>

187
src/pages/memberCenter/index.vue
View File

@ -1,88 +1,103 @@
<template>
<view class="container">
<u-navbar title="会员中心" placeholder="true" bgColor="#F1F3F9" leftIcon="man-add-fill" leftIconSize="24"
leftText="申请入会" @leftClick="leftClick">
</u-navbar>
<u-search @search="search" @clickIcon="clickIcon" @clear="clear" shape="square" placeholder="请输入搜索内容"
placeholderColor="#A9D4FF" v-model="keyword" searchIcon="/static/img/search.png" searchIconSize="14"
:showAction="false" height="40" margin="40rpx 24rpx 24rpx 24rpx" bgColor="#FFFFFF"></u-search>
<u-tabs :list="filterTabs" :activeStyle="{color: '#0C092A',fontsize: '30rpx'}" keyName="title"
@click="handleTabSelect"></u-tabs>
<u-navbar
title="会员中心"
placeholder="true"
bg-color="#F1F3F9"
left-icon="man-add-fill"
left-icon-size="24"
left-text="申请入会"
@leftClick="leftClick"
></u-navbar>
<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>
<u-tabs
:list="filterTabs"
:current="current"
:active-style="{ color: '#0C092A', fontsize: '30rpx' }"
key-name="title"
@click="handleTabSelect"
></u-tabs>
<view class="main">
<scroll-view scroll-y="auto" class="hyonne" @scrolltolower="onloadmore">
<view class="hyCard" v-for="(item,index) in hyList" :key="index" @click="godetail(item.id)">
<view class="hyCard" v-for="(item, index) in hyList" :key="index" @click="godetail(item.id)">
<view class="left">
<u-avatar :src="baseurl+item.head_pic" size="64"></u-avatar>
<u-avatar :src="baseurl + item.head_pic" size="64"></u-avatar>
<view class="textpart">
<view class="namepart">
<text class="name">{{item.name}}</text>
<view class="biaoq"
:style="{background: `linear-gradient(0deg, ${item.member_tag_color} 0%, #dcdcdc70 100%)`}">
{{item.member_tag_title}}
<text class="name">{{ item.name }}</text>
<view class="biaoq" :style="{ background: `linear-gradient(0deg, ${item.member_tag_color} 0%, #dcdcdc70 100%)` }">
{{ item.member_tag_title }}
</view>
</view>
<text class="company">{{item.enterprise?item.enterprise[0].title:'无'}}</text>
<text class="company">{{ item.enterprise ? item.enterprise[0].title : '无' }}</text>
</view>
</view>
<image style="width: 48rpx;height: 48rpx;" src="@/static/img/Icon.png" mode=""></image>
<image style="width: 48rpx; height: 48rpx" src="@/static/img/Icon.png" mode=""></image>
</view>
</scroll-view>
</view>
</view>
</template>
<script setup>
import {
ref
} from 'vue';
import tabsComm from '../index/tabsComm.vue'
import {
memberTagList,
memberCenter
} from '@/api/memberCenter'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
import { ref } from 'vue'
import tabsComm from '../index/tabsComm.vue'
import { memberTagList, memberCenter } from '@/api/memberCenter'
// 响应式数据
const keyword = ref('');
const page = ref(1)
const pagesize = ref(6)
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL + '/')
// 响应式数据
const keyword = ref('')
const page = ref(1)
const pagesize = ref(6)
const current = ref(0)
const search = async (val) => {
const search = async (val) => {
page.value = 1
pagesize.value = 6
await getMemberCenter(currentTab.value.id, keyword.value, page.value, pagesize.value)
}
await getMemberCenter(currentTab.value, keyword.value, page.value, pagesize.value)
}
const clickIcon = async () => {
const clickIcon = async () => {
page.value = 1
pagesize.value = 6
await getMemberCenter(currentTab.value.id, keyword.value, page.value, pagesize.value)
}
await getMemberCenter(currentTab.value, keyword.value, page.value, pagesize.value)
}
const clear = async () => {
const clear = async () => {
page.value = 1
pagesize.value = 6
await getMemberCenter(currentTab.value.id, keyword.value, page.value, pagesize.value)
}
await getMemberCenter(currentTab.value, keyword.value, page.value, pagesize.value)
}
const hyList = ref([])
const hyList = ref([])
const currentTab = ref('全部');
const currentTab = ref('0')
// 选项卡配置（第一个必须是"全部"）
const filterTabs = ref([{
// 选项卡配置（第一个必须是"全部"）
const filterTabs = ref([
{
id: 0,
title: '全部'
}]);
}
])
const leftClick = () => {
const leftClick = () => {
if (uni.getStorageSync('access_token') === '') {
uni.showToast({
title: '请登录',
@ -93,68 +108,70 @@
url: '/pages/memberCenter/inpart'
})
}
}
}
// 处理选项卡选择
const handleTabSelect = async (tab) => {
// 处理选项卡选择
const handleTabSelect = async (tab) => {
page.value = 1
pagesize.value = 6
currentTab.value = tab;
currentTab.value = tab.id
// 这里可以添加数据加载逻辑
await getMemberCenter(tab.id, '', page.value, pagesize.value)
};
}
const godetail = (id) => {
const godetail = (id) => {
uni.navigateTo({
url: '/pages/index/shoppage/mediaDetail?id=' + id
})
}
}
const getbqlist = async () => {
filterTabs.value = [{
const getbqlist = async () => {
filterTabs.value = [
{
id: 0,
title: '全部'
}]
}
]
await memberTagList().then((res) => {
filterTabs.value = [...filterTabs.value, ...res.data]
console.log(res.data);
console.log(res.data)
})
}
}
const getMemberCenter = async (id, name, page, limit) => {
const getMemberCenter = async (id, name, page, limit) => {
let params = {
'member_tag_id': id,
'name': name,
'page': page,
'limit': limit
member_tag_id: id,
name: name,
page: page,
limit: limit
}
await memberCenter(params).then((res) => {
hyList.value = res.data.data
})
}
}
const onloadmore = async () => {
const onloadmore = async () => {
page.value++
let params = {
'member_tag_id': currentTab.value.id,
'name': keyword.value,
'page': page.value,
'limit': pagesize.value
member_tag_id: currentTab.value.id,
name: keyword.value,
page: page.value,
limit: pagesize.value
}
await memberCenter(params).then((res) => {
hyList.value = [...hyList.value, ...res.data.data]
})
}
}
onShow(async () => {
onLoad(async () => {
await getbqlist()
await getMemberCenter('', '', page.value, pagesize.value)
})
})
</script>
<style scoped lang="scss">
.container {
background: linear-gradient(0deg, #F1F3F9 72%, rgba(129, 179, 222, 0.5) 88%);
.container {
background: linear-gradient(0deg, #f1f3f9 72%, rgba(129, 179, 222, 0.5) 88%);
height: 100vh;
width: 100%;
overflow-y: auto;
@ -171,7 +188,7 @@
width: 100%;
height: 160rpx;
border-radius: 24rpx;
background: #FFFFFF;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
@ -200,7 +217,7 @@
line-height: 150%;
letter-spacing: normal;
/* 外部/Neutral/Black */
color: #0C092A;
color: #0c092a;
}
.biaoq {
@ -214,7 +231,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
color: #ffffff;
text-shadow: 0rpx 4rpx 4rpx rgba(0, 0, 0, 0.2);
}
}
@ -235,16 +252,16 @@
}
:deep(.u-icon__icon) {
color: #007FFF !important;
}
color: #007fff !important;
}
}
.hdzq {
.hdzq {
width: 182rpx;
height: 80rpx;
position: fixed;
right: 0;
top: 70%;
margin-right: -14rpx;
}
}
</style>

243
src/pages/memberCenter/inpart.vue
View File

@ -1,45 +1,69 @@
<template>
<view class="container">
<view class="formlist">
<u-form :model="form" ref="uFormRef" labelPosition="top" :rules="rules">
<u-form :model="form" ref="uFormRef" label-position="top" :rules="rules">
<u-form-item label="姓名" prop="name">
<u-input v-model="form.name" placeholder="请输入真实姓名" placeholderStyle="color: #D3D3D3;" />
<u-input v-model="form.name" placeholder="请输入真实姓名" placeholder-style="color: #D3D3D3;" />
</u-form-item>
<u-form-item label="会员标签" prop="member_tag_id">
<u-input v-model="member_tag_name" placeholder="请选择" placeholderStyle="color: #D3D3D3;" disabled disabledColor="#ffffff"
suffixIcon="arrow-down" @tap="show=true"/>
<u-picker :show="show" :columns="columns" @confirm="confirm" @cancel="show=false"
keyName="title"></u-picker>
<u-input
v-model="member_tag_name"
placeholder="请选择"
placeholderStyle="color: #D3D3D3;"
disabled
disabled-color="#ffffff"
suffixIcon="arrow-down"
@tap="show = true"
/>
<u-picker :show="show" :columns="columns" @confirm="confirm" @cancel="show = false" keyName="title"></u-picker>
</u-form-item>
<u-form-item label="身份类型" prop="identity">
<u-input v-model="identityname" placeholder="请选择" placeholderStyle="color: #D3D3D3;" disabled disabledColor="#ffffff"
suffixIcon="arrow-down" @tap="idshow=true" />
<u-picker :show="idshow" :columns="idcolumns" @confirm="idconfirm"
@cancel="idshow=false"></u-picker>
<u-input
v-model="identityname"
placeholder="请选择"
placeholderStyle="color: #D3D3D3;"
disabled
disabled-color="#ffffff"
suffixIcon="arrow-down"
@tap="idshow = true"
/>
<u-picker :show="idshow" :columns="idcolumns" @confirm="idconfirm" @cancel="idshow = false"></u-picker>
</u-form-item>
<view class="cardbox" v-if="ishowcommany">
<view v-for="(group, index) in inputGroups" :key="index" class="input-group">
<view class="inputs" @click="beforeRead(index)">
公司性质
<input class="inputclass" placeholder-class="inputplacla" disabled disabledColor="#ffffff"
:value="group.type==1 ? '其他(自由职业者等)' : (group.type===2 ? '个体工商户' : (group.type===3 ? '民营企业' : '') )"
placeholder="民营企业、个体工商户、其它（自由职业者等）" @tap="qyshow = true" />
<u-action-sheet :actions="qylist" title="请选择关联企业类型" :show="qyshow" @select="qyClick"
@close="qyshow = false"></u-action-sheet>
<input
class="inputclass"
placeholder-class="inputplacla"
disabled
disabledColor="#ffffff"
:value="group.type == 1 ? '其他(自由职业者等)' : group.type === 2 ? '个体工商户' : group.type === 3 ? '民营企业' : ''"
placeholder="民营企业、个体工商户、其它（自由职业者等）"
@tap="qyshow = true"
/>
<u-action-sheet
:actions="qylist"
title="请选择关联企业类型"
:show="qyshow"
@select="qyClick"
@close="qyshow = false"
></u-action-sheet>
公司名称
<input class="inputclass" placeholder-class="inputplacla" v-model="group.title"
placeholder="请输入真实公司名称" />
<input class="inputclass" placeholder-class="inputplacla" v-model="group.title" placeholder="请输入真实公司名称" />
营业执照
<u-upload class="uploadbox" @afterRead="afterRead" :maxCount="1" :imageMode="'heightFix'"
:width="auto" :height="144">
<u-upload class="uploadbox" @afterRead="afterRead" :maxCount="1" :imageMode="'heightFix'" :width="auto" :height="144">
<view class="yyzz" v-if="group.license === ''">
<image style="width: 40rpx;height: 40rpx;" src="@/static/img/yyzz.png" mode="">
</image>
<image style="width: 40rpx; height: 40rpx" src="@/static/img/yyzz.png" mode=""></image>
上传营业执照
</view>
<image v-else @click="beforeRead(index)"
style="width: 100%;height: 288rpx;margin-top: 12rpx;"
:src="baseurl+ '/' + group.license" mode="scaleToFill"></image>
<image
v-else
@click="beforeRead(index)"
style="width: 100%; height: 288rpx; margin-top: 12rpx"
:src="baseurl + '/' + group.license"
mode="scaleToFill"
></image>
</u-upload>
</view>
<view v-if="index > 0" class="remove-btn" @click="removeGroup(index)">-</view>
@ -47,65 +71,64 @@
<button @click="addGroup" class="add-btn">+ 添加一组</button>
</view>
<u-form-item label="个人介绍" prop="introduce">
<u-textarea v-model="form.introduce" autoHeight placeholder="请输入个人介绍"
placeholderStyle="color: #D3D3D3;"></u-textarea>
<u-textarea v-model="form.introduce" autoHeight placeholder="请输入个人介绍" placeholderStyle="color: #D3D3D3;"></u-textarea>
</u-form-item>
<u-form-item label="个人二维码" prop="wx_code">
<u-upload class="uploadbox" @afterRead="afterRead1" :maxCount="1" :imageMode="'heightFix'"
:width="auto" :height="144">
<u-upload class="uploadbox" @afterRead="afterRead1" :maxCount="1" :imageMode="'heightFix'" :width="auto" :height="144">
<view class="yyzz" v-if="form.wx_code === ''">
<image style="width: 40rpx;height: 40rpx;" src="@/static/img/yyzz.png" mode=""></image>
<image style="width: 40rpx; height: 40rpx" src="@/static/img/yyzz.png" mode=""></image>
请上传可以联系到自己的微信二维码
</view>
<image v-else style="width: 100%;height: 600rpx;margin-top: 12rpx;"
:src="baseurl+ '/' + form.wx_code" mode="scaleToFill"></image>
<image
v-else
style="width: 100%; height: 600rpx; margin-top: 12rpx"
:src="baseurl + '/' + form.wx_code"
mode="scaleToFill"
></image>
</u-upload>
</u-form-item>
</u-form>
</view>
<view class="sumitbotton">
<view class="button" @click="submit">
确认提交
</view>
<view class="button" @click="submit">确认提交</view>
</view>
</view>
</template>
<script setup>
import {
import {
ref
} from 'vue';
import {
} from 'vue';
import {
memberTagList,
memberApply
} from '@/api/memberCenter'
import {
} from '@/api/memberCenter'
import {
onShow
} from '@dcloudio/uni-app';
} from '@dcloudio/uni-app';
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL)
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL)
// 响应式表单数据
const form = ref({
// 响应式表单数据
const form = ref({
name: '',
member_tag_id: '',
identity: '',
introduce: '',
wx_code: '',
enterprise: ''
});
const member_tag_name = ref('')
const identityname = ref('')
});
const ishowcommany = ref(false)
const member_tag_name = ref('')
const identityname = ref('')
const ishowcommany = ref(false)
const show = ref(false);
const columns = ref([]);
const show = ref(false);
const columns = ref([]);
const idshow = ref(false);
const idcolumns = ref([
const idshow = ref(false);
const idcolumns = ref([
[{
id: 1,
text: '其他(自由职业者等)'
@ -117,12 +140,11 @@
{
id: 3,
text: '民营企业'
}
]
]);
}]
]);
// 校验规则
const rules = {
// 校验规则
const rules = {
name: [{
required: true,
message: '请输入姓名',
@ -148,24 +170,24 @@
message: '请上传个人二维码',
trigger: ['blur', 'change'],
}, ],
};
};
const inputGroups = ref([{
const inputGroups = ref([{
type: '',
title: '',
license: ''
}])
}])
const addGroup = () => {
const addGroup = () => {
inputGroups.value.push({
type: '',
title: '',
license: ''
})
}
}
const qyshow = ref(false)
const qylist = ref([{
const qyshow = ref(false)
const qylist = ref([{
id: 1,
name: '其他(自由职业者等)',
},
@ -176,22 +198,21 @@
{
id: 3,
name: '民营企业',
}
]);
const qyClick = async (val) => {
}]);
const qyClick = async (val) => {
inputGroups.value[upclickindex.value].type = val.id
}
}
const removeGroup = (index) => {
const removeGroup = (index) => {
inputGroups.value.splice(index, 1)
}
}
const upclickindex = ref(0)
const beforeRead = (index) => {
const upclickindex = ref(0)
const beforeRead = (index) => {
upclickindex.value = index
}
}
const afterRead = async (e) => {
const afterRead = async (e) => {
uni.uploadFile({
url: import.meta.env.VITE_APP_BASE_URL + '/api/file/image',
filePath: e.file.url,
@ -208,9 +229,9 @@
console.log('失败', res);
}
})
}
}
const afterRead1 = async (e) => {
const afterRead1 = async (e) => {
uni.uploadFile({
url: import.meta.env.VITE_APP_BASE_URL + '/api/file/image',
filePath: e.file.url,
@ -227,19 +248,19 @@
console.log('失败', res);
}
})
}
}
// 表单引用
const uFormRef = ref(null);
// 表单引用
const uFormRef = ref(null);
const confirm = (val) => {
const confirm = (val) => {
console.log(val.value[0]);
member_tag_name.value = val.value[0].title
form.value.member_tag_id = val.value[0].id
show.value = false
}
}
const idconfirm = (val) => {
const idconfirm = (val) => {
identityname.value = val.value[0].text
form.value.identity = val.value[0].id
idshow.value = false
@ -248,10 +269,10 @@
} else {
ishowcommany.value = true
}
}
}
// 提交方法
function submit() {
// 提交方法
function submit() {
uFormRef.value.validate().then(valid => {
if (valid) {
let data = []
@ -296,14 +317,14 @@
}
}
}
})
}).catch(() => {
// 处理验证错误
uni.$u.toast('请填写完整')
});
}
}
onShow(async () => {
onShow(async () => {
await memberTagList().then((res) => {
columns.value = []
if (res.code === 1) {
@ -311,12 +332,12 @@
console.log(columns.value);
}
})
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
width: 100%;
height: 100vh;
overflow-y: hidden;
@ -381,7 +402,7 @@
.add-btn {
width: auto;
padding: 0 30rpx;
background: #4CAF50;
background: #007fff;
color: white;
margin-bottom: 60rpx;
}
@ -392,7 +413,7 @@
margin-right: 0 !important;
height: 100rpx !important;
border-radius: 10rpx;
background: #FFFFFF;
background: #ffffff;
}
:deep(.inputplacla) {
@ -401,7 +422,7 @@
font-weight: 350;
line-height: 32.76rpx;
letter-spacing: normal;
color: #D3D3D3;
color: #d3d3d3;
}
.yyzz {
@ -409,7 +430,7 @@
width: 100%;
height: 288rpx;
border-radius: 16rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
align-content: center;
justify-items: center;
@ -418,7 +439,7 @@
font-weight: 350;
line-height: 70rpx;
letter-spacing: normal;
color: #CCCCCC;
color: #cccccc;
}
:deep(.u-upload) {
@ -433,7 +454,7 @@
.sumitbotton {
width: 100%;
height: 168rpx;
background: #FFFFFF;
background: #ffffff;
/* 标签栏投影 */
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.3);
display: flex;
@ -446,7 +467,7 @@
width: 574rpx;
height: 96rpx;
border-radius: 248rpx;
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(90deg, #007fff 0%, #99ccff 100%);
display: flex;
align-items: center;
justify-content: center;
@ -459,17 +480,17 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
}
color: #ffffff;
}
}
}
.yyzz {
.yyzz {
margin-top: 12rpx;
width: 100%;
height: 288rpx;
border-radius: 16rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
align-content: center;
justify-items: center;
@ -478,24 +499,24 @@
font-weight: 350;
line-height: 70rpx;
letter-spacing: normal;
color: #CCCCCC;
}
color: #cccccc;
}
:deep(.u-upload) {
:deep(.u-upload) {
.u-upload__wrap {
view {
width: 100%;
}
}
}
}
</style>
<style>
.u-input {
background-color: #FFFFFF;
.u-input {
background-color: #ffffff;
height: 100rpx !important;
}
}
.u-form-item__body__left__content__label {
.u-form-item__body__left__content__label {
white-space: nowrap;
}
}
</style>

37
src/pages/mine/associatedDetail.vue
View File

@ -5,28 +5,23 @@
<view class="icon"></view>
<text class="title">公司简介</text>
</view>
<image style="width: 100%;height: 400rpx;margin-top: 40rpx;" src="@/static/img/Bitmap.png" mode=""></image>
<text class="message">说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明</text>
<image style="width: 100%; height: 400rpx; margin-top: 40rpx" src="@/static/img/Bitmap.png" mode=""></image>
<text class="message">
说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
</text>
</view>
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
onLoad(() => {
})
onLoad(() => {})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
height: calc(100vh - 182rpx);
width: 100%;
padding: 40rpx 40rpx 0 40rpx;
@ -35,12 +30,12 @@
margin-top: 40rpx;
display: flex;
align-items: center;
.icon{
.icon {
width: 12rpx;
height: 32rpx;
border-radius: 0rpx 32rpx 32rpx 0rpx;
/* 蓝色渐变 */
background: linear-gradient(0deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(0deg, #007fff 0%, #99ccff 100%);
}
.title {
margin-left: 18rpx;
@ -52,7 +47,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0072FF;
color: #0072ff;
}
}
.texttitle {
@ -60,7 +55,7 @@
font-size: 36rpx;
font-weight: normal;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.message {
margin-top: 36rpx;
@ -72,7 +67,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
color: #3d3d3d;
}
.people {
margin-top: 28rpx;
@ -86,8 +81,8 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #3D3D3D;
}
color: #3d3d3d;
}
}
}
</style>

46
src/pages/mine/associatedEnterprise.vue
View File

@ -1,50 +1,36 @@
<template>
<view class="classbox">
<view class="classone" v-for="(item,index) in classList" :key="index">
<text class="title">{{item.title}}</text>
<view class="classone" v-for="(item, index) in classList" :key="index">
<text class="title">{{ item.title }}</text>
<!-- <text class="text">关联时间：{{item.time}}</text> -->
</view>
</view>
</template>
<script setup>
import {
ref
} from 'vue';
import {
onShow
} from '@dcloudio/uni-app';
import { ref } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import useUserStore from '@/store/user'
const userStore = useUserStore()
import useUserStore from '@/store/user'
const userStore = useUserStore()
const classList = ref([{
id: 1,
title: '内蒙古数心科技有限公司',
time: '2025-04-17'
},
{
id: 2,
title: '内蒙古数心科技有限公司',
time: '2025-04-17'
},
])
const classList = ref([])
const goDetail = (id) => {
const goDetail = (id) => {
uni.navigateTo({
url: '/pages/mine/associatedDetail?id=' + id
})
}
}
onShow(() => {
onShow(() => {
classList.value = userStore.userInfo.enterprise
})
})
</script>
<style scoped lang="scss">
.classbox {
.classbox {
height: 100vh;
background: linear-gradient(0deg, #F1F3F9 72%, rgb(202 202 204 / 20%) 88%);
background: linear-gradient(0deg, #f1f3f9 72%, rgb(202 202 204 / 20%) 88%);
padding: 6rpx 24rpx 40rpx 24rpx;
box-sizing: border-box;
overflow-y: auto;
@ -53,7 +39,7 @@
width: 100%;
height: 144rpx;
border-radius: 20rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
align-items: center;
padding: 32rpx 28rpx;
@ -68,7 +54,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.text {
@ -82,5 +68,5 @@
color: #858494;
}
}
}
}
</style>

155
src/pages/mine/completeInformation.vue
View File

@ -4,21 +4,37 @@
<view v-for="(group, index) in inputGroups" :key="index" class="input-group">
<view class="inputs" @click="beforeRead(index)">
公司性质
<input class="inputclass" placeholder-class="inputplacla" :value="group.type==1 ? '其他(自由职业者等)' : (group.type===2 ? '个体工商户' : (group.type===3 ? '民营企业' : '') )"
placeholder="民营企业、个体工商户、其它（自由职业者等）" disabled disabledColor="#ffffff" @tap="qyshow = true" />
<u-action-sheet :actions="qylist" title="请选择关联企业类型" :show="qyshow" @select="qyClick"
@close="qyshow = false"></u-action-sheet>
<input
class="inputclass"
placeholder-class="inputplacla"
:value="group.type == 1 ? '其他(自由职业者等)' : group.type === 2 ? '个体工商户' : group.type === 3 ? '民营企业' : ''"
placeholder="民营企业、个体工商户、其它（自由职业者等）"
disabled
disabledColor="#ffffff"
@tap="qyshow = true"
/>
<u-action-sheet
:actions="qylist"
title="请选择关联企业类型"
:show="qyshow"
@select="qyClick"
@close="qyshow = false"
></u-action-sheet>
公司名称
<input class="inputclass" placeholder-class="inputplacla" v-model="group.title"
placeholder="请输入真实公司名称" />
<input class="inputclass" placeholder-class="inputplacla" v-model="group.title" placeholder="请输入真实公司名称" />
营业执照
<u-upload class="uploadbox" @afterRead="afterRead" :maxCount="1"
:imageMode="'heightFix'" :width="auto" :height="144">
<u-upload class="uploadbox" @afterRead="afterRead" :max-count="1" :image-mode="'heightFix'" :width="auto" :height="144">
<view class="yyzz" v-if="group.license === ''">
<image style="width: 40rpx;height: 40rpx;" src="@/static/img/yyzz.png" mode=""></image>
<image style="width: 40rpx; height: 40rpx" src="@/static/img/yyzz.png" mode=""></image>
上传营业执照
</view>
<image v-else @click="beforeRead(index)" style="width: 100%;height: 288rpx;margin-top: 12rpx;" :src="baseurl+ '/' + group.license" mode="scaleToFill"></image>
<image
v-else
@click="beforeRead(index)"
style="width: 100%; height: 288rpx; margin-top: 12rpx"
:src="baseurl + '/' + group.license"
mode="scaleToFill"
></image>
</u-upload>
</view>
<view v-if="index > 0" class="remove-btn" @click="removeGroup(index)">-</view>
@ -27,70 +43,67 @@
</view>
</view>
<view class="buts">
<view class="but" @click="submit">
确认提交
</view>
<view class="but" @click="submit">确认提交</view>
</view>
</template>
<script setup>
import {
ref
} from 'vue'
import {
modifyField1,
} from '@/api/mine'
import { ref } from 'vue'
import { modifyField1 } from '@/api/mine'
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL)
const baseurl = ref(import.meta.env.VITE_APP_BASE_URL)
const inputGroups = ref([{
const inputGroups = ref([
{
type: '',
title: '',
license: ''
}])
}
])
const addGroup = () => {
const addGroup = () => {
inputGroups.value.push({
type: '',
title: '',
license: ''
})
}
}
const qyshow = ref(false)
const qylist = ref([{
const qyshow = ref(false)
const qylist = ref([
{
id: 1,
name: '其他(自由职业者等)',
name: '其他(自由职业者等)'
},
{
id: 2,
name: '个体工商户',
name: '个体工商户'
},
{
id: 3,
name: '民营企业',
name: '民营企业'
}
]);
const qyClick = async (val) => {
])
const qyClick = async (val) => {
inputGroups.value[upclickindex.value].type = val.id
}
}
const removeGroup = (index) => {
const removeGroup = (index) => {
inputGroups.value.splice(index, 1)
}
}
const upclickindex = ref(0)
const beforeRead = (index) =>{
const upclickindex = ref(0)
const beforeRead = (index) => {
upclickindex.value = index
}
}
const afterRead = async (e) => {
const afterRead = async (e) => {
uni.uploadFile({
url: import.meta.env.VITE_APP_BASE_URL + '/api/file/image',
filePath: e.file.url,
name: 'file',
header: {
'token': uni.getStorageSync('access_token')
token: uni.getStorageSync('access_token')
},
success: async (val) => {
inputGroups.value[upclickindex.value].license = ''
@ -99,25 +112,25 @@
}
},
fail: (res) => {
console.log('失败', res);
console.log('失败', res)
}
})
}
const submit = async () => {
}
const submit = async () => {
let data = []
await inputGroups.value.forEach(async(obj) => {
if(obj.type == ''||obj.title == ''||obj.license == '') {
await inputGroups.value.forEach(async (obj) => {
if (obj.type == '' || obj.title == '' || obj.license == '') {
uni.showToast({
title: '请填写完整',
icon: 'fail'
})
}else {
} else {
data.push(obj)
}
})
console.log(data);
if(data.length !== 0) {
await modifyField1('enterprise',{"value":`${JSON.stringify(data)}`}).then((res) => {
console.log(data)
if (data.length !== 0) {
await modifyField1('enterprise', { value: `${JSON.stringify(data)}` }).then((res) => {
if (res.code === 1) {
setTimeout(() => {
uni.showToast({
@ -134,18 +147,16 @@
icon: 'fail'
})
}
})
}
}
}
</script>
<style scoped lang="scss">
.container {
.container {
height: calc(100vh - 168rpx);
width: 100%;
background: #F1F3F9;
background: #f1f3f9;
overflow-y: auto;
.cardbox {
@ -200,18 +211,18 @@
.add-btn {
width: auto;
padding: 0 30rpx;
background: #4CAF50;
background: #4caf50;
color: white;
margin-bottom: 60rpx;
}
}
}
.buts {
.buts {
height: 168rpx;
position: fixed;
bottom: 0;
width: 100%;
background: #FFFFFF;
background: #ffffff;
/* 标签栏投影 */
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.3);
display: flex;
@ -222,7 +233,7 @@
width: 574rpx;
height: 96rpx;
border-radius: 248rpx;
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(90deg, #007fff 0%, #99ccff 100%);
display: flex;
align-items: center;
justify-content: center;
@ -235,34 +246,34 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
}
color: #ffffff;
}
}
.inputclass {
.inputclass {
margin-top: 12rpx;
margin-bottom: 36rpx;
margin-right: 0 !important;
height: 100rpx !important;
border-radius: 10rpx;
background: #FFFFFF;
}
background: #ffffff;
}
:deep(.inputplacla) {
:deep(.inputplacla) {
font-family: Source Han Sans;
font-size: 24rpx;
font-weight: 350;
line-height: 32.76rpx;
letter-spacing: normal;
color: #D3D3D3;
}
color: #d3d3d3;
}
.yyzz {
.yyzz {
margin-top: 12rpx;
width: 100%;
height: 288rpx;
border-radius: 16rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
align-content: center;
justify-items: center;
@ -271,14 +282,14 @@
font-weight: 350;
line-height: 70rpx;
letter-spacing: normal;
color: #CCCCCC;
}
color: #cccccc;
}
:deep(.u-upload) {
:deep(.u-upload) {
.u-upload__wrap {
view {
width: 100%;
}
}
}
}
</style>

75
src/pages/mine/index.vue
View File

@ -1,44 +1,47 @@
<template>
<view class="container">
<image style="width: 100%;" src="@/static/img/ztback.png" mode="widthFix"></image>
<image style="width: 100%" src="@/static/img/ztback.png" mode="widthFix"></image>
<view class="main">
<view class="head">
<view class="left">
<u-avatar v-if="userStore.userInfo.moblie"
:src="url + '/' + userStore.userInfo.head_pic"
:size="72"></u-avatar>
<img v-else style="width: 72px;height: 72px;border-radius: 50%;" src="@/static/img/qdl.png" alt="" />
<text class="name">{{userStore.userInfo.name}}</text>
<u-avatar v-if="userStore.userInfo.moblie" :src="url + '/' + userStore.userInfo.head_pic" :size="72"></u-avatar>
<img v-else style="width: 72px; height: 72px; border-radius: 50%" src="@/static/img/qdl.png" alt="" />
<text class="name">{{ userStore.userInfo.name }}</text>
</view>
<image v-if="userStore.userInfo.moblie" style="width: 48rpx;height: 48rpx;" src="@/static/img/setting.png" mode=""
@click="goeditinfo('')"></image>
<image
v-if="userStore.userInfo.moblie"
style="width: 48rpx; height: 48rpx"
src="@/static/img/setting.png"
mode=""
@click="goeditinfo('')"
></image>
</view>
<view class="editlist">
<view class="editone" @click="goeditinfo('关联企业')">
<view class="left">
<image style="width: 74rpx;height: 74rpx;" src="@/static/img/glqy.png" mode=""></image>
<image style="width: 74rpx; height: 74rpx" src="@/static/img/glqy.png" mode=""></image>
<text class="txt">关联企业</text>
</view>
<image style="width: 14.14rpx;height: 14.14rpx;" src="@/static/img/Group13.png" mode=""></image>
<image style="width: 14.14rpx; height: 14.14rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
<view class="editone" @click="goeditinfo('我的申请')">
<view class="left">
<image style="width: 74rpx;height: 74rpx;" src="@/static/img/wdsq.png" mode=""></image>
<image style="width: 74rpx; height: 74rpx" src="@/static/img/wdsq.png" mode=""></image>
<text class="txt">我的申请</text>
</view>
<image style="width: 14.14rpx;height: 14.14rpx;" src="@/static/img/Group13.png" mode=""></image>
<image style="width: 14.14rpx; height: 14.14rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
<view class="editone" @click="goeditinfo('我的课程')">
<view class="left">
<image style="width: 74rpx;height: 74rpx;" src="@/static/img/wdkc.png" mode=""></image>
<image style="width: 74rpx; height: 74rpx" src="@/static/img/wdkc.png" mode=""></image>
<text class="txt">我的课程</text>
</view>
<image style="width: 14.14rpx;height: 14.14rpx;" src="@/static/img/Group13.png" mode=""></image>
<image style="width: 14.14rpx; height: 14.14rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
</view>
<view class="buts">
<view class="but" @click="outLogin">
{{userStore.userInfo.moblie?'退出登录':'登录'}}
{{ userStore.userInfo.moblie ? '退出登录' : '登录' }}
</view>
</view>
</view>
@ -46,18 +49,14 @@
</template>
<script setup>
import {
onLoad
} from '@dcloudio/uni-app';
import {
ref
} from 'vue';
import useUserStore from '@/store/user'
const userStore = useUserStore()
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import useUserStore from '@/store/user'
const userStore = useUserStore()
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const goeditinfo = (val) => {
const goeditinfo = (val) => {
if (val === '关联企业') {
uni.navigateTo({
url: '/pages/mine/associatedEnterprise'
@ -75,12 +74,12 @@
url: '/pages/mine/porsonalinfo'
})
}
}
}
const outLogin = () => {
const outLogin = () => {
userStore.logOut()
}
onShow(() => {
}
onShow(() => {
// if (uni.getStorageSync('access_token') === '') {
// uni.navigateTo({
// url: '/pages/login/login'
@ -88,19 +87,19 @@
// } else {
userStore.getUserInfo()
// }
})
})
</script>
<style scoped lang="scss">
.container {
background-color: #FFFFFF;
.container {
background-color: #ffffff;
height: 100vh;
width: 100%;
display: grid;
.main {
border-radius: 60rpx 60rpx 0rpx 0rpx;
background: #FFFFFF;
background: #ffffff;
margin-top: -350rpx;
height: calc(100vh - 350rpx);
padding: 0 40rpx;
@ -124,7 +123,7 @@
text-align: center;
letter-spacing: normal;
/* 文本/正文 */
color: #1A1A1A;
color: #1a1a1a;
margin-left: 30rpx;
}
}
@ -136,7 +135,7 @@
.editone {
width: 100%;
height: 120rpx;
background: #FFFFFF;
background: #ffffff;
border-bottom: 2rpx solid #f3f3f3;
display: flex;
align-items: center;
@ -169,7 +168,7 @@
width: 574rpx;
height: 96rpx;
border-radius: 248rpx;
background: linear-gradient(90deg, #007FFF 0%, #99CCFF 100%);
background: linear-gradient(90deg, #007fff 0%, #99ccff 100%);
display: flex;
align-items: center;
justify-content: center;
@ -181,9 +180,9 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
}
color: #ffffff;
}
}
}
}
</style>

99
src/pages/mine/myApplication.vue
View File

@ -1,32 +1,27 @@
<template>
<view class="classbox">
<view class="pass">
<view class="head">
申请通过
</view>
<view class="head">申请通过</view>
<view class="main">
<view class="classone" v-for="(item,index) in passList" :key="index">
<text class="title">{{item.name}}</text>
<view class="classone" v-for="(item, index) in passList" :key="index">
<text class="title">{{ item.name }}</text>
<view class="jindu">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/timeicon.png" mode=""></image>
<text class="time">{{item.create_time}}</text>
<image style="width: 32rpx; height: 32rpx" src="@/static/img/timeicon.png" mode=""></image>
<text class="time">{{ item.create_time }}</text>
</view>
</view>
</view>
</view>
<view class="reject">
<view class="head">
申请驳回
</view>
<view class="head">申请驳回</view>
<view class="main">
<view class="classone" v-for="(item,index) in rejectList" :key="index">
<text class="title">{{item.name}}</text>
<view class="classone" v-for="(item, index) in rejectList" :key="index">
<text class="title">{{ item.name }}</text>
<view class="jindu">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/timeicon.png" mode=""></image>
<text class="time">{{item.create_time}}</text>
<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||item.reject_reason}}</text>
<text class="result">{{ item.remark || item.reject_reason }}</text>
</view>
</view>
</view>
@ -34,52 +29,43 @@
</template>
<script setup>
import {
ref
} from 'vue';
import {
myMemberApply
} from '@/api/memberCenter'
import {
myMedium
} from '@/api/shop'
import { ref } from 'vue'
import { myMemberApply } from '@/api/memberCenter'
import { myMedium } from '@/api/shop'
import { onShow } from '@dcloudio/uni-app';
import { onShow } from '@dcloudio/uni-app'
const passList = ref([])
const passList = ref([])
const rejectList = ref([])
const rejectList = ref([])
onShow(async() => {
await myMemberApply().then((res)=>{
res.data.forEach((ele)=> {
if(ele.status === 2) {
onShow(async () => {
await myMemberApply().then((res) => {
res.data.forEach((ele) => {
if (ele.status === 2) {
passList.value.push(ele)
}
else if(ele.status === 3) {
} else if (ele.status === 3) {
rejectList.value.push(ele)
}
})
})
await myMedium().then((res)=> {
console.log(res,55555);
res.data.data.forEach((ele)=> {
if(ele.status === 1) {
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) {
} else if (ele.status === 2) {
rejectList.value.push(ele)
}
})
})
})
})
</script>
<style scoped lang="scss">
.classbox {
.classbox {
height: 100vh;
background: #FFFFFF;
background: #ffffff;
padding: 40rpx 34rpx;
box-sizing: border-box;
overflow-y: auto;
@ -92,7 +78,7 @@
height: 72rpx;
display: flex;
align-items: center;
background: #007FFF;
background: #007fff;
font-family: Lato;
font-size: 32rpx;
font-weight: normal;
@ -100,13 +86,13 @@
align-items: center;
letter-spacing: 0.76rpx;
/* System Background Primary Light */
color: #FFFFFF;
color: #ffffff;
padding-left: 32rpx;
box-sizing: border-box;
}
.main {
background: #F1F3F9;
background: #f1f3f9;
padding: 5rpx 16rpx 24rpx 16rpx;
box-sizing: border-box;
border-radius: 0rpx 0rpx 24rpx 24rpx;
@ -122,7 +108,7 @@
height: 72rpx;
display: flex;
align-items: center;
background: #FFC36F;
background: #ffc36f;
font-family: Lato;
font-size: 32rpx;
font-weight: normal;
@ -130,25 +116,24 @@
align-items: center;
letter-spacing: 0.76rpx;
/* System Background Primary Light */
color: #FFFFFF;
color: #ffffff;
padding-left: 32rpx;
box-sizing: border-box;
}
.main {
background: #F1F3F9;
background: #f1f3f9;
padding: 5rpx 16rpx 24rpx 16rpx;
box-sizing: border-box;
border-radius: 0rpx 0rpx 24rpx 24rpx;
}
}
}
}
.classone {
.classone {
width: 100%;
border-radius: 16rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
align-items: center;
padding: 16rpx 32rpx;
@ -162,7 +147,7 @@
display: flex;
align-items: center;
letter-spacing: 0.76rpx;
color: #0C092A;
color: #0c092a;
}
.jindu {
@ -190,7 +175,7 @@
display: flex;
align-items: center;
letter-spacing: 0.76rpx;
color: #FE0000;
}
color: #fe0000;
}
}
</style>

39
src/pages/mine/myCourses.vue
View File

@ -1,43 +1,40 @@
<template>
<view class="classbox">
<view class="classone" v-for="(item,index) in classList" :key="index" @click="godetail(item)">
<text class="title">{{item.study_center_title}}</text>
<text class="text">{{item.introduction}}</text>
<view class="classone" v-for="(item, index) in classList" :key="index" @click="godetail(item)">
<text class="title">{{ item.study_center_title }}</text>
<text class="text">{{ item.introduction }}</text>
<view class="jindu">
<text class="learn">已学 {{item.progress}}%</text>
<text class="time">{{item.update_time.slice(0,10)}}</text>
<text class="learn">已学 {{ item.progress }}%</text>
<text class="time">{{ item.update_time.slice(0, 10) }}</text>
</view>
</view>
</view>
</template>
<script setup>
import { ref } from 'vue';
import {
myStudy
} from '@/api/learningCenter'
import { ref } from 'vue'
import { myStudy } from '@/api/learningCenter'
const classList = ref([])
const classList = ref([])
const godetail = (item) => {
const godetail = (item) => {
uni.navigateTo({
url: '/pages/learningCenter/detail?id=' + item.study_center_id
})
}
}
onShow(async () => {
onShow(async () => {
const res = await myStudy()
if (res.code === 1) {
classList.value = res.data
}
})
})
</script>
<style scoped lang="scss">
.classbox {
.classbox {
height: 100vh;
background: linear-gradient(0deg, #F1F3F9 72%, rgb(202 202 204 / 20%) 88%);
background: linear-gradient(0deg, #f1f3f9 72%, rgb(202 202 204 / 20%) 88%);
padding: 6rpx 24rpx 40rpx 24rpx;
box-sizing: border-box;
overflow-y: auto;
@ -45,7 +42,7 @@ import { ref } from 'vue';
.classone {
width: 100%;
border-radius: 20rpx;
background: #FFFFFF;
background: #ffffff;
display: grid;
align-items: center;
padding: 30rpx 28rpx;
@ -58,7 +55,7 @@ import { ref } from 'vue';
display: flex;
align-items: center;
letter-spacing: normal;
color: #0C092A;
color: #0c092a;
}
.text {
margin-top: 16rpx;
@ -84,7 +81,7 @@ import { ref } from 'vue';
display: flex;
align-items: center;
letter-spacing: normal;
color: #007FFF;
color: #007fff;
display: flex;
align-items: center;
}
@ -100,5 +97,5 @@ import { ref } from 'vue';
}
}
}
}
}
</style>

180
src/pages/mine/porsonalinfo.vue
View File

@ -3,13 +3,12 @@
<view class="editbox">
<view class="editone">
<view class="left">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/tx.png" mode=""></image>
<image style="width: 32rpx; height: 32rpx" src="@/static/img/tx.png" mode=""></image>
<text class="txt">头像</text>
</view>
<view class="right">
<u-upload :fileList="form.fileList" @afterRead="afterRead" :maxCount="1" :accept="'file'">
<image :src='url + `/` + userStore.userInfo.head_pic' mode=""
style="width: 80rpx;height: 80rpx;border-radius: 50%;"></image>
<u-upload :file-list="form.fileList" @afterRead="afterRead" :max-count="1">
<image :src="url + `/` + userStore.userInfo.head_pic" mode="" style="width: 80rpx; height: 80rpx; border-radius: 50%"></image>
</u-upload>
<!-- <image style="width: 18rpx;height: 18rpx;margin-left: 16rpx;" src="@/static/img/Group13.png"
mode=""></image> -->
@ -17,75 +16,76 @@
</view>
<view class="editone">
<view class="left">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/yhm.png" mode=""></image>
<image style="width: 32rpx; height: 32rpx" src="@/static/img/yhm.png" mode=""></image>
<text class="txt">用户名</text>
</view>
<view class="right" @click="openpopup('用户名')">
<u-popup :show="usershow" @close="usershow = false">
<view class="popupbox">
<text class="title">{{popupTitle}}</text>
<text class="title">{{ popupTitle }}</text>
<u-input type="text" v-model="userValue" />
<view class="buts">
<view class="jujue" @click="usershow = false">
取消
</view>
<view class="yunxu" @click="sureClick(typeValue)">
确认
</view>
<view class="jujue" @click="usershow = false">取消</view>
<view class="yunxu" @click="sureClick(typeValue)">确认</view>
</view>
</view>
</u-popup>
<text class="value">{{userStore.userInfo.nickname}}</text>
<image style="width: 18rpx;height: 18rpx;margin-left: 16rpx;" src="@/static/img/Group13.png" mode=""
></image>
<text class="value">{{ userStore.userInfo.nickname }}</text>
<image style="width: 18rpx; height: 18rpx; margin-left: 16rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
</view>
<view class="editone">
<view class="left">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/xb.png" mode=""></image>
<image style="width: 32rpx; height: 32rpx" src="@/static/img/xb.png" mode=""></image>
<text class="txt">性别</text>
</view>
<view class="right" @click="sexshow = true">
<text class="value">{{userStore.userInfo.sex_name}}</text>
<u-action-sheet :actions="sexlist" title="请选择性别" :show="sexshow" @select="selectClick"
@close="sexshow = false"></u-action-sheet>
<image style="width: 18rpx;height: 18rpx;margin-left: 16rpx;" src="@/static/img/Group13.png" mode=""
></image>
<text class="value">{{ userStore.userInfo.sex_name }}</text>
<u-action-sheet
:actions="sexlist"
title="请选择性别"
:show="sexshow"
@select="selectClick"
@close="sexshow = false"
></u-action-sheet>
<image style="width: 18rpx; height: 18rpx; margin-left: 16rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
</view>
<view class="editone">
<view class="left">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/sjh.png" mode=""></image>
<image style="width: 32rpx; height: 32rpx" src="@/static/img/sjh.png" mode=""></image>
<text class="txt">绑定手机号</text>
</view>
<view class="right" @click="openpopup('手机号')">
<text class="value">{{userStore.userInfo.moblie}}</text>
<image style="width: 18rpx;height: 18rpx;margin-left: 16rpx;" src="@/static/img/Group13.png" mode=""
></image>
<text class="value">{{ userStore.userInfo.moblie }}</text>
<image style="width: 18rpx; height: 18rpx; margin-left: 16rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
</view>
<view class="editone">
<view class="left">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/zsxm.png" mode=""></image>
<image style="width: 32rpx; height: 32rpx" src="@/static/img/zsxm.png" mode=""></image>
<text class="txt">真实姓名</text>
</view>
<view class="right" @click="openpopup('姓名')">
<text class="value">{{userStore.userInfo.name}}</text>
<image style="width: 18rpx;height: 18rpx;margin-left: 16rpx;" src="@/static/img/Group13.png" mode=""
></image>
<text class="value">{{ userStore.userInfo.name }}</text>
<image style="width: 18rpx; height: 18rpx; margin-left: 16rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
</view>
<view class="editone">
<view class="left">
<image style="width: 32rpx;height: 32rpx;" src="@/static/img/szqy.png" mode=""></image>
<image style="width: 32rpx; height: 32rpx" src="@/static/img/szqy.png" mode=""></image>
<text class="txt">关联企业</text>
</view>
<view class="right" @click="qyshow = true">
<text class="value">{{userStore.userInfo.identity_name}}</text>
<u-action-sheet :actions="qylist" title="请选择关联企业类型" :show="qyshow" @select="qyClick"
@close="qyshow = false"></u-action-sheet>
<image style="width: 18rpx;height: 18rpx;margin-left: 16rpx;" src="@/static/img/Group13.png" mode=""
></image>
<text class="value">{{ userStore.userInfo.identity_name }}</text>
<u-action-sheet
:actions="qylist"
title="请选择关联企业类型"
:show="qyshow"
@select="qyClick"
@close="qyshow = false"
></u-action-sheet>
<image style="width: 18rpx; height: 18rpx; margin-left: 16rpx" src="@/static/img/Group13.png" mode=""></image>
</view>
</view>
</view>
@ -93,26 +93,23 @@
</template>
<script setup>
import {
ref
} from 'vue';
import {
modifyField
} from '@/api/mine'
import useUserStore from '@/store/user'
const userStore = useUserStore()
import { ref } from 'vue'
import { modifyField } from '@/api/mine'
import useUserStore from '@/store/user'
const userStore = useUserStore()
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const url = ref(import.meta.env.VITE_APP_BASE_URL)
const sexshow = ref(false)
const sexlist = ref([{
name: '男',
},
const sexshow = ref(false)
const sexlist = ref([
{
name: '女',
name: '男'
},
]);
const selectClick = async (val) => {
{
name: '女'
}
])
const selectClick = async (val) => {
await modifyField('sex', val.name === '男' ? 1 : 2).then((res) => {
if (res.code === 1) {
usershow.value = false
@ -129,25 +126,25 @@
icon: 'fail'
})
}
})
}
}
const qyshow = ref(false)
const qylist = ref([{
const qyshow = ref(false)
const qylist = ref([
{
id: 1,
name: '其他(自由职业者等)',
name: '其他(自由职业者等)'
},
{
id: 2,
name: '个体工商户',
name: '个体工商户'
},
{
id: 3,
name: '民营企业',
name: '民营企业'
}
]);
const qyClick = async (val) => {
])
const qyClick = async (val) => {
await modifyField('identity', val.id).then((res) => {
if (res.code === 1) {
qyshow.value = false
@ -157,7 +154,7 @@
title: '修改成功！',
icon: 'success'
})
if(val.id === 2||val.id === 3) {
if (val.id === 2 || val.id === 3) {
uni.navigateTo({
url: '/pages/mine/completeInformation'
})
@ -169,28 +166,25 @@
icon: 'fail'
})
}
})
}
}
const usershow = ref(false)
const popupTitle = ref('')
const usershow = ref(false)
const popupTitle = ref('')
const userValue = ref('')
const typeValue = ref('')
const userValue = ref('')
const typeValue = ref('')
const form = ref({
const form = ref({
fileList: [],
username: '',
sex: '',
num: '',
name: '',
company: ''
})
})
const openpopup = (type) => {
const openpopup = (type) => {
userValue.value = ''
usershow.value = true
typeValue.value = type
@ -201,9 +195,9 @@
} else if (type === '姓名') {
popupTitle.value = '请输入真实姓名'
}
}
}
const sureClick = async (type) => {
const sureClick = async (type) => {
let res = {}
if (type === '用户名') {
res = await modifyField('nickname', userValue.value)
@ -227,19 +221,18 @@
icon: 'fail'
})
}
}
}
const afterRead = async (e) => {
const afterRead = async (e) => {
uni.uploadFile({
url: import.meta.env.VITE_APP_BASE_URL+'/api/file/image',
url: import.meta.env.VITE_APP_BASE_URL + '/api/file/image',
filePath: e.file.url,
name: 'file',
header: {
'token': uni.getStorageSync('access_token')
token: uni.getStorageSync('access_token')
},
success: async(val) => {
await modifyField('head_pic',JSON.parse(val.data).data.url).then((res) => {
success: async (val) => {
await modifyField('head_pic', JSON.parse(val.data).data.url).then((res) => {
if (res.code === 1) {
qyshow.value = false
setTimeout(() => {
@ -255,32 +248,31 @@
icon: 'fail'
})
}
})
},
fail: (res) => {
console.log('失败',res);
console.log('失败', res)
}
})
}
}
</script>
<style scoped lang="scss">
.container {
.container {
height: 100vh;
width: 100%;
background: #F1F3F9;
background: #f1f3f9;
.editbox {
background: #FFFFFF;
background: #ffffff;
padding: 0 72rpx 0 62rpx;
.editone {
box-sizing: border-box;
width: 100%;
height: 120rpx;
background: #FFFFFF;
border-bottom: 2rpx solid #EBEBEB;
background: #ffffff;
border-bottom: 2rpx solid #ebebeb;
display: flex;
align-items: center;
justify-content: space-between;
@ -315,9 +307,9 @@
}
}
}
}
}
.popupbox {
.popupbox {
display: grid;
align-items: center;
justify-items: center;
@ -345,7 +337,7 @@
width: 180rpx;
height: 70rpx;
border-radius: 10rpx;
background: #07C160;
background: #07c160;
font-family: Source Han Sans;
font-size: 28rpx;
text-align: justify;
@ -353,7 +345,7 @@
display: flex;
align-items: center;
letter-spacing: normal;
color: #FFFFFF;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
@ -377,5 +369,5 @@
justify-content: center;
}
}
}
}
</style>

BIN
src/static/img/aiback.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 925 B

BIN
src/static/img/aiimg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
src/static/img/hdzq.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/static/img/xzs.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
src/static/tabbar/index_select.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 750 B

After

Width:  |  Height:  |  Size: 680 B

16
src/store/user.ts
View File

@ -5,7 +5,7 @@ import { getOpenid } from '@/api/login'
import { infoForOpenid, logout } from '@/api/user'
interface userInfoStoreInt {
[n : string] : any
[n: string]: any
}
export default defineStore(
getPrefixName('user'),
@ -16,10 +16,10 @@ export default defineStore(
const userInfo = ref<userInfoStoreInt>({})
const cometype = ref(0)
function getopenid(params : { code : string }) {
function getopenid(params: { code: string }) {
return new Promise<any>((resolve, reject) => {
getOpenid(params)
.then((res : any) => {
.then((res: any) => {
openId.value = res.data.openid
resolve({ code: 1, message: '登录成功~' })
})
@ -32,21 +32,19 @@ export default defineStore(
function getUserInfo() {
return new Promise<any>((resolve, reject) => {
infoForOpenid()
.then((res : any) => {
const { data } = res as { data : userInfoStoreInt }
.then((res: any) => {
const { data } = res as { data: userInfoStoreInt }
userInfo.value = data || {}
resolve({ code: 1, data, message: 'SUCCESS' })
})
.catch((err) => {
reject(err)
})
})
}
function logOut() {
if(uni.getStorageSync('access_token') === '') {
if (uni.getStorageSync('access_token') === '') {
uni.navigateTo({
url: '/pages/login/login'
})
@ -54,7 +52,7 @@ export default defineStore(
userInfo.value = {}
uni.clearStorageSync()
const res = logout()
console.log(res,uni.getStorageSync('access_token'));
console.log(res, uni.getStorageSync('access_token'))
uni.showToast({
icon: 'none',

8
src/utils/http.ts
View File

@ -28,10 +28,10 @@ export const request = {
url = import.meta.env.VITE_APP_BASE_URL + url
// #endif
const header = Object.assign({ 'content-type': 'application/json',
Authorization: '',
'token': uni.getStorageSync('access_token') || '',
}, headers)
const header = Object.assign(
{ 'content-type': 'application/json', Authorization: '', token: uni.getStorageSync('access_token') || '' },
headers
)
uni.request({
url,

Write Preview
Loading…
Cancel
Save