公众号设置

This commit is contained in:
yanran200730
2023-06-08 14:48:04 +08:00
parent fe9b1cd542
commit 4392aed3f6
3 changed files with 274 additions and 41 deletions

View File

@@ -10,7 +10,7 @@
</template>
<template #right>
<el-input
v-model="search.content"
v-model="search.mpName"
size="small"
placeholder="请输入公众号名称"
clearable
@@ -31,9 +31,9 @@
<el-table-column slot="options" label="操作" align="center" fixed="right" width="180">
<template slot-scope="{ row }">
<div class="table-options">
<el-button type="text" @click="remove(row.id)">编辑</el-button>
<el-button type="text" @click="toEdit(row)">编辑</el-button>
<el-button type="text" @click="remove(row.id)">删除</el-button>
<el-button type="text" @click="remove(row.id)">结算金额</el-button>
<el-button type="text" @click="change(row)">结算金额</el-button>
</div>
</template>
</el-table-column>
@@ -43,22 +43,23 @@
width="890px"
:title="id ? '编辑公众号设置' : '添加公众号设置'"
@close="onClose"
:close-on-click-modal="false"
@onConfirm="onConfirm">
<el-form ref="form" class="ai-form" :model="form" label-width="110px" label-position="right">
<el-form-item label="公众号名称" style="width: 100%" prop="name" :rules="[{required: true, message: '请输入公众号名称', trigger: 'blur'}]">
<el-input v-model="form.name" size="small" placeholder="请输入公众号名称"></el-input>
<el-form-item label="公众号名称" style="width: 100%" prop="mpName" :rules="[{required: true, message: '请输入公众号名称', trigger: 'blur'}]">
<el-input v-model="form.mpName" size="small" placeholder="请输入公众号名称"></el-input>
</el-form-item>
<el-form-item label="appid" style="width: 100%" prop="appid" :rules="[{required: true, message: '请输入appid', trigger: 'blur'}]">
<el-input v-model="form.appid" size="small" placeholder="请输入appid"></el-input>
<el-form-item label="appid" style="width: 100%" prop="appId" :rules="[{required: true, message: '请输入appid', trigger: 'blur'}]">
<el-input v-model="form.appId" size="small" placeholder="请输入appid"></el-input>
</el-form-item>
<el-form-item label="secret" style="width: 100%" prop="secret" :rules="[{required: true, message: '请输入公众号密钥', trigger: 'blur'}]">
<el-input v-model="form.secret" size="small" placeholder="请输入公众号密钥"></el-input>
</el-form-item>
<el-form-item label="收益率" style="width: 100%" prop="rate" :rules="[{required: true, message: '请输入收益率', trigger: 'blur'}]">
<el-input v-model="form.rate" size="small" placeholder="请输入收益率"></el-input>
<el-form-item label="收益率" style="width: 100%" prop="yield" :rules="[{required: true, message: '请输入收益率', trigger: 'blur'}]">
<el-input-number :precision="2" size="small" type="input" v-model="form.yield" :min="0" placeholder="请输入"></el-input-number>
</el-form-item>
<el-form-item label="备注" style="width: 100%" prop="remarks" :rules="[{required: true, message: '请输入备注', trigger: 'blur'}]">
<el-input v-model="form.remarks" size="small" placeholder="请输入备注"></el-input>
<el-form-item label="备注" style="width: 100%" prop="notes" :rules="[{required: true, message: '请输入备注', trigger: 'blur'}]">
<el-input v-model="form.notes" type="textarea" :rows="3" size="small" placeholder="请输入备注"></el-input>
</el-form-item>
</el-form>
</ai-dialog>
@@ -69,8 +70,8 @@
@close="onClose"
@onConfirm="onAmountConfirm">
<el-form ref="amountForm" class="ai-form" :model="amountForm" label-width="90px" label-position="right">
<el-form-item label="结算金额" style="width: 100%" prop="amount" :rules="[{required: true, message: '请输入结算金额', trigger: 'blur'}]">
<el-input-number v-model="amountForm.amount" :precision="2" :step="0.1" :max="10"></el-input-number>
<el-form-item label="结算金额" style="width: 100%" prop="settledAmount" :rules="[{required: true, message: '请输入结算金额', trigger: 'blur'}]">
<el-input-number :precision="2" size="small" type="input" v-model="amountForm.settledAmount" :min="0" placeholder="请输入"></el-input-number>
</el-form-item>
</el-form>
</ai-dialog>
@@ -92,23 +93,23 @@
tableData: [],
isShow: false,
form: {
name: '',
appid: '',
secret: '',
rate: '',
remarks: ''
mpName: '',
notes: '',
appId: '',
yield: '',
secret: ''
},
amountForm: {
amount: ''
settledAmount: ''
},
isShowAmount: false,
colConfigs: [
{ prop: 'content', label: '公众号名称' },
{ prop: 'createUserName', label: 'appid', align: 'center' },
{ prop: 'createTime', label: 'secret', align: 'center' },
{ prop: 'createUserName', label: '收益率', align: 'center' },
{ prop: 'createTime', label: '已结算金额(元)', align: 'center' },
{ prop: 'createUserName', label: '备注', align: 'center' }
{ prop: 'mpName', label: '公众号名称' },
{ prop: 'appId', label: 'appid', align: 'center' },
{ prop: 'secret', label: 'secret', align: 'center' },
{ prop: 'yield', label: '收益率', align: 'center' },
{ prop: 'settledAmount', label: '已结算金额(元)', align: 'center' },
{ prop: 'notes', label: '备注', align: 'center' }
],
search: {
size: 10,
@@ -125,7 +126,7 @@
methods: {
getList () {
this.instance.post(`/app/applearningquestion/list`, null, {
this.instance.post(`/wxmpconfig/list`, null, {
params: {
...this.search
}
@@ -137,24 +138,41 @@
})
},
toEdit (e) {
this.id = e.id
this.form.notes = e.notes
this.form.appId = e.appId
this.form.yield = e.yield
this.form.secret = e.secret
this.form.mpName = e.mpName
this.isShow = true
},
change (e) {
this.id = e.id
this.amountForm.settledAmount = e.settledAmount
this.isShowAmount = true
},
onClose () {
this.id = ''
this.form.files = []
this.form.videoName = ''
this.form.videoIntroduction = ''
this.form.videoFileUrl = ''
this.form.videoFileId = ''
this.form.imageFileUrl = ''
this.form.imageFileId = ''
this.form.notes = ''
this.form.appId = ''
this.form.yield = ''
this.form.secret = ''
this.form.mpName = ''
this.amountForm.settledAmount = ''
this.isShowAmount = false
this.isShow = false
},
onAmountConfirm () {
this.$refs.amountForm.validate((valid) => {
if (valid) {
this.instance.post(`/app/appvideoinfo/addOrUpdate`, {
...this.amountForm,
id: this.id
this.instance.post(`/wxmpconfig/updateSettledAmount`, null, {
params: {
...this.amountForm,
id: this.id
}
}).then(res => {
if (res.code == 0) {
this.$message.success('提交成功!')
@@ -170,7 +188,7 @@
onConfirm () {
this.$refs.form.validate((valid) => {
if (valid) {
this.instance.post(`/app/appvideoinfo/addOrUpdate`, {
this.instance.post(`/wxmpconfig/addOrUpdate`, {
...this.form,
id: this.id || ''
}).then(res => {
@@ -187,7 +205,7 @@
remove (id) {
this.$confirm('删除后不可恢复,确定删除该数据?').then(() => {
this.instance.post(`/app/applearningquestion/deleteQuestion?id=${id}`).then(res => {
this.instance.post(`/wxmpconfig/delete?ids=${id}`).then(res => {
if (res.code == 0) {
this.$message.success('删除成功!')
this.getList()