|
@@ -2,127 +2,55 @@
|
|
|
<div class="app-container">
|
|
|
<el-form :model="form" :rules="rules" ref="form" label-width="110px">
|
|
|
<el-form-item label="流量平台:">
|
|
|
- <el-select
|
|
|
- v-model="form.platform"
|
|
|
- placeholder="请选择流量平台"
|
|
|
- :disabled="disabled()"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in typeOptions"
|
|
|
- :key="item.value"
|
|
|
- :value="item.value"
|
|
|
- :label="item.label"
|
|
|
- />
|
|
|
+ <el-select v-model="form.platform" placeholder="请选择流量平台" :disabled="disabled()">
|
|
|
+ <el-option v-for="item in typeOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="关联设备:">
|
|
|
- <el-select
|
|
|
- v-model="deviceIds"
|
|
|
- filterable
|
|
|
- multiple
|
|
|
- placeholder="请选择关联设备"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in devOptions"
|
|
|
- :key="`${item.value}-${index}`"
|
|
|
- :value="item.value"
|
|
|
- :label="item.label"
|
|
|
- />
|
|
|
+ <el-select v-model="deviceIds" filterable multiple placeholder="请选择关联设备">
|
|
|
+ <el-option v-for="(item, index) in devOptions" :key="`${item.value}-${index}`" :value="item.value"
|
|
|
+ :label="item.label" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="套餐名称:">
|
|
|
<el-input v-model="form.name" placeholder="请输入套餐名称" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="服务类型:">
|
|
|
- <el-select
|
|
|
- v-model="form.businessType"
|
|
|
- placeholder="请选择服务类型"
|
|
|
- :disabled="disabled()"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in serviceTypeOptions"
|
|
|
- :key="item.value"
|
|
|
- :value="item.value"
|
|
|
- :label="item.label"
|
|
|
- />
|
|
|
+ <el-select v-model="form.businessType" placeholder="请选择服务类型" :disabled="disabled()">
|
|
|
+ <el-option v-for="item in serviceTypeOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item v-if="typeList[0] === '13'" label="资源平台:">
|
|
|
- <el-select
|
|
|
- v-model="form.platformId"
|
|
|
- placeholder="请选择资源平台"
|
|
|
- :disabled="disabled()"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in platformOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- />
|
|
|
+ <el-select v-model="form.platformId" placeholder="请选择资源平台" :disabled="disabled()">
|
|
|
+ <el-option v-for="item in platformOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item v-else label="流量套餐:">
|
|
|
- <el-select
|
|
|
- v-model="form.goodsId"
|
|
|
- placeholder="请选择流量套餐"
|
|
|
- :disabled="disabled()"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in goodsOptions"
|
|
|
- :key="index"
|
|
|
- :label="item"
|
|
|
- :value="index"
|
|
|
- />
|
|
|
+ <el-select v-model="form.goodsId" placeholder="请选择流量套餐" :disabled="disabled()">
|
|
|
+ <el-option v-for="(item, index) in goodsOptions" :key="index" :label="item" :value="index" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item v-if="form.platformId === 10" label="栏目:">
|
|
|
<el-select v-model="form.groupId" placeholder="请选择爱听栏目">
|
|
|
- <el-option
|
|
|
- v-for="item in sceneOptions"
|
|
|
- :key="item.value"
|
|
|
- :value="item.value"
|
|
|
- :label="item.label"
|
|
|
- />
|
|
|
+ <el-option v-for="item in sceneOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="原价:" prop="price">
|
|
|
- <el-input-number
|
|
|
- v-model="form.price"
|
|
|
- :min="0"
|
|
|
- :max="500"
|
|
|
- :controls="false"
|
|
|
- :precision="2"
|
|
|
- placeholder="请输入原价"
|
|
|
- />
|
|
|
+ <el-input-number v-model="form.price" :min="0" :max="500" :controls="false" :precision="2"
|
|
|
+ placeholder="请输入原价" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="活动价:" prop="discount">
|
|
|
- <el-input-number
|
|
|
- v-model="form.discount"
|
|
|
- :min="0"
|
|
|
- :max="500"
|
|
|
- :controls="false"
|
|
|
- :precision="2"
|
|
|
- placeholder="请输入活动价"
|
|
|
- />
|
|
|
+ <el-input-number v-model="form.discount" :min="0" :max="500" :controls="false" :precision="2"
|
|
|
+ placeholder="请输入活动价" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="服务时长:">
|
|
|
<el-select v-model="form.indate" placeholder="请选择服务时长">
|
|
|
- <el-option
|
|
|
- v-for="item in serviceTimeOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- />
|
|
|
+ <el-option v-for="item in serviceTimeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否推荐:">
|
|
|
<el-select v-model="form.isRecommend" placeholder="请选择是否推荐">
|
|
|
- <el-option
|
|
|
- v-for="item in recommendOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- />
|
|
|
+ <el-option v-for="item in recommendOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="排序:" v-if="form.businessType === 5">
|
|
@@ -131,22 +59,10 @@
|
|
|
<el-form-item label="赠送会员:">
|
|
|
<el-switch v-model="isFreeContentVip" :disabled="disableVip" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item
|
|
|
- v-if="isFreeContentVip"
|
|
|
- label="关联会员套餐:"
|
|
|
- prop="freeActivityId"
|
|
|
- >
|
|
|
- <el-select
|
|
|
- v-model="form.freeActivityId"
|
|
|
- placeholder="请选择会员套餐:"
|
|
|
- :disabled="disableVip"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in freeOptions"
|
|
|
- :key="`free-option-${item.id}-${index}`"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- />
|
|
|
+ <el-form-item v-if="isFreeContentVip" label="关联会员套餐:" prop="freeActivityId">
|
|
|
+ <el-select v-model="form.freeActivityId" placeholder="请选择会员套餐:" :disabled="disableVip">
|
|
|
+ <el-option v-for="(item, index) in freeOptions" :key="`free-option-${item.id}-${index}`" :label="item.name"
|
|
|
+ :value="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
@@ -160,11 +76,11 @@
|
|
|
<script>
|
|
|
import { list } from "@/api/operation/scene";
|
|
|
import {
|
|
|
-create,
|
|
|
-detail,
|
|
|
-deviceGoodsList,
|
|
|
-edit,
|
|
|
-goodsList,
|
|
|
+ create,
|
|
|
+ detail,
|
|
|
+ deviceGoodsList,
|
|
|
+ edit,
|
|
|
+ goodsList,
|
|
|
} from "@/api/service/package";
|
|
|
import { devMixin, serviceTimeMixin, serviceTypeMixin } from "@/mixin/index";
|
|
|
export default {
|
|
@@ -287,6 +203,9 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
"form.platform"(val) {
|
|
|
+ if (!val) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
this.getDevList({ type: val });
|
|
|
this.getGoodSList(val);
|
|
|
},
|
|
@@ -311,8 +230,13 @@ export default {
|
|
|
// 详情
|
|
|
getList() {
|
|
|
detail(this.form.id).then((res) => {
|
|
|
+ console.log("获取详情:", res);
|
|
|
if (res.code === 0) {
|
|
|
this.form = res.data;
|
|
|
+ if (!this.form.platform) {
|
|
|
+ this.$message.error('未获取到平台信息,脏数据')
|
|
|
+ return
|
|
|
+ }
|
|
|
this.isFreeContentVip =
|
|
|
res.data.isFreeContentVip === 1 ? true : false;
|
|
|
this.disableVip = this.isFreeContentVip;
|