Skip to content

M
mallapp
Commit 31582beb authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 9c3504e0
Hide whitespace changes
Inline Side-by-side
Showing with 1034 additions and 1082 deletions
pages/MallMange/set.vue
View file @ 31582beb
<template> <template>
<view class="setPage"> <view class="setPage">
<button class="saveBtn" size='mini' type="primary" @click="save" :disabled="loading">保存</button> <button class="saveBtn" size='mini' type="primary" @click="save(),saveScore()" :disabled="loading">保存</button>
<view class="topBox"> <view class="topBox">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/bg.png" mode="widthFix"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/bg.png" class="bg" />
mode="widthFix" <view class="headImgBox"></view>
class="bg" <view class="nameBox">{{ msg.MallName }}
/> <u-icon name="edit" style="margin-left: 10rpx" @click="showBox1 = true"></u-icon>
<view class="headImgBox"></view> </view>
<view class="nameBox" <u-modal v-model="showBox1" :show-cancel-button="true" title="修改商城名称" contentSlot
>{{ msg.MallName }} @confirm="showBox1 = false">
<u-icon <input type="text" v-model="msg.MallName" class="nameInput" />
name="edit" </u-modal>
style="margin-left: 10rpx" </view>
@click="showBox1 = true" <!-- <view class="boxGroup" style="display: none;">
></u-icon>
</view>
<u-modal
v-model="showBox1"
:show-cancel-button="true"
title="修改商城名称"
contentSlot
@confirm="showBox1 = false"
>
<input type="text" v-model="msg.MallName" class="nameInput" />
</u-modal>
</view>
<!-- <view class="boxGroup" style="display: none;">
<view class="boxItem"> <view class="boxItem">
<view class="leftBox flex-center"> <view class="leftBox flex-center">
<image <image
...@@ -120,1074 +107,1039 @@ ...@@ -120,1074 +107,1039 @@
</view> </view>
</view> </view>
</view> --> </view> -->
<!-- 基本设置 --> <!-- 基本设置 -->
<view class="boxGroup"> <view class="boxGroup">
<view class="boxItem"> <view class="boxItem">
<view class="leftBox flex-center"> <view class="leftBox flex-center">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" mode="widthFix" style="width: 100%" />
mode="widthFix" </view>
style="width: 100%" <view class="rightBox">
/> <view class="name">联系电话</view>
</view> <input type="number" placeholder="联系电话" style="text-align: right" v-model="msg.ContactNumber" />
<view class="rightBox"> </view>
<view class="name">联系电话</view> </view>
<input <view class="boxItem">
type="number" <view class="leftBox flex-center">
placeholder="联系电话" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
style="text-align: right" mode="widthFix" style="width: 100%" />
v-model="msg.ContactNumber" </view>
/> <view class="rightBox">
</view> <view class="name">外部客服链接</view>
</view> <input type="number" placeholder="外部客服链接" style="text-align: right"
<view class="boxItem"> v-model="msg.OuterServiceLink" />
<view class="leftBox flex-center"> </view>
<image </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" <view class="colTitle">一键导航:</view>
mode="widthFix" <view class="boxItem">
style="width: 100%" <view class="leftBox flex-center">
/> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
</view> mode="widthFix" style="width: 100%" />
<view class="rightBox"> </view>
<view class="name">外部客服链接</view> <view class="rightBox">
<input <view class="name">详细地址</view>
type="number" <input type="number" placeholder="详细地址" style="text-align: right" v-model="msg.Address" />
placeholder="外部客服链接" </view>
style="text-align: right" </view>
v-model="msg.OuterServiceLink" <view class="boxItem">
/> <view class="leftBox flex-center">
</view> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
</view> mode="widthFix" style="width: 100%" />
<view class="colTitle">一键导航:</view> </view>
<view class="boxItem"> <view class="rightBox">
<view class="leftBox flex-center"> <view class="name">经纬度</view>
<image <input type="number" placeholder="经纬度" style="text-align: right" v-model="msg.LongAndLat"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" disabled />
mode="widthFix" </view>
style="width: 100%" </view>
/> <view class="boxItem">
</view> <view class="leftBox flex-center">
<view class="rightBox"> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
<view class="name">详细地址</view> mode="widthFix" style="width: 100%" />
<input </view>
type="number" <view class="rightBox">
placeholder="详细地址" <view class="name">地图</view>
style="text-align: right" <button size="mini" type="primary" style="float: right; margin: 0" @click="map">
v-model="msg.Address" 打开地图
/> </button>
</view> </view>
</view> </view>
<view class="boxItem"> <view class="colTitle">跳转小程序:</view>
<view class="leftBox flex-center"> <view class="boxItem">
<image <view class="leftBox flex-center">
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
mode="widthFix" mode="widthFix" style="width: 100%" />
style="width: 100%" </view>
/> <view class="rightBox">
</view> <view class="name">小程序APPID</view>
<view class="rightBox"> <input type="number" placeholder="小程序APPID" style="text-align: right" v-model="msg.MinAppId" />
<view class="name">经纬度</view> </view>
<input </view>
type="number" <view class="boxItem">
placeholder="经纬度" <view class="leftBox flex-center">
style="text-align: right" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
v-model="msg.LongAndLat" mode="widthFix" style="width: 100%" />
disabled </view>
/> <view class="rightBox" style="border: none">
</view> <view class="name">小程序路径</view>
</view> <input type="number" placeholder="小程序路径" style="text-align: right" v-model="msg.MinUrl" />
<view class="boxItem"> </view>
<view class="leftBox flex-center"> </view>
<image </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" <!-- 交易设置 -->
mode="widthFix" <view class="boxGroup">
style="width: 100%" <view class="boxItem">
/> <view class="leftBox flex-center">
</view> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/money.png"
<view class="rightBox"> mode="widthFix" style="width: 100%" />
<view class="name">地图</view> </view>
<button <view class="rightBox" @click="showBox3 = true">
size="mini" <view class="name">未支付订单超时时间</view>
type="primary" <view class="flex-center">
style="float: right; margin: 0" {{ msg.CancelTime }}分
@click="map" <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
> </view>
打开地图 </view>
</button> </view>
</view> <view class="boxItem">
</view> <view class="leftBox flex-center">
<view class="colTitle">跳转小程序:</view> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shouhuo.png"
<view class="boxItem"> mode="widthFix" style="width: 100%" />
<view class="leftBox flex-center"> </view>
<image <view class="rightBox" @click="showBox4 = true">
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" <view class="name">自动确认收货时间</view>
mode="widthFix" <view class="flex-center">
style="width: 100%" {{ msg.AutoReceiving }}天
/> <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
</view> </view>
<view class="rightBox"> </view>
<view class="name">小程序APPID</view> </view>
<input <view class="boxItem">
type="number" <view class="leftBox flex-center">
placeholder="小程序APPID" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shouhou.png"
style="text-align: right" mode="widthFix" style="width: 100%" />
v-model="msg.MinAppId" </view>
/> <view class="rightBox" style="border: none" @click="showBox5 = true">
</view> <view class="name">售后时间</view>
</view> <view class="flex-center">
<view class="boxItem"> {{ msg.AfterTime }}天
<view class="leftBox flex-center"> <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
<image </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" </view>
mode="widthFix" </view>
style="width: 100%" <u-modal v-model="showBox3" :show-cancel-button="true" title="未支付订单超时时间" contentSlot
/> @confirm="showBox3 = false">
</view> <view class="modelBox3 flex-center">
<view class="rightBox" style="border: none"> <input type="number" class="input3" v-model="msg.CancelTime" />分钟
<view class="name">小程序路径</view> </view>
<input </u-modal>
type="number" <u-modal v-model="showBox4" :show-cancel-button="true" title="自动确认收货时间" contentSlot
placeholder="小程序路径" @confirm="showBox4 = false">
style="text-align: right" <view class="modelBox3 flex-center">
v-model="msg.MinUrl" <input type="number" class="input3" v-model="msg.AutoReceiving" />天
/> </view>
</view> </u-modal>
</view> <u-modal v-model="showBox5" :show-cancel-button="true" title="售后时间" contentSlot @confirm="showBox5 = false">
</view> <view class="modelBox3 flex-center">
<!-- 交易设置 --> <input type="number" class="input3" v-model="msg.AfterTime" />天
<view class="boxGroup"> </view>
<view class="boxItem"> </u-modal>
<view class="leftBox flex-center"> </view>
<image <view class="boxGroup">
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/money.png" <view class="boxItem">
mode="widthFix" <view class="leftBox flex-center">
style="width: 100%" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/Payment.png"
/> mode="widthFix" style="width: 100%" />
</view> </view>
<view class="rightBox" @click="showBox3 = true"> <view class="rightBox" style="border: none" @click="showBox6 = true">
<view class="name">未支付订单超时时间</view> <view class="name">支付方式</view>
<view class="flex-center"> <view class="flex-center">
{{ msg.CancelTime }}分 <view class="weeek">{{ payTypeStr }}</view>
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
></view> </view>
</view> </view>
</view> </view>
<view class="boxItem"> <u-modal v-model="showBox6" :show-cancel-button="true" title="支付方式" contentSlot @confirm="showBox6 = false">
<view class="leftBox flex-center"> <view class="modelBox6 flex-center">
<image <view v-for="(item, index) in payTypeArr" :key="index" class="flex-between modelBox6Item"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shouhuo.png" :class="item.choose ? 'modelBox6ItemActive' : ''" @click="changePayType(item)">
mode="widthFix" <view class="flex-center">
style="width: 100%" <image :src="item.img" mode="aspectFit" style="
/>
</view>
<view class="rightBox" @click="showBox4 = true">
<view class="name">自动确认收货时间</view>
<view class="flex-center">
{{ msg.AutoReceiving }}天
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shouhou.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view class="rightBox" style="border: none" @click="showBox5 = true">
<view class="name">售后时间</view>
<view class="flex-center">
{{ msg.AfterTime }}天
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<u-modal
v-model="showBox3"
:show-cancel-button="true"
title="未支付订单超时时间"
contentSlot
@confirm="showBox3 = false"
>
<view class="modelBox3 flex-center">
<input type="number" class="input3" v-model="msg.CancelTime" />分钟
</view>
</u-modal>
<u-modal
v-model="showBox4"
:show-cancel-button="true"
title="自动确认收货时间"
contentSlot
@confirm="showBox4 = false"
>
<view class="modelBox3 flex-center">
<input type="number" class="input3" v-model="msg.AutoReceiving" />天
</view>
</u-modal>
<u-modal
v-model="showBox5"
:show-cancel-button="true"
title="售后时间"
contentSlot
@confirm="showBox5 = false"
>
<view class="modelBox3 flex-center">
<input type="number" class="input3" v-model="msg.AfterTime" />天
</view>
</u-modal>
</view>
<view class="boxGroup">
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/Payment.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view class="rightBox" style="border: none" @click="showBox6 = true">
<view class="name">支付方式</view>
<view class="flex-center">
<view class="weeek">{{ payTypeStr }}</view>
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<u-modal
v-model="showBox6"
:show-cancel-button="true"
title="支付方式"
contentSlot
@confirm="showBox6 = false"
>
<view class="modelBox6 flex-center">
<view
v-for="(item, index) in payTypeArr"
:key="index"
class="flex-between modelBox6Item"
:class="item.choose ? 'modelBox6ItemActive' : ''"
@click="changePayType(item)"
>
<view class="flex-center">
<image
:src="item.img"
mode="aspectFit"
style="
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
border-radius: 6rpx; border-radius: 6rpx;
margin-right: 20rpx; margin-right: 20rpx;
" " />
/> <view class="modelBox6ItemName">{{ item.name }}</view>
<view class="modelBox6ItemName">{{ item.name }}</view> </view>
</view> <u-icon name="success" color="#446dfc" size="30" v-if="item.choose"></u-icon>
<u-icon </view>
name="success" </view>
color="#446dfc" </u-modal>
size="30" <view class="boxItem">
v-if="item.choose" <view class="leftBox flex-center">
></u-icon> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/Payment.png"
</view> mode="widthFix" style="width: 100%" />
</view> </view>
</u-modal> <view class="rightBox" @click="showBox10 = true">
<view class="boxItem"> <view class="name">商品面议联系方式</view>
<view class="leftBox flex-center"> <view class="flex-center">
<image <view class="weeek">{{ concatTypeStr }}</view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/Payment.png" <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
mode="widthFix" </view>
style="width: 100%" </view>
/> </view>
</view> <u-modal v-model="showBox10" :show-cancel-button="true" title="商品面议联系方式" contentSlot
<view class="rightBox" @click="showBox10 = true"> @confirm="showBox10 = false">
<view class="name">商品面议联系方式</view> <view class="modelBox6 flex-center">
<view class="flex-center"> <view v-for="(item, index) in contactTypeArr" :key="index" class="flex-between modelBox6Item"
<view class="weeek">{{ concatTypeStr }}</view> :class="item.choose ? 'modelBox6ItemActive' : ''" @click="changeConcatType(item)">
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon <view class="flex-center">
></view> <image :src="item.img" mode="aspectFit" style="
</view>
</view>
<u-modal
v-model="showBox10"
:show-cancel-button="true"
title="商品面议联系方式"
contentSlot
@confirm="showBox10 = false"
>
<view class="modelBox6 flex-center">
<view
v-for="(item, index) in contactTypeArr"
:key="index"
class="flex-between modelBox6Item"
:class="item.choose ? 'modelBox6ItemActive' : ''"
@click="changeConcatType(item)"
>
<view class="flex-center">
<image
:src="item.img"
mode="aspectFit"
style="
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
border-radius: 6rpx; border-radius: 6rpx;
margin-right: 20rpx; margin-right: 20rpx;
" " />
/> <view class="modelBox6ItemName">{{ item.name }}</view>
<view class="modelBox6ItemName">{{ item.name }}</view> </view>
</view> <u-icon name="success" color="#446dfc" size="30" v-if="item.choose"></u-icon>
<u-icon </view>
name="success" </view>
color="#446dfc" </u-modal>
size="30" <view class="boxItem">
v-if="item.choose" <view class="leftBox flex-center">
></u-icon> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shop.png"
</view> mode="widthFix" style="width: 100%" />
</view> </view>
</u-modal> <view class="rightBox">
<view class="boxItem"> <view class="name">余额功能</view>
<view class="leftBox flex-center"> <u-switch v-model="msg.BalanceFun" :active-value="1" :inactive-value="0" @change="BalanceFun">
<image </u-switch>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shop.png" </view>
mode="widthFix" </view>
style="width: 100%" <view class="boxItem">
/> <view class="leftBox flex-center">
</view> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shop.png"
<view class="rightBox"> mode="widthFix" style="width: 100%" />
<view class="name">余额功能</view> </view>
<u-switch <view class="rightBox" style="border: none">
v-model="msg.BalanceFun" <view class="name">储值卡功能</view>
:active-value="1" <u-switch v-model="msg.DepositFun" :active-value="1" :inactive-value="0" @change="DepositFun">
:inactive-value="0" </u-switch>
@change="BalanceFun" </view>
></u-switch> </view>
</view> </view>
</view> <view class="boxGroup">
<view class="boxItem"> <view class="boxItem">
<view class="leftBox flex-center"> <view class="leftBox flex-center">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/fahuo.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shop.png" mode="widthFix" style="width: 100%" />
mode="widthFix" </view>
style="width: 100%" <view class="rightBox" @click="showBox7 = true">
/> <view class="name">发货方式</view>
</view> <view class="flex-center">
<view class="rightBox" style="border: none"> <view class="weeek">{{ deliveryTypeStr }}</view>
<view class="name">储值卡功能</view> <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
<u-switch </view>
v-model="msg.DepositFun" </view>
:active-value="1" </view>
:inactive-value="0" <view class="boxItem">
@change="DepositFun" <view class="leftBox flex-center">
></u-switch> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/dizhi.png"
</view> mode="widthFix" style="width: 100%" />
</view> </view>
</view> <view class="rightBox" style="border: none" @click="jumpPage(`/pages/MallMange/address`)">
<view class="boxGroup"> <view class="name">退货地址</view>
<view class="boxItem"> <view class="flex-center">
<view class="leftBox flex-center"> <view class="weeek">{{ addrStr }}</view>
<image <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/fahuo.png" </view>
mode="widthFix" </view>
style="width: 100%" </view>
/> <u-modal v-model="showBox7" :show-cancel-button="true" title="发货方式" contentSlot @confirm="showBox7 = false">
</view> <view class="modelBox6 flex-center">
<view class="rightBox" @click="showBox7 = true"> <view v-for="(item, index) in deliveryTypeArr" :key="index" class="flex-between modelBox6Item"
<view class="name">发货方式</view> :class="item.choose ? 'modelBox6ItemActive' : ''" @click="changeDeliveryType(item)">
<view class="flex-center"> <view class="flex-center">
<view class="weeek">{{ deliveryTypeStr }}</view> <image :src="item.img" mode="aspectFit" style="
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/dizhi.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view
class="rightBox"
style="border: none"
@click="jumpPage(`/pages/MallMange/address`)"
>
<view class="name">退货地址</view>
<view class="flex-center">
<view class="weeek">{{ addrStr }}</view>
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<u-modal
v-model="showBox7"
:show-cancel-button="true"
title="发货方式"
contentSlot
@confirm="showBox7 = false"
>
<view class="modelBox6 flex-center">
<view
v-for="(item, index) in deliveryTypeArr"
:key="index"
class="flex-between modelBox6Item"
:class="item.choose ? 'modelBox6ItemActive' : ''"
@click="changeDeliveryType(item)"
>
<view class="flex-center">
<image
:src="item.img"
mode="aspectFit"
style="
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
border-radius: 6rpx; border-radius: 6rpx;
margin-right: 20rpx; margin-right: 20rpx;
" " />
/> <view class="modelBox6ItemName">{{ item.name }}</view>
<view class="modelBox6ItemName">{{ item.name }}</view> </view>
</view> <u-icon name="success" color="#446dfc" size="30" v-if="item.choose"></u-icon>
<u-icon </view>
name="success" </view>
color="#446dfc" </u-modal>
size="30" </view>
v-if="item.choose" <view class="boxGroup">
></u-icon> <view class="colTitle">添加到我的小程序:</view>
</view> <view class="boxItem">
</view> <view class="leftBox flex-center">
</u-modal> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shop.png"
</view> mode="widthFix" style="width: 100%" />
<view class="boxGroup"> </view>
<view class="boxItem"> <view class="rightBox" style="border: none">
<view class="leftBox flex-center"> <view class="name">开关</view>
<image <u-switch v-model="msg.MinSwitch" :active-value="1" :inactive-value="0"></u-switch>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/jizhi.png" </view>
mode="widthFix" </view>
style="width: 100%" <template v-if="msg.MinSwitch">
/> <view class="boxItem">
</view> <view class="leftBox flex-center">
<view class="rightBox" @click="showBox8 = true"> <image
<view class="name">积分抵扣</view> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
<view class="flex-center" mode="widthFix" style="width: 100%" />
>{{ msg.integral }}积分抵扣一元 </view>
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon <view class="rightBox">
></view> <view class="name">背景透明度</view>
</view> <input type="number" placeholder="背景透明度" style="text-align: right"
</view> v-model="msg.MinBackClarity" />
<view class="boxItem"> </view>
<view class="leftBox flex-center"> </view>
<image <view class="boxItem">
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/jifenguize.png" <view class="leftBox flex-center">
mode="widthFix" <image
style="width: 100%" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
/> mode="widthFix" style="width: 100%" />
</view> </view>
<view class="rightBox" style="border: none" @click="showBox9 = true"> <view class="rightBox">
<view class="name">积分使用规则</view> <view class="name">背景框圆角</view>
<view class="flex-center" <input type="number" placeholder="背景框圆角" style="text-align: right"
>{{ v-model="msg.MinBackCircularBead" />
msg.IntegralRule && msg.IntegralRule != "" ? "已填写" : "未填写" </view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
mode="widthFix" style="width: 100%" />
</view>
<view class="rightBox">
<view class="name">提示文本内容</view>
<input type="text" placeholder="提示文本内容" style="text-align: right" v-model="msg.MinTips" />
</view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
mode="widthFix" style="width: 100%" />
</view>
<view class="rightBox">
<view class="name">图标颜色</view>
<u-radio-group v-model="msg.MinIcoColor" :size="30">
<u-radio shape="circle" :name="1">白色</u-radio>
<u-radio shape="circle" :name="2">黑色</u-radio>
</u-radio-group>
</view>
</view>
</template>
<view class="colTitle">转发小程序:</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png"
mode="widthFix" style="width: 100%" />
</view>
<view class="rightBox">
<view class="name">转发标题</view>
<input type="text" placeholder="提示文本内容" style="text-align: right" v-model="msg.MinShareTitle" />
</view>
</view>
<view class="colTitle">首页购买记录框:</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shop.png"
mode="widthFix" style="width: 100%" />
</view>
<view class="rightBox" style="border: none">
<view class="name">开关</view>
<u-switch v-model="msg.BuySwitch" :active-value="1" :inactive-value="0"></u-switch>
</view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shop.png"
mode="widthFix" style="width: 100%" />
</view>
<view class="rightBox" style="border: none">
<view class="name">轮播订单数</view>
<input type="number" style="text-align: right" v-model="msg.CarouselOrder" />
</view>
</view>
</view>
<view class="boxGroup">
<view class="boxItem">
<view class="leftBox flex-center">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/jizhi.png"
mode="widthFix" style="width: 100%" />
</view>
<view class="rightBox" @click="showBox8 = true">
<view class="name">积分抵扣</view>
<view class="flex-center">{{ ScoreMsg.IntegralNum }}积分抵扣一元
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
</view>
</view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/jifenguize.png"
mode="widthFix" style="width: 100%" />
</view>
<view class="rightBox" style="border: none" @click="showBox9 = true">
<view class="name">积分使用规则</view>
<view class="flex-center">{{
ScoreMsg.Explain && ScoreMsg.Explain != "" ? "已填写" : "未填写"
}} }}
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon <u-icon name="arrow" style="margin-left: 10rpx"></u-icon>
></view> </view>
</view> </view>
</view> </view>
<u-modal <u-modal v-model="showBox8" :show-cancel-button="true" title="积分抵扣" contentSlot @confirm="showBox8 = false">
v-model="showBox8" <view class="modelBox8 flex-center">
:show-cancel-button="true" <input type="number" class="input8" v-model="ScoreMsg.IntegralNum" />积分抵扣一元
title="积分抵扣" </view>
contentSlot </u-modal>
@confirm="showBox8 = false" <u-modal v-model="showBox9" :show-cancel-button="true" title="积分使用规则" contentSlot
> @confirm="showBox9 = false">
<view class="modelBox8 flex-center"> <view class="modelBox8 flex-center">
<input <textarea v-model="ScoreMsg.Explain" class="modelBoxItem" />
type="number" </view>
class="input8" </u-modal>
v-model="msg.integral" </view>
/>积分抵扣一元 <tabbar></tabbar>
</view> </view>
</u-modal>
<u-modal
v-model="showBox9"
:show-cancel-button="true"
title="积分使用规则"
contentSlot
@confirm="showBox9 = false"
>
<view class="modelBox8 flex-center">
<textarea v-model="msg.IntegralRule" class="modelBoxItem" />
</view>
</u-modal>
</view>
<tabbar></tabbar>
</view>
</template> </template>
<script> <script>
import tabbar from "./components/tabbar.vue"; import tabbar from "./components/tabbar.vue";
export default { export default {
components: { components: {
tabbar, tabbar,
}, },
data() { data() {
return { return {
loading:false, loading: false,
showBox1: false, showBox1: false,
username: "", username: "",
showBox2: false, showBox2: false,
showBox3: false, showBox3: false,
showBox4: false, showBox4: false,
showBox5: false, showBox5: false,
showBox6: false, showBox6: false,
showBox7: false, showBox7: false,
showBox8: false, showBox8: false,
showBox9: false, showBox9: false,
showBox10: false, showBox10: false,
msg: { msg: {
ID: "", ID: "",
MallName: "饭粒汪", //商城名称 MallName: "饭粒汪", //商城名称
Indate: "", //有效期 Indate: "", //有效期
ContactNumber: "", //联系号码 ContactNumber: "", //联系号码
OuterServiceLink: "", //外链客服链接 OuterServiceLink: "", //外链客服链接
Address: "", //详细地址 Address: "", //详细地址
LongAndLat: "", //经纬度 LongAndLat: "", //经纬度
MinAppId: "", //小程序appId MinAppId: "", //小程序appId
MinUrl: "", //小程序路径 MinUrl: "", //小程序路径
CancelTime: 0, //未支付订单超时时间 CancelTime: 0, //未支付订单超时时间
AutoReceiving: 0, //自动确认收货时间 AutoReceiving: 0, //自动确认收货时间
AfterTime: 0, //售后时间 AfterTime: 0, //售后时间
PayWay: "", //支付方式 PayWay: "", //支付方式
DeliverWay: "", //发货方式 DeliverWay: "", //发货方式
BalanceFun: 0, //余额功能 BalanceFun: 0, //余额功能
DepositFun: 0, //储值卡 DepositFun: 0, //储值卡
ConsultWay: "", //商品面议联系方式 ConsultWay: "", //商品面议联系方式
MinSwitch: 1, //添加到我的小程序开关 MinSwitch: 1, //添加到我的小程序开关
MinBackColor: "#000000", //背影颜色 MinBackColor: "#000000", //背影颜色
MinBackClarity: 100, //背影透明度 MinBackClarity: 100, //背影透明度
MinBackCircularBead: 36, //背景框圆角 MinBackCircularBead: 36, //背景框圆角
MinTips: "添加到我的小程序，购买更便捷", //提示文本内容 MinTips: "添加到我的小程序，购买更便捷", //提示文本内容
MinTipsColor: "#FFFFFF", //文本颜色 MinTipsColor: "#FFFFFF", //文本颜色
MinIcoColor: 1, //图标颜色 MinIcoColor: 1, //图标颜色
MinShareTitle: "", //转发标题 MinShareTitle: "", //转发标题
MinShareIco: "", //选择图标 MinShareIco: "", //选择图标
BuySwitch: 0, //首页购买记录框开关 BuySwitch: 0, //首页购买记录框开关
CarouselOrder: 0, //轮播订单数 CarouselOrder: 0, //轮播订单数
ListShopCar: 0, ListShopCar: 0, //购物车
ListBuyCount: 1, ListBuyCount: 1, //已售量
ListName: 1, ListName: 1, //商品名称
DetailsComment: 1, DetailsComment: 1, //商城评论
DetailsLineationPrice: 1, DetailsLineationPrice: 1, //划线价
DetailsMemberPrice: 1, DetailsMemberPrice: 1, //普通用户会员价
DetailsVipMemberPrice: 1, DetailsVipMemberPrice: 1, //会员用户会员价
DeatilsExpress: 1, DeatilsExpress: 1, //快递
DetailsBuyNum: 1, DetailsBuyNum: 1, //已售量
DetailsSharePrice: 1, DetailsSharePrice: 1, //分销价
DetailsVideo: 1, DetailsVideo: 1, //商品视频特色样式开关
OtherNoShare: 1, OtherNoShare: 1, //非分销商分销中心显示
OtherIndexMoblie: 0, OtherIndexMoblie: 0, //首页授权手机号
OtherManualMobile: 1, OtherManualMobile: 1, //手动授权手机号
OtherTencent: 0, OtherTencent: 0, //关联公众号组件
OtherMemerLevel: 0, OtherMemerLevel: 0, //会员等级标识
OtherMustAddress: 0, OtherMustAddress: 0, //定位地址是否必填
OtherApplyShare: 0, OtherApplyShare: 0, //申请分销商提示弹窗
SuspendBtn: 0, SuspendBtn: 0, //启用悬浮按钮
BackTopBtn: 1, BackTopBtn: 1, //启用回到顶部悬浮按钮
CarSuspendBtn: 0, CarSuspendBtn: 0, //启用购物车悬浮按钮
SellOutIcoSwitch: 1, SellOutIcoSwitch: 1, //售罄图标显示开关
SellOutDefaultIco: 0, SellOutDefaultIco: 0, //是否使用默认图标
GoodsNormalPic: "", GoodsNormalPic: "", //商品图
GoodsZoomPic: "", GoodsZoomPic: "", //商品图4:3尺寸
SuspendStyle: 1, SuspendStyle: 1, //悬浮按钮样式
UnfoldIco: 0, UnfoldIco: 0, //展开图标
PackUpIco: "", PackUpIco: "", //收起图标
OnlineService: 0, OnlineService: 0, //在线客服开关
OnlineServiceIco: "", OnlineServiceIco: "", //建议尺寸:100 * 100
BackTopNavigation: 0, BackTopNavigation: 0, //返回首页导航开关
BackTopNavigationIco: "", BackTopNavigationIco: "", //返回首页导航图标
OneCall: 0, OneCall: 0, //一键拨号开关
OneCallIco: "", OneCallIco: "", //一键拨号开关图标
ServiceOutLink: 0, ServiceOutLink: 0, //客服外链开关
ServiceOutLinkIco: "", ServiceOutLinkIco: "", //客服外链开关图标
ShortcutNavigation: 0, ShortcutNavigation: 0, //快捷导航开关
ShortcutNavigationIco: "", ShortcutNavigationIco: "", //快捷导航开关图标
TurnMini: 0, TurnMini: 0, //跳转小程序开关
TurnMiniIco: "", TurnMiniIco: "", //跳转小程序开关图标
Custom: 0, Custom: 0, //自定义按钮
TurnLink: "", TurnLink: "", //跳转链接
TurnIco: 0, TurnIco: 0, //跳转链接图标
LookWeChatTimes: 0, //每月可查看微信次数 LookWeChatTimes: 0, //每月可查看微信次数
IsOpenGuide: 1, //是否开启引导页 IsOpenGuide: 1, //是否开启引导页
}, },
businessTimeList: [ ScoreMsg: {
{ ID: 0,
name: "全天24小时", IntegralNum: 0,
key: 1, Explain: '',
}, },
{ businessTimeList: [{
name: "自定义营业时间", name: "全天24小时",
key: 2, key: 1,
}, },
], {
businessKey: 1, name: "自定义营业时间",
weekArr: [ key: 2,
{ },
name: "周一", ],
key: 1, businessKey: 1,
choose: false, weekArr: [{
}, name: "周一",
{ key: 1,
name: "周二", choose: false,
key: 2, },
choose: false, {
}, name: "周二",
{ key: 2,
name: "周三", choose: false,
key: 3, },
choose: false, {
}, name: "周三",
{ key: 3,
name: "周四", choose: false,
key: 4, },
choose: false, {
}, name: "周四",
{ key: 4,
name: "周五", choose: false,
key: 5, },
choose: false, {
}, name: "周五",
{ key: 5,
name: "周六", choose: false,
key: 6, },
choose: false, {
}, name: "周六",
{ key: 6,
name: "周日", choose: false,
key: 7, },
choose: false, {
}, name: "周日",
], key: 7,
weekStr: "", choose: false,
timeArr: [], },
payTypeArr: [ ],
{ weekStr: "",
Id: 1, timeArr: [],
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png", payTypeArr: [{
name: "线上支付", Id: 1,
choose: true, img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png",
}, name: "线上支付",
{ choose: true,
Id: 2, },
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png", {
name: "货到付款", Id: 2,
choose: false, img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png",
}, name: "货到付款",
{ choose: false,
Id: 3, },
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png", {
name: "余额支付", Id: 3,
choose: false, img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png",
}, name: "余额支付",
], choose: false,
payTypeStr: "线上支付", },
deliveryTypeArr: [ ],
//发货方式 payTypeStr: "线上支付",
{ deliveryTypeArr: [
Id: 1, //发货方式
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png", {
name: "快递配送", Id: 1,
choose: true, img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png",
}, name: "快递配送",
{ choose: true,
Id: 2, },
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png", {
name: "到店自提", Id: 2,
choose: false, img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png",
}, name: "到店自提",
{ choose: false,
Id: 3, },
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png", {
name: "同城配送", Id: 3,
choose: false, img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png",
}, name: "同城配送",
], choose: false,
deliveryTypeStr: "快递配送", },
addrStr: "退货地址", ],
// 商品面议联系方式 deliveryTypeStr: "快递配送",
contactTypeArr: [ addrStr: "退货地址",
{ // 商品面议联系方式
Id: 1, contactTypeArr: [{
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png", Id: 1,
name: "在线客服", img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png",
choose: true, name: "在线客服",
}, choose: true,
{ },
Id: 2, {
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png", Id: 2,
name: "联系电话", img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png",
choose: false, name: "联系电话",
}, choose: false,
{ },
Id: 3, {
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png", Id: 3,
name: "外链客服", img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png",
choose: false, name: "外链客服",
}, choose: false,
], },
concatTypeStr: "在线客服", ],
}; concatTypeStr: "在线客服",
}, };
methods: { },
radioGroupChange(e) { methods: {
this.businessKey = e; radioGroupChange(e) {
}, this.businessKey = e;
//选择日期 },
chooseWeek(e) { //选择日期
e.choose = !e.choose; chooseWeek(e) {
this.weekStr = this.weekArr e.choose = !e.choose;
.filter((item) => { this.weekStr = this.weekArr
return item.choose; .filter((item) => {
}) return item.choose;
.map((item) => item.name) })
.join("、"); .map((item) => item.name)
}, .join("、");
jumpPage(url) { },
uni.navigateTo({ jumpPage(url) {
url: url, uni.navigateTo({
}); url: url,
}, });
// 修改营业时间段 },
getTimeArr(arr) { // 修改营业时间段
this.timeArr = arr; getTimeArr(arr) {
this.$forceUpdate(); this.timeArr = arr;
}, this.$forceUpdate();
//切换支付方式 },
changePayType(e) { //切换支付方式
e.choose = !e.choose; changePayType(e) {
this.payTypeStr = this.payTypeArr e.choose = !e.choose;
.filter((item) => { this.payTypeStr = this.payTypeArr
return item.choose; .filter((item) => {
}) return item.choose;
.map((item) => item.name) })
.join("、"); .map((item) => item.name)
this.msg.PayWay = this.payTypeArr .join("、");
.filter((item) => { this.msg.PayWay = this.payTypeArr
return item.choose; .filter((item) => {
}) return item.choose;
.map((item) => item.Id) })
.join(","); .map((item) => item.Id)
if (this.payTypeStr == "") { .join(",");
this.payTypeArr[0].choose = true; if (this.payTypeStr == "") {
this.payTypeStr = "线上支付"; this.payTypeArr[0].choose = true;
} this.payTypeStr = "线上支付";
}, }
//商品面议联系方式 },
changeConcatType(e) { //商品面议联系方式
e.choose = !e.choose; changeConcatType(e) {
this.contactTypeStr = this.contactTypeArr e.choose = !e.choose;
.filter((item) => { this.contactTypeStr = this.contactTypeArr
return item.choose; .filter((item) => {
}) return item.choose;
.map((item) => item.name) })
.join("、"); .map((item) => item.name)
this.msg.ConsultWay = this.contactTypeArr .join("、");
.filter((item) => { this.msg.ConsultWay = this.contactTypeArr
return item.choose; .filter((item) => {
}) return item.choose;
.map((item) => item.Id) })
.join(","); .map((item) => item.Id)
}, .join(",");
//切换发货方式 },
changeDeliveryType(e) { //切换发货方式
e.choose = !e.choose; changeDeliveryType(e) {
this.deliveryTypeStr = this.deliveryTypeArr e.choose = !e.choose;
.filter((item) => { this.deliveryTypeStr = this.deliveryTypeArr
return item.choose; .filter((item) => {
}) return item.choose;
.map((item) => item.name) })
.join("、"); .map((item) => item.name)
if (this.deliveryTypeStr == "") { .join("、");
this.deliveryTypeArr[0].choose = true; if (this.deliveryTypeStr == "") {
this.deliveryTypeStr = "快递配送"; this.deliveryTypeArr[0].choose = true;
} this.deliveryTypeStr = "快递配送";
}, }
save() { },
this.loading=true save() {
this.requestAdmin( uni.showLoading({
"/api/MallBase/AddOrUpdateMallBase", title: '保存中'
this.msg, });
(res) => { this.requestAdmin(
this.loading=false "/api/MallBase/AddOrUpdateMallBase",
uni.showToast({ this.msg,
title: res.message, (res) => {
icon:'none' uni.hideLoading();
}); uni.showToast({
this.getSetup(); title: res.message,
} icon: 'none'
); });
}, this.getSetup();
map() { }
let that = this; );
uni.chooseLocation({ },
success: function (res) { saveScore() {
that.msg.Address = res.address; this.requestAdmin("/api/Integral//AddOrUpdateIntegralSettings", this.ScoreMsg, res => {
that.msg.LongAndLat = res.latitude + "," + res.longitude; if (res.resultCode == 1) {
}, this.getIntegralSettingsList();
}); } else {
},
//获取设置数据 }
getSetup() { })
this.requestAdmin("/api/MallBase/GetMallBaseInfo", {}, (res) => { },
this.msg = res.data; map() {
//支付方式 let that = this;
this.payTypeArr.forEach((e) => { uni.chooseLocation({
e.choose = this.msg.PayWay.split(",").includes(e.Id.toString()); success: function(res) {
}); that.msg.Address = res.address;
this.payTypeStr = this.payTypeArr that.msg.LongAndLat = res.latitude + "," + res.longitude;
.filter((item) => { },
return item.choose; });
}) },
.map((item) => item.name) //获取设置数据
.join("、"); getSetup() {
// 商品面议联系方式 this.requestAdmin("/api/MallBase/GetMallBaseInfo", {}, (res) => {
this.contactTypeArr.forEach((e) => { this.msg = res.data;
e.choose = this.msg.ConsultWay.split(",").includes(e.Id.toString()); //支付方式
}); this.payTypeArr.forEach((e) => {
this.concatTypeStr = this.contactTypeArr e.choose = this.msg.PayWay.split(",").includes(e.Id.toString());
.filter((item) => { });
return item.choose; this.payTypeStr = this.payTypeArr
}) .filter((item) => {
.map((item) => item.name) return item.choose;
.join("、"); })
//发货方式 .map((item) => item.name)
this.deliveryTypeArr.forEach((e) => { .join("、");
e.choose = this.msg.DeliverWay.split(",").includes(e.Id.toString()); // 商品面议联系方式
}); this.contactTypeArr.forEach((e) => {
this.deliveryTypeStr = this.deliveryTypeArr e.choose = this.msg.ConsultWay.split(",").includes(e.Id.toString());
.filter((item) => { });
return item.choose; this.concatTypeStr = this.contactTypeArr
}) .filter((item) => {
.map((item) => item.name) return item.choose;
.join("、"); })
}); .map((item) => item.name)
}, .join("、");
BalanceFun(e){ //发货方式
this.msg.BalanceFun=Number(e) this.deliveryTypeArr.forEach((e) => {
}, e.choose = this.msg.DeliverWay.split(",").includes(e.Id.toString());
DepositFun(e){ });
this.msg.DepositFun=Number(e) this.deliveryTypeStr = this.deliveryTypeArr
}, .filter((item) => {
}, return item.choose;
onLoad() { })
uni.setNavigationBarTitle({ .map((item) => item.name)
title: "商城设置", .join("、");
}); });
this.getSetup(); },
}, getIntegralSettingsList() {
}; this.requestAdmin("/api/Integral//GetIntegralSettingsList", {}, res => {
console.log(res);
if (res.resultCode == 1) {
this.ScoreMsg.ID = res.data.ID
this.ScoreMsg.IntegralNum = res.data.IntegralNum
this.ScoreMsg.Explain = res.data.Explain
} else {
uni.showToast({
title: res.message,
icon: 'none'
});
}
})
},
BalanceFun(e) {
this.msg.BalanceFun = Number(e)
},
DepositFun(e) {
this.msg.DepositFun = Number(e)
},
},
onLoad() {
uni.setNavigationBarTitle({
title: "商城设置",
});
this.getSetup();
this.getIntegralSettingsList();
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.flex-center { .flex-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.flex-between {
display: flex; .flex-between {
justify-content: space-between; display: flex;
align-items: center; justify-content: space-between;
} align-items: center;
.setPage { }
min-height: 100vh;
background-color: #f7f7f7; .setPage {
box-sizing: border-box; min-height: 100vh;
padding-bottom: 100rpx; background-color: #f7f7f7;
} box-sizing: border-box;
.topBox { padding-bottom: 100rpx;
position: relative; }
margin-bottom: 20rpx;
.bg { .topBox {
width: 100%; position: relative;
} margin-bottom: 20rpx;
.headImgBox {
position: absolute; .bg {
top: 30rpx; width: 100%;
left: 50%; }
transform: translateX(-50%);
z-index: 2; .headImgBox {
width: 140rpx; position: absolute;
height: 140rpx; top: 30rpx;
border-radius: 50%; left: 50%;
border: 4rpx solid #fff; transform: translateX(-50%);
overflow: hidden; z-index: 2;
background-color: #f00; width: 140rpx;
} height: 140rpx;
.nameBox { border-radius: 50%;
width: 700rpx; border: 4rpx solid #fff;
height: 200rpx; overflow: hidden;
border-radius: 10rpx; background-color: #f00;
position: absolute; }
top: 110rpx;
left: 50%; .nameBox {
transform: translateX(-50%); width: 700rpx;
z-index: 1; height: 200rpx;
background-color: #fff; border-radius: 10rpx;
font-size: 28rpx; position: absolute;
display: flex; top: 110rpx;
justify-content: center; left: 50%;
align-items: center; transform: translateX(-50%);
} z-index: 1;
} background-color: #fff;
.boxGroup { font-size: 28rpx;
width: 700rpx; display: flex;
padding: 0 30rpx; justify-content: center;
margin: 20rpx auto; align-items: center;
background-color: #fff; }
border-radius: 10rpx; }
.boxItem {
height: 100rpx; .boxGroup {
display: flex; width: 700rpx;
align-items: center; padding: 0 30rpx;
position: relative; margin: 20rpx auto;
.leftBox { background-color: #fff;
width: 50rpx; border-radius: 10rpx;
margin-right: 20rpx;
} .boxItem {
.rightBox { height: 100rpx;
width: 560rpx; display: flex;
height: 100rpx; align-items: center;
border-bottom: 2rpx solid #ccced5; position: relative;
display: flex;
justify-content: space-between; .leftBox {
align-items: center; width: 50rpx;
.name { margin-right: 20rpx;
font-size: 28rpx; }
color: #606266;
} .rightBox {
} width: 560rpx;
.radioGroup { height: 100rpx;
position: absolute; border-bottom: 2rpx solid #ccced5;
left: 0; display: flex;
top: 50%; justify-content: space-between;
transform: translateY(-50%); align-items: center;
}
} .name {
} font-size: 28rpx;
/deep/.u-radio { color: #606266;
margin-right: 60rpx; }
} }
/deep/.u-radio__icon-wrap {
margin-right: 20rpx; .radioGroup {
} position: absolute;
/deep/.u-model { left: 0;
border-radius: 10rpx; top: 50%;
} transform: translateY(-50%);
.weeek { }
max-width: 260rpx; }
white-space: nowrap; }
overflow-x: auto;
overflow-y: hidden; /deep/.u-radio {
font-size: 28rpx; margin-right: 60rpx;
color: #606266; }
}
.nameInput { /deep/.u-radio__icon-wrap {
width: 560rpx; margin-right: 20rpx;
height: 70rpx; }
border-radius: 10rpx;
margin: 20rpx auto; /deep/.u-model {
box-sizing: border-box; border-radius: 10rpx;
padding: 0 20rpx; }
background-color: #f7f7f7;
} .weeek {
.modelBox2 { max-width: 260rpx;
width: 560rpx; white-space: nowrap;
border-radius: 10rpx; overflow-x: auto;
margin: 20rpx auto; overflow-y: hidden;
box-sizing: border-box; font-size: 28rpx;
padding: 0 20rpx; color: #606266;
background-color: #fff; }
display: flex;
flex-wrap: wrap; .nameInput {
.modelBox2Item { width: 560rpx;
width: 160rpx; height: 70rpx;
height: 60rpx; border-radius: 10rpx;
border-radius: 30rpx; margin: 20rpx auto;
border: 2rpx solid #dfdfdf; box-sizing: border-box;
font-size: 30rpx; padding: 0 20rpx;
color: #a4a4a4; background-color: #f7f7f7;
display: flex; }
justify-content: center;
align-items: center; .modelBox2 {
margin: 10rpx 20rpx 10rpx 0; width: 560rpx;
} border-radius: 10rpx;
& .modelBox2Item:nth-child(3n) { margin: 20rpx auto;
margin-right: 0; box-sizing: border-box;
} padding: 0 20rpx;
.modelBox2ItemActive { background-color: #fff;
border-color: #111 !important; display: flex;
color: #111; flex-wrap: wrap;
}
} .modelBox2Item {
.modelBox3 { width: 160rpx;
margin: 40rpx auto; height: 60rpx;
font-size: 26rpx; border-radius: 30rpx;
.input3 { border: 2rpx solid #dfdfdf;
width: 280rpx; font-size: 30rpx;
height: 80rpx; color: #a4a4a4;
border-radius: 10rpx; display: flex;
background-color: #f7f7f7; justify-content: center;
padding: 0 30rpx; align-items: center;
font-size: 26rpx; margin: 10rpx 20rpx 10rpx 0;
} }
}
.modelBox6 { & .modelBox2Item:nth-child(3n) {
margin: 30rpx auto; margin-right: 0;
font-size: 26rpx; }
flex-wrap: wrap;
.modelBox6Item { .modelBox2ItemActive {
width: 550rpx; border-color: #111 !important;
height: 100rpx; color: #111;
border-radius: 50rpx; }
margin: 10rpx 0; }
border: 2rpx solid #ccced5;
padding: 0 50rpx; .modelBox3 {
.modelBox6ItemName { margin: 40rpx auto;
font-size: 30rpx; font-size: 26rpx;
}
} .input3 {
.modelBox6ItemActive { width: 280rpx;
border-color: #446dfc; height: 80rpx;
} border-radius: 10rpx;
} background-color: #f7f7f7;
.modelBox8 { padding: 0 30rpx;
margin: 40rpx auto; font-size: 26rpx;
font-size: 26rpx; }
.input8 { }
width: 200rpx;
height: 80rpx; .modelBox6 {
border-radius: 10rpx; margin: 30rpx auto;
background-color: #f7f7f7; font-size: 26rpx;
padding: 0 30rpx; flex-wrap: wrap;
font-size: 26rpx;
} .modelBox6Item {
.modelBoxItem { width: 550rpx;
width: 550rpx; height: 100rpx;
border: 2rpx solid #999; border-radius: 50rpx;
border-radius: 10rpx; margin: 10rpx 0;
box-sizing: border-box; border: 2rpx solid #ccced5;
padding: 20rpx; padding: 0 50rpx;
}
} .modelBox6ItemName {
.colTitle { font-size: 30rpx;
line-height: 100rpx; }
} }
::-webkit-scrollbar {
/*隐藏滚轮*/ .modelBox6ItemActive {
display: none; border-color: #446dfc;
} }
.saveBtn{ }
margin: 0;
position: fixed; .modelBox8 {
top: 20rpx; margin: 40rpx auto;
right: 20rpx; font-size: 26rpx;
z-index: 5;
} .input8 {
</style> width: 200rpx;
\ No newline at end of file height: 80rpx;
border-radius: 10rpx;
background-color: #f7f7f7;
padding: 0 30rpx;
font-size: 26rpx;
}
.modelBoxItem {
width: 550rpx;
border: 2rpx solid #999;
border-radius: 10rpx;
box-sizing: border-box;
padding: 20rpx;
}
}
.colTitle {
line-height: 100rpx;
}
::-webkit-scrollbar {
/*隐藏滚轮*/
display: none;
}
.saveBtn {
margin: 0;
position: fixed;
top: 20rpx;
right: 20rpx;
z-index: 5;
}
</style>
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