|
@@ -40,7 +40,7 @@
|
|
|
>
|
|
|
<h3 class="form-titles">基础设置</h3>
|
|
|
<a-row :gutter="48">
|
|
|
- <a-col :span="6">
|
|
|
+ <a-col :span="12">
|
|
|
<!-- participantsNum>0 有参与人数时不可编辑 -->
|
|
|
<a-form-model-item ref="activeName" label="活动名称" prop="activeName">
|
|
|
<a-input
|
|
@@ -52,7 +52,7 @@
|
|
|
placeholder="15个字以内"/>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="6">
|
|
|
+ <a-col :span="12">
|
|
|
<a-form-model-item ref="time" label="活动时间" prop="time">
|
|
|
<a-range-picker
|
|
|
:disabled="participantsNum>0||taskParticipantsNum>0||state==1"
|
|
@@ -65,7 +65,7 @@
|
|
|
/>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="6">
|
|
|
+ <a-col :span="12">
|
|
|
<a-form-model-item
|
|
|
ref="peopleLimitCount"
|
|
|
label="抽奖人次"
|
|
@@ -91,7 +91,7 @@
|
|
|
</a-checkbox>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="6">
|
|
|
+ <a-col :span="12">
|
|
|
<a-form-model-item ref="purchaseTimesGold" label="付费抽奖规则" prop="purchaseTimesGold">
|
|
|
每次抽奖需要支付
|
|
|
<a-input-number
|
|
@@ -110,7 +110,7 @@
|
|
|
</a-row>
|
|
|
|
|
|
<a-row :gutter="48">
|
|
|
- <a-col :span="8">
|
|
|
+ <a-col :span="12">
|
|
|
<a-form-model-item ref="prizeDesc" label="奖品说明" prop="prizeDesc">
|
|
|
<a-input
|
|
|
:disabled="state==1"
|
|
@@ -121,7 +121,7 @@
|
|
|
type="textarea" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="8">
|
|
|
+ <a-col :span="12">
|
|
|
<a-form-model-item ref="activeLimitDesc" label="抽奖条件" prop="activeLimitDesc">
|
|
|
<a-input
|
|
|
:disabled="state==1"
|
|
@@ -132,7 +132,7 @@
|
|
|
type="textarea" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="8">
|
|
|
+ <a-col :span="12">
|
|
|
<a-form-model-item ref="activeDesc" label="抽奖说明" prop="activeDesc">
|
|
|
<a-input
|
|
|
:disabled="state==1"
|
|
@@ -146,16 +146,18 @@
|
|
|
</a-row>
|
|
|
|
|
|
<h3 class="form-titles">奖品设置</h3>
|
|
|
- <div class="form-item">
|
|
|
- <a-form-model-item style="margin: 0;" ref="prizeClsNum" label="请选择转盘类型" prop="prizeClsNum">
|
|
|
- <a-select style="width: 300px;" :disabled="participantsNum>0||state==1" @change="zpTypeChange" v-model="form.prizeClsNum" placeholder="请选择转盘类型">
|
|
|
- <a-select-option :key="6" :value="6">
|
|
|
- 六等分
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-model-item>
|
|
|
- </div>
|
|
|
- <div style="padding: 0 5px;">
|
|
|
+ <a-row :gutter="48">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-model-item ref="prizeClsNum" label="转盘类型" prop="prizeClsNum">
|
|
|
+ <a-select style="width: 300px;" :disabled="participantsNum>0||state==1" @change="zpTypeChange" v-model="form.prizeClsNum" placeholder="请选择转盘类型">
|
|
|
+ <a-select-option :key="6" :value="6">
|
|
|
+ 六等分
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <div style="padding: 0 35px;">
|
|
|
<a-row
|
|
|
type="flex"
|
|
|
align="middle"
|
|
@@ -180,6 +182,7 @@
|
|
|
奖品图片
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
+ <div v-if="form.luckyDrawPrizeList.length" style="height: 1px;background-color: #eee;margin: 10px 0 20px;" ></div>
|
|
|
<a-row
|
|
|
type="flex"
|
|
|
align="middle"
|
|
@@ -189,7 +192,10 @@
|
|
|
:gutter="10"
|
|
|
>
|
|
|
<a-col span="1">
|
|
|
- <a-form-model-item>
|
|
|
+ <a-form-model-item
|
|
|
+ :label-col=" { span: 0 }"
|
|
|
+ :wrapper-col=" { span: 24 }"
|
|
|
+ >
|
|
|
<span class="red" v-if="state==0">*</span> 奖品{{ index+1 }}
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
@@ -462,9 +468,9 @@ export default {
|
|
|
loading: false,
|
|
|
isShow: this.showEditModal,
|
|
|
titleText: '活动',
|
|
|
- formLayout: 'vertical',
|
|
|
- labelCol: {},
|
|
|
- wrapperCol: {},
|
|
|
+ formLayout: 'horizontal',
|
|
|
+ labelCol: { span: 4 },
|
|
|
+ wrapperCol: { span: 14 },
|
|
|
state: 0, // 活动状态
|
|
|
participantsNum: 0, // 抽奖参与人数
|
|
|
taskParticipantsNum: 0,
|
|
@@ -708,6 +714,27 @@ export default {
|
|
|
padding: 15px 25px;
|
|
|
height: 600px;
|
|
|
overflow: auto;
|
|
|
+ .upload-file .ant-upload.ant-upload-select-picture-card, .upload-file .ant-upload-list-picture-card .ant-upload-list-item{
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ .upload-file .ant-upload-list-picture-card-container{
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ .upload-file{
|
|
|
+ height: 40px!important;
|
|
|
+ }
|
|
|
+ .upload-file .ant-upload-select-picture-card i{
|
|
|
+ font-size: 16px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .ant-upload.ant-upload-select-picture-card > .ant-upload{
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .upload-file .ant-upload.ant-upload-select-picture-card, .upload-file .ant-upload-list-picture-card .ant-upload-list-item{
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
}
|
|
|
.ant-input[disabled]{
|
|
|
background: #F8F8F8;
|