|
@@ -3,13 +3,94 @@
|
|
|
<div
|
|
|
v-if="powers && powers.length > 0 && powers.some((item) => item == '007')"
|
|
|
>
|
|
|
- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="基础/规格" name="1"> <base-form /></el-tab-pane>
|
|
|
- <el-tab-pane label="包装/发货/图片" name="2">
|
|
|
- <pack-form
|
|
|
- /></el-tab-pane>
|
|
|
- <el-tab-pane label="固定/阶梯成本" name="3"> <cost-form /></el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ 活动新建
|
|
|
+ <el-form
|
|
|
+ :model="ruleForm"
|
|
|
+ status-icon
|
|
|
+ :rules="rulesThis"
|
|
|
+ ref="ruleForm"
|
|
|
+ :size="'mini'"
|
|
|
+ label-width="110px"
|
|
|
+ class="demo-ruleForm"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="活动标题" prop="activity_name">
|
|
|
+ <el-input
|
|
|
+ placeholder="活动标题"
|
|
|
+ v-model="ruleForm.activity_name"
|
|
|
+ maxlength="100"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="所属平台" prop="platform_code">
|
|
|
+ <search-brand
|
|
|
+ :value="ruleForm.platform_code"
|
|
|
+ :disabled="false"
|
|
|
+ :size="'mini'"
|
|
|
+ :isDetail="false"
|
|
|
+ :placeholder="'所属平台'"
|
|
|
+ @searchChange="platform_codesearchChange"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="商品库存类型" prop="is_stock">
|
|
|
+ <el-input
|
|
|
+ placeholder="商品库存类型"
|
|
|
+ v-model="ruleForm.is_stock"
|
|
|
+ maxlength="100"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="活动时间" required>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item prop="datactivity_name">
|
|
|
+ <el-date-picker
|
|
|
+ type="datetime"
|
|
|
+ placeholder="开始时间"
|
|
|
+ v-model="ruleForm.activity_start"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="tc" :span="2">-</el-col>
|
|
|
+ <el-col :span="11">
|
|
|
+ <el-form-item prop="activity_end">
|
|
|
+ <el-date-picker
|
|
|
+ type="datetime"
|
|
|
+ placeholder="结束时间"
|
|
|
+ v-model="ruleForm.activity_end"
|
|
|
+ style="width: 100%"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="活动描述" prop="activity_desc">
|
|
|
+ <el-input
|
|
|
+ placeholder="活动描述"
|
|
|
+ v-model="ruleForm.activity_desc"
|
|
|
+ maxlength="100"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="活动商品" prop="good_list">
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
<no-auth></no-auth>
|
|
@@ -27,9 +108,9 @@ export default {
|
|
|
name: "activeAdd",
|
|
|
mixins: [resToken],
|
|
|
components: {
|
|
|
- baseForm,
|
|
|
- costForm,
|
|
|
- packForm,
|
|
|
+ // baseForm,
|
|
|
+ // costForm,
|
|
|
+ // packForm,
|
|
|
},
|
|
|
computed: {
|
|
|
...mapGetters(["tablebtnSize", "searchSize", "size"]),
|
|
@@ -50,12 +131,13 @@ export default {
|
|
|
size: "small",
|
|
|
activeName: "3",
|
|
|
loading: false,
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+ ruleForm: {
|
|
|
+ activity_name: "",
|
|
|
+ platform_code: "",
|
|
|
+ a3: "",
|
|
|
+ activity_desc: "",
|
|
|
+ a5: "",
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
@@ -64,7 +146,7 @@ export default {
|
|
|
methods: {
|
|
|
async initForm() {
|
|
|
this.loading = true;
|
|
|
-
|
|
|
+
|
|
|
this.loading = false;
|
|
|
},
|
|
|
handleClick(row) {
|
|
@@ -78,10 +160,6 @@ export default {
|
|
|
await this.resetForm(res.data);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -101,19 +179,18 @@ export default {
|
|
|
}
|
|
|
/deep/ .ddiv {
|
|
|
border-top: 1px solid #dcdfe6;
|
|
|
-
|
|
|
}
|
|
|
/deep/ .dtitle {
|
|
|
width: 40px;
|
|
|
text-align: center;
|
|
|
height: 100%;
|
|
|
min-height: 100%;
|
|
|
- ul{
|
|
|
- padding:20px 0 0 0;
|
|
|
+ ul {
|
|
|
+ padding: 20px 0 0 0;
|
|
|
}
|
|
|
}
|
|
|
/deep/ .dmain {
|
|
|
- padding: 20px 0 0 0;
|
|
|
+ padding: 20px 0 0 0;
|
|
|
width: calc(100% - 40px);
|
|
|
border-left: 1px solid #dcdfe6;
|
|
|
}
|