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:
weipengfei 2023-10-14 11:20:32 +08:00
parent bbf7610502
commit 83abf4c328
2 changed files with 246 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -17,6 +17,7 @@ selenium-debug.log
*.njsproj
*.sln
*.local
dist
package-lock.json
yarn.lock

333
src/views/product/productExamine/info.vue
View File

@ -3,25 +3,48 @@
v-if="dialogVisible"
title="商品审核"
:visible.sync="dialogVisible"
:append-to-body='isAppend'
:append-to-body="isAppend"
width="900px"
:before-close="handleClose"
class="projectInfo"
>
<el-tabs v-if="projectData && isShow" v-model="activeNames" v-loading="loading">
<el-tabs
v-if="projectData && isShow"
v-model="activeNames"
v-loading="loading"
>
<el-tab-pane label="商品信息" name="first">
<div class="acea-row">
<span class="sp">商品名称：{{ projectData.store_name }}</span>
<span class="sp">平台分类：{{ projectData.storeCategory?projectData.storeCategory.cate_name:'' }}</span>
<span class="sp">品牌：{{ projectData.brand?projectData.brand.brand_name:'' }}</span>
<span class="sp"
>平台分类：{{
projectData.storeCategory
? projectData.storeCategory.cate_name
: ""
}}</span
>
<span class="sp"
>品牌：{{
projectData.brand ? projectData.brand.brand_name : ""
}}</span
>
<span class="sp">商品关键字：{{ projectData.keyword }}</span>
<span class="sp">商品单位：{{ projectData.unit_name }}</span>
<span class="sp" v-if="projectData.temp && projectData.temp.name">运费模板：{{ projectData.temp?projectData.temp.name:'' }}</span>
<span class="sp100" v-if="projectData.temp && projectData.temp.info">运费说明：{{ projectData.temp?projectData.temp.info:'' }}</span>
<span class="sp" v-if="projectData.temp && projectData.temp.name"
>运费模板：{{ projectData.temp ? projectData.temp.name : "" }}</span
>
<span class="sp100" v-if="projectData.temp && projectData.temp.info"
>运费说明：{{ projectData.temp ? projectData.temp.info : "" }}</span
>
<span class="sp100">
商品分类：
<template v-if="projectData.merCateId">
<span v-for="(item, index) in projectData.merCateId" :key="index" class="mr10">{{ item.category?item.category.cate_name:'' }}</span>
<span
v-for="(item, index) in projectData.merCateId"
:key="index"
class="mr10"
>{{ item.category ? item.category.cate_name : "" }}</span
>
</template>
<span v-else>-</span>
</span>
@ -36,15 +59,20 @@
/>
</div>
</span>
<span v-if="projectData.video_link" class="sp100">
<span v-if="projectData.video_link" class="sp100">
主图视频：
<video style="width:40%;height: 180px;border-radius: 10px;" :src="projectData.video_link" controls="controls">
您的浏览器不支持 video 标签。
</video>
<video
style="width: 40%; height: 180px; border-radius: 10px"
:src="projectData.video_link"
controls="controls"
>
您的浏览器不支持 video 标签。
</video>
</span>
<span class="sp100">商品轮播图：
<span class="sp100"
>商品轮播图：
<div
v-for="(item,index) in projectData.slider_image"
v-for="(item, index) in projectData.slider_image"
:key="index"
class="pictrue"
>
@ -58,31 +86,92 @@
</div>
</el-tab-pane>
<el-tab-pane label="商品详情" name="second">
<span class="sp100">商品详情：</span>
<div class="contentPic" v-html="projectData.content"/>
<!-- <span class="sp100">商品详情：</span>
<div class="contentPic" v-html="projectData.content"/> -->
<el-form>
<el-form-item label="商品详情：">
<el-input
v-model="projectData.content.title"
placeholder="请输入商品详情"
class="selWidth"
type="textarea"
/>
</el-form-item>
<el-form-item label="商品图片：">
<!-- <vue-ueditor-wrap
v-model="formValidate.content"
:config="myConfig"
@beforeInit="addCustomDialog"
/> -->
<div class="upLoadPicBox" title="750*750px">
<div
v-for="(item, index) in projectData.content.image"
class="pictrue details_pictrue"
:key="index + item"
>
<el-image
class="img"
:preview-src-list="projectData.content.image"
:src="item"
:key="index"
:initial-index="index"
/>
</div>
</div>
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane label="其他设置" name="third">
<span class="sp100">商品排序：{{ projectData.sort }}</span>
<span class="third mb20">
<span>商品推荐：</span>
<el-checkbox-group v-model="checkboxGroup" size="small">
<el-checkbox v-for="(item, index) in recommend" :key="index" disabled :label="item.value">{{ item.name }}</el-checkbox>
<el-checkbox
v-for="(item, index) in recommend"
:key="index"
disabled
:label="item.value"
>{{ item.name }}</el-checkbox
>
</el-checkbox-group>
</span>
<span v-if="projectData.guarantee && projectData.guarantee.templateValue.length" class="third mb20">
<span
v-if="
projectData.guarantee && projectData.guarantee.templateValue.length
"
class="third mb20"
>
<span>服务保障：</span>
<span v-for="(item,index) in projectData.guarantee.templateValue" :key="index">
<span v-if="item.value">{{index+1}}. {{item.value.guarantee_name}}；</span>
<span
v-for="(item, index) in projectData.guarantee.templateValue"
:key="index"
>
<span v-if="item.value"
>{{ index + 1 }}. {{ item.value.guarantee_name }}；</span
>
</span>
</span>
</el-tab-pane>
<el-tab-pane label="商品规格" name="fourth">
<span class="sp">商品规格：{{ projectData.spec_type === 0 ? '单规格' : '多规格' }}</span>
<span class="sp">佣金设置：{{ projectData.extension_type === 0 ? '默认设置' : '单独设置' }}</span>
<span class="sp"
>商品规格：{{
projectData.spec_type === 0 ? "单规格" : "多规格"
}}</span
>
<span class="sp"
>佣金设置：{{
projectData.extension_type === 0 ? "默认设置" : "单独设置"
}}</span
>
<span class="sp100">
<span class="mb15" style="display: block">商品规格:</span>
<template v-if="projectData.spec_type === 0">
<el-table :data="OneattrValue" border class="tabNumWidth" size="mini">
<el-table
:data="OneattrValue"
border
class="tabNumWidth"
size="mini"
>
<el-table-column align="center" label="图片" min-width="80">
<template slot-scope="scope">
<div class="demo-image__preview">
@ -93,18 +182,32 @@
</div>
</template>
</el-table-column>
<el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="120">
<el-table-column
v-for="(item, iii) in attrValue"
:key="iii"
:label="formThead[iii].title"
align="center"
min-width="120"
>
<template slot-scope="scope">
<span class="priceBox" v-text="scope.row[iii]" />
</template>
</el-table-column>
<template v-if="projectData.extension_type === 1">
<el-table-column align="center" label="一级返佣(元)" min-width="120">
<el-table-column
align="center"
label="一级返佣(元)"
min-width="120"
>
<template slot-scope="scope">
<span class="priceBox" v-text="scope.row.extension_one" />
</template>
</el-table-column>
<el-table-column align="center" label="二级返佣(元)" min-width="120">
<el-table-column
align="center"
label="二级返佣(元)"
min-width="120"
>
<template slot-scope="scope">
<span class="priceBox" v-text="scope.row.extension_two" />
</template>
@ -113,33 +216,60 @@
</el-table>
</template>
<template v-if="projectData.spec_type === 1">
<el-table :data="ManyAttrValue" border class="tabNumWidth" size="mini">
<template v-if="manyTabDate">
<el-table-column v-for="(item,iii) in manyTabDate" :key="iii" align="center" :label="manyTabTit[iii].title" min-width="80">
<template slot-scope="scope">
<span class="priceBox" v-text="scope.row[iii]" />
</template>
</el-table-column>
</template>
<el-table
:data="ManyAttrValue"
border
class="tabNumWidth"
size="mini"
>
<template v-if="manyTabDate">
<el-table-column
v-for="(item, iii) in manyTabDate"
:key="iii"
align="center"
:label="manyTabTit[iii].title"
min-width="80"
>
<template slot-scope="scope">
<span class="priceBox" v-text="scope.row[iii]" />
</template>
</el-table-column>
</template>
<el-table-column align="center" label="图片" min-width="80">
<template slot-scope="scope">
<div class="upLoadPicBox">
<div class="pictrue tabPic"><img :src="scope.row.image"></div>
<div class="pictrue tabPic">
<img :src="scope.row.image" />
</div>
</div>
</template>
</el-table-column>
<el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="120">
<el-table-column
v-for="(item, iii) in attrValue"
:key="iii"
:label="formThead[iii].title"
align="center"
min-width="120"
>
<template slot-scope="scope">
<span class="priceBox">{{ scope.row[iii] }}</span>
</template>
</el-table-column>
<template v-if="projectData.extension_type === 1">
<el-table-column align="center" label="一级返佣(元)" min-width="120">
<el-table-column
align="center"
label="一级返佣(元)"
min-width="120"
>
<template slot-scope="scope">
<span class="priceBox">{{ scope.row.extension_one }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="二级返佣(元)" min-width="120">
<el-table-column
align="center"
label="二级返佣(元)"
min-width="120"
>
<template slot-scope="scope">
<span class="priceBox">{{ scope.row.extension_two }}</span>
</template>
@ -150,15 +280,25 @@
</span>
</el-tab-pane>
</el-tabs>
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px" class="demo-ruleForm">
<el-form
ref="ruleForm"
:model="ruleForm"
:rules="rules"
label-width="80px"
class="demo-ruleForm"
>
<el-form-item label="审核状态" prop="status">
<el-radio-group v-model="ruleForm.status">
<el-radio :label="1">通过</el-radio>
<el-radio :label="-1">拒绝</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
<el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
<el-form-item v-if="ruleForm.status === -1" label="原因" prop="refusal">
<el-input
v-model="ruleForm.refusal"
type="textarea"
placeholder="请输入原因"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">提交</el-button>
@ -250,7 +390,7 @@ export default {
default: () => []
}
},
data() {
data () {
return {
rules: {
status: [
@ -282,20 +422,20 @@ export default {
}
},
computed: {
attrValue() {
attrValue () {
const obj = Object.assign({}, defaultObj.attrValue[0])
if(this.svip_type == 0)delete obj.svip_price
if (this.svip_type == 0) delete obj.svip_price
delete obj.image
return obj
},
oneFormBatch() {
oneFormBatch () {
const obj = [Object.assign({}, defaultObj.attrValue[0])]
delete obj[0].bar_code
return obj
}
},
methods: {
onSubmit() {
onSubmit () {
this.isShow ? this.ruleForm.id = this.proId : this.ruleForm.id = this.ids
productStatusApi(this.ruleForm).then(res => {
this.$message.success(res.message)
@ -307,17 +447,18 @@ export default {
this.$message.error(res.message)
})
},
handleClose() {
handleClose () {
this.dialogVisible = false
this.activeNames = 'first'
},
getInfo(id) {
getInfo (id) {
this.proId = id
this.loading = true
productDetailApi(id).then(res => {
if (res.data.content_arr && res.data.content_arr.length > 0) res.data.content = res.data.content_arr;
this.projectData = res.data
this.svip_type = res.data.svip_price_type
if (this.projectData.spec_type === 0) {
this.OneattrValue = res.data.attrValue
} else {
@ -349,52 +490,68 @@ export default {
</script>
<style scoped lang="scss">
.projectInfo{
/deep/.el-dialog__body{
padding-top: 0 !important;
}
/deep/.el-tabs__content{
padding-left: 10px !important;
}
.projectInfo {
/deep/.el-dialog__body {
padding-top: 0 !important;
}
.tabPic{
width: 40px !important;
height: 40px !important;
img{
width: 100%;
height: 100%;
}
/deep/.el-tabs__content {
padding-left: 10px !important;
}
.sp {
display: block;
width: 33%;
font-size: 12px;
margin-bottom: 20px;
}
.tabPic {
width: 40px !important;
height: 40px !important;
img {
width: 100%;
height: 100%;
}
}
.sp {
display: block;
width: 33%;
font-size: 12px;
margin-bottom: 20px;
}
.sp100 {
.sp100 {
width: 100%;
margin-bottom: 15px;
display: inline-block;
}
.third {
width: 100%;
display: flex;
}
.pictrue {
width: 60px;
height: 60px;
border: 1px dotted rgba(0, 0, 0, 0.1);
margin-right: 10px;
position: relative;
cursor: pointer;
display: inline-block;
img {
width: 100%;
margin-bottom: 15px;
display: inline-block;
height: 100%;
}
.third{
}
.demo-image__preview {
display: inline-block;
}
.pictrue {
width: 60px;
height: 60px;
border: 1px dotted rgba(0, 0, 0, 0.1);
margin-right: 10px;
position: relative;
cursor: pointer;
.img {
width: 100%;
display: flex;
}
.pictrue {
width: 60px;
height: 60px;
border: 1px dotted rgba(0, 0, 0, 0.1);
margin-right: 10px;
position: relative;
cursor: pointer;
display: inline-block;
img {
width: 100%;
height: 100%;
}
}
.demo-image__preview{
display: inline-block;
height: 100%;
}
}
.details_pictrue {
width: 400px;
height: 400px;
}
</style>