be34f57322
1. 【修复】申请退款后积分等操作可能出现错误的问题 2. 【修复】拼团支付可能出现支付错误的问题 3. 【修复】退款申请后的订单流程优化和积分赠送的问题 4. 【修复】回收站中的商品无法恢复的问题 5. 【修复】一号通短信查询记录不完整的问题 6. 【修复】用户管理批量加分组，标签的问题 7. 【修复】积分日志搜索显示有误的问题 8. 【修复】手动发送优惠券可能会出错的问题 9. 【修复】核销订单创建在某种条件下会出错的问题 10. 【修复】移动端商品详情，购物车等样式兼容问题 11. 【修复】业务流程性的优化
248 lines
8.5 KiB
Vue
248 lines
8.5 KiB
Vue
<template>
|
|
<div class="divBox">
|
|
<el-card class="box-card">
|
|
<el-tabs v-model="activeNamel1" @tab-click="handleTabClick" v-loading="loading">
|
|
<el-tab-pane
|
|
v-for="tab,index in treeList"
|
|
:key="index"
|
|
:label="tab.name"
|
|
:name="tab.id.toString()"
|
|
>
|
|
<!-- 文件上传特殊处理-->
|
|
<!-- <template v-if="activeNamel1 == 4">-->
|
|
<!-- <el-radio-group v-model="activeNamel2" class="mb10">-->
|
|
<!-- <el-radio v-for="tabItem,itemIndex in tab.child"-->
|
|
<!-- :key="itemIndex"-->
|
|
<!-- :label="tabItem.name" @change="()=>handleItemTabClick(tabItem.extra)">{{tabItem.name}}</el-radio>-->
|
|
<!-- </el-radio-group>-->
|
|
<!-- <parser-->
|
|
<!-- v-if="formConfChild.render"-->
|
|
<!-- :is-edit="formConfChild.isEdit"-->
|
|
<!-- :form-conf="formConfChild.content"-->
|
|
<!-- :form-edit-data="currentEditData"-->
|
|
<!-- @submit="handlerSubmit"-->
|
|
<!-- />-->
|
|
<!-- </template>-->
|
|
<!-- 正常配置渲染-->
|
|
<template>
|
|
<el-tabs v-if="tab.child.length > 0" v-model="activeNamel2"
|
|
type="border-card" @tab-click="handleItemTabClick">
|
|
<el-tab-pane
|
|
v-for="tabItem,itemIndex in tab.child"
|
|
:key="itemIndex"
|
|
:label="tabItem.name"
|
|
:name="tabItem.extra"
|
|
>
|
|
<parser
|
|
v-if="formConfChild.render"
|
|
:is-edit="formConfChild.isEdit"
|
|
:form-conf="formConfChild.content"
|
|
:form-edit-data="currentEditData"
|
|
@submit="handlerSubmit"
|
|
/>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
<span v-else>
|
|
<parser
|
|
v-if="formConf.render"
|
|
:is-edit="formConf.isEdit"
|
|
:form-conf="formConf.content"
|
|
:form-edit-data="currentEditData"
|
|
@submit="handlerSubmit"
|
|
/>
|
|
</span>
|
|
</template>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import parser from '@/components/FormGenerator/components/parser/Parser'
|
|
import * as categoryApi from '@/api/categoryApi.js'
|
|
import * as selfUtil from '@/utils/ZBKJIutil.js'
|
|
import * as systemFormConfigApi from '@/api/systemFormConfig.js'
|
|
import * as systemSettingApi from '@/api/systemSetting.js'
|
|
import * as systemConfigApi from '@/api/systemConfig.js'
|
|
import Template from "@/views/appSetting/wxAccount/wxTemplate/index";
|
|
import {beautifierConf} from "@/components/FormGenerator/utils";
|
|
export default {
|
|
// name: "index",
|
|
components: {Template, parser },
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
formConf: { content: { fields: [] }, id: null, render: false, isEdit: false },
|
|
formConfChild: { content: { fields: [] }, id: null, render: false, isEdit: false },
|
|
activeNamel1: null,
|
|
activeNamel2: '',//针对文件特殊处理
|
|
treeList: [],
|
|
editDataChild: {},
|
|
isCreate: 0,
|
|
currentEditId: null,
|
|
currentEditData: null,
|
|
currentSelectedUploadFlag:null,
|
|
}
|
|
},
|
|
mounted() {
|
|
this.handlerGetTreeList()
|
|
this.getCurrentUploadSelectedFlag()
|
|
},
|
|
methods: {
|
|
// handleTabClick(tab, event) {
|
|
// if (tab.name) {
|
|
// this.handlerGetLevel1FormConfig(tab.name)
|
|
// } else if (tab.$children.length > 0 ) { // 初次加载第二层的第一个Tab数据
|
|
// // if(tab.$children[0].panes){ // todo 优化。。。
|
|
// // this.activeNamel2 = tab.$children[0].panes[0].name
|
|
// // }else{
|
|
// // conaole.integralLog()
|
|
// // }
|
|
// let _selected = tab.$children[0].panes[0]
|
|
// // 设置特殊处理的文件长传表单默认选中第一个tab
|
|
// this.activeNamel2 = _selected.name != 72 ? _selected.name : _selected.label
|
|
// if(this.activeNamel2 == 108){
|
|
// switch (this.currentSelectedUploadFlag) {
|
|
// case 1:
|
|
// this.activeNamel2 = '本地(不推荐)'
|
|
// this.handlerGetLevel2FormConfig(108)
|
|
// break
|
|
// case 2:
|
|
// this.activeNamel2 = '阿里云配置'
|
|
// this.handlerGetLevel2FormConfig(81)
|
|
// break
|
|
// case 3:
|
|
// this.activeNamel2 = '七牛云配置'
|
|
// this.handlerGetLevel2FormConfig(82)
|
|
// break
|
|
// case 4:
|
|
// this.activeNamel2 = '腾讯云配置'
|
|
// this.handlerGetLevel2FormConfig(83)
|
|
// break
|
|
// }
|
|
// }else{
|
|
// this.handlerGetLevel2FormConfig(_selected.name)
|
|
// }
|
|
//
|
|
// }
|
|
// },
|
|
handleTabClick(tab) {
|
|
this.activeNamel2 = tab.$children[0].panes[0].name;
|
|
this.handlerGetLevel2FormConfig(this.activeNamel2);
|
|
},
|
|
handlerGetLevel1FormConfig(id) {
|
|
const formPram = { id: id }
|
|
this.currentEditId = id
|
|
this.formConf.content = { fields: [] }
|
|
this.formConf.render = false
|
|
this.loading = true
|
|
systemFormConfigApi.getFormConfigInfo(formPram).then(data => {
|
|
const { id, name, info, content } = data
|
|
this.formConf.content = JSON.parse(content)
|
|
this.formConf.id = id
|
|
this.handlerGetSettingInfo(id, 1)
|
|
this.loading = false
|
|
}).catch(() =>{
|
|
this.loading = false
|
|
})
|
|
},
|
|
handleItemTabClick(tab, event) { //这里对tabs=tab.name和radio=id做了兼容
|
|
let _id = tab.name ? tab.name : tab
|
|
if(!_id) return this.$message.error('表单配置不正确，请关联正确表单后使用')
|
|
this.handlerGetLevel2FormConfig(_id)
|
|
},
|
|
handlerGetLevel2FormConfig(id) {
|
|
const formPram = { id: id }
|
|
this.currentEditId = id
|
|
this.formConfChild.content = { fields: [] }
|
|
this.formConfChild.render = false
|
|
this.loading = true
|
|
systemFormConfigApi.getFormConfigInfo(formPram).then(data => {
|
|
const { id, name, info, content } = data
|
|
this.formConfChild.content = JSON.parse(content)
|
|
this.formConfChild.id = id
|
|
this.handlerGetSettingInfo(id, 2)
|
|
this.loading = false
|
|
}).catch(() =>{
|
|
this.loading = false
|
|
})
|
|
},
|
|
handlerGetSettingInfo(id, level) {
|
|
systemSettingApi.systemConfigInfo({ id: id }).then(data => {
|
|
this.currentEditData = data
|
|
if (level === 1) {
|
|
this.formConf.isEdit = this.currentEditData !== null
|
|
this.formConf.render = true
|
|
} else {
|
|
this.formConfChild.isEdit = this.currentEditData !== null
|
|
this.formConfChild.render = true
|
|
}
|
|
})
|
|
},
|
|
handlerSubmit(formValue) {
|
|
this.handlerSave(formValue)
|
|
},
|
|
handlerSave(formValue) {
|
|
const _pram = this.buildFormPram(formValue)
|
|
let _formId = 0
|
|
systemSettingApi.systemConfigSave(_pram).then(data => {
|
|
this.$message.success('添加数据成功')
|
|
})
|
|
},
|
|
handlerGetTreeList() {
|
|
const _pram = { type: this.$constants.categoryType[5].value, status: 1 }
|
|
this.loading = true
|
|
categoryApi.treeCategroy(_pram).then(data => {
|
|
this.treeList = this.handleAddArrt(data)
|
|
if (this.treeList.length > 0) this.activeNamel1 = this.treeList[0].id.toString();
|
|
if (this.treeList.length > 0 && this.treeList[0].child.length > 0) {
|
|
this.activeNamel2 = this.treeList[0].child[0].extra
|
|
}
|
|
if (this.activeNamel2) {
|
|
this.handlerGetLevel2FormConfig(this.treeList[0].child[0].extra)
|
|
}
|
|
// else {
|
|
// this.handlerGetLevel1FormConfig(this.treeList[0].extra)
|
|
//}
|
|
this.loading = false
|
|
}).catch(() =>{
|
|
this.loading = false
|
|
})
|
|
},
|
|
handleAddArrt(treeData) {
|
|
// let _result = this.addTreeListLabel(treeData)
|
|
const _result = selfUtil.addTreeListLabel(treeData)
|
|
return _result
|
|
},
|
|
buildFormPram(formValue) {
|
|
const _pram = {
|
|
fields: [],
|
|
id: this.currentEditId,
|
|
sort: 0, // 参数暂时无用
|
|
status: true // 参数暂时无用
|
|
}
|
|
const _fields = []
|
|
Object.keys(formValue).forEach((key) => {
|
|
_fields.push({
|
|
name: key,
|
|
title: key,
|
|
value: formValue[key]
|
|
})
|
|
})
|
|
_pram.fields = _fields
|
|
return _pram
|
|
},
|
|
getCurrentUploadSelectedFlag(){
|
|
systemConfigApi.configGetUniq({key:"uploadType"}).then(data => {
|
|
this.currentSelectedUploadFlag = parseInt(data)
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|