商品审核

This commit is contained in:
姚宇浩 2024-01-24 16:18:29 +08:00
parent 29d02046e9
commit c57ba0040f
4 changed files with 733 additions and 2 deletions

View File

@ -0,0 +1,415 @@
<template>
<el-header>
<div style="display: flex">
<div style="margin-left: 10px">
<el-input
v-model="value1"
placeholder="请输入标题"
:input-style="inputStyle"
clearable
></el-input>
</div>
<div style="margin-left: 10px">
<el-select v-model="selectValue" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div style="margin-left: 10px">
<div>
<el-button type="primary" icon="el-icon-search" @click="getData"
>搜索</el-button
>
</div>
</div>
<div style="margin-left: 10px">
<div>
<el-button
type="primary"
icon="el-icon-search"
@click="getdetail('批量审核', ids)"
>批量审核</el-button
>
</div>
</div>
</div>
</el-header>
<div class="scTable" ref="scTableMain" v-loading="loading">
<div class="scTable-table">
<el-table
:data="tableData"
style="width: 100%"
ref="scTable"
:height="tableHeight"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80">
</el-table-column>
<el-table-column prop="goodsName" label="商品"> </el-table-column>
<el-table-column prop="introduce" label="简介"> </el-table-column>
<el-table-column prop="shopInfo.userName" label="作者">
</el-table-column>
<el-table-column prop="workTag" label="标签"> </el-table-column>
<el-table-column prop="typeName" label="类型">
<template #default="scope">
<span>{{ scope.row.typeName }} - {{ scope.row.typesName }}</span>
</template>
</el-table-column>
<el-table-column prop="examineState" label="审核状态">
<template #default="scope">
<span v-if="scope.row.examineState == '0'" style="color: #409eff"
>未审核</span
>
<span
v-else-if="scope.row.examineState == '1'"
style="color: #67c23a"
>通过</span
>
<span
v-else-if="scope.row.examineState == '2'"
style="color: #f56c6c"
>拒绝</span
>
</template>
</el-table-column>
<el-table-column prop="examineUser" label="审核人">
<template #default="scope">
<span v-if="scope.row.examineUser">{{
scope.row.examineUser
}}</span>
<span v-else>暂无</span>
</template>
</el-table-column>
<el-table-column prop="examineDate" label="审核时间">
<template #default="scope">
<span v-if="scope.row.examineDate">{{
scope.row.examineDate
}}</span>
<span v-else>暂无</span>
</template>
</el-table-column>
<el-table-column label="操作" width="100">
<template #default="scope">
<span
style="
font-size: 14px;
color: #409eff;
margin-right: 10px;
cursor: pointer;
"
@click.stop="getdetail('审核', scope.row.id)"
v-if="scope.row.examineState == '0'"
>审核</span
>
<span
style="
font-size: 14px;
color: #409eff;
margin-right: 10px;
cursor: pointer;
"
@click.stop="getdetails('详情', scope.row)"
>详情</span
>
</template>
</el-table-column>
</el-table>
</div>
<div class="scTable-page">
<div class="scTable-pagination">
<el-pagination
background
:small="true"
layout="total, prev, pager, next, jumper"
:total="total"
:page-size="pageSize"
v-model:currentPage="currentPage"
@current-change="paginationChange"
></el-pagination>
</div>
<div class="scTable-do">
<el-button
@click="refresh"
icon="el-icon-refresh"
circle
style="margin-left: 15px"
></el-button>
</div>
</div>
</div>
<el-dialog
v-model="open"
:title="title"
destroy-on-close
:before-close="before"
width="50%"
>
<el-form :model="formState" label-width="100px">
<el-form-item label="状态" name="userName">
<el-radio-group v-model="formState.resource">
<el-radio :label="true">通过</el-radio>
<el-radio :label="false">不通过</el-radio>
</el-radio-group>
</el-form-item>
<!-- <el-form-item label="简介" name="artAtt">
<el-input type="textarea" v-model="formState.desc"></el-input>
</el-form-item> -->
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="onFinish()"> 确定 </el-button>
</span>
</template>
</el-dialog>
<el-dialog
v-model="opens"
:title="title"
destroy-on-close
:before-close="before"
width="50%"
>
<el-form :model="detailForm" label-width="100px">
<el-form-item label="商品名称">
<el-input v-model="detailForm.goodsName"></el-input>
</el-form-item>
<el-form-item label="作者">
<el-input v-model="detailForm.userName"></el-input>
</el-form-item>
<!-- <el-form-item label="简介">
<el-input type="textarea" v-model="detailForm.introduce"></el-input>
</el-form-item> -->
<el-form-item label="网盘地址">
<el-input v-model="detailForm.wpPath"></el-input>
</el-form-item>
<el-form-item label="提取码">
<el-input v-model="detailForm.code"></el-input>
</el-form-item>
<el-form-item label="文件">
<sc-upload-multiple :accept="''" v-model="imgList"></sc-upload-multiple>
<!-- <div v-for="(v,i) in imgList" :key="i">
<a :href="v" target="_blank">{{ v }}</a>
</div> -->
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="handleCloses">取消</el-button>
<el-button type="primary" @click="handleCloses"> 确定 </el-button>
</span>
</template>
</el-dialog>
</template>
<script>
import http from "@/utils/request";
import { defineAsyncComponent } from "vue";
const scEditor = defineAsyncComponent(() => import("@/components/scEditor"));
export default {
components: {
scEditor,
},
data() {
return {
inputStyle: {
paddingRight: "30px",
},
tableData: [],
pageSize: 20,
total: 0,
currentPage: 1,
loading: false,
tableHeight: "100%",
paginationLayout: "total, prev, pager, next, jumper",
value1: "",
open: false,
opens: false,
title: "修改",
formState: {
resource: true,
desc: "",
},
detailForm: {},
imgList: [],
multipleSelection: [],
ids: "",
selectValue: "",
options: [
{
value: "",
label: "全部",
},
{
value: "1",
label: "已通过",
},
{
value: "2",
label: "未通过",
},
{
value: "0",
label: "未审核",
},
],
};
},
created() {
this.$nextTick(() => {
this.upTableHeight();
});
},
mounted() {
this.getData();
},
methods: {
//
upTableHeight() {
this.tableHeight = this.$refs.scTableMain.offsetHeight - 50 + "px";
},
handleSelectionChange(val) {
this.multipleSelection = val;
let arr = [];
this.multipleSelection.forEach((item) => {
arr.push(item.id);
});
this.ids = arr.join(",");
},
//
getData() {
let parame = {
typesOf: "3",
examineState: this.selectValue,
title: this.value1,
page: this.currentPage,
size: this.pageSize,
};
http
.get("/api/goods/examineList", parame)
.then((res) => {
if (res.code == 200) {
this.tableData = res.data.records;
this.total = res.data.total;
this.currentPage = res.data.current;
this.loading = false;
}
})
.catch((err) => {
console.log(err);
this.loading = false;
});
},
//
paginationChange() {
this.getData();
},
//
refresh() {
this.$refs.scTable.clearSelection();
this.loading = true;
this.getData();
},
before() {
this.open = false;
this.opens = false;
// router.replace();
},
handleClose() {
this.open = false;
this.formState.desc = "";
this.formState.resource = true;
},
onFinish() {
// let parame = {
// ids: this.ids,
// examineState: this.formState.resource
// }
http
.post(
"/api/goods/examine?examineState=" +
this.formState.resource +
"&ids=" +
this.ids
)
.then((res) => {
if (res.code == 200) {
this.tableData = [];
this.total = 0;
this.currentPage = 1;
this.loading = true;
this.open = false;
this.getData();
}
})
.catch((err) => {
console.log(err);
});
},
onFinishs() {
this.opens = false;
},
getdetail(title, value) {
this.title = title;
this.open = true;
this.ids = value;
},
getdetails(title, value) {
this.imgList = [];
this.title = title;
this.opens = true;
this.detailForm.goodsName = value.goodsName;
this.detailForm.userName = value.shopInfo.userName;
this.detailForm.wpPath = value.wpPath;
this.detailForm.code = value.code;
let img1 = null;
if (value.file) {
img1 = value.file.split(",");
if (img1.length > 0) {
img1.forEach((ele) => {
this.imgList.push({
path: ele,
preview: ele,
});
});
}
}
},
handleCloses() {
this.opens = false;
this.detailForm = {};
this.imgList = [];
},
},
};
</script>
<style scoped>
.scTable {
display: flex;
flex-direction: column;
height: calc(100% - 60px);
}
.scTable-table {
flex: 1;
}
.scTable-page {
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px;
background-color: #fff;
}
.scTable-do {
white-space: nowrap;
}
</style>

