|
|
@@ -22,32 +22,65 @@
|
|
|
<view class="topLine" style="border: none;">
|
|
|
<view class="topLineTitle">访问人</view>
|
|
|
<view class="topLineRIght">
|
|
|
- <span class="topSpan">这是门店名称</span>
|
|
|
+ <span class="topSpan">{{ShopName}}</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="kbox" v-for="(v,i) in list">
|
|
|
+ <view class="kboxTitle">{{v.categoryName}}</view>
|
|
|
+ <view class="kboxLineCont">
|
|
|
+ <view class="kline" v-for="(item,index) in v.sectionList">
|
|
|
+ <image src="../../static/img/icon_luru@2x.png" mode="" class="klineImg"></image>
|
|
|
+ <view class="klineName">{{item.checkName}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
-
|
|
|
+ </view>
|
|
|
+ <timeChose></timeChose>
|
|
|
+ <view style="height: 150rpx;"></view>
|
|
|
+ <view class="bottom">
|
|
|
+ <view class="bottomBtn">完成，填写下一步行动建议</view>
|
|
|
+ </view>
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import timeChose from '@/components/timeChose/timeChose.vue'
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ timeChose
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
userInfo:'',
|
|
|
date:'',
|
|
|
nowDate:'',
|
|
|
+ shopId:'',
|
|
|
+ ShopName:'',
|
|
|
+ list:'',
|
|
|
}
|
|
|
},
|
|
|
- onLoad() {
|
|
|
+ onLoad(opt) {
|
|
|
//页面加载初始化生命周期函数
|
|
|
this.userInfo=uni.getStorageSync("userInfo");
|
|
|
- this.getTime()
|
|
|
+ this.ShopName=opt.ShopName;
|
|
|
+ this.shopId=opt.shopId;
|
|
|
+ this.getTime();
|
|
|
+ this.getCheckPackageInfo();
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
+ getCheckPackageInfo(){
|
|
|
+ this.$http('accompany/SuperCheckSheet/queryCheckPackageInfo', {
|
|
|
+ shopID:this.shopId
|
|
|
+ }, 'GET').then(res => {
|
|
|
+ this.list=res.data.categoryList;
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
bindTimeChange(e){
|
|
|
console.log(e);
|
|
|
this.date=e.detail.value
|
|
|
@@ -112,6 +145,7 @@
|
|
|
}
|
|
|
.top{
|
|
|
background: #FFFFFF;
|
|
|
+ border-radius: 10rpx;
|
|
|
}
|
|
|
.topLine{
|
|
|
font-size: 28rpx;
|
|
|
@@ -137,4 +171,52 @@
|
|
|
.topTime{
|
|
|
width: 400rpx;
|
|
|
}
|
|
|
+ .klineImg{
|
|
|
+ width: 70rpx;height: 70rpx;
|
|
|
+ }
|
|
|
+ .kbox{
|
|
|
+ background: #FFFFFF;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ .kboxTitle{
|
|
|
+ font-size:32rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #3C3C3C;
|
|
|
+ padding: 30rpx 20rpx;
|
|
|
+ }
|
|
|
+ .kboxLineCont{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ }
|
|
|
+ .kline{
|
|
|
+ width: 25%;
|
|
|
+ text-align: center;
|
|
|
+ padding: 20rpx 0;
|
|
|
+ }
|
|
|
+ .klineName{
|
|
|
+ color: #3C3C3C;
|
|
|
+ line-height: 36rpx;
|
|
|
+ }
|
|
|
+ .bottom{
|
|
|
+ width: 750rpx;
|
|
|
+ height: 120rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px -4px 8px 0px rgba(153,153,153,0.08);
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+ .bottomBtn{
|
|
|
+ width: 702rpx;
|
|
|
+ height: 74rpx;
|
|
|
+ background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
|
|
|
+ border-radius: 37rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 74rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size:30rpx;
|
|
|
+ margin-top: 24rpx;
|
|
|
+ margin-left: 24rpx;
|
|
|
+ }
|
|
|
</style>
|
