mkm/new_shop_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

转售管理界面优化

Browse Source
This commit is contained in:
jia 2023-08-16 17:51:13 +08:00
parent cb7b8d7ad4
commit e3ff9ee6ce
1 changed files with 74 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
src/views/product/ProductResale/index.vue
View File

@ -5,29 +5,29 @@
<div class="container">
<el-form inline size="small" label-width="110px">
<el-form-item label="审核状态">
<el-select v-model="tableFrom.status" placeholder="请选择" class="filter-item selWidth" clearable @change="getList()">
<el-select v-model="tableFrom.status" placeholder="请选择" class="filter-item selWidth" clearable @change="getList('1')">
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="分类名称：" style="display: inline-block;">
<el-select v-model="tableFrom.category_id" clearable filterable placeholder="请选择" class="selWidth" @change="getList()">
<el-select v-model="tableFrom.resale_type" clearable filterable placeholder="请选择" class="selWidth" @change="getList('1')">
<el-option v-for="item in cateSelect" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="是否显示">
<el-select v-model="tableFrom.is_show" placeholder="请选择" class="filter-item selWidth" clearable @change="getList()">
<el-select v-model="tableFrom.is_show" placeholder="请选择" class="filter-item selWidth" clearable @change="getList('1')">
<el-option label="显示" value="1" />
<el-option label="不显示" value="0" />
</el-select>
</el-form-item>
<el-form-item label="发布者：">
<el-input v-model="tableFrom.username" @keyup.enter.native="getList()" placeholder="请输入文章作者" class="selWidth">
<el-input v-model="tableFrom.username" @keyup.enter.native="getList()" placeholder="请输入发布者" class="selWidth">
<el-button slot="append" icon="el-icon-search" class="el-button-solt" @click="getList()" />
</el-input>
</el-form-item>
<el-form-item label="关键字：">
<el-input v-model="tableFrom.keyword" @keyup.enter.native="getList()" placeholder="请输入文章标题" class="selWidth">
<el-input v-model="tableFrom.keyword" @keyup.enter.native="getList()" placeholder="请输入关键字" class="selWidth">
<el-button slot="append" icon="el-icon-search" class="el-button-solt" @click="getList()" />
</el-input>
</el-form-item>
@ -38,8 +38,13 @@
</div>
<el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="small">
<el-table-column label="ID" prop="community_id" min-width="100" />
<el-table-column label="标题" prop="title" min-width="100" />
<el-table-column label="发布者" prop="author.nickname" min-width="100" />
<el-table-column label="标题" min-width="100">
<template slot-scope="scope">
<span>{{scope.row.title.length>10?scope.row.title.slice(0,9) :scope.row.title }}</span>
</template>
</el-table-column>
<el-table-column label="发布者" prop="mer_name" min-width="100" />
<el-table-column label="封面" min-width="210">
<template slot-scope="scope">
@ -51,7 +56,7 @@
<el-table-column label="分类" min-width="100">
<template slot-scope="scope">
<span>{{ scope.row.category && scope.row.category.cate_name || '暂无' }}</span>
<span>{{scope.row.resale_type==1?'调货':"打折" }}</span>
</template>
</el-table-column>
@ -70,8 +75,9 @@
<el-table-column label="操作" min-width="100" fixed="right">
<template slot-scope="scope">
<el-button type="text" size="small" @click="onDetail(scope.row.community_id)">详情</el-button>
<el-button type="text" size="small" @click="onAudit(scope.row.community_id)">审核</el-button>
<el-button type="text" size="small" v-if="scope.row.status==0" @click="onAudit(scope.row.community_id)">审核</el-button>
</template>
</el-table-column>
@ -84,7 +90,7 @@
<el-dialog v-if="dialogVisible" :before-close="handleClose" :title="isExamine ? '审核' : '详情'" :visible.sync="dialogVisible" width="700px">
<div v-loading="loading">
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px" class="demo-ruleForm">
<el-form-item label="'封面：'">
<el-form-item label="封面：">
<div v-for="(item, index) in formData.image" :key="index" style="display: inline-block; margin: 0 10px 10px 0">
<el-image style="width: 80px; height: 80px" :src="item || ''" :preview-src-list="[item?item:'']" />
</div>
@ -97,16 +103,16 @@
</div>
</el-form-item>
<el-form-item v-if="formData.topic && formData.topic.topic_name" label="标题：">
<div>{{formData.topic.topic_name}}</div>
<el-form-item v-if="formData.title " label="标题：">
<div>{{formData.title}}</div>
</el-form-item>
<el-form-item label="发布者：">
<span>{{formData.author && formData.author.nickname}}</span>
<span>{{formData.mer_name}}</span>
</el-form-item>
<el-form-item label="作者ID：">
<!-- <el-form-item label="作者ID：">
<span>{{formData.author && formData.author.uid}}</span>
</el-form-item>
</el-form-item> -->
<el-form-item label="发布时间：">
<span>{{formData.create_time}}</span>
</el-form-item>
@ -117,7 +123,8 @@
<el-radio :label="-1">拒绝</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="ruleForm.status===1 && isExamine" label="自动下浮百分比" prop="float_rate">
<el-form-item v-if="ruleForm.status===1 && isExamine && formData.resale_type==2" label="自动下浮百分比" prop="float_rate">
<el-input v-model="ruleForm.float_rate" placeholder="请输入百分比" />
</el-form-item>
<el-form-item v-if="ruleForm.status===-1 && isExamine" label="原因" prop="refusal">
@ -145,18 +152,19 @@
import { resaleList, resaleShow, resaleStatus, resaleDetail } from '@/api/product'
import log from '@/libs/util.log';
const scoreWeightValidate = (rule, value, callback) => {
const testReg = /^(?:[1-9]?\d|100)$/;
if (testReg.test(value)) {
callback();
} else {
callback(new Error("0-100的数字"));
}
}
export default {
name: 'communityTopic',
data() {
const scoreWeightValidate = (rule, value, callback) => {
const testReg = /^(?:[1-9]?\d|100)$/;
if (testReg.test(value)) {
callback();
} else {
callback(new Error("0-100的数字"));
}
}
return {
moren: require("@/assets/images/f.png"),
colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
@ -172,9 +180,9 @@ export default {
status: "",
keyword: "",
username: "",
category_id: "",
resale_type: "",
is_show: '',
float_rate: 0
float_rate: ''
},
statusList: [
@ -221,13 +229,23 @@ export default {
},
methods: {
filter(value) {
if (!value) return ''
if (value.length > 10) {
return value.slice(0, 10) + '...'
}
return value
},
// 列表
getList(num) {
this.listLoading = true
this.tableFrom.page = num ? num : this.tableFrom.page
resaleList(this.tableFrom).then(res => {
this.tableData.data = res.data.list
this.tableData.total = res.data.count
@ -249,15 +267,33 @@ export default {
onSubmit(item) {
if (this.ruleForm.status == 1) {
resaleStatus(item.community_id, { "status": 1, float_rate: this.ruleForm.float_rate }).then((res) => {
this.$message.success(res.message)
this.dialogVisible = false
this.ruleForm.float_rate = ''
this.formData = res.data
this.getList()
}).catch(({ message }) => {
this.$message.error(message)
})
if (item.resale_type == 2) {
const testReg = /^(?:[1-9]?\d|100)$/;
if (testReg.test(this.ruleForm.float_rate)) {
resaleStatus(item.community_id, { "status": 1, float_rate: this.ruleForm.float_rate }).then((res) => {
this.$message.success(res.message)
this.dialogVisible = false
this.ruleForm.float_rate = ''
this.formData = res.data
this.getList()
}).catch(({ message }) => {
this.$message.error(message)
})
} else {
this.$message.error('请输入0-100的数字')
}
} else {
resaleStatus(item.community_id, { "status": 1, float_rate: this.ruleForm.float_rate }).then((res) => {
this.$message.success(res.message)
this.dialogVisible = false
this.ruleForm.float_rate = ''
this.formData = res.data
this.getList()
}).catch(({ message }) => {
this.$message.error(message)
})
}
} else {
resaleStatus(item.community_id, { "status": -1, "refusal": this.ruleForm.refusal }).then((res) => {
this.$message.success(res.message)
@ -274,13 +310,14 @@ export default {
handleClose() {
this.dialogVisible = false
this.ruleForm.refusal = ''
this.ruleForm.float_rate = 0
this.ruleForm.float_rate = ''
},
// 审核
onAudit(id) {
this.community_id = id;
this.dialogVisible = true;
this.isExamine = true;
resaleDetail(id).then((res) => {
this.formData = res.data