kola-web
7 days ago
32 changed files with 660 additions and 679 deletions
@ -1,4 +1,5 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "双通道药房", |
"navigationBarTitleText": "药房", |
||||||
"usingComponents": {} |
"navigationStyle": "default", |
||||||
} |
"usingComponents": {} |
||||||
|
} |
||||||
|
|||||||
@ -1,128 +1,93 @@ |
|||||||
.page { |
.page { |
||||||
position: relative; |
position: relative; |
||||||
.banner { |
.banner { |
||||||
width: 100%; |
width: 100%; |
||||||
min-height: 344rpx; |
min-height: 374rpx; |
||||||
} |
} |
||||||
.container { |
.container { |
||||||
padding: 48rpx 40rpx; |
padding: 48rpx 40rpx; |
||||||
position: absolute; |
position: absolute; |
||||||
top: 316rpx; |
top: 348rpx; |
||||||
left: 0; |
left: 0; |
||||||
width: 100%; |
width: 100%; |
||||||
min-height: 100vh; |
min-height: 100vh; |
||||||
border-radius: 24rpx 24rpx 0 0; |
border-radius: 24rpx 24rpx 0 0; |
||||||
background-color: #fafafa; |
background-color: #FFFFFF; |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
.title { |
.title { |
||||||
font-size: 36rpx; |
font-size: 36rpx; |
||||||
color: #484848; |
color: #211d2e; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
.tags { |
.content { |
||||||
margin-top: 16rpx; |
margin-top: 32rpx; |
||||||
display: flex; |
margin-bottom: 20rpx; |
||||||
.tag { |
display: flex; |
||||||
margin-right: 16rpx; |
justify-content: space-between; |
||||||
padding-right: 8rpx; |
.inner { |
||||||
font-size: 22rpx; |
.site { |
||||||
color: #e04775; |
font-size: 28rpx; |
||||||
line-height: 1; |
color: #adacb2; |
||||||
border-radius: 8rpx; |
} |
||||||
background-color: #f5dfe6; |
.tel { |
||||||
display: flex; |
font-size: 28rpx; |
||||||
align-items: center; |
color: #adacb2; |
||||||
.icon { |
} |
||||||
margin-right: 8rpx; |
} |
||||||
padding: 4rpx; |
} |
||||||
width: 24rpx; |
.options { |
||||||
max-height: 24rpx; |
margin-top: 40rpx; |
||||||
background-color: #e04775; |
display: flex; |
||||||
border-radius: 8rpx; |
align-items: center; |
||||||
} |
justify-content: center; |
||||||
} |
gap: 30rpx; |
||||||
} |
.phone { |
||||||
.content { |
flex: 1; |
||||||
margin-top: 32rpx; |
line-height: 70rpx; |
||||||
margin-bottom: 20rpx; |
font-size: 32rpx; |
||||||
display: flex; |
color: #b982ff; |
||||||
justify-content: space-between; |
text-align: center; |
||||||
.inner { |
border-radius: 60rpx 60rpx 60rpx 60rpx; |
||||||
.site { |
border: 1px solid #b982ff; |
||||||
font-size: 28rpx; |
.icon { |
||||||
color: #9e9e9e; |
display: inline-block; |
||||||
} |
width: 36rpx; |
||||||
.tel { |
height: 36rpx; |
||||||
font-size: 28rpx; |
vertical-align: middle; |
||||||
color: #9b9ea6; |
} |
||||||
} |
} |
||||||
} |
.site { |
||||||
.options { |
flex: 1; |
||||||
flex-shrink: 0; |
line-height: 76rpx; |
||||||
display: flex; |
font-size: 32rpx; |
||||||
.option { |
color: #ffffff; |
||||||
margin-left: 30rpx; |
border-radius: 60rpx; |
||||||
.phone { |
text-align: center; |
||||||
width: 48rpx; |
background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%); |
||||||
height: 48rpx; |
.icon { |
||||||
border-radius: 50%; |
display: inline-block; |
||||||
display: flex; |
width: 32rpx; |
||||||
align-items: center; |
height: 32rpx; |
||||||
justify-content: center; |
vertical-align: middle; |
||||||
background-color: #fff; |
} |
||||||
box-shadow: 0 4rpx 20rpx 0 rgba(0, 0, 0, 0.1); |
} |
||||||
&-img { |
} |
||||||
width: 24rpx; |
|
||||||
height: 24rpx; |
.remark { |
||||||
} |
margin-top: 56rpx; |
||||||
} |
padding: 32rpx; |
||||||
.name { |
border-radius: 24rpx; |
||||||
margin-top: 8rpx; |
background-color: #FAFAFA; |
||||||
font-size: 24rpx; |
.r-title { |
||||||
color: #484848; |
font-size: 32rpx; |
||||||
} |
color: #211D2E; |
||||||
} |
font-weight: bold; |
||||||
} |
} |
||||||
} |
.r-content { |
||||||
|
margin-top: 20rpx; |
||||||
.card { |
font-size: 28rpx; |
||||||
margin-bottom: 16rpx; |
color: #69686E; |
||||||
padding: 32rpx 30rpx; |
} |
||||||
border-radius: 24rpx; |
} |
||||||
background-color: #fff; |
} |
||||||
.c-title { |
} |
||||||
font-size: 32rpx; |
|
||||||
font-weight: bold; |
|
||||||
color: #484848; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
.c-icon { |
|
||||||
margin-right: 16rpx; |
|
||||||
width: 36rpx; |
|
||||||
height: 36rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.c-content{ |
|
||||||
margin-top: 24rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #9E9E9E; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.remark{ |
|
||||||
padding: 32rpx; |
|
||||||
border-radius: 24rpx; |
|
||||||
background-color: #fff; |
|
||||||
.r-title{ |
|
||||||
font-size: 32rpx; |
|
||||||
color: #484848; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.r-content{ |
|
||||||
margin-top: 20rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #9E9E9E; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|||||||
@ -1,52 +1,54 @@ |
|||||||
const app = getApp<IAppOption>(); |
const app = getApp<IAppOption>() |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
data: { |
data: { |
||||||
id: "", |
id: '', |
||||||
detail: {} as any, |
detail: {} as any, |
||||||
}, |
}, |
||||||
onLoad(options) { |
onLoad(options) { |
||||||
this.setData({ |
this.setData({ |
||||||
id: options.id, |
id: options.id, |
||||||
}); |
}) |
||||||
app.waitLogin().then(() => { |
app.waitLogin({ type: [0, 1] }).then(() => { |
||||||
this.getDetail(); |
this.getDetail() |
||||||
}); |
}) |
||||||
}, |
}, |
||||||
|
|
||||||
getDetail() { |
getDetail() { |
||||||
wx.ajax({ |
wx.ajax({ |
||||||
method: "GET", |
method: 'GET', |
||||||
url: "?r=zd/dtp-pharmacy/detail", |
url: '?r=zd/dtp-pharmacy/detail', |
||||||
data: { |
data: { |
||||||
Id: this.data.id, |
Id: this.data.id, |
||||||
}, |
}, |
||||||
}).then((res) => { |
}).then((res) => { |
||||||
this.setData({ |
this.setData({ |
||||||
detail: res, |
detail: res, |
||||||
}); |
}) |
||||||
}); |
}) |
||||||
}, |
}, |
||||||
handleSite() { |
handleSite() { |
||||||
const { LNG, LAT, ProvinceName, CityName, CountyName, Address, Name } = this.data.detail; |
const { LNG, LAT, ProvinceName, CityName, CountyName, Address, Name } = this.data.detail |
||||||
wx.openLocation({ |
wx.openLocation({ |
||||||
latitude: LAT, |
latitude: LAT, |
||||||
longitude: LNG, |
longitude: LNG, |
||||||
name: Name, |
name: Name, |
||||||
address: `${ProvinceName}${CityName}${CountyName}${Address}`, |
address: `${ProvinceName}${CityName}${CountyName}${Address}`, |
||||||
}); |
}) |
||||||
}, |
}, |
||||||
handlePhone() { |
handlePhone() { |
||||||
const tel = this.data.detail.Telephone; |
const tel = this.data.detail.Telephone |
||||||
if (!tel) { |
if (!tel) { |
||||||
wx.showToast({ |
wx.showToast({ |
||||||
icon: "none", |
icon: 'none', |
||||||
title: "电话暂未开通", |
title: '电话暂未开通', |
||||||
}); |
}) |
||||||
return; |
return |
||||||
} |
} |
||||||
wx.makePhoneCall({ |
wx.makePhoneCall({ |
||||||
phoneNumber: tel, |
phoneNumber: tel, |
||||||
}); |
}) |
||||||
}, |
}, |
||||||
}); |
}) |
||||||
|
|
||||||
|
export {} |
||||||
|
|||||||
@ -1,61 +1,27 @@ |
|||||||
<view class="page"> |
<view class="page"> |
||||||
<image wx:if="{{detail.ImgUrl}}" class="banner" mode="widthFix" src="{{detail.ImgUrl}}"></image> |
<image wx:if="{{detail.ImgUrl}}" class="banner" mode="widthFix" src="{{detail.ImgUrl}}"></image> |
||||||
<image wx:else class="banner" mode="widthFix" src="{{imageUrl}}za-images//nrdl/dtp-durg.png"></image> |
<image wx:else class="banner" mode="widthFix" src="{{imageUrl}}bg25.png?t={{Timestamp}}"></image> |
||||||
<view class="container"> |
<view class="container"> |
||||||
<view class="title">{{detail.Name}}</view> |
<view class="title">{{detail.Name}}</view> |
||||||
<view class="tags"> |
<view class="content"> |
||||||
<view class="tag" wx:if="{{detail.IsOwnInfusionCenter==1}}"> |
<view class="inner"> |
||||||
<image class="icon" mode="widthFix" src="{{imageUrl}}za-images//nrdl/inject.png"></image> |
<view class="site">{{detail.ProvinceName}}{{detail.CityName}}{{detail.CountyName}}{{detail.Address}}</view> |
||||||
<!-- {{detail.OwnInfusionCenterName}} --> |
<view class="tel">{{detail.Telephone}}</view> |
||||||
自有输注中心 |
</view> |
||||||
</view> |
</view> |
||||||
<view class="tag" wx:if="{{detail.IsCooperationInfusionCenter==1}}"> |
<view class="options"> |
||||||
<image class="icon" mode="widthFix" src="{{imageUrl}}za-images//nrdl/cooperate.png"></image> |
<view class="phone" bind:tap="handlePhone"> |
||||||
<!-- {{detail.CooperationInfusionCenterName}} --> |
<image class="icon" src="{{imageUrl}}icon95.png?t={{Timestamp}}"></image> |
||||||
合作输注中心 |
电话 |
||||||
</view> |
</view> |
||||||
</view> |
<view class="site" bind:tap="handleSite" wx:if="{{detail.Address}}"> |
||||||
<view class="content"> |
<image class="icon" src="{{imageUrl}}icon96.png?t={{Timestamp}}"></image> |
||||||
<view class="inner"> |
地址 |
||||||
<view class="site">{{detail.ProvinceName}}{{detail.CityName}}{{detail.CountyName}}{{detail.Address}}</view> |
</view> |
||||||
<view class="tel">{{detail.Telephone}}</view> |
</view> |
||||||
</view> |
<view class="remark" wx:if="{{detail.Remark}}"> |
||||||
<view class="options"> |
<view class="r-title">备注</view> |
||||||
<view class="option" bind:tap="handleSite" wx:if="{{detail.Address}}"> |
<view class="r-content">{{detail.Remark}}</view> |
||||||
<view class="phone"> |
</view> |
||||||
<image class="phone-img" src="{{imageUrl}}za-images//nrdl/site.png"></image> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="name">地址</view> |
|
||||||
</view> |
|
||||||
<view class="option" bind:tap="handlePhone"> |
|
||||||
<view class="phone"> |
|
||||||
<image class="phone-img" src="{{imageUrl}}za-images//nrdl/phone.png"></image> |
|
||||||
</view> |
|
||||||
<view class="name">电话</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view class="card" wx:if="{{detail.IsOwnInfusionCenter==1}}"> |
|
||||||
<view class="c-title"> |
|
||||||
<image |
|
||||||
class="c-icon" |
|
||||||
src="{{imageUrl}}za-images//nrdl/cooperate-1.png" |
|
||||||
style="width: 32rpx; height: 30rpx; margin-right: 18rpx" |
|
||||||
></image> |
|
||||||
自有输注中心 |
|
||||||
</view> |
|
||||||
<view class="c-content">{{detail.OwnInfusionCenterName}}</view> |
|
||||||
</view> |
|
||||||
<view class="card" wx:if="{{detail.IsCooperationInfusionCenter==1}}"> |
|
||||||
<view class="c-title"> |
|
||||||
<image class="c-icon" src="{{imageUrl}}za-images//nrdl/inject-1.png" style="width: 36rpx; height: 36rpx"></image> |
|
||||||
合作输注中心 |
|
||||||
</view> |
|
||||||
<view class="c-content">{{detail.CooperationInfusionCenterName}}</view> |
|
||||||
</view> |
|
||||||
<view class="remark" wx:if="{{detail.Remark}}"> |
|
||||||
<view class="r-title">备注</view> |
|
||||||
<view class="r-content">{{detail.Remark}}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
|||||||
|
After Width: | Height: | Size: 110 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 740 B |
|
After Width: | Height: | Size: 810 B |
|
After Width: | Height: | Size: 483 B |
|
After Width: | Height: | Size: 348 B |
|
After Width: | Height: | Size: 789 B |
|
After Width: | Height: | Size: 84 KiB |
@ -1,9 +1,93 @@ |
|||||||
.page { |
.page { |
||||||
display: block; |
position: relative; |
||||||
width: 100%; |
.banner { |
||||||
} |
width: 100%; |
||||||
.page-title { |
min-height: 374rpx; |
||||||
margin-top: -120rpx; |
} |
||||||
text-align: center; |
.container { |
||||||
color: #fea8b7; |
padding: 48rpx 40rpx; |
||||||
} |
position: absolute; |
||||||
|
top: 348rpx; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
min-height: 100vh; |
||||||
|
border-radius: 24rpx 24rpx 0 0; |
||||||
|
background-color: #fff; |
||||||
|
box-sizing: border-box; |
||||||
|
.title { |
||||||
|
font-size: 36rpx; |
||||||
|
color: #211d2e; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.content { |
||||||
|
margin-top: 32rpx; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
.inner { |
||||||
|
.site { |
||||||
|
font-size: 28rpx; |
||||||
|
color: #adacb2; |
||||||
|
} |
||||||
|
.tel { |
||||||
|
font-size: 28rpx; |
||||||
|
color: #adacb2; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.options { |
||||||
|
margin-top: 40rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
gap: 30rpx; |
||||||
|
.phone { |
||||||
|
flex: 1; |
||||||
|
line-height: 70rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: #b982ff; |
||||||
|
text-align: center; |
||||||
|
border-radius: 60rpx 60rpx 60rpx 60rpx; |
||||||
|
border: 1px solid #b982ff; |
||||||
|
.icon { |
||||||
|
display: inline-block; |
||||||
|
width: 36rpx; |
||||||
|
height: 36rpx; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
} |
||||||
|
.site { |
||||||
|
flex: 1; |
||||||
|
line-height: 76rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: #ffffff; |
||||||
|
border-radius: 60rpx; |
||||||
|
text-align: center; |
||||||
|
background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%); |
||||||
|
.icon { |
||||||
|
display: inline-block; |
||||||
|
width: 32rpx; |
||||||
|
height: 32rpx; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.remark { |
||||||
|
margin-top: 56rpx; |
||||||
|
padding: 32rpx; |
||||||
|
border-radius: 24rpx; |
||||||
|
background-color: #fafafa; |
||||||
|
.r-title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: #211d2e; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.r-content { |
||||||
|
margin-top: 20rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
color: #69686e; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|||||||
@ -1,6 +1,54 @@ |
|||||||
const _app = getApp<IAppOption>(); |
const app = getApp<IAppOption>() |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
data: {}, |
data: { |
||||||
onLoad() { }, |
id: '', |
||||||
}) |
detail: {} as any, |
||||||
|
}, |
||||||
|
onLoad(options) { |
||||||
|
this.setData({ |
||||||
|
id: options.id, |
||||||
|
}) |
||||||
|
app.waitLogin({ type: [0, 1] }).then(() => { |
||||||
|
this.getDetail() |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
getDetail() { |
||||||
|
wx.ajax({ |
||||||
|
method: 'GET', |
||||||
|
url: '?r=xd/infusion-center/detail', |
||||||
|
data: { |
||||||
|
Id: this.data.id, |
||||||
|
}, |
||||||
|
}).then((res) => { |
||||||
|
this.setData({ |
||||||
|
detail: res, |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleSite() { |
||||||
|
const { LNG, LAT, ProvinceName, CityName, CountyName, Address, Name } = this.data.detail |
||||||
|
wx.openLocation({ |
||||||
|
latitude: LAT, |
||||||
|
longitude: LNG, |
||||||
|
name: Name, |
||||||
|
address: `${ProvinceName}${CityName}${CountyName}${Address}`, |
||||||
|
}) |
||||||
|
}, |
||||||
|
handlePhone() { |
||||||
|
const tel = this.data.detail.Telephone |
||||||
|
if (!tel) { |
||||||
|
wx.showToast({ |
||||||
|
icon: 'none', |
||||||
|
title: '电话暂未开通', |
||||||
|
}) |
||||||
|
return |
||||||
|
} |
||||||
|
wx.makePhoneCall({ |
||||||
|
phoneNumber: tel, |
||||||
|
}) |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
|
|||||||
@ -1,2 +1,27 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}za-images//infusionCenter.png?t={{Timestamp}}"></image> |
<view class="page"> |
||||||
<view class="page-title">即将上线，敬请期待！</view> |
<image wx:if="{{detail.ImgUrl}}" class="banner" mode="widthFix" src="{{detail.ImgUrl}}"></image> |
||||||
|
<image wx:else class="banner" mode="widthFix" src="{{imageUrl}}bg25.png?t={{Timestamp}}"></image> |
||||||
|
<view class="container"> |
||||||
|
<view class="title">{{detail.Name}}</view> |
||||||
|
<view class="content"> |
||||||
|
<view class="inner"> |
||||||
|
<view class="site">{{detail.ProvinceName}}{{detail.CityName}}{{detail.CountyName}}{{detail.Address}}</view> |
||||||
|
<view class="tel">{{detail.Telephone}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="options"> |
||||||
|
<view class="phone" bind:tap="handlePhone"> |
||||||
|
<image class="icon" src="{{imageUrl}}icon95.png?t={{Timestamp}}"></image> |
||||||
|
电话 |
||||||
|
</view> |
||||||
|
<view class="site" bind:tap="handleSite" wx:if="{{detail.Address}}"> |
||||||
|
<image class="icon" src="{{imageUrl}}icon96.png?t={{Timestamp}}"></image> |
||||||
|
地址 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="remark" wx:if="{{detail.Remark}}"> |
||||||
|
<view class="r-title">备注</view> |
||||||
|
<view class="r-content">{{detail.Remark}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|||||||
Loading…
Reference in new issue