Skip to content

K
kxz-app-phone-h5
Commit 85be0a2b by huahua
Options

提交

parent f9e63e33
Showing with 810 additions and 511 deletions
App.vue
<script>
import logoservice from '@/service/logoservice.js';
import homeservice from '@/service/homeservice.js';
export default {
globalData: {
bindWx: null, //判断有没有用户之前登录过
bindWx: null,
machine_id: null, //设备id
language: 'en-us', //中zh-cn 英en-us
languageList: null, //中英文语言包
typefacedata: [],
num: 0
},
methods: {
//调转登录选择页面判断
......@@ -133,6 +141,60 @@
onLaunch: function(options) {
homeservice.queryListPhone({
s: 'Material.fontFamilyList'
}).then(result => {
result.forEach(item=>{
item.long = false
item.textlong = null
})
result.unshift({
id: 0,
key: "SourceHanSansCN-Normal",
remark: "",
title: "思源黑体",
textlong:true,
long:true
})
this.globalData.typefacedata = result
this.$base.typefacedata = this.globalData.typefacedata
var t1 = new Date().getTime();
var that = this
this.globalData.typefacedata.forEach(textlist => {
uni.loadFontFace({
global:true,
family: textlist.key,
source: 'url(' + textlist.remark + ')',
desc: {
weight: 100
},
success: function(message) {
textlist.textlong = true
},
fail: function(message) {
textlist.textlong = false
},
complete(res) {
textlist.long = true
that.globalData.typefacedata.forEach(item=>{
if(item.long == true){
that.globalData.num++
}
})
that.$base.typefacedata = that.globalData.typefacedata
if(that.globalData.num == that.globalData.typefacedata.length){
that.$base.typefacedata = that.globalData.typefacedata
}
that.globalData.num = 0
}
})
})
}).catch(err => {
});
//console.log('App Launch')
//this.$base.countFirst = this.$base.countFirst + 1;
//console.log(this.$base.countFirst);
......@@ -212,10 +274,7 @@
logoservice.verifyToken({
s: 'User.verifyToken'
}).then(result => {
//console.log(result);
/*uni.reLaunch({
url: '/pages/login/select_login?machine_id=' + this.globalData.machine_id +'&language=' + this._i18n.locale
});*/
}).catch(err => {
if (promoter_id != "" && promoter_id != "null") {
......@@ -235,6 +294,18 @@
}
/* homeservice.queryListPhone({
s: 'Material.fontFamilyList'
}).then(result => {
//this.$base.typefacedata = result
}).catch(err => {
}); */
},
......@@ -253,6 +324,9 @@
}
}
})
},
onHide: function() {
......
manifest.json
......@@ -132,7 +132,7 @@
},
"h5" : {
"title" : "Customize Phone case",
"domain" : "http://h5.refinecolor.com/#/?language=en-us&machine_id=100022",
"domain" : "http://kxzh5.refinecolor.com/#/?language=en-us&machine_id=100022",
"template" : "estpublish/index.html",
"router" : {
"mode" : "hash",
......
pages/index/Mapping.vue
......@@ -2,14 +2,45 @@
<view v-if="Signincenterstate" ref="Signincenter" style="position: absolute; z-index: 999; top: 0; "
:style="{height: windowHeight +'px',width:isShowPc?$base.isPcWidth + 'px':'100%'}">
<!-- :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%',
left:$tool.isPc()?'calc(50% - '+ (($base.isPcWidth ) / 2 ) +'px)':'0upx'}" -->
<!-- 字体 -->
<view class="uni-share full-width" :style="{height: windowHeight +'px'}" @touchmove.stop="myCatchTouch"
v-if="(e_active == 3 || e_active == 4) && text == 'typeface'">
<view class="uni-share full-width" :style="{height: windowHeight +'px',width:$tool.isPc()?$base.isPcWidth + 'px':'100%',
left:$tool.isPc()?'calc(50% - '+ (($base.isPcWidth ) / 2 ) +'px)':'0upx'}" @touchmove.stop="myCatchTouch"
v-if="(e_active == 3 || e_active == 4) && text == 'typeface'" >
<view style="position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 997; opacity: 0.8;"
@click.stop.prevent="cancel('share')"></view>
<view
style="position: fixed; bottom: 0; left: 0; width: 100%; height: 600upx; z-index: 999;background: #292933;">
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:598upx; overflow: hidden;" scroll-y
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:598upx; overflow: hidden;"
scroll-y scroll-with-animation>
<view v-for="(item, index) in typefacedata"
:style="{'font-family':item.textlong == true ? item.key : item.key + 'ttf','color': data.itemList[data.cidx].font_dict_id == item.id ? '#64DD17 !important' : 'none'}"
@click="typefaceClick(item, index)" :key="index"
style="font-size: 36upx; color: #FFFFFF; padding:22upx 0 21upx; text-align: center;">
<text style="font-size: 20upx;">
<text style="font-size: 32upx;"
:style="{'color': data.itemList[data.cidx].font_dict_id == item.id ? '#64DD17 !important' : '#ffffff'}">
色彩公园
</text>
<text v-if="item.remark != ''">
{{item.long == true ? '' : '(点击加载)'}}
</text>
<text v-if="item.remark != ''" style="color: #64DD17;">
{{item.textlong == false ? '(下载失败,点击重新下载)' : ''}}
</text>
</text>
</view>
</scroll-view>
<!-- <scroll-view style="width: calc(100% - 40upx); margin: auto; height:598upx; overflow: hidden;" scroll-y
scroll-with-animation>
<view v-for="(item, index) in typefacedata"
:style="{'font-family':item.textlong == true ? item.key : item.key + 'ttf','color': data.itemList[data.cidx].font_dict_id == item.id ? '#F56364 !important' : 'none'}"
......@@ -17,11 +48,11 @@
style="font-size: 36upx; color: #FFFFFF; padding:22upx 0 21upx; text-align: center;">
<text style="font-size: 20upx;">
<text style="font-size: 32upx;"
:style="{'color': data.itemList[data.cidx].font_dict_id == item.id ? '#F56364 !important' : '#ffffff'}">
:style="{'color': data.itemList[data.cidx].font_dict_id == item.id ? '#64DD17 !important' : '#ffffff'}">
色彩公园 </text>
</text>
</view>
</scroll-view>
</scroll-view> -->
</view>
</view>
......@@ -38,7 +69,7 @@
left:$tool.isPc()?'calc(50% - '+ (($base.isPcWidth ) / 2 ) +'px)':'0upx',}">
<view style="width: 100%; height: 90upx; display: flex; flex-direction: row;">
<view
style="width: 160upx; height: 100%; background: #292933; border-top-right-radius: 60upx;display: flex; flex-direction: row; ">
style="width: 240upx; height: 100%; background: #292933; border-top-right-radius: 60upx;display: flex; flex-direction: row; ">
<image v-if="bg_text_color"
style="width: 47upx; height: 47upx; display: block;margin-top: 28upx; margin-left:40upx;"
src="../../static/img/icon_qiehuan_one.png" mode="aspectFill" @click="bgtextcolor">
......@@ -46,13 +77,42 @@
<image v-else
style="width: 47upx; height: 47upx; display: block;margin-top: 28upx; margin-left:40upx;"
src="../../static/img/icon_qiehuan.png" mode="aspectFill" @click="bgtextcolor"></image>
<view style="width: 80upx; margin-top: 22upx;margin-left: 50upx;" @click="typefaceshow('share')">
<text style="font-size: 34upx; color: #FFFFFF;">字体</text>
</view>
</view>
</view>
<!-- <view v-if="text == 'modify'" style="display: flex;align-items: center; justify-items: center; border-bottom: 1upx solid #000000;height: 99upx;">
<view
style="width: 710upx; height: 57upx; background: rgb(255,255,255,0.1); margin: 20upx 40upx 20upx 20upx; border-radius: 10upx;">
<input :fixed="true" :auto-height="true" :show-confirm-bar="false" :cursor-spacing="73"
:adjust-position="false" type="text" maxlength="32" @input="textInput"
v-model="data.currentText" @focus="focusTextarea" @blur="blurTextarea"
:placeholder="$i18n.messages[$i18n.locale]['请先输入文字内容']"
style="font-size: 34upx; font-weight: 400; height: 57upx; line-height: 57upx; padding: 0upx 0 0upx 20upx; color: #FFFFFF;" />
</view>
</view>
<! 字体 -->
<!-- <view v-if="text == 'typeface'" style="border-bottom: 1upx solid #000000;">
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:300upx; overflow: hidden;"
scroll-y scroll-with-animation>
<view v-for="(item, index) in textlist"
:style="{'font-family': item.fontname,'color': data.itemList[data.cidx].font_family == item.fontname ? '#F56364' : 'none'}"
@click="typefaceClick(item,index)" :key="index"
style="font-size: 40upx; color: #FFFFFF; margin: 10upx;">
{{item.text}}
<text
style="font-size: 20upx; color: #F56364;">{{item.textlong ? '' : '(该字体加载失败)'}}</text>
</view>
</scroll-view> -->
<!-- </view> -->
<view style="background: #292933;">
<!-- 字体 -->
<view
style="display: flex;align-items: center; justify-items: center; border-bottom: 2upx solid #000000;height: 98upx;">
<view style="display: flex;align-items: center; justify-items: center; border-bottom: 2upx solid #000000;height: 98upx;">
<view
style="width: calc(100% - 160upx); height: 57upx; background: rgb(255,255,255,0.1); margin: 21upx 41upx 21upx 21upx; border-radius: 10upx;">
<input :fixed="true" :auto-height="true" :show-confirm-bar="false" :cursor-spacing="73"
......@@ -61,11 +121,29 @@
:placeholder="$i18n.messages[$i18n.locale]['请先输入文字内容']"
style="font-size: 34upx; font-weight: 400; height: 57upx; line-height: 57upx; padding: 0upx 0 0upx 20upx; color: #FFFFFF;" />
</view>
<!-- 字体 -->
<!-- <view v-if="text == 'typeface'" style="border-bottom: 1upx solid #000000;">
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:300upx; overflow: hidden;"
scroll-y scroll-with-animation>
<view v-for="(item, index) in textlist"
:style="{'font-family': item.fontname,'color': data.itemList[data.cidx].font_family == item.fontname ? '#64DC17' : 'none'}"
@click="typefaceClick(item,index)" :key="index"
style="font-size: 40upx; color: #FFFFFF; margin: 10upx;">
{{item.text}}
<text style="font-size: 20upx; color: #64DC17;">{{item.textlong ? '' : '(该字体加载失败)'}}</text>
</view>
</scroll-view>
</view> -->
<view style="width: 1px; height: 28upx; background: #FFFFFF;"></view>
<image style="width: 43upx; height: 30upx; display: block;margin: auto;"
src="../../static/icon/icon_determine.png" mode="aspectFill"
@click.stop.prevent="cancel('share')"></image>
</view>
<view style="display: flex; height: 100upx; padding: 28upx 0 21upx; align-items: center;">
<!-- 颜色 开始-->
<scroll-view style="box-sizing: border-box; white-space: nowrap;
......@@ -75,11 +153,11 @@
v-for="(item,index) in colorList" :key="index" @click.stop="workcolor(item.color)">
<view v-if="data.itemList[data.cidx]">
<view v-if="data.itemList[data.cidx].font_color == item.color && !bg_text_color"
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #854AC2; border-radius: 50%;"
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #64DD17; border-radius: 50%;"
:style="{background:item.color}"></view>
<view
v-else-if="data.itemList[data.cidx].under_color == item.color && bg_text_color"
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #854AC2; border-radius: 50%;"
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #64DD17; border-radius: 50%;"
:style="{background:item.color}"></view>
<view v-else
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #FFFFFF; border-radius: 50%;"
......@@ -1028,6 +1106,18 @@
this.getExcellentMaterial(item.queryPage)
}
this.Signincenterstate = true
if (this.$base.typefacedata.length > 0) {
this.typefacedata = this.$base.typefacedata
console.log(this.$base.typefacedata)
}
/* if (this.text == 'typeface') {
this.typeface('typeface')
this.inputBottom = 'none'
} */
},
getExcellentMaterialMore(e) {
......@@ -1235,6 +1325,11 @@
typeface(e) {
this.text = e
this.inputBottom = 0
//console.log(this.$base.typefacedata)
if (this.$base.typefacedata.length > 0) {
this.typefacedata = this.$base.typefacedata
}
//console.log(this.e_active)
},
typefaceClick(e, index) {
if ((index + 1) == this.typefacedata.length) {
......
pages/index/assembly/scrollModeView.vue 0 → 100644
<template>
<view class="content"
:style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%',left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}"
style="width: 100%; height: 100%; position: relative;overflow: hidden; ">
<view style="margin-top: 140upx;">
<scroll-view scroll-y style="width:100%; margin: auto; height:850upx; overflow: hidden;"
>
<view style="float: left; width: calc(100% / 3); margin: 10upx 0 10upx; "
v-for="(item, index) in datalist" :key="index" @click="modeDetail(item)">
<view style="width: 139upx; height: 255upx; margin: auto; position: relative;">
<view style="display: flex;flex-direction: column;">
<image
style="width: 139upx; height: 200upx; margin: auto; border-radius: 14px; overflow: hidden;"
:src="item.goods_pic + '?x-oss-process=image/resize,lfit,w_112'"
mode="aspectFit"></image>
<view style=" margin-top: 5upx; text-align: center; font-size: 22upx; color: #FFFFFF;">{{item.name}}</view>
</view>
</view>
</view>
<view class="align-center"
style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0">
<span class="iconfont icon-wushuju"
style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data
</view>
</view>
</scroll-view>
</view>
</view>
</template>
<script>
import homeservice from '@/service/homeservice.js';
import refresh from '@/components/xing-refresh/xing-refresh.vue';
export default {
props: {
windowHeight: {
type: Number,
default: 563
}
},
components: {
refresh
},
data() {
return {
queryCollectionPage: {
},
Material_categorydatalist: [], //作品、贴图列表
datalist: [], //作品、贴图列表
Material_category: [], //贴图分类
currentId: -1,
/* 控制被选中 */
currentIndex: null,
/* 控制位置 */
tip: '',
showState: false,
type: 0, //默认 0
item: null,
scrollViewTop: 0, //滚动距离
oldScrollViewTop: 0, //旧数据到顶部位置
e: 0, //弹窗类型
backColorVal:"",
catrgoryList:[], //品牌数据
machine_id:"" ,//设备Id
brandsitem:{},
goods_id_e:{},
modeltext: "",
goods_id: "",
dict_id: ""
};
},
mounted() {
},
/**
* 组件的公有方法列表
*/
methods: {
scroll(e) {
if (e.detail.scrollTop > 1) {
this.oldScrollViewTop = e.detail.scrollTop - 0.01
}
},
modeDetail(item) {
//item.isWork = this.isWork;
//this.$emit('Worksdetail', item)
this.brandsitem = item
homeservice.queryListPhone({
s: 'Product.machineDetail', //新接口
machine_id: this.machine_id,
id: this.brandsitem.id //商品id
}).then(result => {
this.modeltext = this.brandsitem.name //机型名
this.goods_id = this.brandsitem.id //产品id
this.dict_id = result.dict_id //产品属性id
this.goods_id_e = {
brandtext: this.brandsitem.name, // 品牌名
modeltext: this.brandsitem.name, // 机型商品名
goods_id: this.brandsitem.id, // 产品id
dict_id: result.dict_id, // 产品属性
}
this.$emit('goodsbrands', {
goods_id_e: this.goods_id_e,
})
//this.$refs['shellShow'].close() //关闭手机壳子弹框
}).catch(err => {
// uni.showToast({
// title: err.msg,
// icon: 'none'
// });
});
},
open(item) {
this.machine_id = item.machine_id
console.log(item)
homeservice.queryListPhone({
s: 'Product.getBrandProducts', //新接口
goods_brand_id: item.id, //品牌id
machine_id: item.machine_id,
key: "3"
}).then(result => {
this.datalist = result // 品牌机型
console.log(this.datalist)
}).catch(err => {
uni.showToast({
title: err.msg,
icon: 'none'
});
});
},
}
}
</script>
<style lang="scss">
</style>
pages/index/assembly/switchBrands.vue
......@@ -125,141 +125,6 @@
</view>
</view>
<!-- 壳子 -->
<view v-if="shellShow" class="full-width" style="position: fixed; bottom: 0; left: 0; height: 100%; z-index: 9997;
background: linear-gradient(0deg, #1B294F, #4E2761, #E73231); opacity: 0.8;" @click="shellModel()"
@touchmove.stop="myCatchTouch"></view>
<view v-if="shellShow" style="position: fixed; z-index: 9998; width: 100%;bottom: 0; margin: auto;"
:style="{height: MobilePhoneHeight +'px'}">
<view style="width: 750upx; margin:auto; display: flex; flex-direction: column;">
<view :style="{height: MobilePhoneHeight +'px'}"
style="width:100%; background: #FFFFFF; border-radius: 30upx 30upx 0 0; position: relative;">
<view @click="shellModel()" style="position: absolute; top: 0upx; right: 0upx;">
<image src="../../../static/icon_guanbi.png" mode=""
style="height: 23upx; width: 23upx; padding: 21upx 33upx;"></image>
</view>
<view v-if="choose_surfaceState && selfContainedShell"
style="display: flex; justify-content: center;height: 80upx;border-radius:0 0 40upx 40upx;">
<view style="border-radius:0 0 0 40upx;" @click="customDhell" v-if="choose_surfaceState"
:class="['classification', { active: category == 0 }]">
{{$i18n.messages[$i18n.locale]['定制壳']}}
</view>
<view :class="['classification', { active: category == 1 }]" @click="selfContainedShell"
v-if="self_surfaceState">
{{$i18n.messages[$i18n.locale]['自带壳']}}
</view>
</view>
<view v-else style="display: flex; justify-content: center;height: 80upx;">
<view style="border-radius:0;" @click="customDhell" v-if="choose_surfaceState"
:class="['classification', { active: category == 0 }]">
{{$i18n.messages[$i18n.locale]['定制壳']}}
</view>
<view style="border-radius:0;" :class="['classification', { active: category == 1 }]"
@click="selfContainedShell" v-if="self_surfaceState">
{{$i18n.messages[$i18n.locale]['自带壳']}}
</view>
</view>
<!-- 定制壳 -->
<view v-show="category == 0">
<view v-if="brands.length > 1"
style="display: flex; align-items: center; width: calc(100% - 40upx); margin:31upx auto 0;">
<image src="../../../static/icon_more_left.png" mode="" style="width: 64upx; height: 64upx;"
@click="leftTo()"></image>
<scroll-view class="scroll-container" :scroll-left="scrollLeft" @scroll="scrollLeftTo"
scroll-x scroll-with-animation :scroll-into-view="'s' + currentIndex">
<view :class="['scroll-item', { active: index == currentId }]" :id="'s' + index"
v-for="(item, index) in brands" :key="index" @tap="handleScroll(item, index)">
<image :src="item.preview + '?x-oss-process=image/resize,lfit,w_300'"
mode="aspectFit" style="width: 80upx; height: 160upx; margin:28upx auto 0;">
</image>
</view>
</scroll-view>
<image src="../../../static/icon_more_right.png" mode=""
style="width: 64upx; height: 64upx;" @click="rightTo()"></image>
</view>
<view v-if="brandsitem"
:style="{height: MobilePhoneHeight - (80 + 248 + 31 + 100)*pixelRate +'px'}"
style="display: flex; align-items: center; justify-content: center;">
<view>
<!-- 图片 -->
<image @click="ordersize(brandsitem.id)" v-if="brands.length > 1"
:src="brandsitem.preview + '?x-oss-process=image/resize,lfit,w_750'" mode="widthFix"
style="width: 260upx; min-height: 260upx; margin:auto ; display: block;"></image>
<image @click="ordersize(brandsitem.id)" v-if="brands.length == 1"
:src="brandsitem.preview + '?x-oss-process=image/resize,lfit,w_750'" mode="widthFix"
style="width: 310upx; min-height: 310upx; margin:auto; display: block;"></image>
<view
style="font-size: 30upx; font-weight: 500;line-height: 22upx; text-align: center; margin-top: 10upx;">
{{ goods_id_e.modeltext || ''}}
</view>
<view @click="ordersize(brandsitem.id)"
style="font-size: 24upx; font-weight: 500; color: #864BC3; text-align: center; line-height: 50upx;">
{{$i18n.messages[$i18n.locale]['材质详情']}}>
</view>
</view>
</view>
<view class="determineBut" @click="determine(2)">{{$i18n.messages[$i18n.locale]['下单']}}</view>
</view>
<!-- 自带壳 -->
<view v-show="category == 1">
<scroll-view scroll-y scroll-with-animation
:style="{height: MobilePhoneHeight - 430*pixelRate +'px'}" style="box-sizing: border-box;white-space: nowrap;
width: 540upx; margin:50upx auto 0; overflow: hidden; padding: 10upx 0;">
<view v-for="(item,index) in backgroundColorData" :key="index"
@click="backgroundColor(item)" style="float: left; margin:0 4upx 8upx;
border-radius: 10upx;
border: 2upx solid #FFFFFF;
height: 96upx; width: 96upx;" :style="{background: item.color_code}"
:class="[surface_color_id_text == item.color_code ? 'backgroundColoractive':'' ]">
<span class="tooltiptext"
:class="[surface_color_id_text == item.color_code ? 'tooltiptextactive':'' ]">
{{item.alias_name}}
</span>
</view>
</scroll-view>
<view
style="font-size: 30upx; font-weight: 500; color: #F60C0C;line-height: 50upx; text-align: center;">
{{$i18n.messages[$i18n.locale]['请选择自带壳颜色']}}
</view>
<view style="font-size: 30upx; font-weight: 500;line-height: 50upx; text-align: center;">
{{ goods_id_e.modeltext || ''}}
</view>
<view class="determineBut" @click="well()">{{$i18n.messages[$i18n.locale]['下单']}}</view>
</view>
</view>
</view>
</view>
<!-- 请选择颜色 -->
<view v-if="colorcenter" class="full-width" style="position: fixed; bottom: 0; left: 0; height: 100%; z-index: 9998;
background: linear-gradient(0deg, #1B294F, #4E2761, #E73231); opacity: 0.8;" @click="colorCose()"
@touchmove.stop="myCatchTouch"></view>
<view v-if="colorcenter"
style="position: fixed; z-index: 9999; width: 100%; height: 1000upx; top: 0; bottom: 0; margin: auto;">
<view style="width:690upx; margin:auto; display: flex; flex-direction: column; ">
<view
style="width:100%; min-height: 1000upx; background: #dcdcdc; border-radius: 30upx; position: relative;">
<view @click="colorCose()" style="position: absolute; top: 0upx; right: 0upx;">
<image src="../../../static/icon_guanbi.png" mode="aspectFill"
style="height: 23upx; width: 23upx; padding: 21upx 33upx;"></image>
</view>
<view style="margin:122upx auto 94upx;font-size: 36upx;text-align: center;">
{{$i18n.messages[$i18n.locale]['请在扇区点选您自带的手机壳颜色']}}
</view>
<view style="width: 690upx; height: 500upx;" v-if="chartData.series.length > 0 && chartDataState">
<canvas canvas-id="canvasPie" id="canvasPie" style="width: 690upx; height: 500upx;"
@touchstart="touchStart"></canvas>
</view>
<view v-else style="line-height: 500upx; text-align: center;">
{{$i18n.messages[$i18n.locale]['暂无数据']}}
</view>
<view class="determineButtn" @click="well()">{{$i18n.messages[$i18n.locale]['下单']}}</view>
</view>
</view>
</view>
</view>
</template>
......
pages/index/detailsphone.vue
<template>
<div class="full-width full-height" :style="{width:isShowPc?$base.isPcWidth + 'px':'100%'}" style="margin: auto;">
<image v-if="statusloading == 1" @tap="game"
src="../../static/img/icon_home_lineup_image.png"
style="position: fixed; z-index: 99; right: 0; bottom: 480upx; display: flex;align-items: center;justify-content: center;
width: 115upx;
height: 115upx;"
:style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}">
</image>
<image v-if="statusloading == 1 && support_paypal " src="../../static/img/icon_home_order_image.png" style="
position: fixed;
z-index: 999;
bottom: 650upx;
width: 115upx;
height:115upx;" @click="toOrderList()"
:style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}"
></image>
<view @tap="game" v-if="statusloading == 1"
style="position: fixed;
z-index: 99;
right: 0;
bottom: 524upx;
display: flex;
align-items: center;
justify-content: center;
width: 190upx;
height: 88upx;
background: linear-gradient(92deg, #64DD17, #64DD17);
border-radius: 44upx 0px 0px 44upx;" :style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}">
<view style="font-size: 18upx; color: #FFFFFF;">
<view> {{$i18n.messages[$i18n.locale]['排队列表']}} </view>
</view>
</view>
<!-- <image v-if="statusloading == 1" @tap="game" src="../../static/img/icon_home_lineup_image.png" style="position: fixed; z-index: 99; right: 0; bottom: 480upx; display: flex;align-items: center;justify-content: center;
width: 92upx;
height: 92upx;" :style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}" /> -->
<image v-if="statusloading == 1" src="../../static/img/icon_change_language.png" style="
position: fixed;
z-index: 999;
z-index: 990;
bottom: 820upx;
width:90upx;
height:80upx;
font-size: 20upx; text-align: center;
line-height:80upx; "
:style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}"
@click="toSelectLanguage()">
</image>
font-size: 20upx;
text-align: center;
line-height:80upx;" :style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}"
@click="toSelectLanguage()"/>
<!-- 自定义头部 -->
<myhead :worksid="9" :title=" $i18n.messages[$i18n.locale]['定制手机壳'] + myheadtext" :color="'#fff'":titleShow="true" :backShow="true" :background="'none'"></myhead>
<myhead :worksid="9" :title=" $i18n.messages[$i18n.locale]['定制手机壳'] + myheadtext" :color="'#fff'"
:titleShow="true" :backShow="true" :background="'none'" v-if="showTitle" ></myhead>
<!-- 正文 -->
<view style="position: relative;width: 100%; height: 100%; z-index: 2;">
<!-- 轮播图 -->
......@@ -41,8 +47,8 @@
:autoplay="true" :interval="3000" :duration="1000">
<swiper-item v-for="(item, index) in Adlists" :key="index">
<view class="swiper-item">
<image class="image" :src="item.content"
mode="aspectFill" :style="{height: datainfo.windowHeight +'px'}" />
<image class="image" :src="item.content" mode="aspectFill"
:style="{height: datainfo.windowHeight +'px'}" />
</view>
</swiper-item>
</swiper>
......@@ -58,7 +64,7 @@
</view>
</view>
<view @click="Customize_now" class="experiencebutton" hover-class="loginBtn-hover" style="position: fixed; bottom: 112upx; text-align: center;left: 0; right: 0;
width: 500upx; height: 105upx; line-height: 105upx; border-radius: 53upx; font-size: 39upx;">
width: 500upx; height: 105upx; line-height: 105upx; border-radius: 53upx; font-size: 39upx;background: #64DD17;">
{{$i18n.messages[$i18n.locale]['立即定制']}}
</view>
</view>
......@@ -72,8 +78,7 @@
<view @click="tomakePhoneCall">
<view class="start_text">{{$i18n.messages[$i18n.locale]['联系客服']}}</view>
<view class="start_text" style="display: flex; justify-content: center; align-items: center;">
<image src="../../static/phone.png" mode=""
style="width: 32upx; height: 32upx; margin-right: 5upx;"></image>
<image src="../../static/phone.png" mode="" style="width: 32upx; height: 32upx; margin-right: 5upx;"></image>
{{phone || '18938664545'}}
</view>
</view>
......@@ -83,12 +88,54 @@
style="margin-top: -50upx;text-align: center;color: #888888; font-weight: 400; line-height: 40upx;">
<text style="font-size: 22upx;">{{$i18n.messages[$i18n.locale]['深圳市瑞丰彩科技有限公司']}}</text>
</view>
<uni-popup ref="showshare" type="bottom" style="position: relative; z-index: 999; width: 100%;"
:style="{height: datainfo.windowHeight +'px'}" >
<view class="uni-share full-width" :style="{height: datainfo.windowHeight +'px'}">
<view style="position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 999; opacity: 0.8;"
@click="cancel('share')"/>
<view style="position: absolute;
left: 0upx;
height: 100%;
width: 66px;
background: #1A1D33;
overflow: hidden;
z-index: 999;"
:style="{left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 + 64 ) +'px)':'0upx'}">
<view style="width: 60px; height: 188upx;"></view>
<view style="width: 64px;"
:style="{height: (datainfo.windowHeight - 188 * datainfo.pixelRate) +'px'}">
<scroll-view class="scroll-container"
:style="{height: (datainfo.windowHeight - 160 * datainfo.pixelRate) +'px'}" scroll-y
scroll-with-animation v-if="brandList.length > 0" >
<view :id="'s' + index"
:class="[index == currentId ? 'scroll-item-select' : 'scroll-item-no-select']"
v-for="(item, index) in brandList" :key="index" @tap="brandclick(index,item)">
<image style="width: 60upx; height: 100upx; display: block;margin:auto; padding: 18upx;"
:src="item.icon" mode="aspectFit">
</image>
</view>
</scroll-view>
</view>
</view>
<view style="position: absolute; bottom: 0upx; left: 60px; height: 100%; width: calc(100% - 60px); z-index: 999; overflow: hidden; background: #282932;"
:style="{width:$tool.isPc()?$base.isPcWidth - 40 + 'px':'calc(100% - 210upx)',left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'120upx'}">
<scrollModeView ref="scrollModeView"
@goodsbrands="goodsbrands"
:windowHeight="(datainfo.windowHeight - 210 * datainfo.pixelRate - classificationHeight)">
</scrollModeView>
</view>
</view>
</uni-popup>
</view>
<!--<scrollModeView ref="scrollModeView" @goodsbrands="goodsbrands"
:windowHeight="(datainfo.windowHeight - 210 * datainfo.pixelRate - classificationHeight)">
</scrollModeView> -->
<!-- 手机壳品牌 -->
<switchBrands ref="switchBrands" @goodsbrands="goodsbrands" @toCustomSize="toCustomSize()"></switchBrands>
<!-- <switchBrands ref="switchBrands" @goodsbrands="goodsbrands" @toCustomSize="toCustomSize()"></switchBrands> -->
<!-- 选择语言 -->
<switchLanguage ref="switchLanguage" @backLanguage="backLanguage"></switchLanguage>
</div>
......@@ -100,12 +147,18 @@
import switchBrands from './assembly/switchBrands.vue';
import switchLanguage from './assembly/switchLanguage.vue';
import uniSwiperDot from '@/components/uni-swiper-dot/uni-swiper-dot.vue';
import uniPopup from './common/uni-popup/uni-popup.vue'
//import switchBrands from './assembly/switchBrands.vue';
import scrollModeView from './assembly/scrollModeView.vue'; // 贴图
var index = 0; // 所点击的图片的索引
export default {
components: {
uniPopup,
myhead,
switchBrands,
uniSwiperDot,
switchLanguage
switchLanguage,
scrollModeView
},
computed: {},
data() {
......@@ -135,12 +188,27 @@
promoter_id: "", //推广Id
isLoad: false, //是否加载过
isReload: false, //加载页面
isPayOpen: false,//支付是否打开
isShowPc:false,//是否pc打开
isPayOpen: false, //支付是否打开
isShowPc: false, //是否pc打开
sizelist: [],
brandtext: null,
modeltext: null,
goods_id: null,
dict_id: null,
brandList: [],
classificationHeight: 0,
currentId: 0,
showTitle: true
};
},
methods: {
cancel(type) {
this.$refs['showshare'].close()
this.showTitle = true;
},
//自定义尺寸
toCustomSize() {
uni.navigateTo({
......@@ -214,7 +282,7 @@
this.modeltext = obj.goods_id_e.title //机型名
this.goods_id = obj.goods_id_e.goods_id //产品id
this.dict_id = obj.goods_id_e.dict_id //产品属性id
this.$base.surfaceData = {
/* this.$base.surfaceData = {
surface_type: obj.surface_type, //材质类型 0：默认 1：自带壳 2：定制壳
surface_id: obj.surface_id, //材质对应的编号，没有的话就为0或者不传
surface_color: obj.surface_color, //材质颜色
......@@ -223,16 +291,11 @@
surface_color_id: obj.surface_color_id, //选择的颜色编号，没有的话就不传或者为0
surface_color_series_id_text: obj.surface_color_series_id_text, //选择的色系名称
surface_color_id_text: obj.surface_color_id_text, //选择的颜色颜色值
}
this.preservationBase()
} */
//this.preservationBase()
this.changeChannel()
},
preservationBase() {
try { //数据缓存 同步 一定要用try catch 包裹
uni.setStorageSync('base', this.$base);
} catch (e) {};
},
//点击排队列表
game() {
......@@ -265,41 +328,37 @@
//立即定制
Customize_now() {
let isShowCustomizeData = this.list.customize_size == 1 ? true : false
this.getBrandList()
},
getBrandList() {
let that = this;
if (this.list != null) {
if (this.list.status.value == 1 || this.list.status.value == 2) {
this.sizelist = []
this.brandtext = null
this.modeltext = null
this.goods_id = null
this.dict_id = null
this.$nextTick(() => {
this.$refs['switchBrands'].open({
homeservice.queryListPhone({
s: 'Product.getBrands',
machine_id: this.machine_id,
key: this.key,
goods_id: this.goods_id,
dict_id: this.dict_id,
sn: this.sn,
switchBrandState: 0,//0正常 1跳过选择手机型号 2定制页选择材质
isShowCustomize: isShowCustomizeData,
})
})
} else if (this.list.status.value == 0 || this.list.status.value == 3 || this.list.status.value == 4 ||
this.list.status.value == 5) {
uni.showToast({
title: this.$i18n.messages[this.$i18n.locale]['休息中'],
icon: 'none',
duration: 2000
});
key: "3"
}).then(result => {
this.brandList = result;
this.showTitle = false;
this.$refs["showshare"].open()
if (this.brandList != null && this.brandList.length > 0) {
setTimeout(function() {
that.brandclick(0, that.brandList[0])
}, 120);
}
} else {
}).catch(err => {
uni.showToast({
title: this.msg,
icon: 'none',
duration: 2000
title: err.msg,
icon: 'none'
});
});
}
},
brandclick(index, item) {
this.currentId = index
item.machine_id = this.machine_id
this.$refs['scrollModeView'].open(item)
},
changeChannel() {
......@@ -315,7 +374,8 @@
loading = true
if (loading) {
uni.navigateTo({
url: '/pages/index/index_phone?goods_id=' + this.goods_id + '&machine_id=' + this.machine_id + "&machineDetail=" + JSON.stringify(this.list)
url: '/pages/index/index_phone?goods_id=' + this.goods_id + '&machine_id=' + this
.machine_id + "&machineDetail=" + JSON.stringify(this.list)
});
}
},
......@@ -340,9 +400,9 @@
if (res) {
this.list = res;
this.support_paypal = false;
if(this.list.support_paypal == 1){
if (this.list.support_paypal == 1) {
this.support_paypal = true;
}else{
} else {
this.support_paypal = false;
}
//判断挂起
......@@ -360,7 +420,7 @@
}
this.phone = this.list.phone;
try { //数据缓存 同步 一定要用try catch 包裹
uni.setStorageSync('phone', this.phone );
uni.setStorageSync('phone', this.phone);
} catch (e) {
//TODO handle the exception
};
......@@ -556,4 +616,13 @@
}
}
}
.scroll-item-select{
border: 1upx solid #61D119;
}
.scroll-item-no-select{
border: upx solid #1A1D33;
}
</style>
\ No newline at end of file
pages/index/head/head.vue
<template>
<view :style="{ height: height + 'px', background:background, width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}"
style="position: fixed; z-index: 999;">
style="position: fixed; z-index: 998;">
<view class="head"
:style="{ height: height + 'px', background:background,width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}">
<view class="back" @click="back" v-if="backShow" :style="{ top: top + 'px', color:color }">
......
pages/index/index_phone.vue
......@@ -20,46 +20,31 @@
<!-- 设计区域 -->
<view v-show="!state" class="full-width content-color full-height" :style="{background: design_color }">
<view class="full-width full-height" style="position: absolute; top: 0; left: 0; " @click.stop="itemCancel">
</view>
<view class="full-width full-height" style="position: absolute; top: 0; left: 0; " @click.stop="itemCancel"></view>
<view class="container" :style="{height: data.windowHeight +'px'}" @touchmove.stop="touchMove"
@touchend.stop="touchEnd" @click.stop="itemCancel ">
<!-- 辅助线 -->
<view style="border-left: 1px dashed #864BC3;position: absolute; height: 100%; z-index: 999; left: calc(50% - 0.5px);">
</view>
<view style="border-left: 1px dashed #64DD17;position: absolute; height: 100%; z-index: 999; left: calc(50% - 0.5px);"></view>
<view :style="{width: data.bgWidth +'px',height: data.editorHeight +'px'}" style="position: relative;">
<!-- 辅助线 -->
<view style="width: 100%; border-top: 1px dashed #864BC3;position: absolute; z-index: 999;"
<view style="width: 100%; border-top: 1px dashed #64DD17;position: absolute; z-index: 999;"
:style="{top: (data.editorHeight * location_scale - 0.5) +'px'}"></view>
<!-- :style="{top: (data.editorHeight * location_scale - 0.5) +'px'}" -->
<!-- 部件列表 -->
<!-- clipPath: 'inset(' + clipButtom + 'px ' + clipRight + 'px ' + clipTop + 'px ' + clipLeft + 'px round ' + filletSize + 'px)' -->
<!--
clipPath: 'inset(' + clipButtom + 'px ' + clipRight + 'px ' + clipTop + 'px ' + clipLeft + 'px round ' + filletSize + 'px)' -->
<view :class="['item-list', { 'list-active': data.listActive == true }]" style="overflow: hidden; "
:style="{width: data.editorWidth +'px',height: data.editorHeight +'px',
clipPath: 'inset(' + clipButtom + 'px ' + clipRight + 'px ' + clipTop + 'px ' + clipLeft + 'px round ' + filletSize + 'px)'}">
<image v-if="data.loadbgImageheightstate && background_surface_image != null "
:src="background_surface_image + '?x-oss-process=image/resize,lfit,w_1500'" mode=""
:style="{width: data.editorWidth +'px',height: data.editorHeight +'px'}"
style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;margin: auto;z-index: 0;">
</image>
<view v-if="data.loadbgImageheightstate"
:style="{width: data.editorWidth - 1 +'px',height: data.editorHeight - 1 +'px',background:background_surface_color ? background_surface_color : 'none'}"
style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;margin: auto;z-index: 0;">
</view>
<!-- 白底图 -->
<view v-if="data.loadbgImageheightstate"
:style="{width: data.editorWidth +'px',height: data.editorHeight +'px',background:background_color ? background_color : 'none'}"
<view v-if="data.loadbgImageheightstate "
:style="{width: data.editorWidth +'px',height: data.editorHeight +'px',background:background_surface_color ? background_surface_color : 'none'}"
style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;margin: auto;z-index: 0;">
</view>
<view v-if=" isCustomizeComplete && isCustomize"
:style="{width: real_print_width +'px',height: real_print_height +'px', borderRadius: filletSize + 'px'}"
<!-- 白底图 -->
<view
:style="{width: data.editorWidth +'px',height: data.editorHeight +'px',background: (background_color && background_color != 'none' && background_color != null ) ? background_color : '#fff'}"
style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;margin: auto;z-index: 0; ">
</view>
......@@ -107,11 +92,69 @@
</view>
</block>
</view>
<!-- 手机壳图 -->
<image :src="data.bgImage" mode="" @load="loadbgImage"
style="position: absolute;z-index: 9;top: 0px; bottom: 0; left: 0; right: 0;margin: auto;"
:style="{width: (data.editorWidth + 1) +'px',height: (data.editorHeight + 1) +'px'}">
<image :src="data.bgImage + '?x-oss-process=image/resize,lfit,w_400' " mode="aspectFit"
@load="loadbgImage"
style="position: absolute;
z-index: 10;
top: 0px;
bottom: 0;
left: 0px;
right: 0px;
margin: auto;"
:style="{width: (data.editorWidth + 1 ) +'px',height: (data.editorHeight + 1 ) +'px'}">
</image>
<!-- 旧——手机壳图 -->
<image :src="data.bgImage + '?x-oss-process=image/resize,lfit,w_400' " mode="aspectFit"
@load="loadbgImage"
style="position: absolute;
z-index: 10;
top: 0px;
bottom: 0;
left: 0px;
right: 0px;
margin: auto;"
:style="{width: (data.editorWidth + 1 ) +'px',height: (data.editorHeight + 1 ) +'px'}">
</image>
<image :src="data.bgImage + '?x-oss-process=image/resize,lfit,w_400' " mode="aspectFit"
@load="loadbgImage"
style="position: absolute;
z-index: 10;
top: 0px;
bottom: 0;
left: 0px;
right: 0px;
margin: auto;"
:style="{width: (data.editorWidth + 1 ) +'px',height: (data.editorHeight + 2 ) +'px'}">
</image>
<image :src="data.bgImage + '?x-oss-process=image/resize,lfit,w_400' " mode="aspectFit"
@load="loadbgImage"
style="position: absolute;
z-index: 10;
top: 0px;
bottom: 0;
left: 0px;
right: 0px;
margin: auto;"
:style="{width: (data.editorWidth + 1 ) +'px',height: (data.editorHeight + 2 ) +'px'}">
</image>
<image :src="data.bgImage + '?x-oss-process=image/resize,lfit,w_400' " mode="aspectFit"
@load="loadbgImage"
style="position: absolute;
z-index: 10;
top: 0px;
bottom: 0;
left: 0px;
right: 0px;
margin: auto;"
:style="{width: (data.editorWidth + 1 ) +'px',height: (data.editorHeight + 1 ) +'px'}">
</image>
</view>
<!-- 操作列表 -->
<view :class="['operate-list', { 'list-active': data.listActive == true }]" style="z-index: 10;"
......@@ -160,7 +203,6 @@
@touchstart.stop.prevent="edgeStart($event, 'right')"
@touchend.stop.prevent='edgeEnd'
@mousedown="edgeMouseStart($event, 'right')">
<!-- :style="{background: item.typetext =='right' ? '#F56364' : '#1784D8'}" -->
<view class='rightedge'>
<image src="../../static/img/icon_sticker_right_tailoring.png"
mode="aspectFill" style="width: 37upx; height: 50upx;margin: auto">
......@@ -173,7 +215,6 @@
@touchstart.stop.prevent="edgeStart($event, 'bottom')"
@touchend.stop.prevent='edgeEnd'
@mousedown="edgeMouseStart($event, 'bottom')">
<!-- :style="{background: item.typetext =='bottom' ? '#F56364' : '#1784D8'}" -->
<view class='bottomedge'>
<image src="../../static/img/icon_sticker_buttom_tailoring.png"
mode="aspectFill" style="width: 50upx; height: 37upx; margin: auto">
......@@ -188,7 +229,7 @@
@touchend.stop.prevent='scaleEnd'
@mousedown="scaleMouseStart($event, 'left-top')">
<view class='frame-left-top'
:style="{'border-left-color': item.typetext =='left-top' ? '#F56364' : '#1784D8', 'border-top-color': item.typetext =='left-top' ? '#F56364' : '#1784D8'}">
:style="{'border-left-color': item.typetext =='left-top' ? '#F56364' : '#64DD17', 'border-top-color': item.typetext =='left-top' ? '#F56364' : '#64DD17'}">
</view>
</view>
<view v-if="item.activehorn" class='frame-right-top-wrap'
......@@ -197,7 +238,7 @@
@touchend.stop.prevent='scaleEnd'
@mousedown="scaleMouseStart($event, 'right-top')">
<view class='frame-right-top'
:style="{'border-right-color': item.typetext =='right-top' ? '#F56364' : '#1784D8', 'border-top-color': item.typetext =='right-top' ? '#F56364' : '#1784D8'}">
:style="{'border-right-color': item.typetext =='right-top' ? '#F56364' : '#64DD17', 'border-top-color': item.typetext =='right-top' ? '#F56364' : '#64DD17'}">
</view>
</view>
<view v-if="item.activehorn" class='frame-left-bottom-wrap'
......@@ -206,7 +247,7 @@
@touchend.stop.prevent='scaleEnd'
@mousedown="scaleMouseStart($event, 'left-bottom')">
<view class='frame-left-bottom'
:style="{'border-left-color': item.typetext =='left-bottom' ? '#F56364' : '#1784D8', 'border-bottom-color': item.typetext =='left-bottom' ? '#F56364' : '#1784D8'}">
:style="{'border-left-color': item.typetext =='left-bottom' ? '#F56364' : '#64DD17', 'border-bottom-color': item.typetext =='left-bottom' ? '#F56364' : '#64DD17'}">
</view>
</view>
<view v-if="item.activehorn" class='frame-right-bottom-wrap'
......@@ -215,7 +256,7 @@
@touchend.stop.prevent='scaleEnd'
@mousedown="scaleMouseStart($event, 'right-bottom')">
<view class='frame-right-bottom'
:style="{'border-right-color': item.typetext =='right-bottom' ? '#F56364' : '#1784D8', 'border-bottom-color': item.typetext =='right-bottom' ? '#F56364' : '#1784D8'}">
:style="{'border-right-color': item.typetext =='right-bottom' ? '#F56364' : '#64DD17', 'border-bottom-color': item.typetext =='right-bottom' ? '#F56364' : '#64DD17'}">
</view>
</view>
<!-- 图片旋转 -->
......@@ -227,11 +268,11 @@
@touchmove.stop.prevent='rotateMove' @touchend.stop.prevent='rotateEnd'
@mousedown="rotateMouseStart"></view>
<!-- 辅助线 -->
<view v-if="item.activeguide" style="border-left: 1px dashed #F56364;
<view v-if="item.activeguide" style="border-left: 1px dashed #64DD17;
height: 100%;position: absolute; top: 0; z-index: 999; bottom: 0;"
:style="{left: ((item.width / 2) - 0.5) +'px',
transform:'scale(' + item.oScale + ')',height:100 * item.scale + '%',top: (- 100 * (item.scale - 1))/2 + '%'}"></view>
<view v-if="item.activeguide" style="width: 100%; border-top: 1px dashed #F56364;
<view v-if="item.activeguide" style="width: 100%; border-top: 1px dashed #64DD17;
position: absolute;z-index: 999;"
:style="{top: ((item.height / 2) - 0.5) +'px',
transform:'scale(' + item.oScale + ')',width:100 * item.scale + '%',left: (- 100 * (item.scale - 1))/2 + '%'}">
......@@ -254,32 +295,7 @@
</view>
</view>
</view>
<!-- 上一步、下一步按钮 -->
<view :style="{left:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 - 10) +'px)':'20upx'}"
class="operation" v-if="!guide_left && !active">
<view class="operation_top">
<image @click.stop='prev' src="../../static/mine/icon_back.png" mode="aspectFill"
style="width: 85upx; height: 85upx;"></image>
</view>
<view class="operation_bottom">
<image @click.stop='next' src="../../static/mine/icon_nextstep.png" mode="aspectFill"
style="width: 85upx; height: 85upx;"></image>
</view>
</view>
<!-- 材质 -->
<view v-if="surface_type == 1 || surface_type == 2"
style="color: #fff; font-size: 22upx; display: flex; align-items: center;">
<view style="text-align: center;">
<view v-if="surface_type == 2 && !guide_left">{{$i18n.messages[$i18n.locale]['定制壳']}}</view>
<view v-if="surface_type == 1 && !guide_left">{{$i18n.messages[$i18n.locale]['自带壳']}}</view>
</view>
<view @click="topagecategory(2)"
style="width: 100upx; height: 100upx; border-radius: 50%;
display: flex; align-items: center; justify-content: center; margin-left: 10upx; z-index: 99; position: relative;">
<image v-if="!guide_left" src="../../static/qiehuanke.png" mode=""
style="width: 50upx; height: 50upx;"></image>
</view>
</view>
</view>
<!-- 拖拽删除图库 -->
<view v-if="delete_wrap_state && !isShowPc" class="delete-wrap" :class="{'delete-wrap-active':deleteWrap}"
......@@ -304,9 +320,6 @@
</view>
</view>
<!-- 切换手机 -->
<switchBrands ref="switchBrands" @goodsbrands="goodsbrands" @toCustomSize="toCustomSize"></switchBrands>
<!-- 进度条 -->
<view v-if="percent > 0 && percent < 100"
:style="{left:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx',width:isShowPc?$base.isPcWidth + 'px':'100%'}"
......@@ -323,54 +336,24 @@
<view v-if="!active && !guide_left"
:style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}" class="toolRight">
<view class="tool_li">
<view class="tool_li" @click="showPopup(99)">
<image class="tool_li_img" src="../../static/icon/icon_history_phone@2x.png" mode=""></image>
<view class="tool_li_text"> {{$i18n.messages[$i18n.locale]['历史作品']}}</view>
</view>
<view class="tool_li" @click="showPopup(23)" v-if="surface_type != 1">
<image class="tool_li_img" src="../../static/icon/icon_form.png" mode=""></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['手机壁纸']}}</view>
</view>
<view class="tool_li" @click="showPopup(2)">
<image class="tool_li_img" src="../../static/icon/icon_stickers.png" mode=""></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['贴图素材']}}</view>
</view>
<view class="tool_li" @click="showPopup(25)" v-if="surface_type != 1">
<image class="tool_li_img" src="../../static/icon_make_diy_uplaod_image.png" mode=""></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['背景底色']}}</view>
</view>
<view class="tool_li" @click="showPopup(24)" v-if="surface_type != 1 && diy_upload_menu == 1">
<image @click="cancel()" class="tool_li_img" src="../../static/icon/icon_zuopin.png" mode=""
style="width: 52upx; height: 48upx;">
<view class="tool_li" @click="showPopup(24)" >
<image @click="cancel()" class="tool_li_img" src="../../static/icon/icon_zuopin.png" mode="aspectFit"
style="width: 52upx; height: 52upx;">
</image>
<view @click="cancel()" class="tool_li_text">{{$i18n.messages[$i18n.locale]['上传图片']}}</view>
</view>
<view class="tool_li" @click="showPopup(3)" v-if="surface_type != 1">
<image class="tool_li_img" src="../../static/icon/icon_typeface.png" mode=""></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['添加文字']}}</view>
</view>
<!-- 涂鸦 -->
<view class="tool_li" @click="ontuya()">
<image class="tool_li_img" src="../../static/tuya.png" mode=""></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['添加涂鸦']}}</view>
<view class="tool_li" @click="showPopup(3)" style="margin-top: 12upx;">
<image class="tool_li_img" src="../../static/icon/icon_typeface.png" mode="aspectFit"></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['添加文字']}}</view>
</view>
<view class="tool_li"
v-if="(background_color && background_color != 'none') && (surface_type == 0 || surface_type == 2)"
@click.stop="eliminateBackgroundColor()">
<image class="tool_li_img" style="width: 50upx; height: 50upx;"
src="../../static/diy_icon_replace_default.png" mode=""></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['清空底色']}}</view>
<view class="tool_li" @click="showPopup(2)">
<image class="tool_li_img" src="../../static/icon/icon_stickers.png" mode="aspectFit"></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['贴图素材']}}</view>
</view>
<view class="tool_li" @click.stop="removedeleteItem" v-if="data.itemList.length > 0">
<image class="tool_li_img" style="width: 50upx; height: 50upx;"
src="../../static/diy_icon_middle_default.png" mode=""></image>
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['移除图片']}}</view>
</view>
</view>
</view>
......@@ -393,7 +376,6 @@
<view class="tool_li_text">{{$i18n.messages[$i18n.locale]['编辑']}}</view>
</view>
</view>
<!-- AI图像 -->
<view v-if="data.itemList.length > 0">
<view class="tool_li" style="height: 90upx;padding-top: 20upx;" @click="showAiChange()"
......@@ -402,13 +384,13 @@
src="../../static/icon_diy_ai.png"></image>
</view>
</view>
<!-- 点击画布区域取消聚焦 -->
<view class="tool_li" @click.stop="itemCancel">
<image class="tool_li_img" style="width: 51upx; height: 51upx;" src="../../static/icon_confirm.png"
mode=""></image>
</view>
</view>
<!-- 切换手机 -->
<view :style="{left:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 - 10) +'px)':'10upx'}"
v-if="!active && !guide_left" @click="topagecategory(0)"
......@@ -416,11 +398,13 @@
<image style="width: 115upx; height: 134upx; display: block; margin: auto;"
src="../../static/qiehuan.png" mode=""></image>
</view>
<!-- 生成作品 -->
<view :style="{right:isShowPc?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}" class="toolBottom">
<view @click.stop="createWorks" hover-class="hover-class-bg"
:class="['tool_add',available == 0 ? 'grey' : '']"> {{$i18n.messages[$i18n.locale]['下单']}} </view>
</view>
<!-- 底部弹窗-字体贴图和模板 -->
<Mapping ref="Mapping" :windowHeight="(data.windowHeight)" :brands="brands"
:material_series_list="material_series_list" :e_active="e_active" :currentId="currentId"
......@@ -486,6 +470,109 @@
</uni-popup>
<uni-popup ref="showBrandShare" type="bottom" style="position: relative; z-index: 999; width: 100%;"
:style="{height: data.windowHeight +'px'}" >
<view class="uni-share full-width" :style="{height: data.windowHeight +'px'}">
<view style="position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 999; opacity: 0.8;"
@click="cancel('share')"/>
<view style="position: absolute;
left: 0upx;
height: 100%;
width: 66px;
background: #1A1D33;
overflow: hidden;
z-index: 999;"
:style="{left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 + 64 ) +'px)':'0upx'}">
<view style="width: 60px; height: 188upx;"></view>
<view style="width: 64px;"
:style="{height: (data.windowHeight - 188 * data.pixelRate) +'px'}">
<scroll-view class="scroll-container"
:style="{height: (data.windowHeight - 160 * data.pixelRate) +'px'}" scroll-y
scroll-with-animation v-if="brandList.length > 0" >
<view :id="'s' + index"
:class="[index == currentIdBrand ? 'scroll-item-select' : 'scroll-item-no-select']"
v-for="(item, index) in brandList" :key="index" @tap="brandclick(index,item)">
<image style="width: 60upx; height: 100upx; display: block;margin:auto; padding: 18upx;"
:src="item.icon" mode="aspectFit">
</image>
</view>
</scroll-view>
</view>
</view>
<view style="position: absolute; bottom: 0upx; left: 60px; height: 100%; width: calc(100% - 60px); z-index: 999; overflow: hidden; background: #282932;"
:style="{width:$tool.isPc()?$base.isPcWidth - 40 + 'px':'calc(100% - 210upx)',left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'120upx'}">
<scrollModeView ref="scrollModeView"
@goodsbrands="goodsbrands"
:windowHeight="(data.windowHeight - 210 * data.pixelRate - classificationHeight)">
</scrollModeView>
</view>
</view>
</uni-popup>
</view>
<!-- 手机品牌型号 -->
<!-- <uni-popup ref="showBrandShare" type="bottom"
style="position: relative; z-index: 9998; width: 100%;" :style="{height: data.windowHeight +'px'}">
<view class="uni-share full-width" :style="{height: data.windowHeight +'px'}">
<view style="position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 997; opacity: 0.8;" @click="cancelshowBrandShare()"/>
<view style="position: absolute;
bottom: 0upx;
left: 0;
height: 100%; width: 120upx;
z-index: 999; background: #1A1D33;
overflow: hidden;"
:style="{left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 + 64 ) +'px)':'0upx'}"
>
<view style="width: 120upx; height: 188upx;"></view>
<view style="width: 120upx;" :style="{height: (data.windowHeight - 188 * data.pixelRate) +'px'}">
<scroll-view class="scroll-container"
:style="{height: (data.windowHeight - 188 * data.pixelRate) +'px'}" scroll-y
scroll-with-animation v-if="brandList.length > 0" :scroll-into-view="'s' + currentIndex">
<view
:class="[index == currentIdBrand ? 'scroll-item-select' : 'scroll-item-no-select']" :id="'s' + index"
v-for="(item, index) in brandList" :key="index" @tap="brandclick(index,item)">
<image
style="width: 60upx; height: 100upx; display: block;margin:auto; padding: 18upx;"
:src="item.icon" mode="aspectFit">
</image>
</view>
</scroll-view>
</view>
</view>
<view style="position: absolute; bottom: 0upx; left: 120upx; height: 100%; width: calc(100% - 200upx); z-index: 999; overflow: hidden; background: #282932;">
<scrollModeView ref="scrollModeView"
@goodsbrands="goodsbrands"
:windowHeight="(data.windowHeight - 210 * data.pixelRate - classificationHeight)">
</scrollModeView>
</view>
</view>
</uni-popup> -->
<!-- 上传照片选项 -->
<uni-popup ref="showpicture" type="bottom" @change="change" style="position: fixed; z-index: 9999;">
<view class="uni-share"
:style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%',left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}"
style="width: 100%; height: 240upx;background: #FFFFFF;text-align: center; border-top-left-radius: 20upx; border-top-right-radius: 20upx; ">
<view @click.stop='addItem'
style="color: #333333; font-size: 35upx;border-top: 1upx solid #ebebeb; height:100upx;padding-top: 30upx;">
{{$i18n.messages[$i18n.locale]['上传']}}
</view>
<view
style="color: #333333; font-size: 35upx; height: 100upx;padding-top: 28upx; border-top: 15upx solid #ebebeb"
@click="selectPicturePopColse()">
{{$i18n.messages[$i18n.locale]['取消']}}
</view>
</view>
</uni-popup>
</view>
</view>
</template>
......@@ -509,6 +596,7 @@
import uniPopup from './common/uni-popup/uni-popup.vue';
import {pathToBase64,base64ToPath} from 'image-tools'
const OSS = require('ali-oss');
import scrollModeView from './assembly/scrollModeView.vue'; // 贴图
/*** 色彩公园图片 DIY 功能页*/
var app = getApp(); // 当前APP实例
......@@ -528,7 +616,8 @@
switchBrands,
Mapping,
tuya,
uniPopup
uniPopup,
scrollModeView
},
computed: {
......@@ -711,7 +800,9 @@
isShowPc: false, //是否pc显
isMouseMove: false, //是否鼠标移动操作
windowWidth: 0,
selectChangeType:1
selectChangeType:1,
currentIdBrand:0,
brandList:[],
};
},
created() {
......@@ -719,6 +810,10 @@
},
methods: {
selectPicturePopColse(){
this.$refs["showpicture"].close();
},
showAiChangeClose() {
this.selectChangeType = 1;
this.$refs["showAiChange"].close();
......@@ -1064,6 +1159,7 @@
//切换手机型号控件
goodsbrands(obj) {
this.$refs['showBrandShare'].close();
this.isCustomize = false; //充值自定义
this.filletSize = 0 //设置圆角
this.isCustomizeComplete = false
......@@ -1073,93 +1169,62 @@
this.clipRight = 0;
this.filletSize = 0;
this.options.type = 2;
if (obj.switchBrandState == 2) { //切换手机壳
this.backgroundColor = false //控制底色
this.data.loadbgImageheightstate = true
this.$base.surfaceData = {
surface_type: obj.surface_type, //材质类型 0：默认 1：自带壳 2：定制壳
surface_id: obj.surface_id, //材质对应的编号，没有的话就为0或者不传
surface_color: obj.surface_color, //材质颜色
surfaceName: obj.surfaceName, //材质名称
surface_color_series_id: obj.surface_color_series_id, //选择的色系编号，没有的话就不传或者为0
surface_color_id: obj.surface_color_id, //选择的颜色编号，没有的话就不传或者为0
surface_color_series_id_text: obj.surface_color_series_id_text,
surface_color_id_text: obj.surface_color_id_text, //手机底色
}
this.preservationBase()
this.surface_type = this.$base.surfaceData.surface_type
this.surfaceName = this.$base.surfaceData.surfaceName
if (this.$base.surfaceData.surface_type == 0) { //默认
this.background_color = null //手机底色
this.background_surface_color = null //定制壳手机壳底色
}
if (this.$base.surfaceData.surface_type == 1) { //自带壳
this.background_color = this.$base.surfaceData.surface_color_id_text //手机底色
this.background_surface_color = null //定制壳手机壳底色
// 清空历史记录
items = []; // 当前显示的图片列表
index = 0; // 所点击的图片的索引
snapshot = []; // 操作历史记录清空
snapshotIndex = -1;
this.data.itemList = items //赋值
this.saveSnapshot();
}
if (this.$base.surfaceData.surface_type == 2) { //定制壳
this.background_color = 'none'
this.background_surface_color = this.$base.surfaceData.surface_color //定制壳手机壳底色
}
this.goodslist() // 获取产品详情数据
if (this.key != 2) {
this.orderNewLockAttrStock() //锁库存
}
} else {
this.data.loadbgImageheightstate = false
this.data.goods_id = obj.goods_id_e.id // 商品id
this.data.goods_id = obj.goods_id_e.goods_id // 商品id
this.dict_id = obj.goods_id_e.dict_id //产品属性id
this.goods_id = obj.goods_id_e.goods_id //产品id
this.goods_size = obj.goods_id_e.title // 品牌名
if (obj.sn) {
this.sn = obj.sn
}
this.$base.surfaceData = {
surface_type: obj.surface_type, //材质类型 0：默认 1：自带壳 2：定制壳
surface_id: obj.surface_id, //材质对应的编号，没有的话就为0或者不传
surface_color: obj.surface_color, //材质颜色
surfaceName: obj.surfaceName, //材质名称
surface_color_series_id: obj.surface_color_series_id, //选择的色系编号，没有的话就不传或者为0
surface_color_id: obj.surface_color_id, //选择的颜色编号，没有的话就不传或者为0
surface_color_series_id_text: obj.surface_color_series_id_text,
surface_color_id_text: obj.surface_color_id_text,
}
this.preservationBase()
this.surface_type = this.$base.surfaceData.surface_type
this.surfaceName = this.$base.surfaceData.surfaceName
if (this.$base.surfaceData.surface_type == 0) { //默认
this.background_color = null //手机底色
this.background_surface_color = null //定制壳手机壳底色
}
if (this.$base.surfaceData.surface_type == 1) { //自带壳
this.background_color = this.$base.surfaceData.surface_color_id_text //手机底色
this.background_surface_color = null //定制壳手机壳底色
// 清空历史记录
items = []; // 当前显示的图片列表
index = 0; // 所点击的图片的索引
snapshot = []; // 操作历史记录清空
snapshotIndex = -1;
this.data.itemList = items //赋值
this.saveSnapshot();
}
if (this.$base.surfaceData.surface_type == 2) { //定制壳
this.background_color = 'none'
this.background_surface_color = this.$base.surfaceData.surface_color
}
this.goods_size = obj.goods_id_e.modeltext // 品牌名
this.goodslist() // 获取产品详情数据
if (this.key != 2) {
this.orderNewLockAttrStock() //锁库存
}
}
// 作品分类 贴图分类
this.category()
this.orderNewLockAttrStock()
},
orderNewLockAttrStock() {
homeservice.queryListPhone({ // 释放锁定库存
s: 'Order.newLockAttrStock',
machine_id: this.machine_id, //设备id
goods_id: null, //产品
dict_id: null, //产品属性id
old_sn: null,
onlyClear: 1
}).then(result => {}).catch(err => {
});
// 锁定库存
homeservice.queryListPhone({
s: 'Order.newLockAttrStock',
machine_id: this.machine_id, //设备id
goods_id: this.goods_id, //产品
dict_id: this.dict_id, //产品属性id
old_sn: this.sn
}).then(result => {
this.$base.lockInventory = result //锁库存储存信息
this.sn = result.sn
this.orderUpdateSn() //定时器锁库存
}).catch(err => {
uni.showToast({
title: err.msg || err.data,
icon: 'none'
});
});
},
orderUpdateSn() {
clearInterval(this.orderUpdateTime)
this.orderUpdateTime = null
this.orderUpdateTime = setInterval(function() {
homeservice.queryListPhone({
s: 'Order.updateStockTime',
machine_id: this.machine_id,
sn: this.sn
}).then(res => {
this.sn = res.sn
}).catch(err => {
uni.showToast({
title: err.msg,
icon: 'none'
})
});
}.bind(this), 120000)
},
preservationBase() {
......@@ -1470,7 +1535,7 @@
});
},
//自定义尺寸
/* //自定义尺寸
toCustomSize() {
uni.navigateTo({
url: '../index/custom-size?machine_id=' + this.machine_id + '&key=' + this.key +
......@@ -1479,23 +1544,37 @@
})
this.$refs['switchBrands'].cancelBrand();
},
*/
//切换手机
topagecategory(e) {
let isShowCustomizeData = this.machineDetail.customize_size == 1 ? true : false
this.$nextTick(() => {
this.$refs['switchBrands'].open({
machine_id: this.machine_id, //设备编号
key: this.key, //
goods_id: this.data.goods_id, //产品id
dict_id: this.dict_id, //产品属性id
sn: this.sn, //
switchBrandState: e, //0正常 1跳过选择手机型号 2定制页选择材质
isShowCustomize: isShowCustomizeData,
})
})
let that = this;
homeservice.queryListPhone({
s: 'Product.getBrands', //新接口
machine_id: this.machine_id,
key:"3"
}).then(result => {
this.brandList = result;
this.$refs['showBrandShare'].open()
if(this.brandList != null && this.brandList.length > 0 ){
setTimeout(function() {
that.brandclick(0, that.brandList[0])
}, 120);
}
}).catch(err => {
uni.showToast({
title: err.msg,
icon: 'none'
});
});
},
brandclick(index,item) {
this.currentIdBrand = index
item.machine_id = this.machine_id
this.$refs['scrollModeView'].open(item)
},
onok(item) {
this.state = false
items[index] = item //赋值就移动了
......@@ -2057,11 +2136,13 @@
queryPage: this.queryPage,
})
} else if (e == 24) { //
this.$refs["showpicture"].open()
/*showpicture
this.$refs.Mapping.picture({
data: this.data,
bg_text_color: this.bg_text_color,
text: ''
})
}) */
} else if (e == 25) {
this.backgroundColor = false;
this.bgColorClick();
......@@ -3053,7 +3134,9 @@
this.uploadDIY(tempFilePaths, 0, 0, 0, tempFilePaths.length);
}
})
this.selectPicturePopColse();
},
//移除图片
removedeleteItem(item, ix) {
index = items.length - 1
......@@ -3380,8 +3463,8 @@
uni.setNavigationBarTitle({
title: result.alias_name
}) //修改头部名称
this.data.bgImage = result.front_image_old // 背景图
this.data.bgImage_old = result.front_image_old // 旧背景图
this.data.bgImage = result.front_image // 背景图
this.data.bgImage_old = result.front_image // 旧背景图
//this.design_color = result.design_color // 背景颜色
if (this.$base.surfaceData.surface_type == 0) { //默认
//this.background_color = result.design_color //定制壳手机壳底色
......@@ -3521,7 +3604,7 @@
//获取库存与优惠券信息
getMachineStock() {
homeservice.queryList({
homeservice.queryListPhone({
s: 'Machine.getMachineStock',
machine_id: this.machine_id,
// key: this.tabletext ? 3 : 1
......@@ -4132,8 +4215,6 @@
width: 100%;
height: 100%;
justify-content: center;
//padding-top: 10px;
}
/* 部件列表和部件操作列表 */
......@@ -4145,7 +4226,6 @@
left: 0;
right: 0;
top: 0;
// bottom:0;
margin: auto;
}
......@@ -4155,11 +4235,10 @@
.item-text {
font-family: '思源黑体 CN';
/*font-family: 'PingFang SC Regular';*/
}
.list-active {
// outline: #4EE2AE solid 1px;
}
.item-box {
......@@ -4170,7 +4249,7 @@
// outline: 0.5upx solid #4EE2AE;
}
/* 删除、缩放、旋转操作按钮 */
/*删除、缩放、旋转操作按钮 */
.rotate,
.rotate-red,
.scale,
......@@ -4293,7 +4372,6 @@
height: 60upx;
right: -30upx;
bottom: -30upx;
/*background-color: blue;*/
}
.frame-right-bottom {
......@@ -4316,8 +4394,6 @@
height: 100%;
top: 0;
background: transparent;
/*background: red;*/
}
......@@ -4325,9 +4401,7 @@
position: absolute;
z-index: 99;
left: 5upx;
/* width: 6upx; */
height: 40upx;
/* background: #864BC3; */
top: calc(50% - 20upx);
}
......@@ -4342,7 +4416,6 @@
top: 0;
bottom: 0;
transform: scale(2);
// border: 1px solid lightgray;
}
.rightedge-wrap {
......@@ -4353,16 +4426,13 @@
height: 100%;
background: transparent;
top: 0;
/*background: red;*/
}
.rightedge {
position: absolute;
z-index: 99;
right: 4upx;
/* width: 6upx; */
height: 40upx;
/* background: #864BC3; */
top: calc(50% - 20upx);
}
......@@ -4376,7 +4446,6 @@
left: 0;
right: 0;
margin: auto;
/*background: red;*/
}
.topedge {
......@@ -4384,8 +4453,6 @@
z-index: 99;
top: 4upx;
width: 40upx;
/* height: 6upx; */
/* background: #864BC3; */
left: 0;
right: 0;
margin: auto;
......@@ -4401,7 +4468,6 @@
left: 0;
right: 0;
margin: auto;
/*background: red;*/
}
.bottomedge {
......@@ -4409,22 +4475,12 @@
z-index: 99;
bottom: 4upx;
width: 40upx;
/* height: 6upx;
background: #864BC3; */
left: 0;
right: 0;
margin: auto;
}
// .close {
// background-image: url(../../static/icon/icon_close.png);
// background-size: 100%;
// left: -14px;
// top: -14px;
// // background-position: -10px -10px;
// }
// 上一步、下一步按钮
//上一步、下一步按钮
.operation {
display: flex;
justify-items: center;
......@@ -4477,7 +4533,7 @@
// 底部工具栏
.toolRight {
position: fixed;
top: 200upx;
top: 400upx;
right: 0;
width: 135upx;
z-index: 999;
......@@ -4485,6 +4541,7 @@
.tool_li {
width: 100%;
height: 100upx;
margin-top: 4upx;
.tool_li_img {
width: 46upx;
......@@ -4533,7 +4590,7 @@
.tool_add {
width: 280upx;
background: #864BC3;
background: #64DD17;
line-height: 90upx;
text-align: center;
color: #FFFFFF;
......@@ -4656,4 +4713,13 @@
.hover-class-text {
color: #888888 !important;
}
.scroll-item-select{
border: 1upx solid #61D119;
}
.scroll-item-no-select{
border: upx solid #1A1D33;
}
</style>
\ No newline at end of file
pages/mall/lineUp.vue
<template>
<view class="colletion full-width" :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}"
style="margin: auto; ">
style="margin: auto;">
<myhead :worksid="60" :title="myheadtext" :color="'#000'" :titleShow="true" :backShow="true" :background="'#fff'" @headback="headback"></myhead>
<view class="uni-tab-bar full-width full-height " :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}">
<view style="top: 120upx; position: fixed; height: calc(100% - 60px); overflow: auto" scroll-y
:style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}">
......@@ -21,7 +19,6 @@
style="background: #fff !important;margin: 25upx 25upx; border-radius: 20upx; width: calc(100% - 40upx) ;"
@click="self_help_payment(designer)">
<view style="color: #fff; display: flex; align-items: center; ">
<view v-if="designer.user_id != userId && privacy == 0 " class="border-image-pesudo-no">
<view class="border-image-pesudo-in-no">
<image
......@@ -31,7 +28,6 @@
</image>
</view>
</view>
<view v-if="designer.user_id != userId && privacy == 1 " class="border-image-pesudo-no">
<view class="border-image-pesudo-in-no">
<image
......@@ -40,7 +36,6 @@
</image>
</view>
</view>
<view v-if="designer.user_id == userId" class="border-image-pesudo">
<view class="border-image-pesudo-in">
<image
......@@ -50,18 +45,17 @@
</image>
</view>
</view>
<view style="width: calc(100% - 360upx);">
<view style="width: 100%;font-size: 28upx; ">
<view v-if="designer.status.value == 1">
<view
style="text-align: left; font-size: 28upx; color: #8148BB; line-height: 60upx;">
style="text-align: left; font-size: 28upx; color: #61D119; line-height: 60upx;">
{{$i18n.messages[$i18n.locale]['打印中']}}
</view>
</view>
<view v-else style=" height: 60upx;background: transparent;border-radius: 30upx;">
<view
style="text-align: left; font-size: 28upx; color: #8148BB; line-height: 60upx;">
style="text-align: left; font-size: 28upx; color: #FF8D1A; line-height: 60upx;">
{{$i18n.messages[$i18n.locale]['排队中']}}
</view>
</view>
......@@ -92,9 +86,9 @@
<view style="display: flex; align-items: center; justify-content: center;
width: 362upx; height: 360upx; position: relative; margin: auto;">
<image :src="designer.works_image + '?x-oss-process=image/resize,lfit,w_150'"
mode="aspectFit" style="width:150upx; "></image>
mode="aspectFit" style="width:150upx;"></image>
<image :src="designer.back_image + '?x-oss-process=image/resize,lfit,w_150'"
mode="aspectFit" style=" width: 150upx; margin-left: -150upx; "></image>
mode="aspectFit" style=" width: 150upx; margin-left: -150upx;"></image>
</view>
<view style="font-size: 25upx;
......@@ -104,46 +98,31 @@
height: 20upx;
text-align: center;
line-height:20upx;">
{{designer.goods_name || ''}}
{{designer.goods_name || '' }}
</view>
<view v-if="designer.status.value == 1" style="text-align: center;
font-size: 36upx;
width: 100%;
height: 60upx;
line-height:60upx;
background: #984ACE;
background: #61D119;
color: #fff;
margin: auto;
margin-top: 20px;">
{{$i18n.messages[$i18n.locale]['打印中']}}
</view>
<view v-else style="text-align: center; font-size: 36upx;
width:100%; height: 60upx;
line-height:60upx;
background: #fff; color: #984ACE;
background: #fff; color: #61D119;
margin: auto;
margin-top: 15px;">
{{$i18n.messages[$i18n.locale]['排队中']}}
</view>
<view
v-if="designer.pay_type == 1"
@click="toOrderDetail(designer.order_id)" style="text-align: center; font-size: 36upx;
width: 100%; height: 70upx;
line-height:70upx;
border-radius: 40upx;
background: #fff; color: #984ACE;
margin: auto;
margin-top: 5px;">
{{$i18n.messages[$i18n.locale]['订单明细']}}
</view>
</view>
</view>
</view>
<!-- 提示完 -->
</view>
</view>
</template>
......
pages/phone/components/bgColor.vue
......@@ -19,13 +19,13 @@
<view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0">
<span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">啊嘞，还是一片荒漠</view>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data</view>
</view>
</view>
</template>
<template slot="bottom">
<view>
没有更多数据了
no more data
</view>
</template>
</refresh>
......
pages/phone/components/scrollView.vue
......@@ -23,7 +23,7 @@
<view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0">
<span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">啊嘞，还是一片荒漠</view>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data</view>
</view>
</view>
</template>
......
pages/phone/components/shapeScrollView.vue
......@@ -27,7 +27,7 @@
<view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0">
<span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">啊嘞，还是一片荒漠</view>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data</view>
</view>
</view>
</template>
......
service/homeservice.js
......@@ -30,10 +30,6 @@ const service = {
setStock: (stock = []) => _dispatch('setStock', stock), //diy操作步骤图
getStock: () => _getters('stock', []),
// T恤
queryList: (user = {}) => _queryList({api: T_route, params: user, callBack: (data = {}) => {}}),
WorksList: (user = {}) => _queryList({api: T_route, params: user, callBack: (data = {}) => {}}),
Workssave: (user = {}) => _queryList({api: T_route_timeout, params: user, callBack: (data = {}) => {}}),
// 手机壳
queryListPhone: (user = {}) => _queryList({api: P_route, params: user, callBack: (data = {}) => {}}),
WorksListPhone: (user = {}) => _queryList({api: P_route, params: user, callBack: (data = {}) => {}}),
......
static/icon/icon_refresh.png
static/icon/icon_refresh.png

918 Bytes | W: | H:

static/icon/icon_refresh.png

1.07 KB | W: | H:

static/icon/icon_refresh.png
static/icon/icon_refresh.png
static/icon/icon_refresh.png
static/icon/icon_refresh.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png

1.65 KB | W: | H:

static/icon/icon_refresh_red.png

5.37 KB | W: | H:

static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_stickers.png
static/icon/icon_stickers.png

1.78 KB | W: | H:

static/icon/icon_stickers.png

1.36 KB | W: | H:

static/icon/icon_stickers.png
static/icon/icon_stickers.png
static/icon/icon_stickers.png
static/icon/icon_stickers.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_typeface.png
static/icon/icon_typeface.png

685 Bytes | W: | H:

static/icon/icon_typeface.png

482 Bytes | W: | H:

static/icon/icon_typeface.png
static/icon/icon_typeface.png
static/icon/icon_typeface.png
static/icon/icon_typeface.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_zuopin.png
static/icon/icon_zuopin.png

1.14 KB | W: | H:

static/icon/icon_zuopin.png

1.7 KB | W: | H:

static/icon/icon_zuopin.png
static/icon/icon_zuopin.png
static/icon/icon_zuopin.png
static/icon/icon_zuopin.png
  • 2-up
  • Swipe
  • Onion skin
static/icon_confirm.png
static/icon_confirm.png

2.19 KB | W: | H:

static/icon_confirm.png

1.26 KB | W: | H:

static/icon_confirm.png
static/icon_confirm.png
static/icon_confirm.png
static/icon_confirm.png
  • 2-up
  • Swipe
  • Onion skin
static/icon_default_no.png
static/icon_default_no.png

39.4 KB | W: | H:

static/icon_default_no.png

20.6 KB | W: | H:

static/icon_default_no.png
static/icon_default_no.png
static/icon_default_no.png
static/icon_default_no.png
  • 2-up
  • Swipe
  • Onion skin
static/icon_diy.png
static/icon_diy.png

50.5 KB | W: | H:

static/icon_diy.png

20.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
static/img/icon_change_language.png
static/img/icon_change_language.png

2.71 KB | W: | H:

static/img/icon_change_language.png

942 Bytes | W: | H:

static/img/icon_change_language.png
static/img/icon_change_language.png
static/img/icon_change_language.png
static/img/icon_change_language.png
  • 2-up
  • Swipe
  • Onion skin
static/qiehuan.png
static/qiehuan.png

8.43 KB | W: | H:

static/qiehuan.png

7.38 KB | W: | H:

static/qiehuan.png
static/qiehuan.png
static/qiehuan.png
static/qiehuan.png
  • 2-up
  • Swipe
  • Onion skin
util/Env.js
// 开发版
//const baseURL = "http://h5.refinecolor.com/api/"
//www.tprint.com
const baseURL = "http://kxzh5.refinecolor.com/api/"
//develop: "https://kxz.refinecolor.com",
//develop: "https://print.kexiaozhan.cn",
//体验版
//trial: "https://kxz.refinecolor.com",
//正式版
const baseURL = "https://h5.colorpark.cn/api/"
//const baseURL = "https://h5.colorpark.cn/api/"
//正式服：
//https://tprint.colorpark.cn/ 改成 https://h5.colorpark.cn/api/
......
util/script.js
......@@ -10,9 +10,9 @@ import CryptoJS from 'crypto-js';
// callback：结果的回调
// type 1: 人物动漫化 2:人物素描化
function callRecognizeBankCard(imageURL,miniProgramType,type,callback) {
const accessKeyId = "LTAI5tDPiEBZgfqNcWBqaFEc";
const accessKeyId = "LTAI5tQWJ47GrfDaiUw3f5yP";
//AccessKeySecret
const accessKeySecret = "amI84BLFbHz6dhOVbuArrERmeemmnx";
const accessKeySecret = "bMFIqdYnDw3IBZgKw37Zr5IbDqZN8k";
//这里endpoint为API访问域名，与类目相关，具体类目的API访问域名请参考：https://help.aliyun.com/document_detail/143103.html
let endpoint = "facebody.cn-shanghai.aliyuncs.com";
//API Action，能力名称，请参考具体算法文档详情页中的Action参数，这里以银行卡识别为例：https://help.aliyun.com/document_detail/151893.html
......
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