wangyifang
/
szgb-book-wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改下啦

Browse Source
master
lion 4 years ago
parent e6a8b4ecba 76086c3682
commit fb53c4c670
4 changed files with 214 additions and 199 deletions
Show Stats Download Patch File Download Diff File

2
pages/guide/index.vue
Unescape View File

@ -13,7 +13,7 @@
<u-icon v-if="item.shownotice" size="16" name="arrow-up"></u-icon> <u-icon v-if="item.shownotice" size="16" name="arrow-up"></u-icon>
</view> </view>
<view class="content_info" v-if="item.shownotice"> <view class="content_info" v-if="item.shownotice">
<rich-text style="text-indent: 2em;" :nodes="item.content"></rich-text> <rich-text style="text-indent: 2em;font-size: 28rpx;" :nodes="item.content"></rich-text>
</view> </view>
</view> </view>
</block> </block>

3
pages/index/index.vue
Unescape View File

@ -184,6 +184,9 @@
onReady() { onReady() {
// 如果需要兼容微信小程序的话，需要用此写法 // 如果需要兼容微信小程序的话，需要用此写法
this.$refs.calendar.setFormatter(this.formatter) this.$refs.calendar.setFormatter(this.formatter)
},
onHide() {
this.showBook=false;
}, },
methods: { methods: {
closePhone() { closePhone() {

406
pages/order/visitorderinfo.vue
Unescape View File

@ -9,73 +9,76 @@
<view class="orderBoxInfo flex-col"> <view class="orderBoxInfo flex-col">
<view class="orderBoxInfoRow flex-row"> <view class="orderBoxInfoRow flex-row">
<text class="iconfont icon-shijian"></text> <text class="iconfont icon-shijian"></text>
<text <text class="orderBoxInfoRowTxt">参观日期：{{timeFormat(info.date, 'MM月DD日')}}</text>
class="orderBoxInfoRowTxt">参观日期：{{timeFormat(info.date, 'MM月DD日')}}</text> </view>
</view> <view class="orderBoxInfoRow flex-row">
<view class="orderBoxInfoRow flex-row"> <text class="iconfont icon-shijian"></text>
<text class="iconfont icon-shijian"></text> <text class="orderBoxInfoRowTxt">参观时段：{{info.time||""}}</text>
<text
class="orderBoxInfoRowTxt">参观时段：{{info.time||""}}</text>
</view> </view>
<view class="orderBoxInfoRow flex-row"> <view class="orderBoxInfoRow flex-row">
<text class="iconfont icon-renshu"></text> <text class="iconfont icon-renshu"></text>
<text class="orderBoxInfoRowTxt">参观人数：{{info.total||0}}</text></text> <text class="orderBoxInfoRowTxt">参观人数：{{info.total||0}}</text></text>
</view> </view>
</view> </view>
</view> </view>
</view>
<view class="orderBoxTitle flex-row">
<text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫“入馆码”入馆</text>
</view> </view>
<view class="orderBoxList p0"> <view class="orderBoxTitle flex-row">
<view class="orderBox"> <text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫“入馆码”入馆</text>
<view v-if="info.type==1" class="orderBoxInfo flex-col ewmcode"> </view>
<text>入馆码：{{info.code}}-0</text> <view class="orderBoxList p0">
<view> <view class="orderBox">
<view class="imgs" > <view v-if="info.type==1" class="orderBoxInfo flex-col ewmcode">
<view :class="info.status!=1?'isuse':''"> <text>入馆码：{{info.code}}-0</text>
<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image> <view>
<!-- <img v-if="info.status!=1" src="../../static/img/used.png" alt=""> --> <view class="imgs">
<canvas canvas-id='qrcode' style="width: 360rpx;height:350rpx;margin: 0 auto;"> <view :class="info.status!=1?'isuse':''">
<cover-view v-if="showview"> <cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image>
</cover-view> <!-- <img v-if="info.status!=1" src="../../static/img/used.png" alt=""> -->
</canvas> <canvas canvas-id='qrcode' style="width: 360rpx;height:350rpx;margin: 0 auto;">
<cover-view v-if="showview">
</view> </cover-view>
</view> </canvas>
</view>
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> --> </view>
</view> </view>
<view v-if="info.type==2" class="orderBoxInfo flex-col ewmcode" :key='index' v-for="(item,index) in detailsinfo"> </view>
<text>入馆码：{{info.code}}-{{item.code}}</text> <!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
<view> </view>
<view class="imgs" > <block v-if="info.type==2">
<view :class="item.status!=1?'isuse':''"> <view class="orderBoxInfo flex-col ewmcode" :key='index' v-for="(item,index) in detailsinfo">
<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image> <text>入馆码：{{info.code}}-{{item.code}}</text>
<view>
<!-- <img v-if="item.status!=1" src="../../static/img/used.png" alt=""> --> <view class="imgs">
<canvas :canvas-id="'qrcode'+index" style="width: 360rpx;height:350rpx;margin: 0 auto;"> <view :class="item.status!=1?'isuse':''">
<cover-view v-if="showview"> <cover-image v-if="info.status==2" src="../../static/img/used.png" alt="">
</cover-view> </cover-image>
</canvas>
</view> <!-- <img v-if="item.status!=1" src="../../static/img/used.png" alt=""> -->
<view class="imgsname"> <canvas :canvas-id="'qrcode'+index"
<text class="orderBoxTitleTxt">{{item.name}}</text> style="width: 360rpx;height:350rpx;margin: 0 auto;">
<text class="orderBoxTitleTxt" style="font-size: 28rpx;" v-if="item.is_open==1"> <cover-view v-if="showview">
可使用身份证 </cover-view>
</text> </canvas>
<text style="font-size: 28rpx;" class="orderBoxTitleTxt" v-if="item.is_open==0"> </view>
不可使用身份证 <view class="imgsname">
</text> <text class="orderBoxTitleTxt">{{item.name}}</text>
</view> </view>
</view> </view>
</view>
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> --> <view class="orderBoxTitleTxt" style="font-size: 28rpx;" v-if="item.is_open==1">
</view> 可凭二维码或者身份证入场馆
</view> </view>
<view style="font-size: 28rpx;" class="orderBoxTitleTxt" v-if="item.is_open==0">
可凭二维码入场馆
</view>
</view>
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
</view>
</block>
</view>
</view> </view>
<!-- <view class="orderBoxList p0"> <!-- <view class="orderBoxList p0">
<view class="orderBox"> <view class="orderBox">
@ -99,21 +102,21 @@
</view> </view>
</view> </view>
</view> </view>
</view> --> </view> -->
<view> <view>
<view class="orderBoxInfoRow flex-row" style="margin-top: 25rpx;"> <view class="orderBoxInfoRow flex-row" style="margin-top: 25rpx;">
<!-- <text class="iconfont icon-iconfontgerenzhongxin"></text> --> <!-- <text class="iconfont icon-iconfontgerenzhongxin"></text> -->
<text v-if="info.type==1" class="orderBoxInfoRowTxt">领队人：{{info.leader||""}}丨 {{info.mobile||""}}</text> <text v-if="info.type==1" class="orderBoxInfoRowTxt">领队人：{{info.leader||""}}丨 {{info.mobile||""}}</text>
<text v-if="info.type==2" class="orderBoxInfoRowTxt">联系方式：{{info.mobile||""}}</text> <text v-if="info.type==2" class="orderBoxInfoRowTxt">联系方式：{{info.mobile||""}}</text>
</view> </view>
<view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 20rpx;"> <view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 20rpx;">
<!-- <text class="iconfont icon-danwei"></text> --> <!-- <text class="iconfont icon-danwei"></text> -->
<text class="orderBoxInfoRowTxt">单位名称：{{info.unit||""}}</text> <text class="orderBoxInfoRowTxt">单位名称：{{info.unit||""}}</text>
</view> </view>
<view class="orderBoxInfoRow flex-row" style="margin-top: 20rpx"> <view class="orderBoxInfoRow flex-row" style="margin-top: 20rpx">
<text class="orderBoxInfoRowTxt">下单时间：{{info.created_at||""}}</text> <text class="orderBoxInfoRowTxt">下单时间：{{info.created_at||""}}</text>
</view> </view>
</view> </view>
<view class="orderBoxList orderBoxListTip"> <view class="orderBoxList orderBoxListTip">
<view class="orderBoxTitle flex-row"> <view class="orderBoxTitle flex-row">
@ -121,7 +124,7 @@
<text class="orderBoxTitleTxt">参观须知</text> <text class="orderBoxTitleTxt">参观须知</text>
</view> </view>
<view class="flex-row" style="margin-top: 10rpx;"> <view class="flex-row" style="margin-top: 10rpx;">
<text class="orderBoxInfoRowTxt">{{info.type==1?vinfo.person_notice:vinfo.team_notice}}</text> <view class="orderBoxInfoRowTxt" v-html="info.type==1?vinfo.person_notice:vinfo.team_notice"></view>
</view> </view>
</view> </view>
</view> </view>
@ -133,57 +136,57 @@
data() { data() {
return { return {
info: {}, info: {},
vinfo: {}, vinfo: {},
detailsinfo:[], detailsinfo: [],
showview:false, showview: false,
timer:null, timer: null,
optionid:"", optionid: "",
timer:null timer: null
} }
}, },
onLoad(options) { onLoad(options) {
this.loadIntroduce(); this.loadIntroduce();
if (!this.util.isNull(options.id)) { if (!this.util.isNull(options.id)) {
this.optionid = options.id this.optionid = options.id
this.loadInfo(options.id); this.loadInfo(options.id);
} }
}, },
onShow() { onShow() {
var that = this var that = this
this.timer = setInterval(function(){ this.timer = setInterval(function() {
that.loadInfo(that.optionid); that.loadInfo(that.optionid);
},4000) }, 4000)
}, },
onHide() { onHide() {
clearInterval(this.timer) clearInterval(this.timer)
}, },
onUnload() { onUnload() {
clearInterval(this.timer) clearInterval(this.timer)
}, },
methods: { methods: {
qrFun: function(text,qrcode) { qrFun: function(text, qrcode) {
var id = "qrcode"; var id = "qrcode";
if(qrcode){ if (qrcode) {
id = qrcode id = qrcode
} }
uQRCode.make({ uQRCode.make({
canvasId: id, canvasId: id,
componentInstance: this, componentInstance: this,
text: text, text: text,
size: 200, size: 200,
// margin: 10, // margin: 10,
backgroundColor: '#ffffff', backgroundColor: '#ffffff',
foregroundColor: '#000000', foregroundColor: '#000000',
fileType: 'jpg', fileType: 'jpg',
errorCorrectLevel: uQRCode.errorCorrectLevel.H, errorCorrectLevel: uQRCode.errorCorrectLevel.H,
success: res => { success: res => {
} }
}) })
}, },
loadIntroduce() { loadIntroduce() {
var that = this; var that = this;
@ -210,24 +213,24 @@
}, },
utilSuccess: function(res) { utilSuccess: function(res) {
that.info = res; that.info = res;
that.detailsinfo = res.details; that.detailsinfo = res.details;
if(res.status!=1){ if (res.status != 1) {
clearInterval(that.timer) clearInterval(that.timer)
} }
if(res.type==1){ if (res.type == 1) {
that.qrFun(res.code+"-"+"0"); that.qrFun(res.code + "-" + "0");
setTimeout(function(){ setTimeout(function() {
that.showview = true that.showview = true
},500) }, 500)
} }
if(res.type==2){ if (res.type == 2) {
for(var i=0;i<res.details.length;i++){ for (var i = 0; i < res.details.length; i++) {
that.qrFun(res.code+"-"+res.details[i].code,'qrcode'+i); that.qrFun(res.code + "-" + res.details[i].code, 'qrcode' + i);
} }
setTimeout(function(){ setTimeout(function() {
that.showview = true that.showview = true
},500) }, 500)
} }
}, },
utilFail: function(res) { utilFail: function(res) {
@ -276,18 +279,20 @@
} }
.orderBoxList { .orderBoxList {
padding: 26rpx; padding: 26rpx;
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
border-radius: 20rpx; border-radius: 20rpx;
} }
.orderBoxListTip{
background: none; .orderBoxListTip {
border-radius: 0rpx; background: none;
padding: 26rpx 10rpx; border-radius: 0rpx;
} padding: 26rpx 10rpx;
.orderBoxListTip .orderBoxTitle{ }
padding-bottom:10rpx
.orderBoxListTip .orderBoxTitle {
padding-bottom: 10rpx
} }
.content_box { .content_box {
@ -306,8 +311,8 @@
} }
.orderBoxInfoRow { .orderBoxInfoRow {
align-items: center; align-items: center;
margin:10rpx margin: 10rpx
} }
.orderBoxTitleTxt { .orderBoxTitleTxt {
@ -334,7 +339,7 @@
.orderBoxInfoRowTxt { .orderBoxInfoRowTxt {
font-size: 30rpx!important; font-size: 30rpx !important;
font-family: PingFang SC; font-family: PingFang SC;
color: #828282; color: #828282;
} }
@ -346,59 +351,66 @@
font-size: 24rpx; font-size: 24rpx;
} }
.p0 { .p0 {
padding-top: 0; padding-top: 0;
border-left:32rpx solid #ef9525 border-left: 32rpx solid #ef9525
} }
.ewmcode { .ewmcode {
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;
text-align: left; text-align: left;
font-size: 28rpx; font-size: 28rpx;
margin-left: 18rpx; margin-left: 18rpx;
padding-bottom:0; padding-bottom: 0;
padding-top: 30rpx; padding-top: 30rpx;
} }
.imgs {
.imgs {
margin: 30rpx 0 0rpx 0; margin: 30rpx 0 0rpx 0;
font-size: 0; font-size: 0;
display: inline-block; display: inline-block;
}
.imgs view{
position: relative;
display: inline-block;
margin-bottom: 20rpx;
} }
.imgs view {
position: relative;
display: inline-block;
margin-bottom: 20rpx;
}
.imgs cover-image { .imgs cover-image {
position: absolute; position: absolute;
width: 200rpx; width: 200rpx;
height: 200rpx; height: 200rpx;
z-index: 999; z-index: 999;
opacity: 1; opacity: 1;
right: 0rpx; right: 0rpx;
bottom: 0rpx; bottom: 0rpx;
} }
.imgs canvas{
display: inline-block; .imgs canvas {
vertical-align: middle; display: inline-block;
} vertical-align: middle;
.imgsname{ }
display: inline-block;
text-align: center; .imgsname {
margin-left: 15rpx; display: inline-block;
} text-align: center;
.imgs text{ margin-left: 15rpx;
display: block; flex: 1;
/* margin-left: 40rpx; */ }
}
.imgs .isuse cover-view{ .imgs text {
background-color: rgba(255,255,255,0.6); display: block;
width: 360rpx; /* margin-left: 40rpx; */
height:350rpx; }
}
.imgs .isuse cover-view {
background-color: rgba(255, 255, 255, 0.6);
width: 360rpx;
height: 350rpx;
}
.ewminfo { .ewminfo {
color: #828282; color: #828282;

2
pages/visit/book.vue
Unescape View File

@ -320,7 +320,7 @@
content: "预约须知的内容" content: "预约须知的内容"
}, { }, {
title: "批量上传帮助", title: "批量上传帮助",
content: "<p>1.批量上传EXCEL的以xlsx结尾</p><p>2.第一列为标题列 姓名 手机号 证件号</p><p>3.文件是从微信聊天记录中选取或者微信文件传输助手</p><img src='@host@/export.png' style='width:100%'/>" content: "<p>1.批量上传EXCEL的以xlsx结尾</p><p>2.第一列为标题列 姓名 手机号 证件号 行动不便者</p><p>3.文件是从微信聊天记录中选取或者微信文件传输助手</p><img src='@host@/export.png?v=1.1' style='width:100%'/>"
}], }],
specialtype:false, specialtype:false,
specialid:0, specialid:0,

Write Preview
Loading…
Cancel
Save