1
This commit is contained in:
DESKTOP-GMUNQ1B\k
parent
8ae1802772
commit
b002300ef9
@ -3,82 +3,35 @@
|
||||
<div class="selCard">
|
||||
<el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" :inline="true">
|
||||
<el-form-item label="选择时间：">
|
||||
<el-date-picker
|
||||
v-model="timeVal"
|
||||
type="daterange"
|
||||
placeholder="选择日期"
|
||||
format="yyyy/MM/dd"
|
||||
value-format="yyyy/MM/dd"
|
||||
range-separator="-"
|
||||
style="width:280px;"
|
||||
:picker-options="pickerOptions"
|
||||
@change="onchangeTime"
|
||||
/>
|
||||
<el-date-picker v-model="timeVal" type="daterange" placeholder="选择日期" format="yyyy/MM/dd"
|
||||
value-format="yyyy/MM/dd" range-separator="-" style="width:280px;" :picker-options="pickerOptions"
|
||||
@change="onchangeTime" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商户类别：" prop="is_trader">
|
||||
<el-select
|
||||
v-model="tableFrom.is_trader"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-select v-model="tableFrom.is_trader" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
|
||||
<el-option label="自营" value="1" />
|
||||
<el-option label="非自营" value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户分类：" prop="category_id">
|
||||
<el-select
|
||||
v-model="tableFrom.category_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in merCateList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
<el-select v-model="tableFrom.category_id" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
|
||||
<el-option v-for="item in merCateList" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺类型：" prop="type_id">
|
||||
<el-select
|
||||
v-model="tableFrom.type_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeType"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
<el-select v-model="tableFrom.type_id" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
|
||||
<el-option v-for="item in storeType" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否推荐：" prop="is_best">
|
||||
<el-select
|
||||
v-model="tableFrom.is_best"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option key="1" label="是" value="1"/>
|
||||
<el-option key="0" label="否" value="0"/>
|
||||
<el-select v-model="tableFrom.is_best" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
|
||||
<el-option key="1" label="是" value="1" />
|
||||
<el-option key="0" label="否" value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="关键字：" prop="keyword">
|
||||
<el-input
|
||||
v-model="tableFrom.keyword"
|
||||
@keyup.enter.native="getList(1)"
|
||||
placeholder="请输入店铺关键字/店铺名/联系电话"
|
||||
class="selWidth"
|
||||
clearable
|
||||
/>
|
||||
<el-input v-model="tableFrom.keyword" @keyup.enter.native="getList(1)" placeholder="请输入店铺关键字/店铺名/联系电话"
|
||||
class="selWidth" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
|
||||
@ -88,49 +41,27 @@
|
||||
</div>
|
||||
<el-card class="mt14">
|
||||
<div class="mb20">
|
||||
<el-tabs v-if="headeNum.length > 0" v-model="tableFrom.status" @tab-click="getList(1),getHeadNum()">
|
||||
<el-tab-pane
|
||||
v-for="(item,index) in headeNum"
|
||||
:key="index"
|
||||
:name="item.type.toString()"
|
||||
:label="item.title +'('+item.count +')' "
|
||||
/>
|
||||
<el-tabs v-if="headeNum.length > 0" v-model="tableFrom.status" @tab-click="getList(1), getHeadNum()">
|
||||
<el-tab-pane v-for="(item, index) in headeNum" :key="index" :name="item.type.toString()"
|
||||
:label="item.title + '(' + item.count + ')'" />
|
||||
</el-tabs>
|
||||
<el-button size="small" type="primary" class="mt5" @click="onAdd">添加商户</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
size="small"
|
||||
highlight-current-row
|
||||
>
|
||||
<el-table v-loading="listLoading" :data="tableData.data" size="small" highlight-current-row>
|
||||
<el-table-column prop="mer_id" label="ID" min-width="60" />
|
||||
<el-table-column prop="mer_name" label="商户名称" min-width="150" />
|
||||
<el-table-column prop="real_name" label="商户姓名" min-width="150" />
|
||||
<el-table-column prop="spread" label="推广人" min-width="150" />
|
||||
<el-table-column prop="status" label="推荐" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.is_best"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
active-text="是"
|
||||
inactive-text="否"
|
||||
:width="40"
|
||||
@click.native="onchangeIsShow(scope.row)"
|
||||
/>
|
||||
<el-switch v-model="scope.row.is_best" :active-value="1" :inactive-value="0" active-text="是"
|
||||
inactive-text="否" :width="40" @click.native="onchangeIsShow(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="status" label="开启/关闭" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.status"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
active-text="开启"
|
||||
inactive-text="关闭"
|
||||
:width="55"
|
||||
@click.native="onchangeIsClose(scope.row)"
|
||||
/>
|
||||
<el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" active-text="开启"
|
||||
inactive-text="关闭" :width="55" @click.native="onchangeIsClose(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="purchase_amount" label="采购金额" min-width="120" />
|
||||
@ -138,7 +69,7 @@
|
||||
<el-table-column prop="create_time" label="创建时间" min-width="150" />
|
||||
<el-table-column prop="margin" label="保证金" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.is_margin == 1 ? '未支付' : scope.row.is_margin == 0 ? '无' : '已支付'}}</span>
|
||||
<span>{{ scope.row.is_margin == 1 ? '未支付' : scope.row.is_margin == 0 ? '无' : '已支付' }}</span>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
@ -147,48 +78,25 @@
|
||||
|
||||
<el-table-column label="操作" min-width="150" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
v-if="tableFrom.status === '1'"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="onLogo(scope.row.mer_id)"
|
||||
>登录</el-button>
|
||||
<el-button v-if="tableFrom.status === '1'" type="text" size="small"
|
||||
@click="onLogo(scope.row.mer_id)">登录</el-button>
|
||||
<el-button type="text" size="small" @click="onEdit(scope.row.mer_id)">编辑</el-button>
|
||||
<el-button type="text" size="small" @click="onDetails(scope.row.mer_id)">详情</el-button>
|
||||
<el-button
|
||||
v-if="tableFrom.status === '0'"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDelete(scope.row.mer_id, scope.$index)"
|
||||
>删除</el-button>
|
||||
<el-button v-if="tableFrom.status === '0'" type="text" size="small"
|
||||
@click="handleDelete(scope.row.mer_id, scope.$index)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
<el-pagination background :page-size="tableFrom.limit" :current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange"
|
||||
@current-change="pageChange" />
|
||||
</div>
|
||||
</el-card>
|
||||
<!--商户详情-->
|
||||
<mer-detail
|
||||
ref="merDetail"
|
||||
:merId="merId"
|
||||
:merCateList="merCateList"
|
||||
:storeType="storeType"
|
||||
@closeDrawer="closeDrawer"
|
||||
@changeDrawer="changeDrawer"
|
||||
@onPassword="onPassword"
|
||||
@handleTimes="handleTimes"
|
||||
@getList="getList"
|
||||
:drawer="drawer"
|
||||
></mer-detail>
|
||||
<mer-detail ref="merDetail" :merId="merId" :merCateList="merCateList" :storeType="storeType"
|
||||
@closeDrawer="closeDrawer" @changeDrawer="changeDrawer" @onPassword="onPassword" @handleTimes="handleTimes"
|
||||
@getList="getList" :drawer="drawer"></mer-detail>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@ -272,7 +180,7 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
/**重置 */
|
||||
searchReset(){
|
||||
searchReset() {
|
||||
this.timeVal = []
|
||||
this.tableFrom.date = ""
|
||||
this.$refs.searchForm.resetFields()
|
||||
@ -302,7 +210,7 @@ export default {
|
||||
this.headeNum[0]["count"] = res.data.valid;
|
||||
this.headeNum[1]["count"] = res.data.invalid;
|
||||
})
|
||||
.catch(res => {});
|
||||
.catch(res => { });
|
||||
},
|
||||
// 商户分类；
|
||||
getMerCategory() {
|
||||
@ -312,7 +220,7 @@ export default {
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
getStoreType(){
|
||||
getStoreType() {
|
||||
getstoreTypeApi().then(res => {
|
||||
this.storeType = res.data
|
||||
}).catch(res => {
|
||||
@ -417,5 +325,4 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
<style scoped lang="scss"></style>
|
||||
|
||||
@ -1,12 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-drawer
|
||||
:with-header="false"
|
||||
:visible.sync="drawer"
|
||||
size="1100px"
|
||||
:direction="direction"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<el-drawer :with-header="false" :visible.sync="drawer" size="1100px" :direction="direction"
|
||||
:before-close="handleClose">
|
||||
<div v-loading="loading">
|
||||
<div class="head">
|
||||
<div class="full">
|
||||
@ -21,7 +16,7 @@
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div class="title">商品类型</div>
|
||||
<div>{{productData.type == 0 ? '普通商品' : productData.type == 1 ? '虚拟商品' : '卡密商品' }}</div>
|
||||
<div>{{ productData.type == 0 ? '普通商品' : productData.type == 1 ? '虚拟商品' : '卡密商品' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="title">商品状态</div>
|
||||
@ -48,57 +43,64 @@
|
||||
<ul class="list">
|
||||
<li class="item item100">
|
||||
<div class="item-title">封面图：</div>
|
||||
<img :src="productData.image" style="width:40px;height:40px;margin-right:12px;"/>
|
||||
<img :src="productData.image" style="width:40px;height:40px;margin-right:12px;" />
|
||||
</li>
|
||||
<li class="item item100">
|
||||
<div class="item-title">轮播图：</div>
|
||||
<img v-for="(pic,idx) in productData.slider_image" :key="idx" :src="pic" style="width:40px;height:40px;margin-right:12px;"/>
|
||||
<img v-for="(pic, idx) in productData.slider_image" :key="idx" :src="pic"
|
||||
style="width:40px;height:40px;margin-right:12px;" />
|
||||
</li>
|
||||
</ul>
|
||||
<li class="item item100">
|
||||
<div class="item-title">商品简介：</div>
|
||||
<div class="value">{{productData.store_info}}</div>
|
||||
<div class="value">{{ productData.store_info }}</div>
|
||||
</li>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div class="item-title">平台分类：</div>
|
||||
<div class="value">{{productData.storeCategory&&productData.storeCategory.cate_name || '-'}}</div>
|
||||
<div class="value">{{ productData.storeCategory && productData.storeCategory.cate_name || '-' }}</div>
|
||||
</li>
|
||||
<li v-if="productData.merCateId&&productData.merCateId.length>0" class="item">
|
||||
<li v-if="productData.merCateId && productData.merCateId.length > 0" class="item">
|
||||
<div class="item-title">商户分类：</div>
|
||||
<div class="value">
|
||||
<span v-for="(item,index) in productData.merCateId" :key="index">{{item.category&&item.category.cate_name}} </span>
|
||||
<span v-for="(item, index) in productData.merCateId" :key="index">{{ item.category &&
|
||||
item.category.cate_name }} </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">商品标签：</div>
|
||||
<div v-if="(productData.mer_labels&&productData.mer_labels_data.length) || (productData.sys_labels_data&&productData.sys_labels_data.length)" class="value">
|
||||
<template v-if="productData.mer_labels_data&&productData.mer_labels_data.length">
|
||||
<span v-for="(item,index) in productData.mer_labels_data" :key="index" class="value-item"> {{item}} </span>
|
||||
<div
|
||||
v-if="(productData.mer_labels && productData.mer_labels_data.length) || (productData.sys_labels_data && productData.sys_labels_data.length)"
|
||||
class="value">
|
||||
<template v-if="productData.mer_labels_data && productData.mer_labels_data.length">
|
||||
<span v-for="(item, index) in productData.mer_labels_data" :key="index" class="value-item">
|
||||
{{ item }} </span>
|
||||
</template>
|
||||
<template v-if="productData.sys_labels_data&&productData.sys_labels_data.length">
|
||||
<span v-for="(item,index) in productData.sys_labels_data" :key="index" class="value-item"> {{item}} </span>
|
||||
<template v-if="productData.sys_labels_data && productData.sys_labels_data.length">
|
||||
<span v-for="(item, index) in productData.sys_labels_data" :key="index" class="value-item">
|
||||
{{ item }} </span>
|
||||
</template>
|
||||
</div>
|
||||
<div v-else class="value"><span>-</span></div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">品牌选择：</div>
|
||||
<div class="value">{{productData.brand&&productData.brand.brand_name || '其它'}}</div>
|
||||
<div class="value">{{ productData.brand && productData.brand.brand_name || '其它' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">单位：</div>
|
||||
<div class="value">{{productData.unit_name}}</div>
|
||||
<div class="value">{{ productData.unit_name }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">关键字：</div>
|
||||
<div class="value">{{productData.keyword || '-'}}</div>
|
||||
<div class="value">{{ productData.keyword || '-' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">配送方式：</div>
|
||||
<template v-if="productData.type==0">
|
||||
<div v-if="productData.delivery_way.length==2" class="value">快递/到店自提</div>
|
||||
<div v-else-if="productData.delivery_way.length==1">{{productData.delivery_way[0]==1 ? "到店自提" : "快递"}}</div>
|
||||
<template v-if="productData.type == 0">
|
||||
<div v-if="productData.delivery_way.length == 2" class="value">快递/到店自提</div>
|
||||
<div v-else-if="productData.delivery_way.length == 1">{{ productData.delivery_way[0] == 1 ? "到店自提" :
|
||||
"快递" }}</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div v-if="productData.type == 1" class="value">虚拟发货</div>
|
||||
@ -109,7 +111,8 @@
|
||||
<ul v-if="productData.video_link" class="list">
|
||||
<li class="item item100">
|
||||
<div class="item-title">主图视频：</div>
|
||||
<video style="width:300px;height: 150px;border-radius: 10px;" :src="productData.video_link" controls="controls">
|
||||
<video style="width:300px;height: 150px;border-radius: 10px;" :src="productData.video_link"
|
||||
controls="controls">
|
||||
您的浏览器不支持 video 标签。
|
||||
</video>
|
||||
</li>
|
||||
@ -121,15 +124,17 @@
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div class="item-title">佣金设置：</div>
|
||||
<div class="value">{{productData.extension_type==1?"单独设置":"默认设置"}}</div>
|
||||
<div class="value">{{ productData.extension_type == 1 ? "单独设置" : "默认设置" }}</div>
|
||||
</li>
|
||||
<li v-if="mer_svip_status" class="item">
|
||||
<div>付费会员价设置：</div>
|
||||
<div class="value">{{productData.svip_price_type==0 ? '不设置会员价' : productData.svip_price_type==1 ? '默认设置会员价' : '自定义设置会员价'}}</div>
|
||||
<div class="value">{{ productData.svip_price_type == 0 ? '不设置会员价' : productData.svip_price_type == 1 ?
|
||||
'默认设置会员价' :
|
||||
'自定义设置会员价' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">规格：</div>
|
||||
<div class="value">{{productData.spec_type == 1 ? "多规格" : "单规格"}}</div>
|
||||
<div class="value">{{ productData.spec_type == 1 ? "多规格" : "单规格" }}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -141,14 +146,12 @@
|
||||
<el-table-column align="center" label="图片" min-width="80">
|
||||
<template slot-scope="scope">
|
||||
<div class="demo-image__preview">
|
||||
<el-image
|
||||
style="width: 60px; height: 60px"
|
||||
:src="scope.row.image"
|
||||
/>
|
||||
<el-image style="width: 60px; height: 60px" :src="scope.row.image" />
|
||||
</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>
|
||||
@ -170,7 +173,8 @@
|
||||
<template v-if="productData.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="100">
|
||||
<el-table-column v-for="(item, iii) in manyTabDate" :key="iii" align="center"
|
||||
:label="manyTabTit[iii].title" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span class="priceBox" v-text="scope.row[iii]" />
|
||||
</template>
|
||||
@ -183,7 +187,8 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="100">
|
||||
<el-table-column v-for="(item, iii) in attrValue" :key="iii" :label="formThead[iii].title"
|
||||
align="center" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span class="priceBox">{{ scope.row[iii] }}</span>
|
||||
</template>
|
||||
@ -207,7 +212,12 @@
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="商品详情" name="detail">
|
||||
<div class="section">
|
||||
<div class="contentPic" v-html="productData.content"/>
|
||||
<el-form v-if="productData.content && productData.content.image && productData.content.image.length > 0">
|
||||
<el-form-item label="商品图片">
|
||||
<el-image style="width:100px;margin-right:10px;" v-for="(item, indx) in productData.content.image"
|
||||
:key="indx" :src="item" :preview-src-list="productData.content.image" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="营销信息" name="marketing">
|
||||
@ -215,11 +225,12 @@
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div class="item-title">店铺推荐：</div>
|
||||
<div class="value">{{productData.is_good ? '是' : '否'}}</div>
|
||||
<div class="value">{{ productData.is_good ? '是' : '否' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">平台推荐：</div>
|
||||
<div v-if="productData.is_benefit||productData.is_new||productData.is_best||productData.is_hot" class="value">
|
||||
<div v-if="productData.is_benefit || productData.is_new || productData.is_best || productData.is_hot"
|
||||
class="value">
|
||||
<span class="value-item" v-if="productData.is_benefit">促销单品</span>
|
||||
<span class="value-item" v-if="productData.is_new">首发新品</span>
|
||||
<span class="value-item" v-if="productData.is_best">精品推荐</span>
|
||||
@ -229,7 +240,7 @@
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">分销礼包：</div>
|
||||
<div class="value">{{productData.is_gift_bag ? '是' : '否'}}</div>
|
||||
<div class="value">{{ productData.is_gift_bag ? '是' : '否' }}</div>
|
||||
</li>
|
||||
<li v-if="productData.star" class="item">
|
||||
<div class="item-title">平台推荐星级：</div>
|
||||
@ -237,37 +248,40 @@
|
||||
<el-rate disabled v-model="productData.star" :colors="colors"></el-rate>
|
||||
</div>
|
||||
</li>
|
||||
<li v-if="productData.merchant&&productData.integral_rate!=0" class="item">
|
||||
<li v-if="productData.merchant && productData.integral_rate != 0" class="item">
|
||||
<div class="item-title">积分抵扣比例：</div>
|
||||
<div v-if="productData.integral_rate == -1&&productData.merchant" class="value">默认设置{{'('+productData.merchant.mer_integral_rate+'%)'}}</div>
|
||||
<div v-else-if="productData.integral_rate > 0" class="value">单独设置{{'('+productData.integral_rate+'%)'}}</div>
|
||||
<div v-if="productData.integral_rate == -1 && productData.merchant" class="value">
|
||||
默认设置{{ '(' + productData.merchant.mer_integral_rate + '%)' }}</div>
|
||||
<div v-else-if="productData.integral_rate > 0" class="value">
|
||||
单独设置{{ '(' + productData.integral_rate + '%)' }}</div>
|
||||
</li>
|
||||
<li v-if="productData.integral_rate!=0" class="item">
|
||||
<li v-if="productData.integral_rate != 0" class="item">
|
||||
<div class="item-title">积分抵扣金额：</div>
|
||||
<div class="value">{{productData.integral_price_total}}元</div>
|
||||
<div class="value">{{ productData.integral_price_total }}元</div>
|
||||
</li>
|
||||
<li v-if="productData.coupon&&productData.coupon.length>0" class="item">
|
||||
<li v-if="productData.coupon && productData.coupon.length > 0" class="item">
|
||||
<div class="item-title">优惠券(赠送券)：</div>
|
||||
<div class="value">
|
||||
<span v-for="(itm,idx) in productData.coupon" :key="idx" class="value-item"> {{itm.title}} </span>
|
||||
<span v-for="(itm, idx) in productData.coupon" :key="idx" class="value-item"> {{ itm.title }}
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">收藏人数：</div>
|
||||
<div class="value">
|
||||
<span> {{productData.care_count}}人</span>
|
||||
<span> {{ productData.care_count }}人</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">已售数量：</div>
|
||||
<div class="value">
|
||||
<span> {{productData.ficti}} (指手动添加数量)</span>
|
||||
<span> {{ productData.ficti }} (指手动添加数量)</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">实际销量 ：</div>
|
||||
<div class="value">
|
||||
<span> {{productData.sales-productData.ficti}} (指实际售出数量)</span>
|
||||
<span> {{ productData.sales - productData.ficti }} (指实际售出数量)</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@ -278,28 +292,35 @@
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div class="item-title">支持退款：</div>
|
||||
<div class="value">{{productData.refund_switch ? '是' : '否'}}</div>
|
||||
<div class="value">{{ productData.refund_switch ? '是' : '否' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">最少购买件数：</div>
|
||||
<div class="value">{{productData.once_min_count == 0 ? '不限购' : productData.once_min_count}}</div>
|
||||
<div class="value">{{ productData.once_min_count == 0 ? '不限购' : productData.once_min_count }}</div>
|
||||
</li>
|
||||
<li v-if="productData.pay_limit!=0" class="item">
|
||||
<li v-if="productData.pay_limit != 0" class="item">
|
||||
<div class="item-title">限购类型：</div>
|
||||
<div class="value">{{productData.pay_limit==1?'单次限购':'长期限购'}}{{productData.once_min_count+'('+productData.unit_name+')'}}</div>
|
||||
<div class="value">
|
||||
{{ productData.pay_limit == 1 ? '单次限购' : '长期限购' }}{{ productData.once_min_count + '(' +
|
||||
productData.unit_name
|
||||
+ ')' }}
|
||||
</div>
|
||||
</li>
|
||||
<li v-if="productData.guarantee" class="item item100">
|
||||
<div class="item-title">保障服务：</div>
|
||||
<div class="value" style="width: 250px;">
|
||||
<span>{{productData.guarantee.template_name}}</span>
|
||||
<div v-if="productData.guarantee.templateValue && productData.guarantee.templateValue.length>0" style="display: inline;">
|
||||
【<span v-for="(item,i) in productData.guarantee.templateValue" :key="i" class="value-temp">{{item.value&&item.value.guarantee_name}}</span>】
|
||||
<span>{{ productData.guarantee.template_name }}</span>
|
||||
<div v-if="productData.guarantee.templateValue && productData.guarantee.templateValue.length > 0"
|
||||
style="display: inline;">
|
||||
【<span v-for="(item, i) in productData.guarantee.templateValue" :key="i" class="value-temp">{{
|
||||
item.value &&
|
||||
item.value.guarantee_name }}</span>】
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li v-if="productData.refusal" class="item">
|
||||
<div class="item-title">审核拒绝原因：</div>
|
||||
<div class="value">{{productData.refusal}}</div>
|
||||
<div class="value">{{ productData.refusal }}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -308,26 +329,16 @@
|
||||
<li class="item item100">
|
||||
<div class="item-title">商户商品参数：</div>
|
||||
<div class="value" style="width: 721px;">
|
||||
<el-table
|
||||
border
|
||||
ref="tableParameter"
|
||||
:data="merParams"
|
||||
row-key="parameter_value_id"
|
||||
size="small"
|
||||
class="ones"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="参数名称"
|
||||
width="360"
|
||||
>
|
||||
<el-table border ref="tableParameter" :data="merParams" row-key="parameter_value_id" size="small"
|
||||
class="ones">
|
||||
<el-table-column align="center" label="参数名称" width="360">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.name}}</span>
|
||||
<span>{{ scope.row.name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="参数值" width="360">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.value}}</span>
|
||||
<span>{{ scope.row.value }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -336,26 +347,16 @@
|
||||
<li class="item item100">
|
||||
<div class="item-title">平台商品参数：</div>
|
||||
<div class="value" style="width: 721px;">
|
||||
<el-table
|
||||
border
|
||||
ref="tableParameter"
|
||||
:data="sysParams"
|
||||
row-key="parameter_value_id"
|
||||
size="small"
|
||||
class="ones"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="参数名称"
|
||||
width="360"
|
||||
>
|
||||
<el-table border ref="tableParameter" :data="sysParams" row-key="parameter_value_id" size="small"
|
||||
class="ones">
|
||||
<el-table-column align="center" label="参数名称" width="360">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.name}}</span>
|
||||
<span>{{ scope.row.name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="参数值" width="360">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.value}}</span>
|
||||
<span>{{ scope.row.value }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -364,9 +365,11 @@
|
||||
<li class="item item100">
|
||||
<div class="item-title">关联系统表单：</div>
|
||||
<div v-if="!productData.mer_form_id" class="value">关闭</div>
|
||||
<div v-else-if="productData.mer_form_id && formData.length==0" class="value">表单已被删除</div>
|
||||
<div v-else-if="formData.length>0 && productData.mer_form_id && activeName=='others'" class="value" style="width: 350px;">
|
||||
<iframe class="iframe-box" :src="formUrl" frameborder="0" ref="iframe" style="min-height: 300px;"></iframe>
|
||||
<div v-else-if="productData.mer_form_id && formData.length == 0" class="value">表单已被删除</div>
|
||||
<div v-else-if="formData.length > 0 && productData.mer_form_id && activeName == 'others'"
|
||||
class="value" style="width: 350px;">
|
||||
<iframe class="iframe-box" :src="formUrl" frameborder="0" ref="iframe"
|
||||
style="min-height: 300px;"></iframe>
|
||||
<!-- <el-table
|
||||
border
|
||||
class="specsList"
|
||||
@ -395,15 +398,15 @@
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div class="item-title">商户名称：</div>
|
||||
<div class="value">{{productData.merchant.mer_name}}</div>
|
||||
<div class="value">{{ productData.merchant.mer_name }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">商户类别：</div>
|
||||
<div class="value">{{productData.merchant.is_trader == 1 ? '自营' : '非自营'}}</div>
|
||||
<div class="value">{{ productData.merchant.is_trader == 1 ? '自营' : '非自营' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="item-title">店铺类型：</div>
|
||||
<div class="value">{{productData.merchant.type_name}}</div>
|
||||
<div class="value">{{ productData.merchant.type_name }}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -413,75 +416,48 @@
|
||||
<el-form size="small" label-width="90px">
|
||||
<div class="acea-row">
|
||||
<el-form-item label="操作端：">
|
||||
<el-select
|
||||
v-model="recordForm.type"
|
||||
placeholder="请选择"
|
||||
class="selWidth mr10"
|
||||
clearable
|
||||
filterable
|
||||
@change="getRecordData(productId)"
|
||||
>
|
||||
<el-select v-model="recordForm.type" placeholder="请选择" class="selWidth mr10" clearable filterable
|
||||
@change="getRecordData(productId)">
|
||||
<el-option label="平台端" value="1" />
|
||||
<el-option label="商户端" value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作时间：">
|
||||
<el-date-picker
|
||||
class="selWidth"
|
||||
v-model="timeVal"
|
||||
type="datetimerange"
|
||||
placeholder="选择日期"
|
||||
value-format="yyyy/MM/dd HH:mm:ss"
|
||||
clearable
|
||||
@change="onchangeTime"
|
||||
>
|
||||
<el-date-picker class="selWidth" v-model="timeVal" type="datetimerange" placeholder="选择日期"
|
||||
value-format="yyyy/MM/dd HH:mm:ss" clearable @change="onchangeTime">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
<el-table
|
||||
border
|
||||
ref="productRecords"
|
||||
:data="recordData.data"
|
||||
row-key="operate_log_id"
|
||||
size="small"
|
||||
class="ones"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="序号"
|
||||
min-width="60"
|
||||
prop="operate_log_id"
|
||||
/>
|
||||
<el-table border ref="productRecords" :data="recordData.data" row-key="operate_log_id" size="small"
|
||||
class="ones">
|
||||
<el-table-column align="center" label="序号" min-width="60" prop="operate_log_id" />
|
||||
<el-table-column align="center" label="操作记录" min-width="120">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.category_name}}</span>
|
||||
<span>{{ scope.row.category_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作端" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.type}}</span>
|
||||
<span>{{ scope.row.type }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作角色" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.operator_role_nickname}}</span>
|
||||
<span>{{ scope.row.operator_role_nickname }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作人" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.operator_nickname}}</span>
|
||||
<span>{{ scope.row.operator_nickname }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="操作时间"
|
||||
min-width="100"
|
||||
prop="create_time"
|
||||
/>
|
||||
<el-table-column align="center" label="操作时间" min-width="100" prop="create_time" />
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination :page-size="recordForm.limit" :current-page="recordForm.page" layout="prev, pager, next, jumper" :total="recordData.total" @size-change="handleSizeChange" @current-change="pageChange" />
|
||||
<el-pagination :page-size="recordForm.limit" :current-page="recordForm.page"
|
||||
layout="prev, pager, next, jumper" :total="recordData.total" @size-change="handleSizeChange"
|
||||
@current-change="pageChange" />
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
@ -609,7 +585,7 @@ export default {
|
||||
computed: {
|
||||
attrValue() {
|
||||
const obj = Object.assign({}, defaultObj.attrValue[0])
|
||||
if(this.svip_type == 0 || this.mer_svip_status == 0)delete obj.svip_price
|
||||
if (this.svip_type == 0 || this.mer_svip_status == 0) delete obj.svip_price
|
||||
delete obj.image
|
||||
return obj
|
||||
},
|
||||
@ -646,16 +622,16 @@ export default {
|
||||
this.formThead = Object.assign({}, this.formThead, tmp)
|
||||
this.sysParams = []
|
||||
this.merParams = []
|
||||
if(res.data.params&&res.data.params.length>0){
|
||||
for(var i=0;i<res.data.params.length;i++){
|
||||
if(res.data.params[i]['mer_id'] == 0){
|
||||
if (res.data.params && res.data.params.length > 0) {
|
||||
for (var i = 0; i < res.data.params.length; i++) {
|
||||
if (res.data.params[i]['mer_id'] == 0) {
|
||||
this.sysParams.push(res.data.params[i])
|
||||
}else{
|
||||
} else {
|
||||
this.merParams.push(res.data.params[i])
|
||||
}
|
||||
}
|
||||
}
|
||||
if(res.data.mer_form_id)this.getFormInfo(res.data.mer_form_id,res.data.mer_id)
|
||||
if (res.data.mer_form_id) this.getFormInfo(res.data.mer_form_id, res.data.mer_id)
|
||||
this.getRecordData(id)
|
||||
this.loading = false
|
||||
}).catch(res => {
|
||||
@ -664,8 +640,8 @@ export default {
|
||||
})
|
||||
},
|
||||
// 关联的表单信息
|
||||
getFormInfo(id,merId){
|
||||
associatedFormInfo(id,{mer_id:merId}).then((res) => {
|
||||
getFormInfo(id, merId) {
|
||||
associatedFormInfo(id, { mer_id: merId }).then((res) => {
|
||||
this.formData = res.data
|
||||
let time = new Date().getTime() * 1000
|
||||
let formUrl = `${this.baseURL}/pages/admin/system_form/index?inner_frame=1&form_id=${id}&time=${time}`;
|
||||
@ -682,8 +658,8 @@ export default {
|
||||
this.getRecordData(this.productData.product_id)
|
||||
},
|
||||
// 商品操作记录
|
||||
getRecordData(id){
|
||||
operateRecordList(id,this.recordForm)
|
||||
getRecordData(id) {
|
||||
operateRecordList(id, this.recordForm)
|
||||
.then(res => {
|
||||
this.recordData.data = res.data.list
|
||||
this.recordData.total = res.data.count
|
||||
@ -709,19 +685,24 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.head {
|
||||
padding: 20px 35px;
|
||||
|
||||
.full {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.order_icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
color: var(--prev-color-primary);
|
||||
|
||||
&.sale-after {
|
||||
color: #90add5;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
align-self: center;
|
||||
flex: 1;
|
||||
@ -729,6 +710,7 @@ export default {
|
||||
padding-left: 12px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
|
||||
.title {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
@ -737,24 +719,28 @@ export default {
|
||||
font-weight: bold;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.order-num {
|
||||
padding-top: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
||||
.item {
|
||||
flex: none;
|
||||
width: 20%;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
|
||||
.title {
|
||||
margin-bottom: 12px;
|
||||
font-size: 13px;
|
||||
@ -764,17 +750,21 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.tabNumWidth{
|
||||
|
||||
.tabNumWidth {
|
||||
max-height: 350px;
|
||||
overflow-y: auto;
|
||||
&:before{
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.el-tabs--border-card {
|
||||
box-shadow: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.section {
|
||||
.title {
|
||||
margin-bottom: 20px;
|
||||
@ -782,6 +772,7 @@ export default {
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@ -789,6 +780,7 @@ export default {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.item {
|
||||
flex: 0 0 calc(100% / 3);
|
||||
display: flex;
|
||||
@ -796,27 +788,33 @@ export default {
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
align-items: center;
|
||||
|
||||
&:nth-child(3n + 1) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
&:nth-child(3n + 2) {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
&:nth-child(3n + 3) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.item-title{
|
||||
|
||||
.item-title {
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.item100{
|
||||
|
||||
.item100 {
|
||||
padding-left: 0;
|
||||
flex: 0 0 calc(100% / 1);
|
||||
padding-left: 0!important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.contentPic{
|
||||
|
||||
.contentPic {
|
||||
width: 500px;
|
||||
margin: 0 auto;
|
||||
max-height: 600px;
|
||||
@ -825,27 +823,31 @@ export default {
|
||||
|
||||
.value {
|
||||
.value-item {
|
||||
&::after{
|
||||
&::after {
|
||||
content: "/";
|
||||
display: inline-block;
|
||||
}
|
||||
&:last-child{
|
||||
&::after{
|
||||
|
||||
&:last-child {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.value-temp{
|
||||
&::after{
|
||||
|
||||
.value-temp {
|
||||
&::after {
|
||||
content: "、";
|
||||
display: inline-block;
|
||||
}
|
||||
&:last-child{
|
||||
&::after{
|
||||
|
||||
&:last-child {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
image {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
@ -855,23 +857,27 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.contentPic ::v-deep img{
|
||||
|
||||
.contentPic ::v-deep img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.el-image {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-drawer__body {
|
||||
overflow: auto;
|
||||
}
|
||||
::v-deep .ones th{
|
||||
|
||||
::v-deep .ones th {
|
||||
background: #F0F5FF;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user