wangmingchuan
/
yanzong_vue_store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
feature/0423
wanghousheng 8 months ago
parent 8c5f4cd9ed
commit 034ce355b9
1 changed files with 97 additions and 33 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 130
      src/views/client/wxapp/Setting.vue

130
src/views/client/wxapp/Setting.vue
Unescape View File

@ -13,9 +13,7 @@
</div>
</a-form-item>
<a-form-item class="mt-30" label="小程序 AppID" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
v-decorator="['app_id', { rules: [{ required: true, message: '请输入小程序AppID' }] }]"
/>
<a-input v-decorator="['app_id', { rules: [{ required: true, message: '请输入小程序AppID' }] }]" />
<p class="form-item-help">
<small>登录微信小程序平台，开发 - 开发管理 - 开发设置，记录AppID (小程序ID)</small>
</p>
@ -29,10 +27,65 @@
<small>登录微信小程序平台，开发 - 开发管理 - 开发设置，记录AppSecret (小程序密钥)</small>
</p>
</a-form-item>
<a-form-item class="mt-30" label="同城送" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['same_city', { rules: [{ required: true }] }]">
<a-radio :value="true">开启</a-radio>
<a-radio :value="false">关闭</a-radio>
</a-radio-group>
<div class="form-item-help">
<small>注：如关闭，用户则无法通过微信小程序端访问同城送</small>
</div>
</a-form-item>
<a-form-item class="mt-30" label="新人首礼" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['new_first_gift', { rules: [{ required: true }] }]">
<a-radio :value="true">开启</a-radio>
<a-radio :value="false">关闭</a-radio>
</a-radio-group>
<div class="form-item-help">
<small>注：如关闭，用户则无法通过微信小程序端访问新人首礼</small>
</div>
</a-form-item>
<a-form-item class="mt-30" label="大牌正品" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['big_brand', { rules: [{ required: true }] }]">
<a-radio :value="true">开启</a-radio>
<a-radio :value="false">关闭</a-radio>
</a-radio-group>
<div class="form-item-help">
<small>注：如关闭，用户则无法通过微信小程序端访问大牌正品</small>
</div>
</a-form-item>
<a-form-item class="mt-30" label="新品首发" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['new_product', { rules: [{ required: true }] }]">
<a-radio :value="true">开启</a-radio>
<a-radio :value="false">关闭</a-radio>
</a-radio-group>
<div class="form-item-help">
<small>注：如关闭，用户则无法通过微信小程序端访问新品首发</small>
</div>
</a-form-item>
<a-form-item class="mt-30" label="排行榜" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['ranking_list', { rules: [{ required: true }] }]">
<a-radio :value="true">开启</a-radio>
<a-radio :value="false">关闭</a-radio>
</a-radio-group>
<div class="form-item-help">
<small>注：如关闭，用户则无法通过微信小程序端访问排行榜</small>
</div>
</a-form-item>
<a-form-item class="mt-30" label="服务" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['service', { rules: [{ required: true }] }]">
<a-radio :value="true">开启</a-radio>
<a-radio :value="false">关闭</a-radio>
</a-radio-group>
<div class="form-item-help">
<small>注：如关闭，用户则无法通过微信小程序端访问服务</small>
</div>
</a-form-item>
<a-divider orientation="left">授权域名设置</a-divider>
<a-form-item
v-for="(item , index) in domainList"
v-for="(item, index) in domainList"
:key="index"
class="mt-30"
:label="`${item.name}合法域名`"
@ -41,11 +94,9 @@
required
>
<span class="f-14">{{ `${item.protocol}://${domain}` }}</span>
<a
class="ml-15 f-12"
href="javascript:void(0);"
@click="handleCopyLink(`${item.protocol}://${domain}`)"
>点击复制</a>
<a class="ml-15 f-12" href="javascript:void(0);" @click="handleCopyLink(`${item.protocol}://${domain}`)"
>点击复制</a
>
<p class="form-item-help">
<small>登录小程序平台，开发 - 开发管理 - 开发设置 - 服务器域名，修改{{ item.protocol }}协议业务域名</small>
</p>
@ -68,24 +119,24 @@ import * as Api from '@/api/client/wxapp/setting'
const domainList = [
{
name: 'request',
protocol: 'https'
protocol: 'https',
},
{
name: 'socket',
protocol: 'wss'
protocol: 'wss',
},
{
name: 'uploadFile',
protocol: 'https'
protocol: 'https',
},
{
name: 'downloadFile',
protocol: 'https'
protocol: 'https',
},
]
export default {
data () {
data() {
return {
// 标签布局属性
labelCol: { span: 4 },
@ -106,46 +157,60 @@ export default {
}
},
// 初始化数据
created () {
created() {
// 获取当前详情记录
this.getDetail()
},
methods: {
// 获取当前详情记录
getDetail () {
getDetail() {
this.isLoading = true
Api.detail(this.key)
.then(result => {
.then((result) => {
// 当前记录
this.record = result.data.detail
this.domain = result.data.domain
// 设置默认值
this.setFieldsValue()
})
.finally(() => this.isLoading = false)
.finally(() => (this.isLoading = false))
},
// 设置默认值
setFieldsValue () {
setFieldsValue() {
const { record, $nextTick, form } = this
!isEmpty(form.getFieldsValue()) && $nextTick(() => {
form.setFieldsValue(pick(record, ['enabled', 'app_id', 'app_secret']))
})
!isEmpty(form.getFieldsValue()) &&
$nextTick(() => {
form.setFieldsValue(
pick(record, [
'enabled',
'app_id',
'app_secret',
'same_city',
'new_first_gift',
'big_brand',
'new_product',
'ranking_list',
'service',
])
)
})
},
// 复制链接地址
handleCopyLink (url) {
this.$copyText(url).then(res => {
handleCopyLink(url) {
this.$copyText(url).then((res) => {
this.$message.success('复制成功', 0.8)
})
},
// 确认按钮
handleSubmit (e) {
handleSubmit(e) {
e.preventDefault()
// 表单验证
const { form: { validateFields } } = this
const {
form: { validateFields },
} = this
validateFields((errors, values) => {
// 提交到后端api
!errors && this.onFormSubmit(values)
@ -153,14 +218,13 @@ export default {
},
// 提交到后端api
onFormSubmit (values) {
onFormSubmit(values) {
this.isLoading = true
Api.update(this.key, { form: values })
.then(result => this.$message.success(result.message, 1.5))
.finally(() => this.isLoading = false)
}
}
.then((result) => this.$message.success(result.message, 1.5))
.finally(() => (this.isLoading = false))
},
},
}
</script>
<style lang="less" scoped>

Write Preview
Loading…
Cancel
Save