You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1498 lines
39 KiB
1498 lines
39 KiB
<template>
|
|
|
|
<view class="container">
|
|
|
|
<form @submit="subform">
|
|
<view class="form-box">
|
|
<view class="form-item">
|
|
<view class="f1">商品名称<text style="color:red"> *</text></view>
|
|
<view class="f2"><input type="text" name="name" :value="info.name" placeholder="请填写商品名称"
|
|
placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
<view class="form-item">
|
|
<view class="f1">商品分类<text style="color:red"> *</text></view>
|
|
<view class="f2" @tap="changeClistDialog"><text v-if="cids.length>0">{{cnames}}</text><text v-else
|
|
style="color:#888">请选择</text>
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<view class="f1">商品卖点</view>
|
|
<view class="f2"><input type="text" name="sellpoint" :value="info.sellpoint" placeholder="请填写商品卖点"
|
|
placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
</view>
|
|
<view class="form-box">
|
|
|
|
<view class="form-item flex-col">
|
|
<view class="f1">商品图片</view>
|
|
<view class="f2" style="flex-wrap:wrap">
|
|
<view v-for="(item, index) in pics" :key="index" class="layui-imgbox">
|
|
<view class="layui-imgbox-close" @tap="removeimg" :data-index="index" data-field="pics">
|
|
<image style="display:block" src="/static/img/ico-del.png"></image>
|
|
</view>
|
|
<view class="layui-imgbox-img">
|
|
<image :src="item" @tap="previewImage" :data-url="item" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
<view class="uploadbtn"
|
|
:style="'background:url('+pre_url+'/static/img/shaitu_icon.png) no-repeat 60rpx;background-size:80rpx 80rpx;background-color:#F3F3F3;'"
|
|
@tap="uploadimg" data-field="pics" data-pernum="9" v-if="pics.length<5"></view>
|
|
</view>
|
|
<input type="text" hidden="true" name="pics" :value="pics.join(',')" maxlength="-1"></input>
|
|
</view>
|
|
</view>
|
|
<view class="form-box">
|
|
<view class="form-item flex-col">
|
|
<view class="f1">设置规格</view>
|
|
<view class="flex-col">
|
|
<view class="ggtitle">
|
|
<view class="t1">规格分组</view>
|
|
<view class="t2">规格名称</view>
|
|
</view>
|
|
<view class="ggcontent" v-for="(gg,index) in guigedata" :key="index">
|
|
<view class="t1" @tap="delgggroupname" :data-index="index" :data-title="gg.title">
|
|
{{gg.title}}
|
|
<image class="edit" src="/static/img/edit2.png" />
|
|
</view>
|
|
<view class="t2">
|
|
<view class="ggname" v-for="(ggitem,index2) in gg.items" :key="index2" @tap="delggname"
|
|
:data-index="index" :data-index2="index2" :data-title="ggitem.title"
|
|
:data-k="ggitem.k">{{ggitem.title}}
|
|
<image class="close" src="/static/img/ico-del.png" />
|
|
</view>
|
|
<view class="ggnameadd" @tap="addggname" :data-index="index">+</view>
|
|
</view>
|
|
</view>
|
|
<view class="ggcontent">
|
|
<view class="ggadd" @tap="addgggroupname">添加分组</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 规格列表 -->
|
|
<view class="form-box" v-for="(item,index) in gglist" :key="index">
|
|
<view class="form-item" style="height:80rpx;line-height:80rpx">
|
|
<view class="f1">规格</view>
|
|
<view class="f2" style="font-weight:bold">{{item.name}}</view>
|
|
</view>
|
|
<view class="form-item" style="height:80rpx;line-height:80rpx">
|
|
<view class="f1">市场价（元）</view>
|
|
<view class="f2"><input type="text" @input="gglistInput" :data-index="index"
|
|
data-field="market_price" :name="'market_price['+index+']'" :value="item.market_price"
|
|
placeholder="请填写市场价" placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
<view class="form-item" style="height:80rpx;line-height:80rpx">
|
|
<view class="f1">成本价（元）</view>
|
|
<view class="f2"><input type="text" @input="gglistInput" :data-index="index" data-field="cost_price"
|
|
:name="'cost_price['+index+']'" :value="item.cost_price" placeholder="请填写成本价"
|
|
placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
<view class="form-item" style="height:80rpx;line-height:80rpx">
|
|
<view class="f1">销售价（元）</view>
|
|
<view class="f2"><input type="text" @input="gglistInput" :data-index="index" data-field="sell_price"
|
|
:name="'sell_price['+index+']'" :value="item.sell_price" placeholder="请填写销售价"
|
|
placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
<view class="form-item" style="height:80rpx;line-height:80rpx">
|
|
<view class="f1">重量（克）</view>
|
|
<view class="f2"><input type="text" @input="gglistInput" :data-index="index" data-field="weight"
|
|
:name="'weight['+index+']'" :value="item.weight" placeholder="请填写重量"
|
|
placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
<view class="form-item" style="height:80rpx;line-height:80rpx">
|
|
<view class="f1">库存</view>
|
|
<view class="f2"><input type="text" @input="gglistInput" :data-index="index" data-field="stock"
|
|
:name="'stock['+index+']'" :value="item.stock" placeholder="请填写库存"
|
|
placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<view class="f1">规格图片</view>
|
|
<view class="f2" style="flex-wrap:wrap;margin-top:20rpx;margin-bottom:20rpx">
|
|
<view class="layui-imgbox" v-if="item.pic!=''">
|
|
<view class="layui-imgbox-close" @tap="removeimg2" :data-index="index">
|
|
<image style="display:block" src="/static/img/ico-del.png"></image>
|
|
</view>
|
|
<view class="layui-imgbox-img">
|
|
<image :src="item.pic" @tap="previewImage" :data-url="item.pic" mode="widthFix">
|
|
</image>
|
|
</view>
|
|
</view>
|
|
<view class="uploadbtn" v-else
|
|
:style="'background:url('+pre_url+'/static/img/shaitu_icon.png) no-repeat 60rpx;background-size:80rpx 80rpx;background-color:#F3F3F3;'"
|
|
@tap="uploadimg2" :data-index="index"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="form-box">
|
|
<view class="form-item">
|
|
<view class="f1">销量</view>
|
|
<view class="f2"><input type="text" name="sales" :value="info.sales" placeholder="请填写销量"
|
|
placeholder-style="color:#888"></input></view>
|
|
<input type="text" hidden="true" name="oldsales" :value="info.id?info.sales:'0'">
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<view class="f1">序号</view>
|
|
<view class="f2"><input type="text" name="sort" :value="info.sort" placeholder="用于排序,越大越靠前"
|
|
placeholder-style="color:#888"></input></view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="form-box">
|
|
<view class="form-item">
|
|
<text>状态<text style="color:red"> *</text></text>
|
|
<view>
|
|
<radio-group class="radio-group" name="status" @change="bindStatusChange">
|
|
<label>
|
|
<radio value="1" :checked="info.status==1?true:false"></radio> 上架
|
|
</label>
|
|
<label>
|
|
<radio value="0" :checked="!info || info.status==0?true:false"></radio> 下架
|
|
</label>
|
|
|
|
</radio-group>
|
|
</view>
|
|
</view>
|
|
<view class="form-item flex-col" v-if="info.status==2">
|
|
<view class="f1">上架时间</view>
|
|
<view class="f2" style="line-height:30px">
|
|
<picker mode="date" :value="start_time1" @change="bindStartTime1Change">
|
|
<view class="picker">{{start_time1}}</view>
|
|
</picker>
|
|
<picker mode="time" :value="start_time2" @change="bindStartTime2Change">
|
|
<view class="picker" style="padding-left:10rpx">{{start_time2}}</view>
|
|
</picker>
|
|
<view style="padding:0 10rpx;color:#222;font-weight:bold">到</view>
|
|
<picker mode="date" :value="end_time1" @change="bindEndTime1Change">
|
|
<view class="picker">{{end_time1}}</view>
|
|
</picker>
|
|
<picker mode="time" :value="end_time2" @change="bindEndTime2Change">
|
|
<view class="picker" style="padding-left:10rpx">{{end_time2}}</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="form-box" v-if="paramList.length > 0">
|
|
<view class="form-item" style="border-bottom:0">
|
|
<text>商品参数</text>
|
|
</view>
|
|
<block v-for="(param, idx) in paramList">
|
|
<view class="form-item">
|
|
<view class="f1">{{param.name}}<text style="color:red" v-if="param.is_required==1"> *</text>
|
|
</view>
|
|
<block v-if="param.type=='0'">
|
|
<view class="f2"><input type="text" :name="'form'+idx" :placeholder="param.tips"
|
|
placeholder-style="color:#888" :value="paramdata['form'+idx]" @input="setfield"
|
|
:data-formidx="'form'+idx" /></view>
|
|
</block>
|
|
<block v-if="param.type=='1'">
|
|
<view class="f2" style="line-height:30px">
|
|
<picker class="picker" mode="selector" :name="'form'+idx" :value="editorFormdata[idx]"
|
|
:range="param.params" @change="editorBindPickerChange" :data-idx="idx"
|
|
:data-formidx="'form'+idx">
|
|
<view v-if="editorFormdata[idx] || editorFormdata[idx]===0">
|
|
{{param.params[editorFormdata[idx]]}}
|
|
</view>
|
|
<view v-else>{{param.tips || '请选择'}}</view>
|
|
</picker>
|
|
</view>
|
|
</block>
|
|
<block v-if="param.type=='2'">
|
|
<view class="f2" style="line-height:30px">
|
|
<checkbox-group :name="'form'+idx" class="flex" style="flex-wrap:wrap"
|
|
@change="setfield" :data-formidx="'form'+idx">
|
|
<label v-for="(item1,idx1) in param.params" :key="item1.id" class="flex-y-center">
|
|
<checkbox class="checkbox" :value="item1"
|
|
:checked="paramdata['form'+idx] && inArray(item1,paramdata['form'+idx]) ? true : false" />
|
|
{{item1}}
|
|
</label>
|
|
</checkbox-group>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<view class="form-box">
|
|
<view class="form-item flex-col">
|
|
<text>商品详情</text>
|
|
|
|
|
|
|
|
</view>
|
|
<view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<button class="savebtn" form-type="submit">提交</button>
|
|
<view style="height:50rpx"></view>
|
|
</form>
|
|
|
|
|
|
<view class="popup__container" v-if="clistshow">
|
|
<view class="popup__overlay" @tap.stop="changeClistDialog"></view>
|
|
<view class="popup__modal">
|
|
<view class="popup__title">
|
|
<text class="popup__title-text">请选择商品分类</text>
|
|
<image src="/static/img/close.png" class="popup__close" style="width:36rpx;height:36rpx"
|
|
@tap.stop="changeClistDialog" />
|
|
</view>
|
|
<view class="popup__content">
|
|
<block v-for="(item, index) in clist" :key="item.category_id">
|
|
<view class="clist-item" @tap="cidsChange" :data-id="item.category_id" :data-name="item.name">
|
|
<view class="flex1">{{item.name}}</view>
|
|
<view class="radio"
|
|
:style="inArray(item.category_id,cids) ? 'background:#ffa617;border:0' : ''">
|
|
<image class="radio-img" src="/static/img/checkd.png" />
|
|
</view>
|
|
|
|
|
|
</view>
|
|
<block v-for="(item2, index2) in item.children" :key="item2.category_id"
|
|
v-if="item.children">
|
|
<view class="clist-item" style="padding-left:80rpx" @tap="cidsChange"
|
|
:data-id="item2.category_id" :data-name="item2.name">
|
|
<view class="flex1" v-if="item.children.length-1==index2">└ {{item2.name}}</view>
|
|
<view class="flex1" v-else>├ {{item2.name}}</view>
|
|
<view class="radio"
|
|
:style="inArray(item2.category_id,cids) ? 'background:#ffa617;border:0' : ''">
|
|
<image class="radio-img" src="/static/img/checkd.png" />
|
|
</view>
|
|
</view>
|
|
|
|
</block>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="popup__container" v-if="clist2show">
|
|
<view class="popup__overlay" @tap.stop="changeClist2Dialog"></view>
|
|
<view class="popup__modal">
|
|
<view class="popup__title">
|
|
<text class="popup__title-text">请选择商家商品分类</text>
|
|
<image src="/static/img/close.png" class="popup__close" style="width:36rpx;height:36rpx"
|
|
@tap.stop="changeClist2Dialog" />
|
|
</view>
|
|
<view class="popup__content">
|
|
<block v-for="(item, index) in clist2">
|
|
<view class="clist-item" @tap="cids2Change" :data-id="item.id">
|
|
<view class="flex1">{{item.name}}</view>
|
|
<view class="radio" :style="inArray(item.id,cids2) ? 'background::#ffa617;border:0' : ''">
|
|
<image class="radio-img" src="/static/img/checkd.png" />
|
|
</view>
|
|
</view>
|
|
<block v-for="(item2, index2) in item.child" :key="item2.id">
|
|
<view class="clist-item" style="padding-left:80rpx" @tap="cids2Change" :data-id="item2.id">
|
|
<view class="flex1" v-if="item.child.length-1==index2">└ {{item2.name}}</view>
|
|
<view class="flex1" v-else>├ {{item2.name}}</view>
|
|
<view class="radio"
|
|
:style="inArray(item2.id,cids2) ? 'background::#ffa617;border:0' : ''">
|
|
<image class="radio-img" src="/static/img/checkd.png" />
|
|
</view>
|
|
</view>
|
|
<block v-for="(item3, index3) in item2.child" :key="item3.id">
|
|
<view class="clist-item" style="padding-left:160rpx" @tap="cids2Change"
|
|
:data-id="item3.id">
|
|
<view class="flex1" v-if="item2.child.length-1==index3">└ {{item3.name}}</view>
|
|
<view class="flex1" v-else>├ {{item3.name}}</view>
|
|
<view class="radio"
|
|
:style="inArray(item3.id,cids2) ? 'background::#ffa617;border:0' : ''">
|
|
<image class="radio-img" src="/static/img/checkd.png" />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</block>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="popup__container" v-if="glistshow">
|
|
<view class="popup__overlay" @tap.stop="changeGlistDialog"></view>
|
|
<view class="popup__modal">
|
|
<view class="popup__title">
|
|
<text class="popup__title-text">请选择商品分组</text>
|
|
<image src="/static/img/close.png" class="popup__close" style="width:36rpx;height:36rpx"
|
|
@tap.stop="changeGlistDialog" />
|
|
</view>
|
|
<view class="popup__content">
|
|
<block v-for="(item, index) in glist" :key="item.id">
|
|
<view class="clist-item" @tap="gidsChange" :data-id="item.id">
|
|
<view class="flex1">{{item.name}}</view>
|
|
<view class="radio" :style="inArray(item.id,gids) ? 'background::#ffa617;border:0' : ''">
|
|
<image class="radio-img" src="/static/img/checkd.png" />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<uni-popup id="dialogInput" ref="dialogInput" type="dialog">
|
|
<uni-popup-dialog mode="input" title="输入规格名称" :value="ggname" placeholder="请输入规格名称"
|
|
@confirm="setggname"></uni-popup-dialog>
|
|
</uni-popup>
|
|
<uni-popup id="dialogInput2" ref="dialogInput2" type="dialog">
|
|
<uni-popup-dialog mode="input" title="输入规格分组" :value="ggname" placeholder="请输入规格分组"
|
|
@confirm="setgggroupname"></uni-popup-dialog>
|
|
</uni-popup>
|
|
</block>
|
|
<view style="display:none">{{test}}</view>
|
|
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import {
|
|
inArray,
|
|
arrayIntersect,
|
|
debounce
|
|
} from '@/utils/util'
|
|
import {
|
|
getSceneData
|
|
} from '@/core/app'
|
|
import * as SettingApi from '@/api/setting'
|
|
import * as GoodsApi from '@/api/goods'
|
|
import * as CartApi from '@/api/cart'
|
|
import * as CategoryApi from '@/api/category'
|
|
import Recommended from '@/components/recommended'
|
|
import ShareSheet from '@/components/share-sheet'
|
|
import SlideImage from './components/SlideImage'
|
|
import SkuPopup from './components/SkuPopup'
|
|
import Comment from './components/Comment'
|
|
import Service from './components/Service'
|
|
|
|
export default {
|
|
components: {
|
|
Recommended,
|
|
ShareSheet,
|
|
SlideImage,
|
|
SkuPopup,
|
|
Comment,
|
|
Service
|
|
},
|
|
data() {
|
|
return {
|
|
inArray,
|
|
// 正在加载
|
|
isLoading: true,
|
|
isload: false,
|
|
loading: false,
|
|
pre_url: '',
|
|
info: {},
|
|
pagecontent: [],
|
|
aglevellist: [],
|
|
levellist: [],
|
|
clist: [],
|
|
clist2: [],
|
|
cateArr: [],
|
|
cateArr2: [],
|
|
glist: [],
|
|
groupArr: [],
|
|
freighttypeArr: ['全部模板', '指定模板', '自动发货', '在线卡密'],
|
|
freightindex: 0,
|
|
freightList: [],
|
|
freightdata: [],
|
|
freightIds: [],
|
|
guigedata: [],
|
|
pic: [],
|
|
pics: [],
|
|
cids: [],
|
|
cids2: [],
|
|
gids: [],
|
|
cnames: '',
|
|
cnames2: '',
|
|
gnames: '',
|
|
clistshow: false,
|
|
clist2show: false,
|
|
glistshow: false,
|
|
ggname: '',
|
|
ggindex: 0,
|
|
ggindex2: 0,
|
|
oldgglist: [],
|
|
gglist: [],
|
|
catche_detailtxt: '',
|
|
start_time1: '-选择日期-',
|
|
start_time2: '-选择时间-',
|
|
end_time1: '-选择日期-',
|
|
end_time2: '-选择时间-',
|
|
start_hours: '-开始时间-',
|
|
end_hours: '-结束时间-',
|
|
gettjArr: ['-1'],
|
|
product_showset: 1,
|
|
commission_canset: 1,
|
|
bid: 0,
|
|
paramList: [],
|
|
paramdata: [],
|
|
editorFormdata: [],
|
|
test: '',
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad(options) {
|
|
this.getCategoryList()
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
getCategoryList(categoryId) {
|
|
CategoryApi.listShop().then(result => {
|
|
this.clist = result.data.list
|
|
})
|
|
},
|
|
editorBindPickerChange: function(e) {
|
|
var idx = e.currentTarget.dataset.idx;
|
|
var tplindex = e.currentTarget.dataset.tplindex;
|
|
var val = e.detail.value;
|
|
var editorFormdata = this.editorFormdata;
|
|
if (!editorFormdata) editorFormdata = [];
|
|
editorFormdata[idx] = val;
|
|
console.log(editorFormdata)
|
|
this.editorFormdata = editorFormdata;
|
|
this.test = Math.random();
|
|
|
|
var field = e.currentTarget.dataset.formidx;
|
|
this.paramdata[field] = val;
|
|
},
|
|
setfield: function(e) {
|
|
var field = e.currentTarget.dataset.formidx;
|
|
var value = e.detail.value;
|
|
this.paramdata[field] = value;
|
|
},
|
|
subform: function(e) {
|
|
var that = this;
|
|
var formdata = e.detail.value;
|
|
formdata.cid = that.cids.join(',');
|
|
if (that.bid > 0) {
|
|
formdata.cid2 = that.cids2.join(',');
|
|
}
|
|
formdata.gid = that.gids;
|
|
var guigedata = that.guigedata;
|
|
if (guigedata.length == 0) {
|
|
app.alert('至少需要添加一个规格');
|
|
return;
|
|
}
|
|
for (var i in guigedata) {
|
|
if (guigedata[i].items.length == 0) {
|
|
app.alert('规格分组[' + guigedata[i].title + ']至少需要添加一个规格');
|
|
return;
|
|
}
|
|
}
|
|
var freightindex = this.freightindex;
|
|
if (freightindex == 0) {
|
|
formdata.freighttype = 1;
|
|
} else if (freightindex == 1) {
|
|
formdata.freighttype = 0;
|
|
formdata.freightdata = this.freightIds.join(',');
|
|
} else if (freightindex == 2) {
|
|
formdata.freighttype = 3;
|
|
} else if (freightindex == 3) {
|
|
formdata.freighttype = 4;
|
|
}
|
|
if (formdata.status == 2) {
|
|
formdata.start_time = that.start_time1 + ' ' + that.start_time2;
|
|
formdata.end_time = that.end_time1 + ' ' + that.end_time2;
|
|
}
|
|
if (formdata.status == 3) {
|
|
formdata.start_hours = that.start_hours;
|
|
formdata.end_hours = that.end_hours;
|
|
}
|
|
var paramdata = this.paramdata;
|
|
var paramformdata = {};
|
|
console.log(paramdata)
|
|
var paramList = that.paramList;
|
|
for (var i = 0; i < paramList.length; i++) {
|
|
var paramval = paramdata['form' + i] === undefined ? '' : paramdata['form' + i];
|
|
if (paramList[i].is_required == 1 && (paramdata['form' + i] === '' || paramdata['form' + i] ===
|
|
null || paramdata['form' + i] === undefined || paramdata['form' + i].length == 0)) {
|
|
app.alert(paramList[i].name + ' 必填');
|
|
return;
|
|
}
|
|
if (paramList[i].type == '1') {
|
|
paramval = paramList[i].params[paramdata['form' + i]];
|
|
}
|
|
if (paramList[i].type == '2' && paramval === '') {
|
|
paramval = [];
|
|
}
|
|
paramformdata[paramList[i].name] = paramval;
|
|
}
|
|
|
|
var id = that.opt.id ? that.opt.id : '';
|
|
app.post('ApiAdminProduct/save', {
|
|
id: id,
|
|
info: formdata,
|
|
guigedata: guigedata,
|
|
gglist: that.gglist,
|
|
pagecontent: that.pagecontent,
|
|
paramdata: paramformdata
|
|
}, function(res) {
|
|
if (res.status == 0) {
|
|
app.error(res.msg);
|
|
} else {
|
|
app.success(res.msg);
|
|
setTimeout(function() {
|
|
app.goto('index', 'redirect');
|
|
}, 1000);
|
|
}
|
|
});
|
|
},
|
|
detailAddtxt: function() {
|
|
this.$refs.dialogDetailtxt.open();
|
|
},
|
|
dialogDetailtxtClose: function() {
|
|
this.$refs.dialogDetailtxt.close();
|
|
},
|
|
catcheDetailtxt: function(e) {
|
|
console.log(e)
|
|
this.catche_detailtxt = e.detail.value;
|
|
},
|
|
dialogDetailtxtConfirm: function(e) {
|
|
var detailtxt = this.catche_detailtxt;
|
|
console.log(detailtxt)
|
|
var Mid = 'M' + new Date().getTime() + parseInt(Math.random() * 1000000);
|
|
var pagecontent = this.pagecontent;
|
|
pagecontent.push({
|
|
"id": Mid,
|
|
"temp": "text",
|
|
"params": {
|
|
"content": detailtxt,
|
|
"showcontent": detailtxt,
|
|
"bgcolor": "#ffffff",
|
|
"fontsize": "14",
|
|
"lineheight": "20",
|
|
"letter_spacing": "0",
|
|
"bgpic": "",
|
|
"align": "left",
|
|
"color": "#000",
|
|
"margin_x": "0",
|
|
"margin_y": "0",
|
|
"padding_x": "5",
|
|
"padding_y": "5",
|
|
"quanxian": {
|
|
"all": true
|
|
},
|
|
"platform": {
|
|
"all": true
|
|
}
|
|
},
|
|
"data": "",
|
|
"other": "",
|
|
"content": ""
|
|
});
|
|
this.pagecontent = pagecontent;
|
|
this.$refs.dialogDetailtxt.close();
|
|
},
|
|
detailAddpic: function() {
|
|
var that = this;
|
|
app.chooseImage(function(urls) {
|
|
var Mid = 'M' + new Date().getTime() + parseInt(Math.random() * 1000000);
|
|
var pics = [];
|
|
for (var i in urls) {
|
|
var picid = 'p' + new Date().getTime() + parseInt(Math.random() * 1000000);
|
|
pics.push({
|
|
"id": picid,
|
|
"imgurl": urls[i],
|
|
"hrefurl": "",
|
|
"option": "0"
|
|
})
|
|
}
|
|
var pagecontent = that.pagecontent;
|
|
pagecontent.push({
|
|
"id": Mid,
|
|
"temp": "picture",
|
|
"params": {
|
|
"bgcolor": "#FFFFFF",
|
|
"margin_x": "0",
|
|
"margin_y": "0",
|
|
"padding_x": "0",
|
|
"padding_y": "0",
|
|
"quanxian": {
|
|
"all": true
|
|
},
|
|
"platform": {
|
|
"all": true
|
|
}
|
|
},
|
|
"data": pics,
|
|
"other": "",
|
|
"content": ""
|
|
});
|
|
that.pagecontent = pagecontent;
|
|
}, 9);
|
|
},
|
|
detailMoveup: function(e) {
|
|
var index = e.currentTarget.dataset.index;
|
|
var pagecontent = this.pagecontent;
|
|
if (index > 0)
|
|
pagecontent[index] = pagecontent.splice(index - 1, 1, pagecontent[index])[0];
|
|
},
|
|
detailMovedown: function(e) {
|
|
var index = e.currentTarget.dataset.index;
|
|
var pagecontent = this.pagecontent;
|
|
if (index < pagecontent.length - 1)
|
|
pagecontent[index] = pagecontent.splice(index + 1, 1, pagecontent[index])[0];
|
|
},
|
|
detailMovedel: function(e) {
|
|
var index = e.currentTarget.dataset.index;
|
|
var pagecontent = this.pagecontent;
|
|
pagecontent.splice(index, 1);
|
|
},
|
|
changeFrieght: function(e) {
|
|
var id = e.currentTarget.dataset.id;
|
|
var index = e.currentTarget.dataset.index;
|
|
var freightIds = this.freightIds;
|
|
var newfreightIds = [];
|
|
var ischecked = false;
|
|
for (var i in freightIds) {
|
|
if (freightIds[i] != id) {
|
|
newfreightIds.push(freightIds[i]);
|
|
} else {
|
|
ischecked = true;
|
|
}
|
|
}
|
|
if (!ischecked) newfreightIds.push(id);
|
|
this.freightIds = newfreightIds;
|
|
},
|
|
freighttypeChange: function(e) {
|
|
this.freightindex = e.detail.value;
|
|
},
|
|
bindStatusChange: function(e) {
|
|
this.info.status = e.detail.value;
|
|
},
|
|
bindStartTime1Change: function(e) {
|
|
this.start_time1 = e.target.value
|
|
},
|
|
bindStartTime2Change: function(e) {
|
|
this.start_time2 = e.target.value
|
|
},
|
|
bindEndTime1Change: function(e) {
|
|
this.end_time1 = e.target.value
|
|
},
|
|
bindEndTime2Change: function(e) {
|
|
this.end_time2 = e.target.value
|
|
},
|
|
bindStartHoursChange: function(e) {
|
|
this.start_hours = e.target.value
|
|
},
|
|
bindEndHoursChange: function(e) {
|
|
this.end_hours = e.target.value
|
|
},
|
|
gglistInput: function(e) {
|
|
var index = e.currentTarget.dataset.index;
|
|
var field = e.currentTarget.dataset.field;
|
|
var gglist = this.gglist;
|
|
gglist[index][field] = e.detail.value;
|
|
this.gglist = gglist;
|
|
console.log(gglist)
|
|
},
|
|
getgglist: function() {
|
|
var oldgglist = this.oldgglist;
|
|
var guigedata = this.guigedata;
|
|
var gglist = [];
|
|
var len = guigedata.length;
|
|
var newlen = 1;
|
|
var h = new Array(len);
|
|
for (var i = 0; i < len; i++) {
|
|
var itemlen = guigedata[i].items.length;
|
|
if (itemlen <= 0) {
|
|
return;
|
|
};
|
|
newlen *= itemlen;
|
|
h[i] = new Array(itemlen);
|
|
for (var j = 0; j < itemlen; j++) {
|
|
h[i][j] = {
|
|
k: guigedata[i].items[j].k,
|
|
title: guigedata[i].items[j].title
|
|
};
|
|
}
|
|
}
|
|
|
|
//排列组合算法
|
|
var arr = h; //原二维数组
|
|
var sarr = [
|
|
[]
|
|
]; //排列组合后的数组
|
|
for (var i = 0; i < arr.length; i++) {
|
|
var tarr = [];
|
|
for (var j = 0; j < sarr.length; j++)
|
|
for (var k = 0; k < arr[i].length; k++) {
|
|
tarr.push(sarr[j].concat(arr[i][k]));
|
|
}
|
|
sarr = tarr;
|
|
}
|
|
console.log(sarr);
|
|
console.log(' ------ ');
|
|
|
|
for (var i = 0; i < sarr.length; i++) {
|
|
var ks = [];
|
|
var titles = [];
|
|
for (var j = 0; j < sarr[i].length; j++) {
|
|
ks.push(sarr[i][j].k);
|
|
titles.push(sarr[i][j].title);
|
|
}
|
|
ks = ks.join(',');
|
|
titles = titles.join(',');
|
|
//console.log(ks);
|
|
//console.log(titles);
|
|
if (typeof(oldgglist[ks]) != 'undefined') {
|
|
var val = oldgglist[ks];
|
|
} else {
|
|
var val = {
|
|
ks: ks,
|
|
name: titles,
|
|
market_price: '',
|
|
cost_price: '',
|
|
sell_price: '',
|
|
weight: '100',
|
|
stock: '1000',
|
|
pic: '',
|
|
givescore: '0',
|
|
lvprice_data: null
|
|
};
|
|
}
|
|
gglist.push(val);
|
|
}
|
|
this.gglist = gglist;
|
|
console.log(gglist);
|
|
},
|
|
addgggroupname: function(e) {
|
|
this.ggname = '';
|
|
this.ggindex = -1;
|
|
this.$refs.dialogInput2.open();
|
|
},
|
|
delgggroupname: function(e) {
|
|
var that = this;
|
|
var ggindex = e.currentTarget.dataset.index;
|
|
var title = e.currentTarget.dataset.title;
|
|
uni.showActionSheet({
|
|
itemList: ['修改', '删除'],
|
|
success: function(res) {
|
|
if (res.tapIndex >= 0) {
|
|
if (res.tapIndex == 0) { //修改规格项
|
|
that.ggname = title;
|
|
that.ggindex = ggindex;
|
|
that.$refs.dialogInput2.open();
|
|
return;
|
|
} else if (res.tapIndex == 1) { //删除规格项
|
|
var guigedata = that.guigedata;
|
|
var newguigedata = [];
|
|
for (var i in guigedata) {
|
|
if (i != ggindex) {
|
|
newguigedata.push(guigedata[i]);
|
|
}
|
|
}
|
|
that.guigedata = newguigedata;
|
|
console.log(newguigedata);
|
|
that.getgglist();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
setgggroupname: function(done, val) {
|
|
var guigedata = this.guigedata;
|
|
var ggindex = this.ggindex;
|
|
if (ggindex == -1) { //新增规格分组
|
|
ggindex = guigedata.length;
|
|
guigedata.push({
|
|
k: ggindex,
|
|
title: val,
|
|
items: []
|
|
});
|
|
this.guigedata = guigedata;
|
|
} else { //修改规格分组名称
|
|
guigedata[ggindex].title = val;
|
|
this.guigedata = guigedata;
|
|
}
|
|
this.$refs.dialogInput2.close();
|
|
this.getgglist();
|
|
},
|
|
addggname: function(e) {
|
|
var ggindex = e.currentTarget.dataset.index;
|
|
this.ggname = '';
|
|
this.ggindex = ggindex;
|
|
this.ggindex2 = -1;
|
|
this.$refs.dialogInput.open();
|
|
},
|
|
delggname: function(e) {
|
|
var that = this;
|
|
var ggindex = e.currentTarget.dataset.index;
|
|
var ggindex2 = e.currentTarget.dataset.index2;
|
|
var k = e.currentTarget.dataset.k;
|
|
var title = e.currentTarget.dataset.title;
|
|
uni.showActionSheet({
|
|
itemList: ['修改', '删除'],
|
|
success: function(res) {
|
|
if (res.tapIndex >= 0) {
|
|
if (res.tapIndex == 0) { //修改规格项
|
|
that.ggname = title;
|
|
that.ggindex = ggindex;
|
|
that.ggindex2 = ggindex2;
|
|
that.$refs.dialogInput.open();
|
|
return;
|
|
} else if (res.tapIndex == 1) { //删除规格项
|
|
var guigedata = that.guigedata;
|
|
var newguigedata = [];
|
|
for (var i in guigedata) {
|
|
if (i == ggindex) {
|
|
var newitems = [];
|
|
var index2 = 0;
|
|
for (var j in guigedata[i].items) {
|
|
if (j != ggindex2) {
|
|
newitems.push({
|
|
k: index2,
|
|
title: guigedata[i].items[j].title
|
|
});
|
|
index2++;
|
|
}
|
|
}
|
|
guigedata[i].items = newitems;
|
|
}
|
|
newguigedata.push(guigedata[i]);
|
|
}
|
|
that.guigedata = newguigedata;
|
|
console.log(newguigedata)
|
|
that.getgglist();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
setggname: function(done, val) {
|
|
var guigedata = this.guigedata;
|
|
var ggindex = this.ggindex;
|
|
var ggindex2 = this.ggindex2;
|
|
if (ggindex2 == -1) { //新增规格名称
|
|
var items = guigedata[ggindex].items;
|
|
ggindex2 = items.length;
|
|
items.push({
|
|
k: ggindex2,
|
|
title: val
|
|
});
|
|
guigedata[ggindex].items = items;
|
|
this.guigedata = guigedata;
|
|
} else { //修改规格名称
|
|
guigedata[ggindex].items[ggindex2].title = val;
|
|
this.guigedata = guigedata;
|
|
}
|
|
this.$refs.dialogInput.close();
|
|
this.getgglist();
|
|
},
|
|
cidsChange: function(e) {
|
|
var clist = this.clist;
|
|
var cids = [];
|
|
var cid = e.currentTarget.dataset.id;
|
|
var newcids = [];
|
|
var ischecked = false;
|
|
for (var i in cids) {
|
|
if (cids[i] != cid) {
|
|
newcids.push(cids[i]);
|
|
} else {
|
|
ischecked = true;
|
|
}
|
|
}
|
|
if (ischecked == false) {
|
|
if (newcids.length >= 5) {
|
|
app.error('最多只能选择五个分类');
|
|
return;
|
|
}
|
|
newcids.push(cid);
|
|
}
|
|
this.cids = newcids;
|
|
|
|
this.cnames =e.currentTarget.dataset.name;
|
|
this.clistshow=false
|
|
//this.getcnames();
|
|
},
|
|
getcnames: function() {
|
|
var cateArr = this.cateArr;
|
|
var cids = this.cids;
|
|
var cnames = [];
|
|
for (var i in cids) {
|
|
cnames.push(cateArr[cids[i]]);
|
|
}
|
|
this.cnames = cnames.join(',');
|
|
},
|
|
cids2Change: function(e) {
|
|
var clist = this.clist2;
|
|
var cids = this.cids2;
|
|
var cid = e.currentTarget.dataset.id;
|
|
var newcids = [];
|
|
var ischecked = false;
|
|
for (var i in cids) {
|
|
if (cids[i] != cid) {
|
|
newcids.push(cids[i]);
|
|
} else {
|
|
ischecked = true;
|
|
}
|
|
}
|
|
if (ischecked == false) {
|
|
if (newcids.length >= 5) {
|
|
app.error('最多只能选择五个分类');
|
|
return;
|
|
}
|
|
newcids.push(cid);
|
|
}
|
|
this.cids2 = newcids;
|
|
this.getcnames2();
|
|
},
|
|
getcnames2: function() {
|
|
var cateArr = this.cateArr2;
|
|
var cids = this.cids2;
|
|
var cnames = [];
|
|
for (var i in cids) {
|
|
cnames.push(cateArr[cids[i]]);
|
|
}
|
|
this.cnames2 = cnames.join(',');
|
|
},
|
|
gidsChange: function(e) {
|
|
var glist = this.glist;
|
|
var gids = this.gids;
|
|
var gid = e.currentTarget.dataset.id;
|
|
var newgids = [];
|
|
var ischecked = false;
|
|
for (var i in gids) {
|
|
if (gids[i] != gid) {
|
|
newgids.push(gids[i]);
|
|
} else {
|
|
ischecked = true;
|
|
}
|
|
}
|
|
if (ischecked == false) {
|
|
newgids.push(gid);
|
|
}
|
|
this.gids = newgids;
|
|
this.getgnames();
|
|
},
|
|
getgnames: function() {
|
|
var groupArr = this.groupArr;
|
|
var gids = this.gids;
|
|
var gnames = [];
|
|
for (var i in gids) {
|
|
gnames.push(groupArr[gids[i]]);
|
|
}
|
|
this.gnames = gnames.join(',');
|
|
},
|
|
changeClistDialog: function() {
|
|
this.clistshow = !this.clistshow
|
|
},
|
|
changeClist2Dialog: function() {
|
|
this.clist2show = !this.clist2show
|
|
},
|
|
changeGlistDialog: function() {
|
|
this.glistshow = !this.glistshow
|
|
},
|
|
uploadimg: function(e) {
|
|
var that = this;
|
|
var pernum = parseInt(e.currentTarget.dataset.pernum);
|
|
if (!pernum) pernum = 1;
|
|
var field = e.currentTarget.dataset.field
|
|
var pics = that[field]
|
|
if (!pics) pics = [];
|
|
app.chooseImage(function(urls) {
|
|
for (var i = 0; i < urls.length; i++) {
|
|
pics.push(urls[i]);
|
|
}
|
|
if (field == 'pic') that.pic = pics;
|
|
if (field == 'pics') that.pics = pics;
|
|
}, pernum);
|
|
},
|
|
removeimg: function(e) {
|
|
var that = this;
|
|
var index = e.currentTarget.dataset.index
|
|
var field = e.currentTarget.dataset.field
|
|
if (field == 'pic') {
|
|
var pics = that.pic
|
|
pics.splice(index, 1);
|
|
that.pic = pics;
|
|
} else if (field == 'pics') {
|
|
var pics = that.pics
|
|
pics.splice(index, 1);
|
|
that.pics = pics;
|
|
}
|
|
},
|
|
uploadimg2: function(e) {
|
|
var that = this;
|
|
var index = e.currentTarget.dataset.index
|
|
app.chooseImage(function(urls) {
|
|
that.gglist[index].pic = urls[0];
|
|
}, 1);
|
|
},
|
|
removeimg2: function(e) {
|
|
var that = this;
|
|
var index = e.currentTarget.dataset.index
|
|
that.gglist[index].pic = '';
|
|
},
|
|
}
|
|
|
|
|
|
}
|
|
</script>
|
|
|
|
|
|
<style>
|
|
radio {
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
checkbox {
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
.form-box {
|
|
padding: 2rpx 24rpx 0 24rpx;
|
|
background: #fff;
|
|
margin: 24rpx;
|
|
border-radius: 10rpx
|
|
}
|
|
|
|
.form-item {
|
|
line-height: 100rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid #eee
|
|
}
|
|
|
|
.form-item .f1 {
|
|
color: #222;
|
|
width: 200rpx;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.form-item .f2 {
|
|
display: flex;
|
|
align-items: center
|
|
}
|
|
|
|
.form-box .form-item:last-child {
|
|
border: none
|
|
}
|
|
|
|
.form-box .flex-col {
|
|
padding-bottom: 20rpx
|
|
}
|
|
|
|
.form-item input {
|
|
width: 100%;
|
|
border: none;
|
|
color: #111;
|
|
font-size: 28rpx;
|
|
text-align: right
|
|
}
|
|
|
|
.form-item textarea {
|
|
width: 100%;
|
|
min-height: 200rpx;
|
|
padding: 20rpx 0;
|
|
border: none;
|
|
}
|
|
|
|
.form-item .upload_pic {
|
|
margin: 50rpx 0;
|
|
background: #F3F3F3;
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
text-align: center
|
|
}
|
|
|
|
.form-item .upload_pic image {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
|
|
.savebtn {
|
|
width: 90%;
|
|
height: 96rpx;
|
|
line-height: 96rpx;
|
|
text-align: center;
|
|
border-radius: 48rpx;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
margin: 0 5%;
|
|
margin-top: 60rpx;
|
|
border: none;
|
|
}
|
|
|
|
.ggtitle {
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
color: #111;
|
|
font-weight: bold;
|
|
font-size: 26rpx;
|
|
display: flex;
|
|
border-bottom: 1px solid #f4f4f4
|
|
}
|
|
|
|
.ggtitle .t1 {
|
|
width: 200rpx;
|
|
}
|
|
|
|
.ggcontent {
|
|
line-height: 60rpx;
|
|
margin-top: 10rpx;
|
|
color: #111;
|
|
font-size: 26rpx;
|
|
display: flex
|
|
}
|
|
|
|
.ggcontent .t1 {
|
|
width: 200rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.ggcontent .t1 .edit {
|
|
width: 40rpx;
|
|
height: 40rpx
|
|
}
|
|
|
|
.ggcontent .t2 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center
|
|
}
|
|
|
|
.ggcontent .ggname {
|
|
background: #f55;
|
|
color: #fff;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
padding: 0 20rpx;
|
|
border-radius: 8rpx;
|
|
margin-right: 20rpx;
|
|
margin-bottom: 10rpx;
|
|
font-size: 24rpx;
|
|
position: relative
|
|
}
|
|
|
|
.ggcontent .ggname .close {
|
|
position: absolute;
|
|
top: -14rpx;
|
|
right: -14rpx;
|
|
background: #fff;
|
|
height: 28rpx;
|
|
width: 28rpx;
|
|
border-radius: 14rpx
|
|
}
|
|
|
|
.ggcontent .ggnameadd {
|
|
background: #ccc;
|
|
font-size: 36rpx;
|
|
color: #fff;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
padding: 0 20rpx;
|
|
border-radius: 8rpx;
|
|
margin-right: 20rpx;
|
|
margin-left: 10rpx;
|
|
position: relative
|
|
}
|
|
|
|
.ggcontent .ggadd {
|
|
font-size: 26rpx;
|
|
color: #558
|
|
}
|
|
|
|
.ggbox {
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
|
|
.layui-imgbox {
|
|
margin-right: 16rpx;
|
|
margin-bottom: 10rpx;
|
|
font-size: 24rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-imgbox-close {
|
|
position: absolute;
|
|
display: block;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
right: -16rpx;
|
|
top: -16rpx;
|
|
z-index: 5;
|
|
color: #999;
|
|
font-size: 32rpx;
|
|
background: #fff;
|
|
border-radius: 50%
|
|
}
|
|
|
|
.layui-imgbox-close image {
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.layui-imgbox-img {
|
|
display: block;
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
padding: 2px;
|
|
border: #d3d3d3 1px solid;
|
|
background-color: #f6f6f6;
|
|
overflow: hidden
|
|
}
|
|
|
|
.layui-imgbox-img>image {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.layui-imgbox-repeat {
|
|
position: absolute;
|
|
display: block;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
line-height: 28rpx;
|
|
right: 2px;
|
|
bottom: 2px;
|
|
color: #999;
|
|
font-size: 30rpx;
|
|
background: #fff
|
|
}
|
|
|
|
.uploadbtn {
|
|
position: relative;
|
|
height: 200rpx;
|
|
width: 200rpx
|
|
}
|
|
|
|
|
|
.clist-item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
padding: 20rpx 30rpx;
|
|
}
|
|
|
|
.radio {
|
|
flex-shrink: 0;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
background: #FFFFFF;
|
|
border: 2rpx solid #BFBFBF;
|
|
border-radius: 50%;
|
|
margin-right: 30rpx
|
|
}
|
|
|
|
.radio .radio-img {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block
|
|
}
|
|
|
|
.freightitem {
|
|
width: 100%;
|
|
height: 60rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 40rpx
|
|
}
|
|
|
|
.freightitem .f1 {
|
|
color: #666;
|
|
flex: 1
|
|
}
|
|
|
|
.detailop {
|
|
display: flex;
|
|
line-height: 60rpx
|
|
}
|
|
|
|
.detailop .btn {
|
|
border: 1px solid #ccc;
|
|
margin-right: 10rpx;
|
|
padding: 0 16rpx;
|
|
color: #222;
|
|
border-radius: 10rpx
|
|
}
|
|
|
|
.detaildp {
|
|
position: relative;
|
|
line-height: 50rpx
|
|
}
|
|
|
|
.detaildp .op {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
font-size: 24rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
margin-top: 10rpx
|
|
}
|
|
|
|
.detaildp .op .btn {
|
|
background: rgba(0, 0, 0, 0.4);
|
|
margin-right: 10rpx;
|
|
padding: 0 10rpx;
|
|
color: #fff
|
|
}
|
|
|
|
.detaildp .detailbox {
|
|
border: 2px dashed #00a0e9
|
|
}
|
|
|
|
.uni-popup-dialog {
|
|
width: 300px;
|
|
border-radius: 5px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.uni-dialog-title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
padding-top: 15px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.uni-dialog-title-text {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.uni-dialog-content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 5px 15px 15px 15px;
|
|
}
|
|
|
|
.uni-dialog-content-text {
|
|
font-size: 14px;
|
|
color: #6e6e6e;
|
|
}
|
|
|
|
.uni-dialog-button-group {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-top-color: #f5f5f5;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
.uni-dialog-button {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 45px;
|
|
}
|
|
|
|
.uni-border-left {
|
|
border-left-color: #f0f0f0;
|
|
border-left-style: solid;
|
|
border-left-width: 1px;
|
|
}
|
|
|
|
.uni-dialog-button-text {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.uni-button-color {
|
|
color: #007aff;
|
|
}
|
|
|
|
|
|
.popup__container {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
z-index: 10;
|
|
background: #fff
|
|
}
|
|
|
|
.popup__overlay {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 11;
|
|
opacity: 0.3;
|
|
background: #000
|
|
}
|
|
|
|
.popup__modal {
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
color: #3d4145;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
opacity: 1;
|
|
padding-bottom: 20rpx;
|
|
background: #fff;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
z-index: 12;
|
|
min-height: 600rpx;
|
|
max-height: 1000rpx;
|
|
}
|
|
|
|
.popup__title {
|
|
text-align: center;
|
|
padding: 30rpx;
|
|
position: relative;
|
|
position: relative
|
|
}
|
|
|
|
.popup__title-text {
|
|
font-size: 32rpx
|
|
}
|
|
|
|
.popup__close {
|
|
position: absolute;
|
|
top: 34rpx;
|
|
right: 34rpx
|
|
}
|
|
|
|
.popup__content {
|
|
width: 100%;
|
|
max-height: 880rpx;
|
|
overflow-y: scroll;
|
|
padding: 20rpx 0;
|
|
}
|
|
|
|
.service-item {
|
|
display: flex;
|
|
padding: 0 40rpx 20rpx 40rpx;
|
|
}
|
|
|
|
.service-item .prefix {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.service-item .suffix {
|
|
padding-left: 10rpx;
|
|
}
|
|
|
|
.service-item .suffix .type-name {
|
|
font-size: 28rpx;
|
|
color: #49aa34;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
</style>
|