|
@@ -106,6 +106,9 @@
|
|
|
<view class="ylist rlist" style="padding-top: 12rpx;" v-for="(ite,idx) in datalist" :key='idx' @click="getDetail(ite.conferenceRoomOrderId)">
|
|
|
<view class="ytop flexc">
|
|
|
<view class="ytit">{{ite.conferenceName}}</view>
|
|
|
+ <view class="delbtn mr20" v-if="checkPermi(['system:order:remove'])" @click.stop="getDelFn(ite.conferenceRoomOrderId)">
|
|
|
+ <image :src="delimg"></image>取消预约
|
|
|
+ </view>
|
|
|
<!-- <view class="rights" v-if="ite.visitType==1">
|
|
|
<image :src="ybga"></image>
|
|
|
<view>已结束</view>
|
|
@@ -120,10 +123,9 @@
|
|
|
<view class="txt"><text class="tit">会议要求</text><text>{{ite.remark}}</text></view>
|
|
|
<view class="flexcj mb8">
|
|
|
<view class="txt" style="margin-bottom: 0;"><text class="tit">席卡需求</text><text>{{ite.useXk=='Y'?'需要':'暂不'}}</text></view>
|
|
|
- <view class="delbtn" v-if="checkPermi(['system:order:remove'])" @click.stop="getDelFn(ite.conferenceRoomOrderId)">
|
|
|
- <image :src="delimg"></image>取消预约
|
|
|
- </view>
|
|
|
+
|
|
|
</view>
|
|
|
+ <view class="txt" v-if="ite.xkDetail"><text class="tit">席卡人员</text><text>{{ite.xkDetail}}</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -147,6 +149,79 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
+ <!-- 园区食谱 -->
|
|
|
+ <block v-if="type=='menulist'">
|
|
|
+ <view class="menulist" v-for="(ite,idx) in datalist" :key='idx'
|
|
|
+ :data-idx="idx"
|
|
|
+ @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'">
|
|
|
+ <view class="mentop" >
|
|
|
+ <!-- <view class="mentopa" v-if="ite.menuFoodDetailBk">
|
|
|
+ <image :src="dayc" class="dayimg"></image>
|
|
|
+ <view class="mentit">{{ite.menuFoodDetailBk}}</view>
|
|
|
+ </view> -->
|
|
|
+ <view class="mentopa" v-if="ite.menuFoodDetailLu">
|
|
|
+ <image :src="daya" class="dayimg"></image>
|
|
|
+ <view class="mentit">{{ite.menuFoodDetailLu}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="mentopa" v-if="ite.menuFoodDetailDi">
|
|
|
+ <image :src="dayb" class="dayimg"></image>
|
|
|
+ <view class="mentit">{{ite.menuFoodDetailDi}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="menbtn flexc">
|
|
|
+ <view class="usetit flexc flex1 act" v-if="ite.isUse=='Y'"><image :src="useimg"></image>当前已启用</view>
|
|
|
+ <view class="usetit flexc flex1" v-else><image :src="nuseimg"></image>当前未启用</view>
|
|
|
+ <block v-if="checkPermi(['system:menuFood:edit'])">
|
|
|
+ <view class="usebtn btna" @click.stop="getPut(ite,'put')"><image :src="putimg"></image>修改</view>
|
|
|
+ <view class="usebtn btnb" v-if="ite.isUse=='Y'" @click.stop="getPut(ite,'use')"><image :src="nusebtn"></image>禁用</view>
|
|
|
+ <view class="usebtn btnc" v-else @click.stop="getPut(ite,'use')"><image :src="usebtn"></image>启用</view>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ <view class="spdel" v-if="checkPermi(['system:menuFood:remove'])&&ite.right>0" @click.stop="getDelFn(ite.menuFoodId)">删除</view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-if="type=='menulists'">
|
|
|
+ <view class="splist" v-for="(ite,idx) in datalist" :key='idx' @click="getDetail(ite.orderFoodId)" >
|
|
|
+ <!-- @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" -->
|
|
|
+ <view>
|
|
|
+ <view class="sptop flexc">
|
|
|
+ <view class="tit flex1">11/04 周一 ~ 11/09 周六</view>
|
|
|
+ <view class="spr" @click.stop="getCookFn(2)">每日食谱</view>
|
|
|
+ </view>
|
|
|
+ <view class="sptxt">本周是2024年11月第一周</view>
|
|
|
+ <view class="spbox flexc " :class="ite.day?'act':''">
|
|
|
+ <view class="ltit">
|
|
|
+ <view>今日</view>
|
|
|
+ <view>食谱</view>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="rtit"><text>午餐:</text>米饭,酱汁里脊肉,蒜泥生菜,平菇蛋花 汤,土豆焖鸭,胡萝卜肉丝</view>
|
|
|
+ <view class="rtit"><text>晚餐:</text>米饭,酱汁里脊肉,蒜泥生菜,平菇蛋花 汤,土豆焖鸭,胡萝卜肉丝</view>
|
|
|
+ </view>
|
|
|
+ <image :src="fineshimg" class="fineshimg" v-if="!ite.day"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-if="type=='recordlist'">
|
|
|
+ <view class="splist" v-for="(ite,idx) in datalist" :key='idx' @click="getDetail(ite.menuFoodId)"><view>
|
|
|
+ <view class="sptop">
|
|
|
+ <view class="tit">{{ite.menuFoodTime}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="spbox flexc act">
|
|
|
+ <view class="ltit">
|
|
|
+ <view>当日</view>
|
|
|
+ <view>食谱</view>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <!-- <view class="rtit"><text>早餐:</text>{{ite.menuFoodDetailBk}}</view> -->
|
|
|
+ <view class="rtit"><text>午餐:</text>{{ite.menuFoodDetailLu}}</view>
|
|
|
+ <view class="rtit"><text>晚餐:</text>{{ite.menuFoodDetailDi}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
<view class="shax" v-if="wtdt">{{wtdt}}</view>
|
|
|
</view>
|
|
|
<block v-else>
|
|
@@ -218,9 +293,33 @@
|
|
|
ybga:require("@/static/images/order/staff/ybga.png"),
|
|
|
ysta:require("@/static/images/order/staff/ysta.png"),
|
|
|
ystb:require("@/static/images/order/staff/ystb.png"),
|
|
|
- delimg:require("@/work/static/yuy/del.png")
|
|
|
+ delimg:require("@/work/static/yuy/del.png"),
|
|
|
+ fineshimg:require("@/work/static/yuy/finesh.png"),
|
|
|
+ daya:require("@/work/static/yuy/daya.png"),
|
|
|
+ dayb:require("@/work/static/yuy/dayb.png"),
|
|
|
+ dayc:require("@/work/static/yuy/dayb.png"),
|
|
|
+ prea:require("@/work/static/yuy/prea.png"),
|
|
|
+ preb:require("@/work/static/yuy/preb.png"),
|
|
|
+ useimg:require("@/work/static/yuy/use.png"),
|
|
|
+ nuseimg:require("@/work/static/yuy/nuse.png"),
|
|
|
+ usebtn:require("@/work/static/yuy/usebtn.png"),
|
|
|
+ nusebtn:require("@/work/static/yuy/nusebtn.png"),
|
|
|
+ putimg:require("@/work/static/yuy/put.png"),
|
|
|
+ //左滑默认宽度
|
|
|
+ delBtnWidth:66,
|
|
|
+ csListArrl:[],
|
|
|
+ startX:'',
|
|
|
}
|
|
|
},
|
|
|
+ watch:{
|
|
|
+ datalist:{
|
|
|
+ handler(newVal) {
|
|
|
+ var data=newVal;
|
|
|
+ this.csListArrl=JSON.parse(JSON.stringify(data))
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ },
|
|
|
+ },
|
|
|
onLoad: function() {
|
|
|
},
|
|
|
methods:{
|
|
@@ -245,7 +344,7 @@
|
|
|
var that=this;
|
|
|
uni.showModal({
|
|
|
title: '确认删除',
|
|
|
- content: "是否确认删除该预约",
|
|
|
+ content: "是否确认删除该记录",
|
|
|
cancelText: '取消',
|
|
|
confirmText: '确认',
|
|
|
success: function(res) {
|
|
@@ -284,6 +383,16 @@
|
|
|
getDetail(e){
|
|
|
this.$emit('getDetail',e)
|
|
|
},
|
|
|
+ getPut(ite,type){
|
|
|
+ var data={
|
|
|
+ ite:ite,
|
|
|
+ type:type
|
|
|
+ }
|
|
|
+ this.$emit('getPut',data)
|
|
|
+ },
|
|
|
+ getCookFn(e){
|
|
|
+ this.$emit('getCookFn',e)
|
|
|
+ },
|
|
|
typeFn(data){
|
|
|
if(data){
|
|
|
var newArr=[]
|
|
@@ -296,8 +405,46 @@
|
|
|
}else{
|
|
|
return ''
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+ },
|
|
|
+ //开始触摸滑动
|
|
|
+ drawStart(e) {
|
|
|
+ // console.log("开始触发");
|
|
|
+ var touch = e.touches[0];
|
|
|
+ this.startX = touch.clientX;
|
|
|
+ },
|
|
|
+ //触摸滑动
|
|
|
+ drawMove(e) {
|
|
|
+ // console.log("滑动");
|
|
|
+ for (var index in this.datalist) {
|
|
|
+ // this.csListArrl[index].right=0
|
|
|
+ this.$set(this.datalist[index],'right',0);
|
|
|
+ }
|
|
|
+ var idx=e.currentTarget.dataset.idx
|
|
|
+ var touch = e.touches[0];
|
|
|
+ var item = this.datalist[idx];
|
|
|
+ var disX = this.startX - touch.clientX;
|
|
|
+ if (disX >= 20) {
|
|
|
+ if (disX > this.delBtnWidth) {
|
|
|
+ disX = this.delBtnWidth;
|
|
|
+ }
|
|
|
+ // this.csListArrl[idx].right=disX
|
|
|
+ this.$set(this.datalist[idx],'right',disX);
|
|
|
+ } else {
|
|
|
+ // this.csListArrl[idx].right=0
|
|
|
+ this.$set(this.datalist[idx],'right',0);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //触摸滑动结束
|
|
|
+ drawEnd(e) {
|
|
|
+ // console.log("滑动结束");
|
|
|
+ var idx=e.currentTarget.dataset.idx
|
|
|
+ var item = this.datalist[idx];
|
|
|
+ if (item.right >= this.delBtnWidth / 2) {
|
|
|
+ // this.datalist[idx].right=this.delBtnWidth
|
|
|
+ this.$set(this.datalist[idx],'right',this.delBtnWidth);
|
|
|
+ } else {
|
|
|
+ this.datalist[idx].right=0
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
|
|
@@ -388,7 +535,53 @@ color: #FFFFFF;position: absolute;left: 0;top: 0;right: 0;bottom: 0;text-align:
|
|
|
}
|
|
|
.delbtn{font-weight: 500;font-size: 22rpx;color: #FF6969;display: flex;align-items: center;flex: 0 0 auto;
|
|
|
image{width: 28rpx;height: 26rpx;margin-right: 8rpx;}
|
|
|
+ }
|
|
|
+}
|
|
|
+// 食谱
|
|
|
+.splist{background: #FFFFFF;padding: 24rpx 28rpx 24rpx;box-sizing: border-box;box-shadow: 0px 0px 6rpx 0px #D3D3D3;border-radius: 14rpx;margin:0 32rpx 18rpx;position: relative;
|
|
|
+ .sptop{margin-bottom: 12rpx;
|
|
|
+ .tit{font-weight: bold;font-size: 28rpx;color: #161616;}
|
|
|
+ .spr{min-width: 120rpx;height: 40rpx;background: #FFEFE8;border-radius: 20rpx;padding: 0 6rpx;flex: 0 0 auto;margin-left: 12rpx;
|
|
|
+ border: 2rpx solid #FE5A0E;font-weight: 500;font-size: 22rpx;color: #FE5A0E;text-align: center;line-height: 40rpx;box-sizing: border-box;
|
|
|
+ }
|
|
|
}
|
|
|
+ .sptxt{font-weight: 500;font-size: 18rpx;color: #666666;margin-bottom: 20rpx;}
|
|
|
+ .spbox{position: relative;
|
|
|
+ .ltit{font-weight: bold;font-size: 28rpx;color: #AAAAAA;position: relative;width: 68rpx;margin-right: 40rpx;padding-left: 4rpx;box-sizing: border-box;
|
|
|
+ &::after{content: '';position: absolute;right: -20rpx;top: 0;bottom: 0;background: #DADADA;width: 2rpx;}
|
|
|
+ }
|
|
|
+ .rtit{font-size: 26rpx;color: #AAAAAA;padding: 9rpx 0;
|
|
|
+ text{font-weight: bold;}
|
|
|
+ }
|
|
|
+ &.act{
|
|
|
+ .ltit{color: #0491FD;}
|
|
|
+ .rtit{color: #666666;
|
|
|
+ text{color: #161616;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .fineshimg{width: 138rpx;height: 92rpx;position: absolute;left: 50%;top: 50%;margin-left: -69rpx;margin-top: -46rpx;}
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+.menulist{margin:0 32rpx 18rpx;position: relative;background: #FFFFFF;box-sizing: border-box;box-shadow: 0px 0px 6rpx 0px #D3D3D3;border-radius: 14rpx;
|
|
|
+ .mentop{padding:22rpx 20rpx 6rpx 18rpx;
|
|
|
+ .mentopa{margin-bottom: 18rpx;display: flex;align-items: flex-start;}
|
|
|
+ .dayimg{width: 76rpx;height: 34rpx;margin-right: 20rpx;flex: 0 0 auto;margin-top: 4rpx;}
|
|
|
+ .mentit{font-weight: 500;font-size: 26rpx;color: #666666;}
|
|
|
+ }
|
|
|
+ .menbtn{padding: 18rpx 18rpx 14rpx;border-top: 2rpx solid #DADADA;
|
|
|
+ .usetit{font-weight: bold;font-size: 22rpx;color: #AAAAAA;
|
|
|
+ image{width: 26rpx;height: 26rpx;margin-right: 12rpx;flex: 0 0 auto;}
|
|
|
+ &.act{color: #0391FD;}
|
|
|
+ }
|
|
|
+ .usebtn{font-weight: 500;font-size: 22rpx;min-width: 120rpx;height: 40rpx;border-radius: 20px;display: flex;align-items: center;justify-content: center;padding:0 6rpx;box-sizing: border-box;margin-left: 28rpx;flex: 0 0 auto;
|
|
|
+ image{width: 20rpx;height: 20rpx;margin-right: 6rpx;}
|
|
|
+ &.btna{border: 2rpx solid #FE5A0E;background: #FFEFE8;color: #FE5A0E;}
|
|
|
+ &.btnb{border: 2rpx solid #45CB99;background: #D7F5EA;color: #45CB99;}
|
|
|
+ &.btnc{border: 2rpx solid #0391FD;background: #DFF1FF;color: #0391FD;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .spdel{width: 132rpx;background: #EA2D2D;font-weight: bold;font-size: 26rpx;color: #FFFFFF;display: flex;align-items: center;justify-content: center;
|
|
|
+ border-radius: 14rpx;position: absolute;right: -118rpx;top: 0;bottom: 0;}
|
|
|
}
|
|
|
-
|
|
|
</style>
|