|
|
@@ -31,9 +31,8 @@
|
|
|
placeholder="请输入卡牌名称"
|
|
|
>
|
|
|
</van-field>
|
|
|
- <div class="tit">福袋封面图</div>
|
|
|
+ <van-field label="福袋封面图" :border="false" readonly> </van-field>
|
|
|
<van-uploader
|
|
|
- style="padding-left:20px"
|
|
|
:file-list="images"
|
|
|
:after-read="afterRead"
|
|
|
@delete="deleteImg"
|
|
|
@@ -75,32 +74,24 @@
|
|
|
>
|
|
|
<span slot="right-icon" style="font-size: 14px;">元</span>
|
|
|
</van-field>
|
|
|
- <div v-if="time == 4" @click="flag = false">
|
|
|
- <van-field label="福袋管理" is-link readonly>
|
|
|
- <span slot="right-icon" style="font-size: 14px;" v-if="cardList.length < 1">去添加</span>
|
|
|
- <span slot="right-icon" style="font-size: 14px;" v-else>已新增{{ cardList.length }}个福袋</span>
|
|
|
- <!-- <span slot="right-icon">{{ !!cardList ? `已新增${cardList.length}个福袋` : '去添加' }}</span> -->
|
|
|
- </van-field>
|
|
|
- </div>
|
|
|
- </van-cell-group>
|
|
|
-
|
|
|
- <div class="box-con">
|
|
|
- <!-- <div class="label">卡牌细节图</div>
|
|
|
- <van-uploader :file-list="images" :after-read="afterRead" @delete="deleteImg" /> -->
|
|
|
- <div v-if="!showId">
|
|
|
- <div class="box-top">
|
|
|
- <div class="top">
|
|
|
- <span>选择卡包</span>
|
|
|
+ <div class="box-con">
|
|
|
+ <div v-if="!showId">
|
|
|
+ <div class="box-top">
|
|
|
+ <van-field :border="false" label="选择卡包" readonly> </van-field>
|
|
|
+ <van-sticky class="index">
|
|
|
+ <div class="time-box">
|
|
|
+ <van-dropdown-menu>
|
|
|
+ <van-dropdown-item
|
|
|
+ class="cell"
|
|
|
+ @change="change"
|
|
|
+ :value="time"
|
|
|
+ :options="option1"
|
|
|
+ />
|
|
|
+ </van-dropdown-menu>
|
|
|
+ </div>
|
|
|
+ </van-sticky>
|
|
|
</div>
|
|
|
- <van-sticky class="index">
|
|
|
- <div class="time-box">
|
|
|
- <van-dropdown-menu>
|
|
|
- <van-dropdown-item class="cell" @change="change" :value="time" :options="option1" />
|
|
|
- </van-dropdown-menu>
|
|
|
- </div>
|
|
|
- </van-sticky>
|
|
|
- </div>
|
|
|
- <!-- <div class="box" v-if="switchs">
|
|
|
+ <!-- <div class="box" v-if="switchs">
|
|
|
<div class="top">
|
|
|
<div class="right">
|
|
|
<div class="tool-item">
|
|
|
@@ -122,10 +113,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- </div>
|
|
|
- <div class="box" v-else>
|
|
|
- <div class="top2">
|
|
|
- <span>已售/总数</span>
|
|
|
+ </div>
|
|
|
+ <div class="box" v-else>
|
|
|
+ <van-field :border="false" label="已售/总数" readonly> </van-field>
|
|
|
<!-- <div class="right">
|
|
|
<div class="tool-item">
|
|
|
出售中
|
|
|
@@ -134,9 +124,9 @@
|
|
|
下架
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- </div>
|
|
|
- <div style="margin-top:10px">{{ soldStatus }}</div>
|
|
|
- <!-- <div class="content">
|
|
|
+ <!-- </div> -->
|
|
|
+ <div class="num">{{ soldStatus }}</div>
|
|
|
+ <!-- <div class="content">
|
|
|
<div class="card" v-for="(card, index) in form.groupDTOS" :key="index">
|
|
|
<div class="card-title">第{{ index + 1 }}组</div>
|
|
|
<div class="card-list">
|
|
|
@@ -154,24 +144,29 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div v-if="time == 4" @click="flag = false">
|
|
|
+ <van-field label="福袋管理" is-link readonly>
|
|
|
+ <span slot="right-icon" style="font-size: 14px;" v-if="cardList.length < 1">去添加</span>
|
|
|
+ <span slot="right-icon" style="font-size: 14px;" v-else>已新增{{ cardList.length }}个福袋</span>
|
|
|
+ <!-- <span slot="right-icon">{{ !!cardList ? `已新增${cardList.length}个福袋` : '去添加' }}</span> -->
|
|
|
+ </van-field>
|
|
|
+ </div>
|
|
|
+ </van-cell-group>
|
|
|
+
|
|
|
<div class="box-con">
|
|
|
<div class="box-top">
|
|
|
- <div class="top">
|
|
|
- <span>限购选择</span>
|
|
|
- </div>
|
|
|
- <!-- <van-sticky class="indexs" :offset-top="0"> -->
|
|
|
+ <van-field style="margin:10px 0 10px 4px" :border="false" label="限购选择" readonly> </van-field>
|
|
|
<div class="time-box indexs">
|
|
|
<van-dropdown-menu>
|
|
|
<van-dropdown-item @change="onChange" :value="times" :options="option2" />
|
|
|
</van-dropdown-menu>
|
|
|
</div>
|
|
|
- <!-- </van-sticky> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="box-con">
|
|
|
- <div class="label">卡牌详情描述</div>
|
|
|
+ <div class="box-bottom">
|
|
|
+ <van-field :border="false" label="卡牌详情描述" readonly> </van-field>
|
|
|
<van-field
|
|
|
:value="form.description"
|
|
|
@input="form.description = $event.detail"
|
|
|
@@ -254,15 +249,14 @@
|
|
|
placeholder="请输入数量"
|
|
|
>
|
|
|
</van-field>
|
|
|
+ <van-field label="福袋封面图" :border="false" readonly> </van-field>
|
|
|
+ <van-uploader
|
|
|
+ :file-list="forms.image"
|
|
|
+ :after-read="afterReads"
|
|
|
+ @delete="deleteImgs"
|
|
|
+ :showUpload="forms.image.length == 0"
|
|
|
+ />
|
|
|
</van-cell-group>
|
|
|
- <div class="tit">福袋细节图</div>
|
|
|
- <van-uploader
|
|
|
- style="margin-left:20px"
|
|
|
- :file-list="forms.image"
|
|
|
- :after-read="afterReads"
|
|
|
- @delete="deleteImgs"
|
|
|
- :showUpload="forms.image.length == 0"
|
|
|
- />
|
|
|
<div class="bottom">
|
|
|
<van-button type="primary" block @click="submitNum">完成</van-button>
|
|
|
<van-button type="info" block @click="flags = true">返回</van-button>
|
|
|
@@ -693,11 +687,12 @@ export default {
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
+ delete this.form.name;
|
|
|
let cardCaseInputDTO = { ...this.form };
|
|
|
let caseStatus = 'PROGRESS';
|
|
|
- delete this.form.name;
|
|
|
+ let caseJackpots = [];
|
|
|
cardCaseInputDTO.caseStatus = caseStatus;
|
|
|
- console.log(cardCaseInputDTO);
|
|
|
+ cardCaseInputDTO.caseJackpots = caseJackpots;
|
|
|
this.showLoading();
|
|
|
this.$http
|
|
|
.post('/cardCase/save', cardCaseInputDTO, {
|
|
|
@@ -841,9 +836,8 @@ export default {
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
/deep/ .van-uploader {
|
|
|
- margin-top: 15px;
|
|
|
+ padding-left: 20px;
|
|
|
}
|
|
|
-
|
|
|
/deep/.form {
|
|
|
position: relative;
|
|
|
.van-cell {
|
|
|
@@ -861,41 +855,31 @@ export default {
|
|
|
// padding-right: 10px !important;
|
|
|
}
|
|
|
.van-cell__value {
|
|
|
- text-align: left;
|
|
|
+ // text-align: left;
|
|
|
}
|
|
|
|
|
|
&::after {
|
|
|
left: 100px !important;
|
|
|
}
|
|
|
}
|
|
|
- .tit {
|
|
|
- font-size: 14px;
|
|
|
- margin-left: 20px;
|
|
|
- font-weight: bold;
|
|
|
- color: #000;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
}
|
|
|
.addorder {
|
|
|
padding-bottom: 200px;
|
|
|
.box-con {
|
|
|
- margin: 16px 0 0 20px;
|
|
|
- .label {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- color: #000000;
|
|
|
- margin: 35px 0 0 -3px;
|
|
|
- line-height: 24px;
|
|
|
- }
|
|
|
.box-top {
|
|
|
.flex();
|
|
|
justify-content: space-between;
|
|
|
padding-right: 6px;
|
|
|
+ /deep/ .van-field__label {
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
.time-box {
|
|
|
background-color: @bg;
|
|
|
margin-right: 20px;
|
|
|
/deep/ .van-cell {
|
|
|
- padding: 3px 20px !important;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 8px 20px !important;
|
|
|
}
|
|
|
/deep/ .van-sticky {
|
|
|
&.index {
|
|
|
@@ -907,16 +891,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .index {
|
|
|
- z-index: 88;
|
|
|
- }
|
|
|
- .indexs {
|
|
|
- z-index: 66;
|
|
|
- }
|
|
|
.box {
|
|
|
- padding-right: 20px;
|
|
|
- .flex-col();
|
|
|
- padding-bottom: 6px;
|
|
|
+ // padding-right: 20px;
|
|
|
+ // .flex-col();
|
|
|
+ // padding-bottom: 6px;
|
|
|
+ .num {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
@@ -1058,6 +1039,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .box-bottom {
|
|
|
+ /deep/ .van-field__label {
|
|
|
+ margin-top: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.addImg {
|
|
|
.top {
|
|
|
.flex();
|
xuqiang