人员列表

This commit is contained in:
徐哼唧L
2024-01-18 16:40:05 +08:00
parent 31ff846431
commit 9508a6b216
7 changed files with 222 additions and 169 deletions

View File

@@ -678,7 +678,7 @@ import { data } from 'jquery';
font-size: 26rpx;
margin-bottom: 20rpx;
margin-top:10rpx;
height: 172rpx;
// height: 172rpx;
}
// .btns{
// font-size: 24rpx;

View File

@@ -37,26 +37,36 @@
</u-grid-item>
</u-grid>
</view>
<!-- 吴门之光-吴门之徽 -->
<!-- 吴门之光-吴门之徽 -->
<view class="titleList" v-if="curOneCateIndex == 2&&curTwoCateIndex == 2">
<u-grid :col="3" v-if="titleList.length > 0">
<u-grid-item v-for="(item, index) in titleList" :key="item.id"
@click="previewImage(item.url)" style="align-items: flex-start;">
<u-grid-item v-for="(item, index) in titleList" :key="item.id" @click="previewImage(item.url)"
style="align-items: flex-start;">
<!-- <view :class="['titleItem']">{{item.name}}</view> -->
<img :src="item.url" alt="" class="wmzhimg" mode="aspectFit">
<img :src="item.url" alt="" class="wmzhimg" mode="aspectFit">
</u-grid-item>
</u-grid>
<u-divider v-else text="暂无数据哦~"></u-divider>
</view>
<!-- 其他 -->
<!-- 其他 -->
<view class="titleList" v-else>
<u-grid :col="1" v-if="titleList.length > 0">
<u-grid-item v-for="(item, index) in titleList" :key="item.id"
@click="gotoDetail(item)" style="align-items: flex-start;border-bottom: 2px solid #fff;">
<u-grid :col="1" v-if="titleList.length > 0&&(curOneCateIndex==0||curOneCateIndex==2)">
<u-grid-item v-for="(item, index) in titleList" :key="item.id" @click="gotoDetail(item)"
style="align-items: flex-start;border-bottom: 2px solid #fff;">
<view :class="['titleItem']">{{item.name}}</view>
</u-grid-item>
</u-grid>
<u-divider v-else text="暂无数据哦~"></u-divider>
<view :col="1" v-if="titleList.length > 0&&curOneCateIndex==1">
<view v-for="(item, index) in titleList" :key="item.id" @click="gotoDetail(item)"
style="align-items: flex-start;border-bottom: 2px solid #fff;display: flex;padding: 20rpx 0;">
<view style="width: 280rpx;text-align: center;">
<img src="" v-if="item.imageslist&&item.imageslist.length==0" class="chImage">
<img :src="item.imageslist&&item.imageslist[0]" v-else class="chImage">
</view>
<view :class="['titleItem']">{{item.name}}</view>
</view>
</view>
<u-divider text="暂无数据哦~" v-if="titleList.length==0"></u-divider>
</view>
</view>
</view>
@@ -99,13 +109,13 @@
playData: {},
searchValue: '',
oneCateList: [{
title: "专著出版",
title: "专著出版",
type: 'medicaldesBookType'
},{
title: "学术传承",
}, {
title: "学术传承",
type: 'inheritType'
},{
title: "吴门之光",
}, {
title: "吴门之光",
type: 'lightType'
}], // 一级分类标题1
twoCateList: [], // 二级分类标题
@@ -168,107 +178,111 @@
},
// 详情
gotoDetail(item) {
console.log('111',item)
console.log('this.curOneCateIndex',this.curOneCateIndex)
console.log('this.curTwoCateIndex',this.curTwoCateIndex)
if(this.curOneCateIndex==0){
uni.navigateTo({
// url: '../bookShop/commodityDetail?id=' + item.id
url: '../eBook/bookContent?Id=' + item.id
})
return
}
if(this.curOneCateIndex==1){
uni.navigateTo({
url: "./medicaldesDetail?id=" + item.id
})
return
}
if(this.curOneCateIndex == 2){
console.log('111',item)
console.log('111', item)
console.log('this.curOneCateIndex', this.curOneCateIndex)
console.log('this.curTwoCateIndex', this.curTwoCateIndex)
if (this.curOneCateIndex == 0) {
uni.navigateTo({
url: './video?title=' + item.name +'&src='+ item.url
})
return
// url: '../bookShop/commodityDetail?id=' + item.id
url: '../eBook/bookContent?Id=' + item.id
})
return
}
if (this.curOneCateIndex == 1) {
uni.navigateTo({
url: "./medicaldesDetail?id=" + item.id
})
return
}
if (this.curOneCateIndex == 2) {
console.log('111', item)
uni.navigateTo({
url: './video?title=' + item.name + '&src=' + item.url
})
return
}
},
// 获取名称
getTitles(dictType) {
console.log('dictType',dictType)
if(this.curOneCateIndex==0){
$http.request({
url: "book/medicaldes/bookListByType?type=" + dictType,
method: "POST",
data: {
// loadAnimate: 'none', // 请求加载动画
"limit": 1000,
"page": 1,
},
header: { //默认 无 说明:请求头
'Content-Type': 'application/json'
},
}).then(res => {
console.log(res, '内容获取成功')
if (res.code == 0 && res.result.length > 0) {
this.titleList = res.result
} else {
this.titleList = []
}
}).catch(e => {
this.titleList = []
console.log(e)
})
}
if(this.curOneCateIndex==1){
$http.request({
url: "book/medicaldes/inheritListByPage",
method: "POST",
data: {
// loadAnimate: 'none', // 请求加载动画
'dictType': dictType,
"limit": 1000,
"current": 1
},
header: { //默认 无 说明:请求头
'Content-Type': 'application/json'
},
}).then(res => {
console.log(res, '内容获取成功')
if (res.code == 0 && res.result.records.length > 0) {
this.titleList = res.result.records
} else {
this.titleList = []
}
}).catch(e => {
this.titleList = []
console.log(e)
})
}
if(this.curOneCateIndex==2){
$http.request({
url: "book/medicaldes/lightListByType?type=" + dictType,
method: "POST",
data: {
// loadAnimate: 'none', // 请求加载动画
"limit": 1000,
"page": 1,
},
header: { //默认 无 说明:请求头
'Content-Type': 'application/json'
},
}).then(res => {
console.log(res, '内容获取成功')
if (res.code == 0 && res.result.length > 0) {
this.titleList = res.result
} else {
this.titleList = []
}
}).catch(e => {
this.titleList = []
console.log(e)
})
}
console.log('dictType', dictType)
if (this.curOneCateIndex == 0) {
$http.request({
url: "book/medicaldes/bookListByType?type=" + dictType,
method: "POST",
data: {
// loadAnimate: 'none', // 请求加载动画
"limit": 1000,
"page": 1,
},
header: { //默认 无 说明:请求头
'Content-Type': 'application/json'
},
}).then(res => {
console.log(res, '内容获取成功')
if (res.code == 0 && res.result.length > 0) {
this.titleList = res.result
} else {
this.titleList = []
}
}).catch(e => {
this.titleList = []
console.log(e)
})
}
if (this.curOneCateIndex == 1) {
$http.request({
url: "book/medicaldes/inheritListByPage",
method: "POST",
data: {
// loadAnimate: 'none', // 请求加载动画
'dictType': dictType,
"limit": 1000,
"current": 1
},
header: { //默认 无 说明:请求头
'Content-Type': 'application/json'
},
}).then(res => {
console.log(res, '内容获取成功')
if (res.code == 0 && res.result.records.length > 0) {
this.titleList = res.result.records
for (let i = 0; i < this.titleList.length; i++) {
this.titleList[i].imageslist = [];
this.titleList[i].imageslist = this.titleList[i].img.split(";");
}
} else {
this.titleList = []
}
}).catch(e => {
this.titleList = []
console.log(e)
})
}
if (this.curOneCateIndex == 2) {
$http.request({
url: "book/medicaldes/lightListByType?type=" + dictType,
method: "POST",
data: {
// loadAnimate: 'none', // 请求加载动画
"limit": 1000,
"page": 1,
},
header: { //默认 无 说明:请求头
'Content-Type': 'application/json'
},
}).then(res => {
console.log(res, '内容获取成功')
if (res.code == 0 && res.result.length > 0) {
this.titleList = res.result
} else {
this.titleList = []
}
}).catch(e => {
this.titleList = []
console.log(e)
})
}
},
setTwoCateIndex(item, index) {
let dictType = item.dictType
@@ -303,7 +317,7 @@
this.searchList = []
this.showSearchList = false
// if (index != 2) {
this.getTowCateList(type)
this.getTowCateList(type)
// } else {
// this.getJFList(dictType)
// }
@@ -323,9 +337,18 @@
console.log(res, '二级分类获取成功')
if (res.code == 0 && res.result.length >= 0) {
this.twoCateList = res.result
if(this.curOneCateIndex==2){
this.twoCateList = [{'dictType':"1","dictValue":"吴门之歌"},{'dictType':"2","dictValue":"巴山夜语"},{'dictType':"3","dictValue":"吴门之徽"}]
}
if (this.curOneCateIndex == 2) {
this.twoCateList = [{
'dictType': "1",
"dictValue": "吴门之歌"
}, {
'dictType': "2",
"dictValue": "巴山夜语"
}, {
'dictType': "3",
"dictValue": "吴门之徽"
}]
}
this.getTitles(this.twoCateList[0].dictType)
} else {
this.twoCateList = []
@@ -393,19 +416,19 @@
// 'Content-Type': 'application/json'
// },
// }).then(res => {
// console.log(res, '脉穴分类获取成功')
// if (res.code == 0 && res.list.length > 0) {
// this.oneCateList = res.list
this.getTowCateList(this.oneCateList[0].type)
// } else {
// this.oneCateList = []
// }
// console.log(res, '脉穴分类获取成功')
// if (res.code == 0 && res.list.length > 0) {
// this.oneCateList = res.list
this.getTowCateList(this.oneCateList[0].type)
// } else {
// this.oneCateList = []
// }
// }).catch(e => {
// this.oneCateList = []
// console.log(e)
// })
},
// 放大图片
previewImage(url) {
console.log(url)
@@ -581,10 +604,10 @@
border-bottom: 0.5px solid #f8f9fa;
}
.wmzhimg{
width: 220rpx;
height: 220rpx;
}
.wmzhimg {
width: 220rpx;
height: 220rpx;
}
}
}
@@ -639,9 +662,13 @@
.uni-modal .uni-modal__bd {
text-align: left;
}
.limiTy{
.limiTy {
font-size: 28rpx;
line-height: 46rpx;
}
.chImage {
height: 100rpx;
}
</style>

View File

@@ -3,7 +3,8 @@
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<z-nav-bar :title="prescriptDetail.name"></z-nav-bar>
<view class="uni-margin-wrap" v-if="prescriptDetail && prescriptDetail.images && prescriptDetail.images.length > 0">
<view class="uni-margin-wrap"
v-if="prescriptDetail && prescriptDetail.images && prescriptDetail.images.length > 0">
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
:duration="duration">
<swiper-item v-for="(item, index) in prescriptDetail.images" :key="index">
@@ -13,18 +14,19 @@
</swiper-item>
</swiper>
</view>
<view class="contentBox">
<view class="contentBox">
<view class="content">
<uni-section class="mb-10" titleFontSize="18px" title="姓名" type="line">
<view class="item">
{{prescriptDetail.name}}
</view>
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="详细介绍" type="line" v-if="prescriptDetail.content && prescriptDetail.content != ''" >
<uni-section class="mb-10" titleFontSize="18px" title="详细介绍" type="line"
v-if="prescriptDetail.content && prescriptDetail.content != ''">
<view class="item" v-html="prescriptDetail.content">
</view>
</uni-section>
<!-- <uni-section class="mb-10" titleFontSize="18px" title="配伍" type="line">
<view class="item" v-if="prescriptDetail.compatibility && prescriptDetail.compatibility != ''" v-html="prescriptDetail.compatibility">
</view>
@@ -40,7 +42,7 @@
暂无
</view>
</uni-section> -->
</view>
</view>
<music-play :playData="playData"></music-play>
@@ -56,13 +58,13 @@
return {
playData: {},
prescriptDetail: {
images:[]
images: []
},
id: null,
indicatorDots: true,
autoplay: true,
interval: 5000,
duration: 500
duration: 500,
}
},
onLoad(e) {
@@ -101,7 +103,7 @@
console.log(res, '内容获取成功')
if (res.code == 0) {
this.prescriptDetail = res.result
if(this.prescriptDetail.img){
if (this.prescriptDetail.img) {
this.prescriptDetail.images = this.prescriptDetail.img.split(';');
}
}
@@ -109,7 +111,8 @@
// this.titleList = []
console.log(e)
})
}
},
},
components: {
musicPlay
@@ -118,25 +121,49 @@
</script>
<style lang="scss" scoped>
.contentBox{padding-bottom: 20rpx;}
.mb-10{ margin-bottom: 10px;}
.content{font-size: 28rpx;}
.swiper-item{
image{margin: 0 auto; height:250rpx;}
.contentBox {
padding-bottom: 20rpx;
}
.uni-margin-wrap{ margin-bottom: 20rpx; padding-top: 20rpx;
.mb-10 {
margin-bottom: 10px;
}
.content {
font-size: 28rpx;
}
.swiper-item {
image {
margin: 0 auto;
height: 250rpx;
}
}
.uni-margin-wrap {
margin-bottom: 20rpx;
padding-top: 20rpx;
background-color: #fff;
}
.container {
padding: 10rpx;
// background-color: #fff;
.item{color: #666; padding:10rpx 20rpx; padding-bottom: 20rpx; line-height: 46rpx;}
.item {
color: #666;
padding: 10rpx 20rpx;
padding-bottom: 20rpx;
line-height: 46rpx;
}
}
.flexbox {
display: flex;
}
/deep/ .uni-section-header__decoration.line{background-color: #18bc37;}
/deep/ .uni-section-header__decoration.line {
background-color: #18bc37;
}
</style>

View File

@@ -51,7 +51,8 @@ export default {
progressDrag: false,
// 视频总长度
duration: 0,
videoCtx: null
videoCtx: null,
objId:''
};
},
onLoad(e) {

View File

@@ -24,11 +24,9 @@
<image src="../../static/icon/five7.png" mode="aspectFit"></image>
<text>经典查阅</text>
</div>
<div class="item item1">
<div class="item item1" @click="onPageJump('../luck/luck')">
<image src="../../static/icon/five4.png" mode="aspectFit"></image>
<text>五运六气</text>
</div>
<div class="item item1" @click="onPageJump('../luck/luck')">
<image src="../../static/icon/five4.png" mode="aspectFit"></image>
<text>五运六气</text>
</div>
<!-- <div class="item item1" @click="onPageJump('../peanut/searchFor')">
@@ -224,13 +222,12 @@
<view class="search">
<text class="icon_search"></text>
<text class="prompt">请输入书名</text>
</view>
<view class="searBtn">
<text>书名检索</text>
</view>
</view>
<scroll-view class="scroll-view_H " scroll-x="true" scroll-left="0">
@@ -382,6 +379,7 @@
labelName: "中医临床"
},
],
tabsid: '',
wztabsid: '',
pageSize: 10,
page: 1,
@@ -1019,15 +1017,15 @@
}
}
}
.search_box {
margin: 20rpx auto 10rpx auto;
align-items: center;
width: calc(100% - 30rpx);
margin-bottom: 20rpx;
.search {
height: 56upx;
display: flex;
@@ -1039,13 +1037,13 @@
border-radius: 20upx;
box-shadow: 0 0px 10px 1px #54a96633;
}
.prompt {
color: #838383;
font-size: 24rpx;
}
.icon_search {
background-image: url('@/static/icon/map_ic_search.png');
background-position: center center;
@@ -1055,7 +1053,7 @@
height: 36upx;
margin-right: 20upx;
}
.searBtn {
width: 180rpx;
line-height: 56rpx;
@@ -1068,11 +1066,11 @@
border-top-right-radius: 20upx;
border-bottom-right-radius: 20upx;
}
}
.home_nar {
background-color: #fff;

View File

@@ -213,7 +213,6 @@
this.userMes = res.user
});
}
@@ -226,6 +225,7 @@
this.totalPage = res.page.totalPage
this.totalCount = res.page.totalCount
});
},

View File

@@ -156,7 +156,7 @@
// if(this.productInfo.content.includes('cursor: nwse-resize')){
// // this.productInfo.content = this.productInfo.content.replaceAll('cursor: nwse-resize;', 'cursor: nwse-resize;max-width:100%;')
// }else{
this.productInfo.content = this.productInfo.content.replaceAll('img src', 'img style="max-width:100%;" src')
this.productInfo.content = this.productInfo.content.replace(/img src/g, 'img style="max-width:100%;" src')
// }
// console.log(this.productInfo.content,'res')