kola-web
4 days ago
32 changed files with 660 additions and 679 deletions
@ -1,4 +1,5 @@
@@ -1,4 +1,5 @@
|
||||
{ |
||||
"navigationBarTitleText": "双通道药房", |
||||
"usingComponents": {} |
||||
} |
||||
{ |
||||
"navigationBarTitleText": "药房", |
||||
"navigationStyle": "default", |
||||
"usingComponents": {} |
||||
} |
||||
|
||||
@ -1,128 +1,93 @@
@@ -1,128 +1,93 @@
|
||||
.page { |
||||
position: relative; |
||||
.banner { |
||||
width: 100%; |
||||
min-height: 344rpx; |
||||
} |
||||
.container { |
||||
padding: 48rpx 40rpx; |
||||
position: absolute; |
||||
top: 316rpx; |
||||
left: 0; |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
border-radius: 24rpx 24rpx 0 0; |
||||
background-color: #fafafa; |
||||
box-sizing: border-box; |
||||
.title { |
||||
font-size: 36rpx; |
||||
color: #484848; |
||||
font-weight: bold; |
||||
} |
||||
.tags { |
||||
margin-top: 16rpx; |
||||
display: flex; |
||||
.tag { |
||||
margin-right: 16rpx; |
||||
padding-right: 8rpx; |
||||
font-size: 22rpx; |
||||
color: #e04775; |
||||
line-height: 1; |
||||
border-radius: 8rpx; |
||||
background-color: #f5dfe6; |
||||
display: flex; |
||||
align-items: center; |
||||
.icon { |
||||
margin-right: 8rpx; |
||||
padding: 4rpx; |
||||
width: 24rpx; |
||||
max-height: 24rpx; |
||||
background-color: #e04775; |
||||
border-radius: 8rpx; |
||||
} |
||||
} |
||||
} |
||||
.content { |
||||
margin-top: 32rpx; |
||||
margin-bottom: 20rpx; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
.inner { |
||||
.site { |
||||
font-size: 28rpx; |
||||
color: #9e9e9e; |
||||
} |
||||
.tel { |
||||
font-size: 28rpx; |
||||
color: #9b9ea6; |
||||
} |
||||
} |
||||
.options { |
||||
flex-shrink: 0; |
||||
display: flex; |
||||
.option { |
||||
margin-left: 30rpx; |
||||
.phone { |
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
border-radius: 50%; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
background-color: #fff; |
||||
box-shadow: 0 4rpx 20rpx 0 rgba(0, 0, 0, 0.1); |
||||
&-img { |
||||
width: 24rpx; |
||||
height: 24rpx; |
||||
} |
||||
} |
||||
.name { |
||||
margin-top: 8rpx; |
||||
font-size: 24rpx; |
||||
color: #484848; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.card { |
||||
margin-bottom: 16rpx; |
||||
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; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.page { |
||||
position: relative; |
||||
.banner { |
||||
width: 100%; |
||||
min-height: 374rpx; |
||||
} |
||||
.container { |
||||
padding: 48rpx 40rpx; |
||||
position: absolute; |
||||
top: 348rpx; |
||||
left: 0; |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
border-radius: 24rpx 24rpx 0 0; |
||||
background-color: #FFFFFF; |
||||
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,52 +1,54 @@
@@ -1,52 +1,54 @@
|
||||
const app = getApp<IAppOption>(); |
||||
|
||||
Page({ |
||||
data: { |
||||
id: "", |
||||
detail: {} as any, |
||||
}, |
||||
onLoad(options) { |
||||
this.setData({ |
||||
id: options.id, |
||||
}); |
||||
app.waitLogin().then(() => { |
||||
this.getDetail(); |
||||
}); |
||||
}, |
||||
|
||||
getDetail() { |
||||
wx.ajax({ |
||||
method: "GET", |
||||
url: "?r=zd/dtp-pharmacy/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, |
||||
}); |
||||
}, |
||||
}); |
||||
const app = getApp<IAppOption>() |
||||
|
||||
Page({ |
||||
data: { |
||||
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=zd/dtp-pharmacy/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,61 +1,27 @@
@@ -1,61 +1,27 @@
|
||||
<view class="page"> |
||||
<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> |
||||
<view class="container"> |
||||
<view class="title">{{detail.Name}}</view> |
||||
<view class="tags"> |
||||
<view class="tag" wx:if="{{detail.IsOwnInfusionCenter==1}}"> |
||||
<image class="icon" mode="widthFix" src="{{imageUrl}}za-images//nrdl/inject.png"></image> |
||||
<!-- {{detail.OwnInfusionCenterName}} --> |
||||
自有输注中心 |
||||
</view> |
||||
<view class="tag" wx:if="{{detail.IsCooperationInfusionCenter==1}}"> |
||||
<image class="icon" mode="widthFix" src="{{imageUrl}}za-images//nrdl/cooperate.png"></image> |
||||
<!-- {{detail.CooperationInfusionCenterName}} --> |
||||
合作输注中心 |
||||
</view> |
||||
</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 class="options"> |
||||
<view class="option" bind:tap="handleSite" wx:if="{{detail.Address}}"> |
||||
<view class="phone"> |
||||
<image class="phone-img" src="{{imageUrl}}za-images//nrdl/site.png"></image> |
||||
</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> |
||||
<view class="page"> |
||||
<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> |
||||
|
||||
|
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 @@
@@ -1,9 +1,93 @@
|
||||
.page { |
||||
display: block; |
||||
width: 100%; |
||||
} |
||||
.page-title { |
||||
margin-top: -120rpx; |
||||
text-align: center; |
||||
color: #fea8b7; |
||||
} |
||||
.page { |
||||
position: relative; |
||||
.banner { |
||||
width: 100%; |
||||
min-height: 374rpx; |
||||
} |
||||
.container { |
||||
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 @@
@@ -1,6 +1,54 @@
|
||||
const _app = getApp<IAppOption>(); |
||||
|
||||
Page({ |
||||
data: {}, |
||||
onLoad() { }, |
||||
}) |
||||
const app = getApp<IAppOption>() |
||||
|
||||
Page({ |
||||
data: { |
||||
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 @@
@@ -1,2 +1,27 @@
|
||||
<image class="page" mode="widthFix" src="{{imageUrl}}za-images//infusionCenter.png?t={{Timestamp}}"></image> |
||||
<view class="page-title">即将上线，敬请期待！</view> |
||||
<view class="page"> |
||||
<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