define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) { var Controller = { index: function () { var configIndex = new Vue({ el: "#configIndex", data() { return { activeName: "basic", configData: { basic: [{ id: 'shopro', title: '商城信息', tip: '配置商城基本信息', message: '商城名称、H5域名、Logo', icon: 'shopro-icon', leaf: '#6ACAA5', background: 'linear-gradient(180deg, #BAF0DD 0%, #51BC99 100%)', url: "{:url(shopro.config/platform?type=shopro')}", button: { background: '#E0F1EB', color: '#13986C' }, }, { id: 'user', title: '会员配置', tip: '配置默认会员信息', message: '默认昵称、头像、分组、余额、积分', icon: 'user-icon', leaf: '#E0B163', background: 'linear-gradient(180deg, #FCE6B7 0%, #E9A848 100%)', button: { background: '#F7EDDD', color: '#B07318' }, }, { id: 'share', title: '分享配置', tip: '配置默认分享信息', message: '分享标题、图片、海报背景', icon: 'share-icon', leaf: '#915CF9', background: 'linear-gradient(180deg, #D5B8FA 0%, #8F62C9 100%)', button: { background: '#E7DEF6', color: '#6625CF' }, }, { id: 'score', title: '积分配置', tip: '配置默认积分规则', message: '签到积分、连续签到规则', icon: 'score-icon', leaf: '#EC9371', background: 'linear-gradient(180deg, #FADDC0 0%, #E47F6D 100%)', button: { background: '#F6E5E1', color: '#D75125' }, }, { id: 'withdraw', title: '提现配置', tip: '配置默认提现规则', message: '手续费、最小最大金额', icon: 'withdraw-icon', leaf: '#EA6670', background: 'linear-gradient(180deg, #FCB7BE 0%, #D36068 100%)', button: { background: '#F3DCDE', color: '#D61226' }, }, { id: 'order', title: '商城配置', tip: '配置默认商城规则', message: '库存预警，订单自动关闭，订单自动收货，订单自动评价', icon: 'order-icon', leaf: '#6991E7', background: 'linear-gradient(180deg, #AFCBFD 0%, #5A7CCF 100%)', button: { background: '#DBE2F6', color: '#1B5EE7' }, }, { id: 'services', title: '第三方服务', tip: '配置物流及位置信息', message: '快递鸟物流、高德地图', icon: 'services-icon', leaf: '#14B0F3', background: 'linear-gradient(180deg, #A5E2FC 0%, #158CBF 100%)', button: { background: '#DBE2F6', color: '#00A3D7' }, }, { id: 'chat', title: '客服配置', tip: '配置客服信息', message: '配置客服信息，快速沟通', icon: 'chat-icon', leaf: '#27C9C3', background: 'linear-gradient(180deg, #A1F3DE 0%, #3DA0A7 100%)', button: { background: '#D6E9EA', color: '#159198' }, }, { id: 'store', title: '门店配置', tip: '配置门店协议', message: '配置门店协议', icon: 'store-icon', leaf: '#487EE5', background: 'linear-gradient(180deg, #84C4FF 0%, #3C68BE 100%)', button: { background: '#DFE7EE', color: '#1C54BD' }, }], platform: [{ id: 'wxOfficialAccount', title: '微信公众号', tip: '配置微信公众号', message: 'AppId、AppSecret、自动登录', icon: 'wxOfficialAccount-icon', leaf: '#6ACAA4', background: 'linear-gradient(180deg, #AAF0D7 0%, #5CC09F 100%)', buttonMessage: '公众号设置', button: { background: '#DEF0EA', color: '#0EA753' }, }, { id: 'wxMiniProgram', title: '小程序', tip: '配置小程序', message: 'AppId、AppSecret、自动登录', icon: 'wxMiniProgram-icon', leaf: '#6962F7', background: 'linear-gradient(180deg, #C1BFFF 0%, #6563C9 100%)', buttonMessage: '小程序设置', button: { background: '#D8D8F1', color: '#3932BF' }, }, { id: 'H5', title: 'H5', tip: '配置H5平台', message: '微信H5支付信息', icon: 'h5-icon', leaf: '#EC9371', background: 'linear-gradient(180deg, #FADDC0 0%, #E5806D 100%)', buttonMessage: 'H5设置', button: { background: '#F7E6E1', color: '#D75E37' }, }, { id: 'App', title: 'App', tip: '配置App平台', message: '生成App实现多端同步使用', icon: 'App-icon', leaf: '#6990E6', background: 'linear-gradient(180deg, #BED6FF 0%, #6785CD 100%)', buttonMessage: 'App设置', button: { background: '#DAE1F6', color: '#1666D3' }, }], payment: [{ id: 'wechat', title: '微信支付', tip: '', message: '', icon: 'wechat-icon', leaf: '#6ACAA4', background: 'linear-gradient(180deg, #AAF0D7 0%, #5DC1A0 100%)', button: { background: '#DEF0EA', color: '#0EA753' }, }, { id: 'alipay', title: '支付宝支付', tip: '', message: '', icon: 'alipay-icon', leaf: '#6990E6', background: 'linear-gradient(180deg, #BFD6FF 0%, #6786CE 100%)', button: { background: '#DAE1F6', color: '#005AD7', }, }, { id: 'wallet', title: '余额支付', tip: '', message: '', icon: 'wallet-icon', leaf: '#EC9371', background: 'linear-gradient(180deg, #FADDC0 0%, #E6816E 100%)', button: { background: '#F7E6E1', color: '#D75E37' }, }, { id: 'apple', title: 'Apple Pay', tip: '', message: '', icon: 'apple-icon', leaf: '#6962F7', background: 'linear-gradient(180deg, #C2C0FF 0%, #6563C9 100%) ', button: { background: '#D8D8F1', color: '#1E14E0', cursor: 'auto' }, }] } } }, methods: { tabClick(tab, event) { this.activeName = tab.name; }, operation(id, title) { let that = this; Fast.api.open("shopro/config/platform?type=" + id + "&tab=" + that.activeName + "&title=" + title, title); }, }, }) }, platform: function () { function debounce(handle, delay) { let time = null; return function () { let self = this, arg = arguments; clearTimeout(time); time = setTimeout(function () { handle.apply(self, arg); }, delay) } } var configPlatform = new Vue({ el: "#configPlatform", data() { return { platformData: { shopro: { name: '', domain: '', version: '', logo: '', logo_arr: [], copyright: ['', ''], user_protocol: '', privacy_protocol: '', about_us: '', }, user: { nickname: '', avatar: '', avatar_arr: [], group_id: '', money: '', score: '', }, share: { title: '', image: '', goods_poster_bg: '', user_poster_bg: '', groupon_poster_bg: '', image_arr: [], goods_poster_bg_arr: [], user_poster_bg_arr: [], groupon_poster_bg_arr: [], }, score: { everyday: '', until_day: '', inc_value: '', }, withdraw: { methods: [], wechat_alipay_auto: 0, service_fee: '', min: '', max: '', }, order: { order_auto_close: '', order_auto_confirm: '', order_auto_comment: '', order_comment_content: '', goods: { stock_warning: 0 } }, services: { amap: { appkey: '' }, express: { ebusiness_id: '', type: 'free', appkey: '', jd_code: '', Sender: { Name: '', Mobile: '', ProvinceName: '', CityName: '', ExpAreaName: '', Address: '', }, PayType: 1, ExpType: 1, CustomerName: '', CustomerPwd: '', ShipperCode: '', }, area_arr: [] }, chat: { type: 'shopro', basic: { last_customer_service: 1, allocate: 'busy', notice: '显示在用户端头部', }, system: { is_ssl: 0, ssl_type: 'cert', ssl_cert: '/www/server/panel/vhost/cert/****/fullchain.pem', ssl_key: '/www/server/panel/vhost/cert/****/privkey.pem', gateway_port: 1819, gateway_num: 2, gateway_start_port: 2010, business_worker_port: 2238, business_worker_num: 4 } }, store: { protocol: '', selfetch_protocol: '', }, wxOfficialAccount: { name: '', wx_type: '', avatar: '', qrcode: '', avatar_arr: [], qrcode_arr: [], app_id: '', secret: '', url: '', token: '', aes_key: '', auto_login: '', status: '' }, wxMiniProgram: { name: '', avatar: '', qrcode: '', avatar_arr: [], qrcode_arr: [], app_id: '', secret: '', auto_login: '', }, H5: { app_id: '', secret: '', }, App: { app_id: '', secret: '', }, wechat: { platform: [], mch_id: '', key: '', cert_client: '', cert_key: '', mode: 'normal', sub_mch_id: '', appid: '', app_id: '', miniapp_id: '', }, alipay: { platform: [], app_id: '', ali_public_key: '', app_cert_public_key: '', alipay_root_cert: '', private_key: '', mode: 'normal', pid: '', }, wallet: { platform: [], }, }, type: new URLSearchParams(location.search).get('type'), tab: new URLSearchParams(location.search).get('tab'), title: new URLSearchParams(location.search).get('title'), groupList: [], detailForm: {}, must_delete: ['logo_arr', 'avatar_arr', 'image_arr', 'goods_poster_bg_arr', 'user_poster_bg_arr', 'groupon_poster_bg_arr', 'qrcode_arr', 'area_arr'], expressAddress: window.location.origin + '/addons/shopro/express/callback', deliverCompany: [], areaOptions: [] } }, mounted() { this.operationData(); if (this.type == 'services') { this.getDeliverCompany(); this.getAreaOptions() } }, methods: { operationData() { this.detailForm = this.platformData[this.type] if (Config.row) { for (key in this.detailForm) { if (Config.row[key]) { if(Config.row[key] instanceof Object){ for(inner in Config.row[key]){ if(Config.row[key][inner]){ this.detailForm[key][inner]=Config.row[key][inner] } } }else{ this.detailForm[key] = Config.row[key] } } } } if (this.type == 'shopro') { this.detailForm.logo_arr = [] this.detailForm.logo_arr.push(Fast.api.cdnurl(this.detailForm.logo)) } else if (this.type == 'user') { this.groupList = Config.groupList this.detailForm.avatar_arr = [] this.detailForm.avatar_arr.push(Fast.api.cdnurl(this.detailForm.avatar)) } else if (this.type == 'share') { this.detailForm.image_arr = [] this.detailForm.image_arr.push(Fast.api.cdnurl(this.detailForm.image)) this.detailForm.goods_poster_bg_arr = [] this.detailForm.goods_poster_bg_arr.push(Fast.api.cdnurl(this.detailForm.goods_poster_bg)) this.detailForm.user_poster_bg_arr = [] this.detailForm.user_poster_bg_arr.push(Fast.api.cdnurl(this.detailForm.user_poster_bg)) this.detailForm.groupon_poster_bg_arr = [] this.detailForm.groupon_poster_bg_arr.push(Fast.api.cdnurl(this.detailForm.groupon_poster_bg)) } else if (this.type == 'withdraw') { this.detailForm.service_fee = this.detailForm.service_fee * 100 } else if (this.type == 'services') { this.detailForm.area_arr = [] if (this.detailForm.express && this.detailForm.express.Sender) { this.detailForm.area_arr = [this.detailForm.express.Sender.ProvinceName, this.detailForm.express.Sender.CityName, this.detailForm.express.Sender.ExpAreaName] } } else if (this.type == 'chat') { if(!this.detailForm.system.ssl_type){ this.$set(this.detailForm.system,'ssl_type','cert') } } else if (this.type == 'wxOfficialAccount') { this.detailForm.avatar_arr = [] this.detailForm.avatar_arr.push(Fast.api.cdnurl(this.detailForm.avatar)) this.detailForm.qrcode_arr = [] this.detailForm.qrcode_arr.push(Fast.api.cdnurl(this.detailForm.qrcode)) } else if (this.type == 'wxMiniProgram') { this.detailForm.avatar_arr = [] this.detailForm.avatar_arr.push(Fast.api.cdnurl(this.detailForm.avatar)) this.detailForm.qrcode_arr = [] this.detailForm.qrcode_arr.push(Fast.api.cdnurl(this.detailForm.qrcode)) } }, richtextSelect(field) { let that = this; Fast.api.open("shopro/richtext/select?multiple=false", "选择协议", { callback: function (data) { that.detailForm[field] = data.data.id; } }); return false; }, attachmentSelect(type, field) { let that = this; Fast.api.open("general/attachment/select?multiple=false", "选择", { callback: function (data) { switch (type) { case "image": that.detailForm[field] = data.url; that.detailForm[field + '_arr'] = data.url; break; // case "file": // that.detailForm[field] = data.url; // break; case "ssl": that.detailForm.system[field] = data.url; break; } } }); return false; }, delImg(type, field) { let that = this; switch (type) { case "image": that.detailForm[field] = ''; that.detailForm[field + '_arr'] = []; break; case "file": that.detailForm[field] = ''; break; } }, submitFrom(type) { let that = this; if (type == 'yes') { let submitData = JSON.parse(JSON.stringify(that.detailForm)) if (that.type == 'withdraw') { submitData.service_fee = (Number(submitData.service_fee) / 100).toFixed(2) } if (that.type == 'services') { submitData.express.Sender.ProvinceName = submitData.area_arr[0]; submitData.express.Sender.CityName = submitData.area_arr[1]; submitData.express.Sender.ExpAreaName = submitData.area_arr[2]; } that.must_delete.forEach(i => { if (submitData[i]) { delete submitData[i] } }); Fast.api.ajax({ url: 'shopro/config/platform?type=' + that.type, loading: true, type: 'POST', data: { data: JSON.stringify(submitData), group: that.tab, title: that.title }, }, function (ret, res) { Fast.api.close() }) } else { Fast.api.close() } }, getDeliverCompany(searchWhere = '') { let that = this; Fast.api.ajax({ url: 'shopro/express/select', loading: false, type: 'GET', data: { searchWhere: searchWhere, } }, function (ret, res) { that.deliverCompany = res.data.rows; return false }) }, deliverDebounceFilter: debounce(function (searchWhere) { this.getDeliverCompany(searchWhere) }, 1000), deliverFilter(searchWhere) { this.deliverDebounceFilter(searchWhere); }, getAreaOptions() { var that = this; Fast.api.ajax({ url: `shopro/area/select`, loading: false, type: 'GET', }, function (ret, res) { that.areaOptions = res.data; return false; }) }, changeWechatType() { for (key in this.detailForm) { if (key != 'mode' && key != 'platform') { this.detailForm[key] = '' } } }, ajaxUpload(id) { let that = this; var formData = new FormData(); formData.append("file", $('#' + id)[0].files[0]); $.ajax({ type: "post", url: "ajax/upload", data: formData, cache: false, processData: false, contentType: false, success: function (data) { if(data.code==1){ that.detailForm[id] = data.data.url }else{ that.$notify({ title: '警告', message: data.msg, type: 'warning' }); } } }) }, }, }) }, add: function () { Controller.api.bindevent(); }, edit: function () { Controller.api.bindevent(); }, api: { bindevent: function () { Form.api.bindevent($("form[role=form]")); } } }; return Controller; });