Skip to content

U
uni-pdtravel
Commit b7128e7e authored by qipeng's avatar qipeng
Browse files
Options

插件修改

parent 977d0eef
Show whitespace changes
Inline Side-by-side
Showing with 142 additions and 66 deletions
pages/album/myPhotoAlbum/myPhotoAlbum.vue
View file @ b7128e7e
......@@ -8,7 +8,7 @@
<i>{{cityName}}</i>
<image src="../static/album/myPhoto01.png"></image>
</view>
<u-picker mode="selector" v-model="orderShow" :default-selector="[orderType]" :range="option" range-key="areaName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
<u-picker mode="selector" :show="orderShow" :default-selector="[orderType]" :columns="option" keyName="areaName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
<template v-for="(item,index) in merchantList">
<view :key="index" v-if="index<2" class="left-project" :class="[projectCheck==0?'left-projectDe':'']" @click="projectClick(index,item.id)">
{{item.name}}
......@@ -26,14 +26,21 @@
</view>
<!--全选按钮-->
<view class="album-checkAll">
<u-checkbox v-model="checkProjectAll" @change="checkProjectAllFun()">全选</u-checkbox>
<!-- <u-checkbox v-model="checkProjectAll" @change="checkProjectAllFun()">全选</u-checkbox> -->
<view class="checkAll-all" @click="checkProjectAllFun()">
<checkbox value="val" :checked="checkProjectAll" style="transform:scale(0.7)" :class="checkProjectAll==true?'checkAll-allAct':''" />全选
</view>
<view class="checkAll-tips">未下载影像保留15天</view>
</view>
<!--主体循环-->
<view class="album-subject">
<view class="subject-List" v-for="(item,index) in previewData" :key="index" >
<image class="list-image" :src="item.faceSourceUrl||item.faceAiUrl" @click="stopPhoto(index)"></image>
<u-checkbox v-model="item.checkType" v-if="checkTypeFun==true" shape="circle" class="list-uCheck" @click.stop.native="()=>{}" @change="stopPhoto(index)"></u-checkbox>
<!-- <u-checkbox v-model="item.checkType" v-if="checkTypeFun==true" shape="circle" class="list-uCheck" @click.stop.native="()=>{}" @change="stopPhoto(index)"></u-checkbox> -->
<checkbox-group @click.stop.native="()=>{}" @change="stopPhoto(index)">
<checkbox value="val" :checked="item.checkType" style="transform:scale(0.7)" class="list-uCheck" :class="item.checkType==true?'list-uCheckAct':''" />
</checkbox-group>
<view class="list-mask" @click.stop.native="()=>{}" @click="projectCheckPhoto(index)" >预览</view>
</view>
<view class="subject-noMore" v-if="previewDataType==true">暂无更多数据</view>
......@@ -66,23 +73,12 @@
<!--预览-->
<view class="album-maskPreview" v-if="maskPreviewType==true" @click="maskPreviewType=false">
<view class="maskPreview-Num">{{previewNum+1}}/{{previewData.length}}</view>
<!-- <view class="maskPreview-img" @touchstart="start" @touchend="end" @touchmove="move">
<template v-if="previewData.length==1">
<image class="img-center" :src="previewData[previewNum].faceSourceUrl"></image>
</template>
<template v-else>
<image class="img-left" :style="{left:touchLeft0 +'rpx'}" v-if="previewNum==0" :src="previewData[previewData.length-1].faceSourceUrl||previewData[previewData.length-1].faceAiUrl"></image>
<image class="img-left" :style="{left:touchLeft0 +'rpx'}" v-else :src="previewData[previewNum-1].faceSourceUrl||previewData[previewNum-1].faceAiUrl"></image>
<image class="img-center" :style="{right:touchRight +'rpx',left:touchLeft +'rpx'}" :src="previewData[previewNum].faceSourceUrl||previewData[previewNum].faceAiUrl"></image>
<image class="img-right" :style="{right:touchRight2 +'rpx'}" v-if="previewNum==previewData.length-1" :src="previewData[0].faceSourceUrl||previewData[0].faceAiUrl"></image>
<image class="img-right" :style="{right:touchRight2 +'rpx'}" v-else :src="previewData[previewNum+1].faceSourceUrl||previewData[previewNum+1].faceAiUrl"></image>
</template>
</view> -->
<u-swiper class="maskPreview-swiper" height="794" :list="previewData" :effect3d="true" :autoplay="false" :mode="none" :current ="previewNum" @change="projectNumFun" ></u-swiper>
<u-swiper1 class="maskPreview-swiper" height="794" :list="previewData" :effect3d="true" :autoplay="false" :mode="none" :current ="previewNum" @change="projectNumFun" ></u-swiper1>
<view class="maskPreview-check" v-if="checkTypeFun==true">
<u-checkbox v-model="previewData[previewNum].checkType" @click.stop.native="()=>{}" @change="stopPhoto(previewNum)" shape="circle" class="maskPreview-Check"></u-checkbox>
<!-- <u-checkbox v-model="previewData[previewNum].checkType" shape="circle" class="maskPreview-Check"></u-checkbox> -->
<checkbox-group @click.stop.native="()=>{}" @change="stopPhoto(previewNum)">
<checkbox value="val" :checked="previewData[previewNum].checkType" style="transform:scale(0.7)" class="maskPreview-CheckBox" :class="previewData[previewNum].checkType==true?'maskPreview-CheckBoxAct':''" />
</checkbox-group>
</view>
</view>
......@@ -222,7 +218,9 @@ export default {
inChina:0
}).then((res)=>{
if(res.code=='00'){
this.option = res.data
var opTionList = []
opTionList.push(res.data)
this.option = opTionList
}else{
uni.showToast({
title: res.message,
......@@ -291,9 +289,10 @@ export default {
})
},
industrysTypeConfirm(e) { //单列----分类 点击确定 城市
this.cityName = this.option[e].areaName
this.areaId = this.option[e].areaId
this.cityName = e.value[0].areaName
this.areaId = e.value[0].areaId
this.inquireMerchant()
this.cancel()
},
cancel() { //单列 点击取消
this.orderShow = false
......@@ -308,6 +307,7 @@ export default {
this.maskPreviewType = true
},
projectNumFun(e){//当前滑动到第几张
console.log(e)
this.previewNum = e
},
stopPhoto(index){//刷新显示
......@@ -510,6 +510,7 @@ export default {
display: flex;
flex: 1;
box-shadow: inset -16px 0px 8px 0px rgba(255, 255, 255, 0.2);
position: relative;
overflow-x: auto;
.left-name {
......@@ -535,7 +536,11 @@ export default {
margin-left: 8rpx;
}
}
/deep/ .u-popup{
position: absolute;
left: 0;
top: 0;
}
.left-project {
font-size: 32rpx;
color: #333333;
......@@ -596,21 +601,25 @@ export default {
display: flex;
width: 100%;
height: 98rpx;
padding: 32rpx 24rpx 0 24rpx;
padding: 32rpx 24rpx 20rpx 24rpx;
overflow: hidden;
position: fixed;
top: 76rpx;
left: 0;
z-index: 20;
/deep/ .u-checkbox {
line-height: 34rpx !important;
.checkAll-all{
font-size: 24rpx;
line-height: 46rpx;
}
.checkAll-allAct{
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
background-color: #3688FF !important;
border-color: #3688FF !important;
color: #ffffff !important;
}
/deep/ .u-checkbox__label {
font-size: 24rpx !important;
}
.checkAll-tips {
font-size: 24rpx;
color: #999999;
......@@ -669,7 +678,18 @@ export default {
position: absolute;
right: 0;
top: 24rpx;
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
border-radius: 100rpx;
}
}
.list-uCheckAct{
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
background-color: #3688FF !important;
border-color: #3688FF !important;
color: #ffffff !important;
}
}
/deep/ .u-checkbox__icon-wrap{
color: #fff !important;
......@@ -965,6 +985,12 @@ export default {
top: 152rpx;
left: 0;
}
/deep/ .u-swiper{
width: 100%;
position: fixed;
top: 152rpx;
left: 0;
}
/deep/ swiper{
background-color: rgba(0, 0, 0, 0) !important;
}
......@@ -976,13 +1002,27 @@ export default {
top: 998rpx;
left: 0;
right: 0;
/deep/ .u-checkbox__icon-wrap {
width: 50rpx !important;
height: 50rpx !important;
color: #fff !important;
border: solid 2px #fff;
.maskPreview-CheckBox{
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
border-radius: 100rpx;
}
}
.maskPreview-CheckBoxAct{
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
background-color: #3688FF !important;
border-color: #3688FF !important;
color: #ffffff !important;
}
}
// /deep/ .u-checkbox__icon-wrap {
// width: 50rpx !important;
// height: 50rpx !important;
// color: #fff !important;
// border: solid 2px #fff;
// }
}
/deep/ .u-swiper-image::after {
content: "";
......
pages/album/purchasedPhotoAlbum/purchasedPhotoAlbum.vue
View file @ b7128e7e
......@@ -7,13 +7,13 @@
<i>{{cityName}}</i>
<image src="../static/album/myPhoto01.png"></image>
</view>
<u-picker mode="selector" v-model="orderShow" :default-selector="[orderType]" :range="option" range-key="areaName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
<u-picker mode="selector" :show="orderShow" :default-selector="[orderType]" :columns="option" keyName="areaName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
<view class="left-picker" @click="merchantShow=true">
<i>{{merchantName}}</i>
<image src="../static/album/myPhoto01.png"></image>
</view>
<u-picker mode="selector" v-model="merchantShow" :default-selector="[orderType]" :range="option" range-key="name" @confirm="industrysTypeConfirm2($event)" @cancel="cancel2"></u-picker>
<u-picker mode="selector" :show="merchantShow" :default-selector="[orderType]" :columns="merchantList" keyName="merchantName" @confirm="industrysTypeConfirm2($event)" @cancel="cancel2"></u-picker>
</view>
</view>
......@@ -26,7 +26,10 @@
<view class="album-subject">
<view class="subject-List" v-for="(item2,index2) in item.photoOrderImgResVoList" :key="index2">
<image class="list-image" :src="item2.imgUrl" @click="stopPhoto(index,index2)"></image>
<u-checkbox v-model="item2.checkType" v-if="checkTypeFun==true" @click.stop.native="()=>{}" @change="stopPhoto(index,index2)" shape="circle" class="list-uCheck"></u-checkbox>
<!-- <u-checkbox v-model="item2.checkType" v-if="checkTypeFun==true" @click.stop.native="()=>{}" @change="stopPhoto(index,index2)" shape="circle" class="list-uCheck"></u-checkbox> -->
<checkbox-group @click.stop.native="()=>{}" @change="stopPhoto(index,index2)">
<checkbox value="val" :checked="item2.checkType" style="transform:scale(0.7)" class="list-uCheck" :class="item2.checkType==true?'list-uCheckAct':''" />
</checkbox-group>
</view>
</view>
</view>
......@@ -35,8 +38,9 @@
<view class="album-bottom">
<view class="bottom-left" v-if="maskDetail==false">
<!--全选按钮-->
<view class="album-checkAll">
<u-checkbox v-model="checkProjectAll" @change="checkProjectAllFun()">全选</u-checkbox>
<view class="album-checkAll" @click="checkProjectAllFun()">
<!-- <u-checkbox v-model="checkProjectAll" @change="checkProjectAllFun()">全选</u-checkbox> -->
<checkbox value="val" :checked="checkProjectAll" style="transform:scale(0.7)" :class="checkProjectAll==true?'checkAll-allAct':''" />
<view class="checkAll-tips">未下载影像保留15天</view>
</view>
</view>
......@@ -47,16 +51,16 @@
</template>
<script>
import uPicker from '@/uview-ui/components/u-picker/u-picker.vue'
import uCheckboxGroup from '@/uview-ui/components/u-checkbox-group/u-checkbox-group.vue'
import uCheckbox from '@/uview-ui/components/u-checkbox/u-checkbox'
import uToast from '@/uview-ui/components/u-toast/u-toast.vue'
// import uPicker from '@/uview-ui/components/u-picker/u-picker.vue'
// import uCheckboxGroup from '@/uview-ui/components/u-checkbox-group/u-checkbox-group.vue'
// import uCheckbox from '@/uview-ui/components/u-checkbox/u-checkbox'
// import uToast from '@/uview-ui/components/u-toast/u-toast.vue'
export default {
components: {
uPicker,
uCheckboxGroup,
uCheckbox,
uToast
// uPicker,
// uCheckboxGroup,
// uCheckbox,
// uToast
},
data() {
return {
......@@ -122,7 +126,9 @@ export default {
inChina:0
}).then((res)=>{
if(res.code=='00'){
this.option = res.data
var opTionList = []
opTionList.push(res.data)
this.option = opTionList
}else{
this.$refs.uToast.show({
title: res.message,
......@@ -137,7 +143,9 @@ export default {
}
this.$request('scenic/albumConfig/getSurveyConfig',data).then((res)=>{
if(res.code=='00'){
this.merchantList = res.data
var merchantListList = []
merchantListList.push(res.data)
this.merchantList = merchantListList
}else{
this.$refs.uToast.show({
title: res.message,
......@@ -168,14 +176,16 @@ export default {
})
},
industrysTypeConfirm(e) { //单列----分类 点击确定 城市
this.cityName = this.option[e].areaName
this.areaId = this.option[e].areaId
this.cityName = e.value[0].areaName
this.areaId = e.value[0].areaId
this.inquireMerchant()
this.cancel()
},
industrysTypeConfirm2(e) { //单列----分类 点击确定 项目
this.merchantId = this.merchantList[e].merchantId
this.merchantName = this.merchantList[e].merchantName
this.merchantId = e.value[0].merchantId
this.merchantName = e.value[0].merchantName
this.getPhotos()
this.cancel2()
},
cancel() { //单列 点击取消
this.orderShow = false
......@@ -352,6 +362,11 @@ export default {
margin-left: 8rpx;
}
}
/deep/ .u-popup{
position: absolute;
left: 0;
top: 0;
}
}
}
......@@ -417,6 +432,18 @@ export default {
position: absolute;
right: 0;
top: 24rpx;
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
border-radius: 100rpx;
}
}
.list-uCheckAct{
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
background-color: #3688FF !important;
border-color: #3688FF !important;
color: #ffffff !important;
}
}
}
}
......@@ -450,6 +477,14 @@ export default {
/deep/ .u-checkbox__label {
font-size: 24rpx !important;
}
.checkAll-allAct{
/deep/ .wx-checkbox-input,
/deep/ .uni-checkbox-input{
background-color: #3688FF !important;
border-color: #3688FF !important;
color: #ffffff !important;
}
}
.checkAll-tips {
font-size: 24rpx;
......
pages/my/order/orderList/orderList.vue
View file @ b7128e7e
......@@ -38,16 +38,16 @@
<view class="product-searchBt">
<view class="searchBt-left" @click="orderShow=true">
<text>{{orderName}}</text>
<u-icon v-if="orderShow==false" name="arrow-down" color="#333333" size="28"></u-icon>
<u-icon v-else name="arrow-up" color="#333333" size="28"></u-icon>
<u-picker mode="selector" v-model="orderShow" :default-selector="[orderType]" :range="option" range-key="cateName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
<u-icon v-if="orderShow==false" name="arrow-down" color="#333333" size="20"></u-icon>
<u-icon v-else name="arrow-up" color="#333333" size="20"></u-icon>
<u-picker mode="selector" :show="orderShow" :default-selector="[orderType]" :columns="option" keyName="cateName" @confirm="industrysTypeConfirm($event)" @cancel="cancel"></u-picker>
</view>
<text @click="showQueryPhone()">手机查询</text>
</view>
</view>
<!--手机查询遮罩-->
<u-popup mode="bottom" v-model="phoneQuery">
<u-popup mode="bottom" :show="phoneQuery">
<view class="content">
<view class="content-title">
订单查询
......@@ -415,7 +415,7 @@ export default {
orderType:0,//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单
orderName:'全部',//筛选 //1景区，2酒店，3餐饮，4特产，5运营车，10组合订单
orderShow:false,
option: [
option: [[
{ cateName: '全部', id: 0 },
{ cateName: '景区', id: 1 },
{ cateName: '酒店', id: 2 },
......@@ -423,7 +423,7 @@ export default {
{ cateName: '特产', id: 4 },
// { cateName: '运营车', id: 5 },
// { cateName: '组合订单', id: 10 },
],
]],
isTrue:true,//截留 防止重复加载
pageIndex:1,//当前页
pageTotal:0,//总条数
......@@ -459,8 +459,9 @@ export default {
this.getData(1)
},
industrysTypeConfirm(e) {//单列----分类 点击确定
this.orderType = this.option[e].id
this.orderName = this.option[e].cateName
console.log('confirm', e)
this.orderType = e.value[0].id
this.orderName = e.value[0].cateName
this.pageIndex = 1
this.pageTotal = 0
this.isTrue = true
......@@ -805,7 +806,7 @@ page{
position: relative;
font-size: 32rpx;
font-weight: bold;
u-icon{
/deep/ .u-icon{
color: #c8c9cc;
position: absolute;
right: 16rpx;
......@@ -837,7 +838,7 @@ page{
}
.confrim-btn{
margin: 64rpx 24rpx 40rpx 24rpx;
/deep/ .u-size-default{
/deep/ .u-reset-button{
height: 80rpx;
line-height: 80rpx;
border-radius: 15rpx;
......
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