|
|
@@ -11,6 +11,15 @@
|
|
|
:rules="dataRule"
|
|
|
:model="dataForm"
|
|
|
>
|
|
|
+ <el-form-item label="关联店铺" style="width:640px" prop="shopId">
|
|
|
+ <el-select v-model="dataForm.shopId" placeholder="关联店铺" controls-position="right" @change="getInfo(dataForm.shopId)">
|
|
|
+ <el-option v-for="item in shopList"
|
|
|
+ :key="item.shopId"
|
|
|
+ :label="item.shopName"
|
|
|
+ :value="item.shopId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item :label="`${$t('sysManagement.popupName')}:`" style="width:640px" prop="popupName">
|
|
|
<el-input v-model="dataForm.popupName" :placeholder="`${$t('sysManagement.popupName')}`" controls-position="right"></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -20,6 +29,9 @@
|
|
|
<el-form-item :label="`${$t('sysManagement.popupPicToPage')}:`" style="width:640px" prop="popupPicToPage">
|
|
|
<el-input v-model="dataForm.popupPicToPage" :placeholder="`${$t('sysManagement.popupPicToPage')}`" controls-position="right"></el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="客服详情图片" style="width:640px" prop="popupPic">
|
|
|
+ <el-input v-model="dataForm.popupCustomerServicePic" placeholder="客服详情图片`" controls-position="right"></el-input>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item :label="$t('sysManagement.isActive')" style="width:640px" prop="isOpen">
|
|
|
<el-switch v-model="dataForm.isOpen" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
|
|
|
</el-form-item>
|
|
|
@@ -54,13 +66,15 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ shopList: [],
|
|
|
dataForm: {
|
|
|
// id: null,
|
|
|
// paramKey: 'HOME_PAGE_POPUP',
|
|
|
popupName: null,
|
|
|
popupPic: null,
|
|
|
popupPicToPage: null,
|
|
|
- isOpen: true
|
|
|
+ isOpen: true,
|
|
|
+ popupCustomerServicePic:null,
|
|
|
// paramValue: null
|
|
|
},
|
|
|
activationEventOriginate: false,
|
|
|
@@ -75,19 +89,21 @@ export default {
|
|
|
],
|
|
|
popupPicToPage: [
|
|
|
{ required: true, message: `${this.$i18n.t('sysManagement.popupPicToPage')} ${this.$i18n.t('sysManagement.nullTips')}`, trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ shopId: [
|
|
|
+ { required: true, message: `关联店铺 shopId ${this.$i18n.t('sysManagement.nullTips')}`, trigger: 'blur' }
|
|
|
]
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
|
- this.init()
|
|
|
+ this.getShopList()
|
|
|
},
|
|
|
methods: {
|
|
|
init () {
|
|
|
- // this.$refs['dataForm'].resetFields()
|
|
|
this.$nextTick(() => {
|
|
|
this.$http({
|
|
|
- url: this.$http.adornUrl('/sys/pconfig/info/' + 'HOME_PAGE_POPUP'),
|
|
|
+ url: this.$http.adornUrl('/sys/pconfig/info/' + 'HOME_PAGE_POPUP_' + this.shopList[0].shopId),
|
|
|
method: 'get',
|
|
|
params: this.$http.adornParams()
|
|
|
}).then(({ data }) => {
|
|
|
@@ -98,6 +114,32 @@ export default {
|
|
|
this.$refs['dataForm'].resetFields()
|
|
|
})
|
|
|
},
|
|
|
+ getShopList () {
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('/shop/shopAuditing/list'),
|
|
|
+ method: 'get',
|
|
|
+ }).then(({ data }) => {
|
|
|
+ if (data) {
|
|
|
+ this.shopList = data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getInfo (shopId) {
|
|
|
+ this.$http({
|
|
|
+ url: this.$http.adornUrl('/sys/pconfig/info/' + 'HOME_PAGE_POPUP_' + shopId),
|
|
|
+ method: 'get',
|
|
|
+ }).then(({ data }) => {
|
|
|
+ if (data) {
|
|
|
+ this.dataForm = data
|
|
|
+ } else {
|
|
|
+ this.dataForm.popupName = null;
|
|
|
+ this.dataForm.popupPic = null;
|
|
|
+ this.dataForm.popupPicToPage = null;
|
|
|
+ this.dataForm.popupCustomerServicePic = null;
|
|
|
+ this.isOpen = true;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
// 表单提交
|
|
|
dataFormSubmit () {
|
|
|
this.$refs['dataForm'].validate((valid) => {
|
|
|
@@ -107,7 +149,7 @@ export default {
|
|
|
url: this.$http.adornUrl(this.saveUrl),
|
|
|
method: 'post',
|
|
|
data: this.$http.adornData({
|
|
|
- 'paramKey': 'HOME_PAGE_POPUP',
|
|
|
+ 'paramKey': 'HOME_PAGE_POPUP_' + this.dataForm.shopId,
|
|
|
'paramValue': JSON.stringify(this.dataForm),
|
|
|
'remark': this.$i18n.t('sysManagement.homePagePopupConfig')
|
|
|
})
|