Skip to content

W
wechat_baking
Commit 07b36978 by huahua
Options

提交

parent ac04536f
Showing with 447 additions and 386 deletions
pages/index/index.vue
...@@ -270,57 +270,54 @@ ...@@ -270,57 +270,54 @@
<ProgressBar :Width="percent" Type="candy"></ProgressBar> <ProgressBar :Width="percent" Type="candy"></ProgressBar>
</view> </view>
</view> </view>
<!-- 1、增加在线定制站、正在休息-》体验中；
2、关闭官方图库，要同时关掉：贴图素材、智能推荐；
3、关闭上传相片，要同时关掉：上传相片、添加文字、添加涂鸦
4、排队列表，没有打印中状态的，全都是排队中 -->
<!-- 菜单栏目 --> <!-- 菜单栏目 -->
<view v-if="!active && !guide_left" class="toolRight"> <view v-if="!active && !guide_left" class="toolRight">
<view class="tool_li"> <view class="tool_li">
<view class="tool_li" @click="showPopup(99)"> <view class="tool_li" @click="showPopup(99)" >
<image class="tool_li_img" src="../../static/img/icon_history_image.png" mode=""></image> <image class="tool_li_img" src="../../static/img/icon_history_image.png" mode=""></image>
<view class="tool_li_text">历史作品</view> <view class="tool_li_text">历史作品</view>
</view> </view>
<view class="tool_li" @click="showPopup(2)"> <view class="tool_li" @click="showPopup(2)" v-if=" is_public == 1">
<image class="tool_li_img" src="../../static/icon/icon_stickers.png" mode=""></image> <image class="tool_li_img" src="../../static/icon/icon_stickers.png" mode=""></image>
<view class="tool_li_text">贴图素材</view> <view class="tool_li_text">贴图素材</view>
</view> </view>
<view class="tool_li" @click="showPopup(24)" v-if="surface_type != 1"> <view class="tool_li" @click="showPopup(24)" v-if="surface_type != 1 ">
<image class="tool_li_img" src="../../static/icon_make_diy_uplaod_image.png" mode=""></image> <image class="tool_li_img" src="../../static/icon_make_diy_uplaod_image.png" mode=""></image>
<view class="tool_li_text">背景底色</view> <view class="tool_li_text">背景底色</view>
</view> </view>
<view class="tool_li" @click="showone = !showone" v-if="diy_upload_menu == 1"> <view class="tool_li" @click="showone = !showone" v-if=" diy_upload_menu == 1">
<image @click="cancel('share')" class="tool_li_img" <image @click="cancel('share')" class="tool_li_img"
src="../../static/icon_make_diy_back_color.png" mode=""></image> src="../../static/icon_make_diy_back_color.png" mode=""></image>
<view @click="cancel()" class="tool_li_text">上传相片</view> <view @click="cancel()" class="tool_li_text">上传相片</view>
</view> </view>
<view class="tool_li" @click="showPopup(3)"> <view class="tool_li" @click="showPopup(3)" v-if="diy_upload_menu == 1">
<image class="tool_li_img" src="../../static/icon_diy_typeface.png" <image class="tool_li_img" src="../../static/icon_diy_typeface.png"
style="width: 45upx; height: 40upx;" mode=""></image> style="width: 45upx; height: 40upx;" mode=""></image>
<view @click="cancel()" class="tool_li_text">添加文字</view> <view @click="cancel()" class="tool_li_text">添加文字</view>
</view> </view>
<view class="tool_li" @click="ontuya()" v-if="machine_id"> <view class="tool_li" @click="ontuya()" v-if="diy_upload_menu == 1">
<image class="tool_li_img" style="width: 62upx; height: 55upx;" src="../../static/icon_tuya.png" <image class="tool_li_img" style="width: 62upx; height: 55upx;" src="../../static/icon_tuya.png"
mode=""></image> mode=""></image>
<view class="tool_li_text">添加涂鸦</view> <view class="tool_li_text">添加涂鸦</view>
</view> </view>
<view class="tool_li" @click="showAiChange()" style="height: 100upx;" v-if="system_config.baking_diy.value == 1">
<view class="tool_li" @click="showAiChange()" style="height: 100upx;">
<image class="tool_li_img" style="width: 55upx; height: 45upx;" <image class="tool_li_img" style="width: 55upx; height: 45upx;"
src="../../static/icon_diy_ai.png" mode="aspectFit"></image> src="../../static/icon_diy_ai.png" mode="aspectFit"></image>
<view class="tool_li_text":style="{color: font_color}">AI图像</view> <view class="tool_li_text":style="{color: font_color}">AI图像</view>
</view> </view>
<view class="tool_li" @click="openAiMakePicture()" > <view class="tool_li" @click="openAiMakePicture()"v-if="system_config.baking_diy.value == 1" >
<image class="tool_li_img" style="width: 44upx; height: 43upx;" <image class="tool_li_img" style="width: 44upx; height: 43upx;"
src="../../static/icon_diy_draw_designs.png" mode=""></image> src="../../static/icon_diy_draw_designs.png" mode=""></image>
<view class="tool_li_text":style="{color: font_color}">AI画图</view> <view class="tool_li_text":style="{color: font_color}">AI画图</view>
</view> </view>
<!-- AI图像 -->
<!-- <view class="tool_li" @click.stop='showAiChange()'>
<image class="tool_li_img" style="width: 51upx; height: 38upx;"
src="../../static/icon_diy_ai.png" mode=""></image>
<view class="tool_li_text">AI图像</view>
</view> -->
<view class="tool_li" @click.stop="removedeleteItem" v-if="data.itemList.length > 0" > <view class="tool_li" @click.stop="removedeleteItem" v-if="data.itemList.length > 0" >
<image class="tool_li_img" style="width: 50upx; height: 50upx;" <image class="tool_li_img" style="width: 50upx; height: 50upx;"
src="../../static/diy_icon_middle_default.png" mode=""></image> src="../../static/diy_icon_middle_default.png" mode=""></image>
...@@ -344,8 +341,6 @@ ...@@ -344,8 +341,6 @@
src="../../static/diy_icon_middle_default.png" mode=""></image> src="../../static/diy_icon_middle_default.png" mode=""></image>
<view class="tool_li_text">移除</view> <view class="tool_li_text">移除</view>
</view> </view>
<view v-if="data.itemList.length > 0"> <view v-if="data.itemList.length > 0">
<view class="tool_li" v-if="data.itemList[data.cidx].type == 1" @click="showPopup(4)"> <view class="tool_li" v-if="data.itemList[data.cidx].type == 1" @click="showPopup(4)">
<image class="tool_li_img" style="width: 51upx; height: 51upx;" <image class="tool_li_img" style="width: 51upx; height: 51upx;"
...@@ -411,14 +406,14 @@ ...@@ -411,14 +406,14 @@
<!-- 文本，贴图，相框 1模板 2贴图 3字体 4编辑 22添加相框 --> <!-- 文本，贴图，相框 1模板 2贴图 3字体 4编辑 22添加相框 -->
<uni-popup ref="showshare" :type="type" @change="change" <uni-popup ref="showshare" :type="type" @change="change"
style="position: relative; z-index: 9998; width: 100%;" :style="{height: data.windowHeight +'px'}"> style="position: relative; z-index: 99999; width: 100%;" :style="{height: data.windowHeight +'px'}">
<!-- 文本 --> <!-- 文本 -->
<view class="uni-share full-width" :style="{height: data.windowHeight +'px'}" <view class="uni-share full-width" :style="{height: data.windowHeight +'px'}"
v-if="e_active == 3 || e_active == 4"> v-if="e_active == 3 || e_active == 4">
<view <view
style="position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 997; opacity: 0.8;" style="position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 99999; opacity: 0.8;"
@click="cancel('share')"></view> @click="cancel('share')"></view>
<view style="position: fixed; bottom: 0; left: 0; width: 100%; height: 25%; z-index: 999;"> <view style="position: fixed; bottom: 0; left: 0; width: 100%; height: 25%; z-index: 99999;">
<textsettings @textInput='textInput' @cancel="cancel" @workcolor="workcolor" <textsettings @textInput='textInput' @cancel="cancel" @workcolor="workcolor"
@workweight="workweight" @bgtextcolor="bgtextcolor" @typefaceClick="typefaceClick" @workweight="workweight" @bgtextcolor="bgtextcolor" @typefaceClick="typefaceClick"
@typefaceshow="typefaceshow" ref="textsettings"> @typefaceshow="typefaceshow" ref="textsettings">
...@@ -431,11 +426,11 @@ ...@@ -431,11 +426,11 @@
class="uni-share full-width" :style="{height: data.windowHeight +'px'}"> class="uni-share full-width" :style="{height: data.windowHeight +'px'}">
<!-- 遮罩 --> <!-- 遮罩 -->
<view class="full-width" <view class="full-width"
style="position: absolute; bottom: 0; left: 0; height: 100%; z-index: 997; opacity: 0.8;" style="position: absolute; bottom: 0; left: 0; height: 100%; z-index: 99999; opacity: 0.8;"
@click="cancel('share')"></view> @click="cancel('share')"></view>
<!-- 正文 --> <!-- 正文 -->
<view <view
style="position: absolute; bottom: 0upx; left: 0; height: 100%; width: 120upx; z-index: 999; background: #1A1D33; overflow: hidden;"> style="position: absolute; bottom: 0upx; left: 0; height: 100%; width: 120upx; z-index: 99999; background: #1A1D33; overflow: hidden;">
<view style="width: 120upx; height: 188upx;"></view> <view style="width: 120upx; height: 188upx;"></view>
<view style="width: 120upx;" :style="{height: (data.windowHeight - 188 * data.pixelRate) +'px'}" <view style="width: 120upx;" :style="{height: (data.windowHeight - 188 * data.pixelRate) +'px'}"
v-if="e_active == 2 || e_active == 23 || e_active == 99 "> v-if="e_active == 2 || e_active == 23 || e_active == 99 ">
...@@ -572,7 +567,6 @@ ...@@ -572,7 +567,6 @@
</view> </view>
</uni-popup> </uni-popup>
<!--Ai作画 --> <!--Ai作画 -->
<uni-popup ref="showAiMakePicture" type="center" style="position: fixed; z-index: 9999; width: 200upx"> <uni-popup ref="showAiMakePicture" type="center" style="position: fixed; z-index: 9999; width: 200upx">
<view style="width: 700upx; height: 700upx;background: #FFFFFF; border-radius: 10upx; "> <view style="width: 700upx; height: 700upx;background: #FFFFFF; border-radius: 10upx; ">
...@@ -623,7 +617,6 @@ ...@@ -623,7 +617,6 @@
</view> </view>
</uni-popup> </uni-popup>
<switchGoods ref="switchGoods" @selectGoodItem="selectGoodSizeItem" @toCustomSize="toCustomSize"></switchGoods> <switchGoods ref="switchGoods" @selectGoodItem="selectGoodSizeItem" @toCustomSize="toCustomSize"></switchGoods>
<!--商品弹框 --> <!--商品弹框 -->
...@@ -833,7 +826,7 @@ ...@@ -833,7 +826,7 @@
isShowCircular: false, //是否圆形 isShowCircular: false, //是否圆形
real_width: "", //尺寸大小 real_width: "", //尺寸大小
goods_size_name: "", //尺寸名字 goods_size_name: "", //尺寸名字
diy_upload_menu: 1, //diy_upload_menu为1是显示， diy_upload_menu为0时就不显示
isCustomize: false, //是否自定义 isCustomize: false, //是否自定义
options: {}, options: {},
defalutFillet: 0, //默认圆角 defalutFillet: 0, //默认圆角
...@@ -851,6 +844,8 @@ ...@@ -851,6 +844,8 @@
activeRadio: '现代风', //存的是单选按钮选中的value值 activeRadio: '现代风', //存的是单选按钮选中的value值
radioGroup: ['现代风', '卡通风', '铅笔画风'], radioGroup: ['现代风', '卡通风', '铅笔画风'],
upLoadImageUrl: "", //上传图片地址 upLoadImageUrl: "", //上传图片地址
diy_upload_menu: 0, //diy_upload_menu为1是显示， diy_upload_menu为0时就不显示
is_public:0
}; };
}, },
...@@ -4049,7 +4044,7 @@ ...@@ -4049,7 +4044,7 @@
} }
}, },
itemlongtap(e) { //长按事件 itemlongtap(e) { //长按事件
var item = items[index]; // 获取当前选中的部件 var item = items[index]; //获取当前选中的部件
}, },
itemTouchStart: infoListTouchEvent.start.bind(infoListTouchEvent), itemTouchStart: infoListTouchEvent.start.bind(infoListTouchEvent),
itemTouchMove: infoListTouchEvent.move.bind(infoListTouchEvent), itemTouchMove: infoListTouchEvent.move.bind(infoListTouchEvent),
...@@ -4098,8 +4093,7 @@ ...@@ -4098,8 +4093,7 @@
} else { } else {
that.isShowGif = false; that.isShowGif = false;
var curTime = e.timeStamp var curTime = e.timeStamp
var lastTime = e.currentTarget.dataset var lastTime = e.currentTarget.dataset.time //通过e.currentTarget.dataset.time 访问到绑定到该组件的自定义数据
.time // 通过e.currentTarget.dataset.time 访问到绑定到该组件的自定义数据
if (curTime - lastTime > 0) { if (curTime - lastTime > 0) {
if (curTime - lastTime < 300) { //是双击事件 if (curTime - lastTime < 300) { //是双击事件
if (items[index].type == 0) { if (items[index].type == 0) {
...@@ -4215,13 +4209,15 @@ ...@@ -4215,13 +4209,15 @@
//s: 'machine.newDetail', //s: 'machine.newDetail',
machine_id: that.machine_id machine_id: that.machine_id
}).then(res => { }).then(res => {
console.log(res)
that.machine_item = res that.machine_item = res
that.diy_upload_menu = res.diy_upload_menu that.diy_upload_menu = res.diy_upload_menu
//判断配送版
if (res.delivery == 1 && res.machine_category_id == "64") { if (res.delivery == 1 && res.machine_category_id == "64") {
that.isComeDelivery = true; that.isComeDelivery = true;
} //key:null,//1直营配送站 2 万能通用版 3色彩自助站 }
that.support_pay = res.support_pay //单机版是否支付 that.support_pay = res.support_pay //单机版是否支付
that.is_public = res.is_public
console.log(that.is_public)
}).catch(err => {}); }).catch(err => {});
that.queryPage.machine_id = options.machine_id || null // 设备id that.queryPage.machine_id = options.machine_id || null // 设备id
that.key = 2 that.key = 2
...@@ -4254,6 +4250,7 @@ ...@@ -4254,6 +4250,7 @@
data: {}, data: {},
success: function(res) { success: function(res) {
_this.system_config = res.data.data _this.system_config = res.data.data
console.log(_this.system_config)
} }
}) })
var animation = wx.createAnimation({ var animation = wx.createAnimation({
......
pages/index/index_diy.vue
...@@ -1322,7 +1322,6 @@ ...@@ -1322,7 +1322,6 @@
buttomPosition: "buttom", //下 buttomPosition: "buttom", //下
rightPosition: "right", //右 rightPosition: "right", //右
leftPosition: "left", //左 leftPosition: "left", //左
diy_upload_menu: 1,
defalutFillet: 0, //默认圆角 defalutFillet: 0, //默认圆角
defalutFilletSize: 0, //弹框设置圆角大小 defalutFilletSize: 0, //弹框设置圆角大小
sliderdefaultWith: 160, sliderdefaultWith: 160,
...@@ -1342,7 +1341,9 @@ ...@@ -1342,7 +1341,9 @@
aiStyle: "contemporary style", aiStyle: "contemporary style",
activeRadio: '现代风', //存的是单选按钮选中的value值 activeRadio: '现代风', //存的是单选按钮选中的value值
radioGroup: ['现代风', '卡通风', '铅笔画风'], radioGroup: ['现代风', '卡通风', '铅笔画风'],
upLoadImageUrl: "" upLoadImageUrl: "",
diy_upload_menu: 0,
is_public:0
}; };
}, },
...@@ -1642,135 +1643,6 @@ ...@@ -1642,135 +1643,6 @@
}) })
_this.data.itemList = items _this.data.itemList = items
_this.saveSnapshot(); _this.saveSnapshot();
/* let width = 0
let height = 0
let top = 0
let lef = 0
let ratio = image.width / image.height
let ratiowidth = (_this.data.editorWidth *_this.mix_scale) / image.width
let ratioheight = (_this.data.editorHeight * _this.mix_scale) / image.height
width = _this.data.editorWidth * _this.mix_scale
height = image.height * ratiowidth
let index = items.length;
items.push({
support_zoom: 1, // 0是不支持缩放，为1时支持缩放
support_drag: 1, // 0是不支持拖动，为1时支持拖动
is_under: 0, //贴图是否为背景图
is_discount: 0, //贴图是否用卷
id: index + 1,
type: 2, //0为图片，1为文字，2为素材
material_id: 0,
original_id: 0,
index: index,
font_family: '',
font_style: '',
font_size: '',
font_color: '',
under_color: '',
content:result.img_url, // 图片地址
top: _this.editor_top - height / 2, // 初始图片Y坐标，根据画布高/2-图片高/2
left: _this.data.editorWidth / 2 - width / 2, // 初始图片X坐标,因为div是相对定位，所以计算是要多减一次移动的距离
x: _this.data.editorWidth / 2, // 初始圆心位置，可再downImg之后又宽高和初始的图片位置得出
y: _this.editor_top,
scale: 1, // 缩放比例 1为不缩放
lastScale: 1, // 上一次的绽放比例
oScale: 1, // 缩放比例 1为不缩放
angle: 0, // 旋转角度
rotate: 0, // 旋转值
active: false, // 判定点击状态
width: width, // 预设生成图片的宽度
height: height, // 预设生成图片的高度
rScale: 1, // 图片原始缩放比例
// 新增加默认属性
activeguide: false, // 开启辅助线
activescale: false, // 开启旋转状态
activehorn: false, // 开启角状态
activeedge: false, // 开启边状态
initialScale: 1, // 图片缩放比例
initialscaling: 1, // 图片初始时缩放比例
initialScalex: 1, // 图片宽缩放比例
initialScaley: 1, // 图片高缩放比例
initialWidth: width, // 图片原始宽度
initialHeight: height, // 图片原始高度
frame_left: 0, // 裁剪窗口x
image_left: 0, // 图片x
frame_top: 0, // 裁剪窗口y
image_top: 0, // 图片y
isUpLoadImage: false
})
_this.data.itemList = items;
_this.saveSnapshot(); */
// let width = 0
// let height = 0
// let top = 0
// let lef = 0
// let ratio = image.width / image.height
// let ratiowidth = (_this.data.editorWidth *
// _this.mix_scale) / image.width
// let ratioheight = (_this.data
// .editorHeight * _this.mix_scale) /
// image.height
// //console.log(_this.mix_scale)
// //if (ratio >= 1) { //长方形
// width = _this.data.editorWidth * _this
// .mix_scale
// height = image.height * ratiowidth
// let index = items.length;
// items.push({
// support_zoom: 1, // 0是不支持缩放，为1时支持缩放
// support_drag: 1, // 0是不支持拖动，为1时支持拖动
// is_under: 0, //贴图是否为背景图
// is_discount: 0, //贴图是否用卷
// id: index + 1,
// type: 2, //0为图片，1为文字，2为素材
// material_id: 0,
// original_id: 0,
// index: index,
// font_family: '',
// font_style: '',
// font_size: '',
// font_color: '',
// under_color: '',
// content: result.img_url, // 图片地址
// top: _this.editor_top - height / 2, // 初始图片Y坐标，根据画布高/2-图片高/2
// left: _this.data.editorWidth / 2 - width / 2, // 初始图片X坐标,因为div是相对定位，所以计算是要多减一次移动的距离
// x: _this.data.editorWidth / 2, // 初始圆心位置，可再downImg之后又宽高和初始的图片位置得出
// y: _this.editor_top,
// scale: 1, // 缩放比例 1为不缩放
// lastScale: 1, // 上一次的绽放比例
// oScale: 1, // 缩放比例 1为不缩放
// angle: 0, // 旋转角度
// rotate: 0, // 旋转值
// active: false, // 判定点击状态
// width: width, // 预设生成图片的宽度
// height: height, // 预设生成图片的高度
// rScale: 1, // 图片原始缩放比例
// //新增加默认属性
// activeguide: false, // 开启辅助线
// activescale: false, // 开启旋转状态
// activehorn: false, // 开启角状态
// activeedge: false, // 开启边状态
// initialScale: 1, // 图片缩放比例
// initialscaling: 1, // 图片初始时缩放比例
// initialScalex: 1, // 图片宽缩放比例
// initialScaley: 1, // 图片高缩放比例
// initialWidth: width, // 图片原始宽度
// initialHeight: height, // 图片原始高度
// frame_left: null, // 裁剪窗口x
// image_left: null, // 图片x
// frame_top: null, // 裁剪窗口y
// image_top: null, // 图片y
// isUpLoadImage: false
// })
// _this.data.itemList = items
// _this.saveSnapshot();
} }
}); });
}).catch(err => { }).catch(err => {
...@@ -6290,6 +6162,7 @@ ...@@ -6290,6 +6162,7 @@
}).then(res => { }).then(res => {
that.machine_item = res that.machine_item = res
that.diy_upload_menu = that.machine_item.diy_upload_menu that.diy_upload_menu = that.machine_item.diy_upload_menu
that.is_public = that.machine_item.is_public
}).catch(err => { }).catch(err => {
}); });
......
pages/index/machineDetail.vue
...@@ -89,7 +89,6 @@ ...@@ -89,7 +89,6 @@
<script> <script>
import homeservice from '@/service/homeservice.js'; import homeservice from '@/service/homeservice.js';
import userService from '@/service/UserService'; import userService from '@/service/UserService';
import FrImage from '@/components/fr-image/fr-image.vue'
import Signin from '../index/Signin.vue'; import Signin from '../index/Signin.vue';
import myhead from './head/head.vue'; import myhead from './head/head.vue';
import switchGoods from '../index/switchGoods.vue'; //选择商品 import switchGoods from '../index/switchGoods.vue'; //选择商品
...@@ -99,7 +98,6 @@ ...@@ -99,7 +98,6 @@
components: { components: {
myhead, myhead,
Signin, Signin,
FrImage,
switchGoods, switchGoods,
}, },
computed: {}, computed: {},
...@@ -126,8 +124,6 @@ ...@@ -126,8 +124,6 @@
methods: { methods: {
//调转代理小程序 //调转代理小程序
toProxyApplet() { toProxyApplet() {
var url = Env.getBaseURL(); var url = Env.getBaseURL();
...@@ -304,14 +300,14 @@ ...@@ -304,14 +300,14 @@
if (res) { if (res) {
this.list = res; this.list = res;
this.toFirstCheck(); this.toFirstCheck();
this.myheadtext = this.machine_id + '-' + res.code //头部标题栏 this.myheadtext = this.machine_id //头部标题栏
} }
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
uni.hideLoading(); uni.hideLoading();
}).catch(err => { }).catch(err => {
this.msg = err.msg this.msg = err.msg
this.statusloading = 2; this.statusloading = 2;
this.phone = err.data.phone || '18938664545' this.phone = err.data.phone
this.myheadtext = '歇一歇' //头部标题栏 this.myheadtext = '歇一歇' //头部标题栏
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
uni.hideLoading(); uni.hideLoading();
...@@ -366,7 +362,7 @@ ...@@ -366,7 +362,7 @@
if (options.machine_id) { if (options.machine_id) {
this.machine_id = options.machine_id; this.machine_id = options.machine_id;
} }
this.myheadtext = this.machine_id + "-定制"; this.myheadtext = this.machine_id;
this.$base.machine_id = this.machine_id this.$base.machine_id = this.machine_id
this.statusloading = 1; this.statusloading = 1;
this.Adlist() // 轮播图 this.Adlist() // 轮播图
......
pages/index/mall.vue
<template> <template>
<view class="full-width full-height"> <view class="full-width">
<!-- 登录弹框 --> <!-- 登录弹框 -->
<Signin ref="Signin"></Signin> <Signin ref="Signin"></Signin>
<view v-if= "long && LoupanList.length > 0" > <!-- 自定义头部 -->
<view style="margin-top: 50upx;"> <view class='flex commonHead' style="height: 100upx;" :style="{height: titleHeight +'px'}">
<view style="width: 690upx; margin:30upx auto 30upx; display: flex;"> <view class='commonHead-wrap flex'>
<view class='commonHead_left' @click="tomine()">
<view class='commonHead_left_back'>
<view class="commonHead_left_back_img">
<image src="../../static/icon_mall_zuoshang.png" style="width: 50upx;
height: 50upx;
margin-top: 10upx; " mode="aspectFill"></image>
</view>
</view>
</view>
<view class='commonHead_right flex'>
<view class='commonHead_right_text line1'>色彩烘焙食品</view>
</view>
</view>
</view>
<view v-if="long && LoupanList.length == 0" >
<view style="display: flex; justify-content: center; height: 100%;">
<view style="margin-top: 300upx;">
<image src="../../static/icon_diy.png" mode="" style="width: 500upx; height: 245upx; visibility: initial;"></image>
<view class="start_title" style="margin-top: 60upx; color: #FFFFFF; width: 100%; text-align: center;">定制站必须扫码才能使用</view>
</view>
</view>
<view @click="scan1" style="width: 460upx; position: fixed; bottom: 100upx; margin: auto;
height: 164upx; background: #FAD9B1; left: 0; right: 0; z-index: 99; border-radius: 20upx; display: flex; align-items: center;">
<view style="background: #FFFFFF;width: 120upx;
height: 120upx;border-radius: 50%; margin: 22upx 30upx;text-align: center;">
<image style="height: 61upx; width: 61upx;margin:32upx auto;" src="../../static/icon_saoyisao.png"
mode=""></image>
</view>
<view style="color: #000; font-size: 36upx;">开始扫码定制</view>
</view>
</view>
<!-- 有设备 -->
<view v-if="LoupanList.length > 0">
<view style="margin-top: 25upx;">
<view style="width: 690upx; margin:0upx auto 30upx; display: flex;">
<view> <view>
<view style="position: relative; width: 320upx; height: 160upx;" @click="order()"> <view style="position: relative; width: 320upx; height: 160upx;" @click="order()">
<image src="../../static/mine/dingdan@3x.png" mode="" <image src="../../static/mine/dingdan@3x.png" mode=""
...@@ -35,134 +72,94 @@ ...@@ -35,134 +72,94 @@
font-weight: 400; color: #FFFFFF;">更多作品更多精彩</view> font-weight: 400; color: #FFFFFF;">更多作品更多精彩</view>
</view> </view>
</view> </view>
<!-- 附近定制站 --> <!-- 附近定制站 -->
<view style="font-size: 36upx; margin-top: 40upx; margin-left: 40upx; font-weight: bold; color: #000;">附近定制站</view> <view style="font-size: 36upx; margin-top: 40upx; margin-left: 40upx; font-weight: bold; color: #FFFFFF;">在线定制站</view>
<view style="width: 690upx; margin: 30upx auto 0; background: #EEE; border-radius: 10upx;"> <view style="width: 690upx; margin: 30upx auto 0; background: #131319; border-radius: 10upx;">
<view v-for="(item, index) in LoupanList" :key="index" @click="goMachineDetail(item)"> <view v-for="(item, index) in LoupanList" :key="index" @click="goMachineDetail(item)">
<view v-if="index != 0" style="width: 689upx; height: 1upx; background: #CCCCCC; opacity: 0.1;"> <view v-if="index != 0" style="width: 689upx; height: 1upx; background: #CCCCCC; opacity: 0.1;">
</view> </view>
<view style="height: 160upx; display: flex; align-items: center; padding: 29upx 20upx 30upx 19upx;"> <view style="height: 160upx; display: flex; align-items: center; padding: 29upx 20upx 30upx 19upx;">
<image <image
style="width: 160upx; height: 164upx; margin: 0upx 21upx 0upx 0upx; border-radius: 10upx;" style="width: 150upx; height: 143upx; margin: 0upx 21upx 0upx 0upx; border-radius: 10upx;"
mode="aspectFill" :src="item.image + '?x-oss-process=image/resize,lfit,w_375'"></image> mode="aspectFill" :src="item.image + '?x-oss-process=image/resize,lfit,w_164'"></image>
<view style="width: calc(100% - 281upx);"> <view style="width: calc(100% - 281upx);">
<view style="margin: -10upx 0 10upx; font-size: 32upx; font-weight: 500; color: #000;
<view style="font-size: 34upx; font-weight: 500; color: #FFFFFF; opacity: 0.4;">
{{item.id}}
</view>
<view style="margin: 7upx 0 7upx; font-size: 32upx; font-weight: 500; color: #FFFFFF;
width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;" width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;"
:style="{opacity:item.status.value == 1 || item.status.value == 2 ? '1' : '1'}"> :style="{opacity:item.status.value == 1 || item.status.value == 2 ? '0.4' : '0.4'}">
{{item.short_name || ''}} {{item.short_name || ''}}
</view> </view>
<view style="font-size: 24upx; font-weight: 500; color: #666; opacity: 0.4;"> <view style="font-size: 24upx; font-weight: 500; color: #FFFFFF; opacity: 0.4;">
营业时间：{{item.start_time || ''}}-{{item.end_time || ''}} 营业时间：{{item.start_time || ''}}-{{item.end_time || ''}}
</view> </view>
</view> </view>
<view @click="goMachineDetail(item)" v-if="item.distance" <view style="width: 170upx;">
style="width: 170upx;"> <text class="statuslist"
<text v-if="item.status.value == 0" class="statuslist" style="background:#5FE4B6;">体验中</text>
style="background:#F2A03E;">正在休息</text>
<text v-if="item.status.value == 1" class="statuslist"
style="background:#5CE6B5;">正在定制</text>
<text v-if="item.status.value == 2" class="statuslist"
style="background:#5CE6B5;">正在定制</text>
<text v-if="item.status.value == 3" class="statuslist"
style="background:#F2A03E;">正在休息</text>
<text v-if="item.status.value == 4" class="statuslist"
style="background:#F2A03E;">正在休息</text>
<text v-if="item.status.value == 5" class="statuslist"
style="background:#F2A03E;">正在休息</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view v-if="long && LoupanList.length == 0">
<view style="display: flex; justify-content: center;" :style="{height: 'calc(100% - ' + titleHeight +'px)'}">
<view style="margin-top: 231upx;">
<image src="../../static/icon_diy.png" mode="" style="width: 513upx; height: 251upx;"></image>
<view class="start_title" style="margin-top: 120upx;">定制站必须扫码才能使用</view>
</view> </view>
</view> </view>
<!-- 扫码定制 -->
<view @click="scanning" style="width: 460upx; position: fixed; bottom: 180upx; margin: auto; height: 164upx; background: #F5DFA4 ;left: 0; right: 0; z-index: 99; border-radius: 20upx; display: flex; align-items: center;">
<view style="background: #FFFFFF;width: 120upx;
height: 120upx;border-radius: 50%; margin: 22upx 30upx;text-align: center;">
<image style="height: 61upx; width: 61upx;margin:32upx auto;" src="../../static/icon_saoyisao.png"mode=""></image>
</view> </view>
<view style="color: #333333 ; font-weight: bold;font-size: 34upx;">开始扫码定制</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import Env from '@/util/Env.js';
import userService from '@/service/UserService'; import userService from '@/service/UserService';
import homeservice from '@/service/homeservice.js'; import homeservice from '@/service/homeservice.js';
import Signin from './Signin.vue'; import Signin from './Signin.vue';
import FrImage from '@/components/fr-image/fr-image.vue';
var pixelRationum = null; var pixelRationum = null;
export default { export default {
components: { components: {
Signin Signin,
}, FrImage
computed: {
}, },
computed: {},
data() { data() {
return { return {
titleHeight: 0, titleHeight: null,
long: false,
LoupanList: [],
newOrderlist: null,
isShow: true, //是否已经弹出
animMaind: {}, //旋转动画
animMain: {}, //旋转动画
animAdd: {}, //item位移,透明度
animDelLots: {}, //item位移,透明度
animstart: false, animstart: false,
bganimstart: false, bganimstart: false,
touchStartTime: null, touchStartTime: null,
touchEndTime: null, touchEndTime: null,
lastTapTime: null, lastTapTime: null,
currentSwiper: 0,
imgheights: [],
imageLoadstate: false,
system_config: null, system_config: null,
LoupanList:[], portraitUrl: null //头像地址
long: false
}; };
}, },
methods: { methods: {
// 设备详情 scan1() {
goMachineDetail(item) {
uni.navigateTo({
url: '../index/machineDetail?machine_id=' + item.id
});
},
getQueryString(url, name) {
var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')
var r = url.substr(1).match(reg)
if (r != null) {
return r[2]
}
return null;
},
scanning() {
if (!this.$AppContext.checkLogin()) {
this.tologo('navigateTo')
} else {
let that = this; let that = this;
/*允许从相机和相册扫码
QR_CODE 普通二维码
WX_CODE 小程序二维码
生成二维码链接
*/
uni.scanCode({ uni.scanCode({
success: function(res) { success: function(res) {
console.log(res) console.log(res)
if (res.scanType == 'QR_CODE') { if (res.scanType == 'QR_CODE') {
if (that.getQueryString(res.result, 'machine_id') && that.getQueryString(res if (that.getQueryString(res.result, 'machine_id') && that.getQueryString(res
.result, 'machine_id') != "" && that.getQueryString(res.result, .result, 'machine_id') != "") {
'machine_id') != null && that.getQueryString(res.result,
'machine_id') != "null") {
uni.navigateTo({ uni.navigateTo({
url: '../index/machineDetail?machine_id=' + that url: '../index/machineDetail?machine_id=' + that.getQueryString(
.getQueryString(
res.result, 'machine_id') res.result, 'machine_id')
}); });
} else { } else {
...@@ -175,9 +172,7 @@ ...@@ -175,9 +172,7 @@
} else { } else {
if (res.path) { if (res.path) {
if (that.getQueryString(res.path, 'machine_id') && that.getQueryString(res if (that.getQueryString(res.path, 'machine_id') && that.getQueryString(res
.path, 'machine_id') != "" && that.getQueryString(res .path, 'machine_id') != "") {
.path, 'machine_id') != null && that.getQueryString(res.path,
'machine_id') != "null") {
uni.navigateTo({ uni.navigateTo({
url: '../index/machineDetail?machine_id=' + that url: '../index/machineDetail?machine_id=' + that
.getQueryString(res.path, 'machine_id') .getQueryString(res.path, 'machine_id')
...@@ -199,146 +194,113 @@ ...@@ -199,146 +194,113 @@
} }
}, },
fail: function(err) { fail: function(err) {
console.log(err) //console.log(err)
}, },
}); });
}
}, },
//防止重复点击 //调转色彩公园优惠券
touchStart(e) { toCoupon(item) {
this.touchStartTime = e.timeStamp;
}, },
touchEnd(e) { imageLoad(e) {
this.touchEndTime = e.timeStamp; //获取图片真实宽度
var imgwidth = e.detail.width,
imgheight = e.detail.height,
//宽高比
ratio = imgwidth / imgheight;
//计算的高度值
var viewHeight = 750 / ratio;
var imgheight = viewHeight
var imgheights = this.imgheights
//把每一张图片的高度记录到数组里
imgheights[e.target.dataset['index']] = imgheight; // 改了这里 赋值给当前 index
this.imgheights = imgheights
this.setData({
imgheights: imgheights
})
this.imageLoadstate = true
}, },
doubleTap(e) { //轮播图
// 控制点击事件在350ms内触发，加这层判断是为了防止长按时会触发点击事件 toJump(item) {
if (this.touchEndTime - this.touchStartTime < 350) { if (item.appid && item.go_url) {
//当前点击的时间 var url = this.$Env.getBaseURL();
const currentTime = e.timeStamp; var envVersionName = "trial";
const lastTapTime = this.lastTapTime; if (url.indexOf("colorpark") != -1) {
//更新最后一次点击时间 envVersionName = "release";
this.lastTapTime = currentTime;
//如果两次点击时间在300毫秒内，则认为是双击事件
if (currentTime - lastTapTime > 300) {
if (!this.$AppContext.checkLogin()) {
this.tologo('navigateTo')
} else {
if (this.$Env.getmachineId() && this.$Env.getmachineId() != "") {
uni.navigateTo({
url: '../index/machineDetail?machine_id=' + this.$Env.getmachineId()
});
}
} }
wx.navigateToMiniProgram({
appId: item.appid,
path: item.go_url || '/pages/index/mall',
extraData: {
foo: 'bar'
},
envVersion: envVersionName,
success(res) {
// 打开成功
} }
})
} else if (item.go_url) {
uni.navigateTo({
url: './start-up?machine_id=' + item.go_url.split('=')[1]
})
} }
}, },
//加载数据 swiperChange(e) {
loadGoodsList() { this.currentSwiper = e.detail.current
uni.showLoading({ },
title: '正在加载中...'
experience() {
uni.navigateTo({
url: '../mall/experience'
}) })
homeservice.queryList({
s: 'Machine.shopList',
longitude: this.$base.longitude || 0,
latitude: this.$base.latitude || 0,
distance: 5,
}).then(result => {
this.long = true
result.data.forEach(item => {
item.distance = Number(item.distance).toFixed(2)
});
this.LoupanList = result.data
uni.hideLoading();
uni.stopPullDownRefresh();
}).catch(err => {
uni.hideLoading();
uni.stopPullDownRefresh();
});
}, },
tologo(e) { tomyorder() { //订单列表
let that = this;
uni.login({
provider: 'weixin',
success: (res) => {
userService.login({
s: 'Init.init',
code: res.code,
appcode: 'lite'
}).then(r => {
if (e == 'navigateTo') {
uni.navigateTo({ uni.navigateTo({
url: '../index/machineDetail?machine_id=' + that.$Env.getmachineId() + '&worksid=0' url: '../mine/myorder'
}); })
} },
}).catch(err => {
that.$refs.Signin.init(); toLocation(item) {
uni.navigateTo({
url: '../index/machineDetail?machine_id=' + item.id
}); });
}, },
fail: (res) => {
uni.showToast({ getQueryString(url, name) {
title: res.msg, var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')
icon: 'none' var r = url.substr(1).match(reg)
}) if (r != null) {
return r[2]
} }
}); return null;
}, },
//tologo(e) { setData(obj) {
// //先登陆 let that = this;
// let that = this; let keys = [];
// uni.login({ let val, data;
// provider: 'weixin', Object.keys(obj).forEach(function(key) {
// success: (res) => { keys = key.split('.');
// //console.log(res) val = obj[key];
// userService.login({ data = that.$data;
// s: 'Init.init', keys.forEach(function(key2, index) {
// code: res.code, if (index + 1 == keys.length) {
// appcode: that.$Env.getappcode() that.$set(data, key2, val);
// }).then(r => { } else {
// //console.log(r ) if (!data[key2]) {
// //console.log("点击4") that.$set(data, key2, {});
// // if (e == 'navigateTo') {
// // uni.navigateTo({
// // url: '../index/machineDetail?machine_id=' + that.$Env
// // .getmachineId() + '&worksid=0'
// // });
// // }
// }).catch(err => {
// console.log(err )
// that.$refs.Signin.init()
// });
// },
// fail: (res) => {
// console.log(res)
// uni.showToast({
// title: res.msg,
// icon: 'none'
// })
// }
// });
//},
//登录跳进去
logoToHome() {
const that = this
uni.getSetting({
success(res) {
if (res.authSetting['scope.userLocation']) { //用户同意授权获取定位信息
that.getLocation()
} else { //用户拒绝授权再次请求授权
that.getAuthorize()
} }
} }
data = data[key2];
}) })
});
}, },
order() { order() {
var url = this.$Env.getBaseURL(); var url = this.$Env.getBaseURL();
var envVersionName = "trial"; var envVersionName = "trial";
...@@ -381,7 +343,6 @@ ...@@ -381,7 +343,6 @@
tomine() { tomine() {
wx.navigateToMiniProgram({ wx.navigateToMiniProgram({
appId: this.$Env.getappId(), appId: this.$Env.getappId(),
// path: '/pages/index/recommend',
path: '/pages/index/mine', path: '/pages/index/mine',
extraData: { extraData: {
foo: 'bar' foo: 'bar'
...@@ -392,6 +353,110 @@ ...@@ -392,6 +353,110 @@
} }
}) })
}, },
//防止重复点击
touchStart(e) {
this.touchStartTime = e.timeStamp;
},
touchEnd(e) {
this.touchEndTime = e.timeStamp;
},
//加载数据
loadGoodsList() {
uni.showLoading({
title: '正在加载中...'
})
homeservice.queryList({
s: 'Machine.shopList',
longitude: this.$base.longitude || 0,
latitude: this.$base.latitude || 0,
distance: 5,
}).then(result => {
this.long = true
result.data.forEach(item => {
item.distance = Number(item.distance).toFixed(2)
});
this.LoupanList = result.data
uni.hideLoading();
uni.stopPullDownRefresh();
}).catch(err => {
uni.hideLoading();
uni.stopPullDownRefresh();
});
},
getSetting() {
this.loadGoodsList()
},
// 获取用户的地理位置，
getAuthorize() {
this.loadGoodsList()
},
// 用户授权
getAuthorize() {
const that = this
uni.authorize({
scope: 'scope.userLocation',
success(res) {
that.getLocation()
},
// 授权失败
fail(err) {
uni.showModal({
title: '提示',
content: '请授权位置获取附近的商家!',
showCancel: false,
confirmText: '确认授权',
success() {
uni.openSetting({
success(res) {
//console.log(res)
that.getAuthorize()
},
fail(err) {
//console.log(err)
}
})
}
})
}
})
},
// 设备详情
goMachineDetail(item) {
uni.navigateTo({
url: '../index/machineDetail?machine_id=' + item.id + '&worksid=0'
});
},
tologo(e) {
// 先登陆
let that = this;
uni.login({
provider: 'weixin',
success: (res) => {
userService.login({
s: 'Init.init',
code: res.code
}).then(r => {
if (e == 'navigateTo') {
uni.navigateTo({
url: '../index/machineDetail?machine_id=' + that.$Env.getmachineId() + '&worksid=0'
});
}
}).catch(err => {
that.$refs.Signin.init()
});
},
fail: (res) => {
}
});
},
systemConfig() { systemConfig() {
var _this = this var _this = this
...@@ -400,6 +465,7 @@ ...@@ -400,6 +465,7 @@
method: 'GET', method: 'GET',
data: {}, data: {},
header: { header: {
//设置参数内容类型为x-www-form-urlencoded
'content-type': 'application/x-www-form-urlencoded', 'content-type': 'application/x-www-form-urlencoded',
'Accept': 'application/json' 'Accept': 'application/json'
}, },
...@@ -421,11 +487,7 @@ ...@@ -421,11 +487,7 @@
}, },
//下拉加载 //下拉加载
onPullDownRefresh() { onPullDownRefresh() {
uni.showLoading({ this.loadGoodsList();
title: '正在刷新中...',
mask: true
})
this.systemConfig()
}, },
//上拉加载 //上拉加载
onReachBottom() {}, onReachBottom() {},
...@@ -434,31 +496,44 @@ ...@@ -434,31 +496,44 @@
//分享好友 //分享好友
onShareAppMessage() { onShareAppMessage() {
return { return {
title: this.$Env.getmalltext(), title: '',
imageUrl: '', imageUrl: '',
path: '', path: '',
success: (res) => {}, success: (res) => {},
} }
}, },
//分享朋友圈 // 分享朋友圈
onShareTimeline() { onShareTimeline() {
return { return {
title: this.$Env.getmalltext(), title: '',
imageUrl: '', imageUrl: '',
path: '', path: '',
query: 'kjbfrom=pyq' query: 'kjbfrom=pyq'
} }
}, },
onLoad(options) { onLoad(options) {
this.getSetting() // 获取附近店铺
let app = uni.getSystemInfoSync();
//胶囊信息
let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
this.titleHeight = app.statusBarHeight + menuButtonInfo.height + (menuButtonInfo.top - app.statusBarHeight) * 2
if (options.q) { // 分销系统 获取二维码的携带的链接信息 if (options.q) { // 分销系统 获取二维码的携带的链接信息
let qrUrl = decodeURIComponent(options.q) let qrUrl = decodeURIComponent(options.q)
let promoter_id = qrUrl.replace(/[^0-9]/ig, "") let promoter_id = qrUrl.replace(/[^0-9]/ig, "")
this.$base.promoter_id = promoter_id this.$base.promoter_id = promoter_id
} }
this.loadGoodsList(); var appUser = userService.getCacheUserInfo();
if (appUser != null) {
this.portraitUrl = appUser.portrait
}
}, },
onShow() { onShow() {
this.systemConfig() let app = uni.getSystemInfoSync();
//胶囊信息
let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
this.titleHeight = app.statusBarHeight + menuButtonInfo.height + (menuButtonInfo.top - app.statusBarHeight) * 2
//this.phone_mall()
} }
}; };
</script> </script>
...@@ -466,19 +541,45 @@ ...@@ -466,19 +541,45 @@
<style lang="scss"> <style lang="scss">
@import "./css/main.css"; @import "./css/main.css";
ec-canvas {
width: 100%;
height: 100%;
}
page { page {
background: #ffffff !important; background: #282932 !important;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.start_title { .qiun-columns {
text-align: center; display: flex;
font-size: 36upx; flex-direction: column !important;
font-weight: 400; }
color: #333333;
line-height: 20upx; .qiun-charts {
width: 750upx;
height: 500upx;
background-color: #FFFFFF;
}
.charts {
width: 750upx;
height: 500upx;
background-color: #FFFFFF;
}
.imgSrcstate {
position: absolute;
width: 100%;
right: -900px;
top: -600px;
display: none;
}
.imgSrcdisplay {
z-index: 0 !important;
} }
...@@ -490,5 +591,74 @@ ...@@ -490,5 +591,74 @@
color: #FFFFFF; color: #FFFFFF;
} }
.start {
.start_img {
width: 513upx;
height: 251upx;
display: block;
margin: 0upx auto 102upx;
}
.start_title {
font-size: 30upx;
text-align: center;
color: #FFFFFF;
}
.start_text {
width: 70%;
text-align: center;
font-size: 28upx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #888888;
margin: 22upx auto 0;
line-height: 28upx;
}
}
//悬浮按钮
.buttom {
position: fixed;
bottom: 30upx;
margin: auto;
left: 0;
right: 0;
z-index: 99;
width: 120upx;
height: 120upx;
border-radius: 50%;
font-size: 36upx;
text-align: center;
line-height: 120upx;
font-weight: 800;
color: #FFFFFF;
background: linear-gradient(to right, #834DC4, #1983D7);
}
.canbutton {
color: #23b7cb;
font-size: 15px;
padding: 5px 15px;
border: 1px transparent solid;
border-radius: 30px;
position: relative;
width: 140upx;
margin: 40upx auto 0;
background: #282932;
text-align: center;
}
.canbutton:after {
content: '';
position: absolute;
top: -3px;
bottom: -3px;
left: -3px;
right: -3px;
background: linear-gradient(to right, #834DC4, #1983D7);
border-radius: 30px;
content: '';
z-index: -1;
}
</style> </style>
\ No newline at end of file
pages/mall/lineUp.vue
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
style="position: fixed; z-index:999; width: 100%; height: 100%; background:rgba(0,0,0,0.6); top: 0;" style="position: fixed; z-index:999; width: 100%; height: 100%; background:rgba(0,0,0,0.6); top: 0;"
@click.stop="sighstate = false"></view> @click.stop="sighstate = false"></view>
<view style="position: fixed; z-index: 1000; top: 0; left: 0; bottom: 0; right: 0; margin: auto; <view style="position: fixed; z-index: 1000; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
width: 558upx; height: 490upx; background: #FFFFFF; border-radius: 10upx; width: 558upx; height: 670upx; background: #FFFFFF; border-radius: 10upx;
display: flex; align-items: center; justify-content: center;"> display: flex; align-items: center; justify-content: center;">
<view style="position: absolute; <view style="position: absolute;
top: 0; right: 0;" @click.stop="sighstate = false"> top: 0; right: 0;" @click.stop="sighstate = false">
...@@ -88,12 +88,36 @@ ...@@ -88,12 +88,36 @@
style="width: 26upx; height: 26upx; padding: 12upx 22upx;"></image> style="width: 26upx; height: 26upx; padding: 12upx 22upx;"></image>
</view> </view>
<view style="width: 558upx;position: absolute; top: 40upx "> <view style="width: 558upx;position: absolute; top: 40upx ">
<view style="display: flex; align-items: center; justify-content: center;
width: 500upx;
height: 350upx;
position: relative; margin: auto;">
<view style="width: 400upx; height: 300upx; display: flex; border: 1px solid #F6BE36;
box-shadow: 0 0 20px #ccc; border-radius: 10upx;">
<view style="width: calc(100% / 4); height: 100%;" v-for="item in 4" :key="a">
<image style="width: 36%; height: 36%; position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
margin: auto; z-index:1;" :src="designer.works_image + '?x-oss-process=image/resize,lfit,w_120'"
mode="aspectFit"></image>
</view>
</view>
</view>
<!-- <view style="width: 400upx; height: 300upx; display: flex; border: 1px solid #F6BE36;
box-shadow: 0 0 20px #ccc; border-radius: 10upx;">
<view style="display: flex; align-items: center; justify-content: center; <view style="display: flex; align-items: center; justify-content: center;
width: 100%; height: 200upx; margin: auto;"> width: 100%; height: 200upx; margin: auto;">
<image :src="designer.works_image + '?x-oss-process=image/resize,lfit,w_120'" mode="aspectFit" style=" margin: auto; width: 120upx; max-height: 200upx; "></image> <image :src="designer.works_image + '?x-oss-process=image/resize,lfit,w_120'" mode="aspectFit" style=" margin: auto; width: 120upx; max-height: 200upx; "></image>
</view> </view>
</view> -->
<!-- 作品排队中 --> <!-- 作品排队中 -->
<view style="text-align: center; font-size: 34upx; margin-top: 50upx;">{{lineStatusText}}</view>
<view v-if="designer.status.value == 1" style="text-align: center; font-size: 36upx; margin-top: 50upx;">作品打印中</view>
<view v-if="designer.status.value != 1" style="text-align: center; font-size: 36upx; margin-top: 50upx;">作品排队中</view>
<!-- <view style="text-align: center; font-size: 34upx; margin-top: 50upx;">{{lineStatusText}}</view> -->
<view style="text-align: center; font-size: 34upx;">如需要打印可与客服确认</view> <view style="text-align: center; font-size: 34upx;">如需要打印可与客服确认</view>
<view v-if="designer.user_id == userId " @click="toOrderDetail(designer)" style="width: 135upx; height: 50upx;background: #F29F3D ; <view v-if="designer.user_id == userId " @click="toOrderDetail(designer)" style="width: 135upx; height: 50upx;background: #F29F3D ;
border-radius: 40upx; border-radius: 40upx;
......
static/icon_diy.png
static/icon_diy.png

9.9 KB | W: | H:

static/icon_diy.png

42.6 KB | W: | H:

static/icon_diy.png
static/icon_diy.png
static/icon_diy.png
static/icon_diy.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment