<template>
|
<div>
|
<div class="common-form">
|
<span>{{ curItem.name }}</span>
|
</div>
|
<el-form size="small" :model="curItem" label-width="100px">
|
<!-- 商户分类 -->
|
<el-form-item label="商户分类：">
|
<el-cascader
|
class="ww100"
|
v-model="currCategory"
|
v-if="CategoryList.length > 0"
|
ref="cascader"
|
:options="CategoryList"
|
:props="{ checkStrictly: true, children: 'child', value: 'category_id', label: 'name' }"
|
@change="changeCategory"
|
clearable
|
></el-cascader>
|
</el-form-item>
|
<!-- 商户排序 -->
|
<el-form-item label="商户排序：">
|
<el-radio-group v-model="curItem.params.merchantSort">
|
<el-radio :label="'all'">综合</el-radio>
|
<el-radio :label="'sales'">销量</el-radio>
|
<el-radio :label="'score'">评分</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<!-- 显示数量 -->
|
<el-form-item label="显示数量："><el-input v-model="curItem.params.product_num" class="w-auto"></el-input></el-form-item>
|
<!--组件样式-->
|
<div class="p-10-0 mb16 f14 border-b"><span class="gray6">组件样式</span></div>
|
|
<!-- 背景颜色 -->
|
<el-form-item label="背景颜色：">
|
<div class="d-s-c">
|
<el-color-picker v-model="curItem.style.background"></el-color-picker>
|
<el-button type="button" style="margin-left: 10px;" @click.stop="$parent.onEditorResetColor(curItem.style, 'background', '#F6F6F6')">重置</el-button>
|
</div>
|
</el-form-item>
|
|
<!--图片-->
|
<el-form-item label="评分图标：">
|
<div class="diy-setpages-cover">
|
<img v-if="curItem.style.server_score_image" v-img-url="curItem.style.server_score_image" alt="" @click="$parent.onEditorSelectImage(curItem.style, 'server_score_image')" :style="'background-color:'+curItem.style.titleBackgroundColor+' ;'">
|
<div>建议尺寸60×60</div>
|
</div>
|
</el-form-item>
|
</el-form>
|
</div>
|
</template>
|
|
|
<script>
|
import supplierService from '@/api/supplier.js';
|
export default {
|
data() {
|
return {
|
currCategory: [],
|
CategoryList: []
|
};
|
},
|
props: ['curItem', 'selectedIndex'],
|
created() {
|
this.getCategoryList();
|
},
|
methods: {
|
/*获取分类列表*/
|
getCategoryList() {
|
supplierService.Category({category_type: 20}).then(res => {
|
this.CategoryList = res.data.category;
|
});
|
},
|
/*选择类别*/
|
changeCategory(e) {
|
if(e.length > 0){
|
let item = this.$refs['cascader'].getCheckedNodes();
|
this.curItem.params.category = item[0].data.category_id;
|
}else{
|
this.curItem.params.category = 0;
|
}
|
},
|
}
|
};
|
</script>
|