View File

@ -122,7 +122,7 @@
<template #footer>
<span class="dialog-footer">
<el-button @click="handleCloses">取消</el-button>
<el-button type="primary" @click="onFinish()">
<el-button type="primary" @click="handleCloses">
确定
</el-button>
</span>

View File

@ -0,0 +1,316 @@
<template>
<el-header>
<div style="display: flex;">
<div style="margin-left: 10px;">
<el-input v-model="value1" placeholder="请输入标题" :input-style="inputStyle" clearable></el-input>
</div>
<div style="margin-left: 10px;">
<el-select v-model="selectValue" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div style="margin-left: 10px;">
<div><el-button type="primary" icon="el-icon-search" @click="getData">搜索</el-button></div>
</div>
<div style="margin-left: 10px;">
<div><el-button type="primary" icon="el-icon-search" @click="getdetail('批量审核', ids)">批量审核</el-button></div>
</div>
</div>
</el-header>
<div class="scTable" ref="scTableMain" v-loading="loading">
<div class="scTable-table">
<el-table :data="tableData" style="width: 100%" ref="scTable" :height="tableHeight"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80"> </el-table-column>
<el-table-column prop="domainInfo.name" label="商品"> </el-table-column>
<el-table-column prop="domainInfo.introduce" label="简介"> </el-table-column>
<el-table-column prop="shopInfo.userName" label="作者"> </el-table-column>
<el-table-column prop="workTag" label="标签"> </el-table-column>
<el-table-column prop="typeName" label="类型">
<template #default="scope">
<span>{{ scope.row.typeName }} - {{ scope.row.typesName }}</span>
</template>
</el-table-column>
<el-table-column prop="examineState" label="审核状态">
<template #default="scope">
<span v-if="scope.row.domainInfo.examineState == '0'" style="color:#409EFF;">未审核</span>
<span v-else-if="scope.row.domainInfo.examineState == '1'" style="color:#67C23A;">通过</span>
<span v-else-if="scope.row.domainInfo.examineState == '2'" style="color:#F56C6C;">拒绝</span>
</template>
</el-table-column>
<el-table-column prop="examineUser" label="审核人">
<template #default="scope">
<span v-if="scope.row.domainInfo.examineUser">{{ scope.row.domainInfo.examineUser }}</span>
<span v-else>暂无</span>
</template>
</el-table-column>
<el-table-column prop="examineDate" label="审核时间">
<template #default="scope">
<span v-if="scope.row.domainInfo.examineDate">{{ scope.row.domainInfo.examineDate }}</span>
<span v-else>暂无</span>
</template>
</el-table-column>
<el-table-column label="操作" width="100">
<template #default="scope">
<span style="font-size: 14px;color: #409eff;margin-right: 10px;cursor: pointer;"
@click.stop="getdetail('审核', scope.row.id)" v-if="scope.row.domainInfo.examineState == '0'">审核</span>
<span style="font-size: 14px;color: #409eff;margin-right: 10px;cursor: pointer;"
@click.stop="getdetails('详情', scope.row)">详情</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="scTable-page">
<div class="scTable-pagination">
<el-pagination background :small="true" layout="total, prev, pager, next, jumper" :total="total"
:page-size="pageSize" v-model:currentPage="currentPage"
@current-change="paginationChange"></el-pagination>
</div>
<div class="scTable-do">
<el-button @click="refresh" icon="el-icon-refresh" circle style="margin-left:15px"></el-button>
</div>
</div>
</div>
<el-dialog v-model="open" :title="title" destroy-on-close :before-close="before" width="50%">
<el-form :model="formState" label-width="100px">
<el-form-item label="状态" name="userName">
<el-radio-group v-model="formState.resource">
<el-radio :label="true">通过</el-radio>
<el-radio :label="false">不通过</el-radio>
</el-radio-group>
</el-form-item>
<!-- <el-form-item label="简介" name="artAtt">
<el-input type="textarea" v-model="formState.desc"></el-input>
</el-form-item> -->
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="onFinish()">
确定
</el-button>
</span>
</template>
</el-dialog>
<el-dialog v-model="opens" :title="title" destroy-on-close :before-close="before" width="50%">
<el-form :model="detailForm" label-width="100px">
<el-form-item label="商品名称">
<el-input v-model="detailForm.name"></el-input>
</el-form-item>
<el-form-item label="作者">
<el-input v-model="detailForm.userName"></el-input>
</el-form-item>
<!-- <el-form-item label="简介">
<el-input type="textarea" v-model="detailForm.introduce"></el-input>
</el-form-item> -->
<el-form-item label="网盘地址">
<el-input v-model="detailForm.wpPath"></el-input>
</el-form-item>
<el-form-item label="提取码">
<el-input v-model="detailForm.code"></el-input>
</el-form-item>
<el-form-item label="文件">
<sc-upload-multiple :accept="''" v-model="imgList"></sc-upload-multiple>
<!-- <div v-for="(v,i) in imgList" :key="i">
<a :href="v" target="_blank">{{ v }}</a>
</div> -->
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="handleCloses">取消</el-button>
<el-button type="primary" @click="handleCloses">
确定
</el-button>
</span>
</template>
</el-dialog>
</template>
<script>
import http from "@/utils/request";
import { defineAsyncComponent } from "vue";
const scEditor = defineAsyncComponent(() => import('@/components/scEditor'));
export default {
components: {
scEditor,
},
data() {
return {
inputStyle: {
paddingRight: '30px'
},
tableData: [],
pageSize: 20,
total: 0,
currentPage: 1,
loading: false,
tableHeight: '100%',
paginationLayout: "total, prev, pager, next, jumper",
value1: '',
open: false,
opens: false,
title: '修改',
formState: {
resource: true,
desc: ''
},
detailForm: {},
imgList: [],
multipleSelection: [],
ids: '',
selectValue: '',
options: [{
value: '',
label: '全部'
}, {
value: '1',
label: '已通过'
}, {
value: '2',
label: '未通过'
}, {
value: '0',
label: '未审核'
}],
}
},
created() {
this.$nextTick(() => {
this.upTableHeight()
})
},
mounted() {
this.getData()
},
methods: {
//
upTableHeight() {
this.tableHeight = (this.$refs.scTableMain.offsetHeight - 50) + "px"
},
handleSelectionChange(val) {
this.multipleSelection = val;
let arr = []
this.multipleSelection.forEach(item => {
arr.push(item.id)
})
this.ids = arr.join(',')
},
//
getData() {
let parame = {
typesOf:"1",
examineState: this.selectValue,
title: this.value1,
page: this.currentPage,
size: this.pageSize
}
http.get("/api/goods/examineList", parame).then((res) => {
if (res.code == 200) {
this.tableData = res.data.records
this.total = res.data.total
this.currentPage = res.data.current
this.loading = false
}
}).catch(err => {
console.log(err)
this.loading = false
});
},
//
paginationChange() {
this.getData()
},
//
refresh() {
this.$refs.scTable.clearSelection();
this.loading = true
this.getData()
},
before() {
this.open = false;
this.opens = false;
// router.replace();
},
handleClose() {
this.open = false;
this.formState.desc = ''
this.formState.resource = true
},
onFinish() {
// let parame = {
// ids: this.ids,
// examineState: this.formState.resource
// }
http.post("/api/goods/examine?examineState=" + this.formState.resource + '&ids=' + this.ids).then((res) => {
if (res.code == 200) {
this.tableData = []
this.total = 0
this.currentPage = 1
this.loading = true
this.open = false
this.getData()
}
}).catch(err => {
console.log(err)
});
},
getdetail(title, value) {
this.title = title
this.open = true
this.ids = value
},
getdetails(title, value) {
this.imgList = []
this.title = title
this.opens = true
this.detailForm.name = value.domainInfo.name
this.detailForm.wpPath = value.domainInfo.wpPath
this.detailForm.code = value.domainInfo.code
this.detailForm.userName=value.shopInfo.userName
let img1 = value.domainInfo.file.split(',')
if (img1.length > 0) {
img1.forEach(ele => {
this.imgList.push({
path: ele,
preview: ele
})
})
}
},
handleCloses() {
this.opens = false;
this.detailForm = {}
this.imgList = []
},
}
}
</script>
<style scoped>
.scTable {
display: flex;
flex-direction: column;
height: calc(100% - 60px);
}
.scTable-table {
flex: 1;
}
.scTable-page {
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px;
background-color: #fff;
}
.scTable-do {
white-space: nowrap;
}
</style>

View File

@ -121,7 +121,7 @@
<template #footer>
<span class="dialog-footer">
<el-button @click="handleCloses">取消</el-button>
<el-button type="primary" @click="onFinish()">
<el-button type="primary" @click="handleCloses">
确定
</el-button>
</span>