Skip to content

S
shop-new
提交 6b071265 authored 作者: yyf's avatar yyf
浏览文件
操作

云仓3.1.4提测

上级 c6a154cd
隐藏空白字符变更
内嵌 并排
正在显示 包含 927 行增加 和 737 行删除
src/api/module/goodsgement.js
浏览文件 @ 6b071265
...@@ -80,3 +80,11 @@ export function saveHotEditGoodsData(data) { ...@@ -80,3 +80,11 @@ export function saveHotEditGoodsData(data) {
data: data data: data
}) })
} }
//商品导出
export function exportExcel(data) {
return request({
url: '/system/goodsNew/excel',
method: 'post',
data: data
})
}
src/views/system/goodsimport/goodsgement.vue
浏览文件 @ 6b071265
...@@ -2,32 +2,67 @@ ...@@ -2,32 +2,67 @@
<div class="app-container"> <div class="app-container">
<el-card class="box-card goods-manage-card"> <el-card class="box-card goods-manage-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<el-radio-group v-model="radiomodel" class="radiomodels" @change="radiomodelbtn"> <el-radio-group
<el-radio-button :label="1">上架销售中（{{onsale_count}}）</el-radio-button> v-model="radiomodel"
<el-radio-button :label="2">仓库中的商品（{{downsale_count}}）</el-radio-button> class="radiomodels"
@change="radiomodelbtn"
>
<el-radio-button :label="1"
>上架销售中（{{ onsale_count }}）</el-radio-button
>
<el-radio-button :label="2"
>仓库中的商品（{{ downsale_count }}）</el-radio-button
>
<el-radio-button :label="3">审核记录</el-radio-button> <el-radio-button :label="3">审核记录</el-radio-button>
<el-radio-button :label="4">最近删除（{{del_count}}）</el-radio-button> <el-radio-button :label="4"
>最近删除（{{ del_count }}）</el-radio-button
>
</el-radio-group> </el-radio-group>
</div> </div>
<el-form :inline="true" class="queryFormInline" :model="formInline"> <el-form :inline="true" class="queryFormInline" :model="formInline">
<el-row :span="24" type="flex" align="middle" justify="space-between"> <el-row :span="24" type="flex" align="middle" justify="space-between">
<el-col :span="20"> <el-col :span="20">
<el-form-item label="商品编号"> <el-form-item label="商品编号">
<el-input v-model.trim="formInline.goods_id" size="mini" placeholder="填写商品编号"></el-input> <el-input
v-model.trim="formInline.goods_id"
size="mini"
placeholder="填写商品编号"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="商品名称"> <el-form-item label="商品名称">
<el-input v-model.trim="formInline.goods_name" size="mini" placeholder="填写商品名称"></el-input> <el-input
v-model.trim="formInline.goods_name"
size="mini"
placeholder="填写商品名称"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="商品状态" v-show="radiomodel==3"> <el-form-item label="商品状态" v-show="radiomodel == 3">
<el-select v-model.trim="formInline.status" placeholder="请选择" size="mini" style='width:100px;'> <el-select
<el-option label="全部" value="5" v-if='radiomodel==3'></el-option> v-model.trim="formInline.status"
<el-option label="审核中" value="1" v-if='radiomodel==3'></el-option> placeholder="请选择"
<el-option label="审核拒绝" value="2" v-if='radiomodel==3'></el-option> size="mini"
style="width: 100px"
>
<el-option
label="全部"
value="5"
v-if="radiomodel == 3"
></el-option>
<el-option
label="审核中"
value="1"
v-if="radiomodel == 3"
></el-option>
<el-option
label="审核拒绝"
value="2"
v-if="radiomodel == 3"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="发布时间"> <el-form-item label="发布时间">
<el-date-picker <el-date-picker
style='width:315px;' style="width: 315px"
v-model.trim="formInline.uptime" v-model.trim="formInline.uptime"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -35,232 +70,318 @@ ...@@ -35,232 +70,318 @@
format="yyyy 年 MM 月 dd 日" format="yyyy 年 MM 月 dd 日"
value-format="timestamp" value-format="timestamp"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期"> end-placeholder="结束日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="价格区间"> <el-form-item label="价格区间">
<el-input v-model.trim="formInline.price_min" size="mini" placeholder="最小价格" style="width:100px;"></el-input> <el-input
v-model.trim="formInline.price_min"
size="mini"
placeholder="最小价格"
style="width: 100px"
></el-input>
- -
<el-input v-model.trim="formInline.price_max" size="mini" placeholder="最大价格" style="width:100px;"></el-input> <el-input
v-model.trim="formInline.price_max"
size="mini"
placeholder="最大价格"
style="width: 100px"
></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" size="mini" @click="handleQuery"
type="primary" >查询
size="mini"
@click="handleQuery"
>查询
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div style="float: right"> <div style="float: right">
<el-button <el-button
style="float:right;margin-left: 10px;" style="float: right; margin-left: 10px"
type="danger" type="danger"
v-if='radiomodel===2' v-if="radiomodel === 2"
size="mini" size="mini"
:disabled="multiple" :disabled="multiple"
@click="handledelsale('9','del','all')" @click="handledelsale('9', 'del', 'all')"
>批量删除 >批量删除
</el-button> </el-button>
<el-button <el-button
style="float:right;margin-left: 10px;" style="float: right; margin-left: 10px"
type="danger" type="danger"
v-if='radiomodel==4' v-if="radiomodel == 4"
size="mini" size="mini"
:disabled="multiple" :disabled="multiple"
@click="handledelgrain('9','all')" @click="handledelgrain('9', 'all')"
>彻底删除 >彻底删除
</el-button> </el-button>
<el-button <el-button
v-if='radiomodel==1' v-if="radiomodel == 1"
style="float:right;margin-left: 20px;" style="float: right; margin-left: 10px"
type="primary" type="primary"
:disabled="multiple" :disabled="multiple"
size="mini" size="mini"
@click="handleUpsale('9','down','all')" @click="handleUpsale('9', 'down', 'all')"
>批量下架 >批量下架
</el-button>
<el-button
v-if="radiomodel == 1"
style="float: right"
type="primary"
size="mini"
@click="exportGoods()"
>导出商品
</el-button> </el-button>
<el-button <el-button
v-if='radiomodel==2' v-if="radiomodel == 2"
style="float:right;margin-left: 20px;" style="float: right; margin-left: 10px"
type="primary" type="primary"
:disabled="multiple" :disabled="multiple"
size="mini" size="mini"
@click="handleUpsale('9','up','all')" @click="handleUpsale('9', 'up', 'all')"
>批量申请上架 >批量申请上架
</el-button> </el-button>
<el-button <el-button
v-if='radiomodel==4' v-if="radiomodel == 4"
:disabled="multiple" :disabled="multiple"
style="float:right;margin-left: 20px;" style="float: right; margin-left: 20px"
type="primary" type="primary"
size="mini" size="mini"
@click="handledelsale('9','return','all')" @click="handledelsale('9', 'return', 'all')"
>批量还原 >批量还原
</el-button> </el-button>
<el-button <el-button
v-if='radiomodel==3' v-if="radiomodel == 3"
:disabled="multiple" :disabled="multiple"
style="float:right;margin-left: 20px;align-items:normal" style="float: right; margin-left: 20px; align-items: normal"
type="primary" type="primary"
size="mini" size="mini"
@click="handleCancelUpale" @click="handleCancelUpale"
>批量取消申请上架 >批量取消申请上架
</el-button> </el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<el-table v-loading="loading" :data="freightList" @selection-change="handleSelectionChange"> <el-table
<el-table-column type="selection" width="55" align="center"/> v-loading="loading"
:data="freightList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="商品主图" width="95" align="center"> <el-table-column label="商品主图" width="95" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<img :src="scope.row.default_image" alt="" style="width:60px;height:60px;"> <img
:src="scope.row.default_image"
alt=""
style="width: 60px; height: 60px"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="商品编号" align="center" prop="goods_id"/> <el-table-column label="商品编号" align="center" prop="goods_id" />
<el-table-column label="商品名称" align="center" prop="goods_name"/> <el-table-column label="商品名称" align="center" prop="goods_name" />
<el-table-column label="协议价" align="center" prop=""> <el-table-column label="协议价" align="center" prop="">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.js_price/100}}元 {{ scope.row.js_price / 100 }}元
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="类型" align="center" :formatter="formatType" prop="ChargeType"/> --> <!-- <el-table-column label="类型" align="center" :formatter="formatType" prop="ChargeType"/> -->
<el-table-column label="库存量" align="center" prop="stock"/> <el-table-column label="库存量" align="center" prop="stock" />
<el-table-column label="商品状态" align="center" prop> <el-table-column label="商品状态" align="center" prop>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="radiomodel==1||radiomodel==2"> <span v-if="radiomodel == 1 || radiomodel == 2">
{{scope.row.is_onsale===0?'下架':'上架'}} {{ scope.row.is_onsale === 0 ? "下架" : "上架" }}
</span> </span>
<span v-if="radiomodel==3"> <span v-if="radiomodel == 3">
{{scope.row.up_onsale===1?'审核中':'审核拒绝'}} {{ scope.row.up_onsale === 1 ? "审核中" : "审核拒绝" }}
</span> </span>
<span v-if="radiomodel==4"> <span v-if="radiomodel == 4">
{{scope.row.is_on===0?'已删除':'彻底删除'}} {{ scope.row.is_on === 0 ? "已删除" : "彻底删除" }}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="发布时间" align="center" :formatter="formatTime" prop="add_time"/> <el-table-column
<el-table-column label="审核说明" align="center" prop="last_perate_content" width="240px"/> label="发布时间"
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> align="center"
:formatter="formatTime"
prop="add_time"
/>
<el-table-column
label="审核说明"
align="center"
prop="last_perate_content"
width="240px"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if='radiomodel==3&&scope.row.up_onsale===1'> <div v-if="radiomodel == 3 && scope.row.up_onsale === 1">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@click="handleCancelUpsale(scope.row)" @click="handleCancelUpsale(scope.row)"
>取消上架申请 >取消上架申请
</el-button> </el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
v-if="radiomodel==1" v-if="radiomodel == 1"
size="mini" size="mini"
type="text" type="text"
@click="handleUpsale(scope.row,'down','one')" @click="handleUpsale(scope.row, 'down', 'one')"
>下架 >下架
</el-button> </el-button>
<el-button <el-button
v-if="radiomodel==2" v-if="radiomodel == 2"
size="mini" size="mini"
type="text" type="text"
@click="handleUpsale(scope.row,'up','one')" @click="handleUpsale(scope.row, 'up', 'one')"
>申请上架 >申请上架
</el-button> </el-button>
<el-button <el-button
v-if="radiomodel==4" v-if="radiomodel == 4"
size="mini" size="mini"
type="text" type="text"
@click="handledelsale(scope.row,'return','one')" @click="handledelsale(scope.row, 'return', 'one')"
>还原 >还原
</el-button> </el-button>
<el-divider direction="vertical" v-if="radiomodel!=3"></el-divider> <el-divider
direction="vertical"
v-if="radiomodel != 3"
></el-divider>
<!-- 上架销售中，不下架编辑 --> <!-- 上架销售中，不下架编辑 -->
<el-button <el-button
v-if="radiomodel==1" v-if="radiomodel == 1"
size="mini" size="mini"
type="text" type="text"
@click="hotEditGoods(scope.row)" @click="hotEditGoods(scope.row)"
>编辑 >编辑
</el-button> </el-button>
<el-button <el-button
v-if="radiomodel!=4 && radiomodel!=1" v-if="radiomodel != 4 && radiomodel != 1"
size="mini" size="mini"
type="text" type="text"
@click="editgoods(scope.row)" @click="editgoods(scope.row)"
>编辑 >编辑
</el-button> </el-button>
<el-divider direction="vertical" v-if="radiomodel!=4"></el-divider> <el-divider
<el-button direction="vertical"
size="mini" v-if="radiomodel != 4"
type="text" ></el-divider>
@click="lookdetail(scope.row)" <el-button size="mini" type="text" @click="lookdetail(scope.row)"
>预览 >预览
</el-button> </el-button>
<el-divider direction="vertical" v-if="radiomodel!=1"></el-divider> <el-divider
direction="vertical"
v-if="radiomodel != 1"
></el-divider>
<el-button <el-button
v-if="radiomodel!=4&&radiomodel!=1" v-if="radiomodel != 4 && radiomodel != 1"
size="mini" size="mini"
type="text" type="text"
@click="handledelsale(scope.row,'del','one')" @click="handledelsale(scope.row, 'del', 'one')"
>删除 >删除
</el-button> </el-button>
<el-button <el-button
v-if="radiomodel==4" v-if="radiomodel == 4"
size="mini" size="mini"
type="text" type="text"
@click="handledelgrain(scope.row,'one')" @click="handledelgrain(scope.row, 'one')"
>彻底删除 >彻底删除
</el-button> </el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="formInline.page" :page.sync="formInline.page"
:limit.sync="formInline.limit" :limit.sync="formInline.limit"
@pagination="getList" @pagination="getList"
/> />
<!-- 商品编辑--> <!-- 商品编辑-->
<!-- <el-dialog title="编辑商品" :visible.sync="editisOpen" v-if="editisOpen" width="70%" class="freightTemplate-add">--> <!-- <el-dialog title="编辑商品" :visible.sync="editisOpen" v-if="editisOpen" width="70%" class="freightTemplate-add">-->
<!-- <editGood :option="goodsid" @closeEditDialog="closeEditGoods"></editGood>--> <!-- <editGood :option="goodsid" @closeEditDialog="closeEditGoods"></editGood>-->
<!-- </el-dialog>--> <!-- </el-dialog>-->
<el-dialog title="商品详情" :visible.sync="isOpen" center v-if="isOpen" width="70%" class="freightTemplate-add" <el-dialog
:close-on-click-modal="false"> title="商品详情"
:visible.sync="isOpen"
center
v-if="isOpen"
width="70%"
class="freightTemplate-add"
:close-on-click-modal="false"
>
<goodDetail :goods-id="goodDetails"></goodDetail> <goodDetail :goods-id="goodDetails"></goodDetail>
</el-dialog> </el-dialog>
</el-card> </el-card>
<!-- 不下架 编辑商品 --> <!-- 不下架 编辑商品 -->
<el-dialog title="编辑商品" :visible.sync="isHotEditGoods" center :close-on-click-modal="false" <el-dialog
:before-close="cancelHotEditGoods" width="50%" class="dialog-spe"> title="编辑商品"
<p class="hot-edit-goods-tips">备注：上架销售中的商品，仅可修改【发货时效、邮费模板、售后时长、商品库存量】等信息，修改后无需审核可直接上架。 :visible.sync="isHotEditGoods"
如需编辑更多商品信息，请先将商品下架再进行编辑。</p> center
<el-form :model="hotEditGoodsForm" ref="hotEditGoodsForm" label-width="30%" size="small"> :close-on-click-modal="false"
:before-close="cancelHotEditGoods"
width="50%"
class="dialog-spe"
>
<p class="hot-edit-goods-tips">
备注：上架销售中的商品，仅可修改【发货时效、邮费模板、售后时长、商品库存量】等信息，修改后无需审核可直接上架。
如需编辑更多商品信息，请先将商品下架再进行编辑。
</p>
<el-form
:model="hotEditGoodsForm"
ref="hotEditGoodsForm"
label-width="30%"
size="small"
>
<el-form-item label="发货时效：" prop="delay_compensate"> <el-form-item label="发货时效：" prop="delay_compensate">
<el-select v-model="hotEditGoodsForm.delay_compensate" style="width:400px" placeholder="请选择发货时效"> <el-select
v-model="hotEditGoodsForm.delay_compensate"
style="width: 400px"
placeholder="请选择发货时效"
>
<el-option label="24小时" :value="24"></el-option> <el-option label="24小时" :value="24"></el-option>
<el-option label="48小时" :value="48"></el-option> <el-option label="48小时" :value="48"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="邮费模板：" prop="freight_id"> <el-form-item label="邮费模板：" prop="freight_id">
<el-select v-model="hotEditGoodsForm.freight_id" placeholder="请选择邮费模板" style="width:400px;"> <el-select
<el-option v-for="item in freightOptions" :key="item.id" :label="item.name" :value="item.id"></el-option> v-model="hotEditGoodsForm.freight_id"
placeholder="请选择邮费模板"
style="width: 400px"
>
<el-option
v-for="item in freightOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="售后时长：" prop="aftersale_time"> <el-form-item label="售后时长：" prop="aftersale_time">
<el-select v-model="hotEditGoodsForm.aftersale_time" style="width:400px;" placeholder="请选择售后时长"> <el-select
v-model="hotEditGoodsForm.aftersale_time"
style="width: 400px"
placeholder="请选择售后时长"
>
<el-option label="7天" :value="7"></el-option> <el-option label="7天" :value="7"></el-option>
<el-option label="15天" :value="15"></el-option> <el-option label="15天" :value="15"></el-option>
<el-option label="30天" :value="30"></el-option> <el-option label="30天" :value="30"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table :data="speList" class="hot-edit-goods-table" border v-if="speList.length"> <el-table
:data="speList"
class="hot-edit-goods-table"
border
v-if="speList.length"
>
<el-table-column label="规格项" prop="spe" align="center"> <el-table-column label="规格项" prop="spe" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-for="(item, index) in scope.row.objArr" :key="index"> <span v-for="(item, index) in scope.row.objArr" :key="index">
...@@ -268,7 +389,12 @@ ...@@ -268,7 +389,12 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="库存量" width="160px" prop="stock" align="center"> <el-table-column
label="库存量"
width="160px"
prop="stock"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.stock" /> <el-input v-model="scope.row.stock" />
</template> </template>
...@@ -276,11 +402,14 @@ ...@@ -276,11 +402,14 @@
</el-table> </el-table>
<el-table :data="speListone" class="hot-edit-goods-table" border v-else> <el-table :data="speListone" class="hot-edit-goods-table" border v-else>
<el-table-column label="规格项" prop="spe" align="center"> <el-table-column label="规格项" prop="spe" align="center">
<template slot-scope="scope"> <template slot-scope="scope"> 默认 </template>
默认
</template>
</el-table-column> </el-table-column>
<el-table-column label="库存量" width="160px" prop="stock" align="center"> <el-table-column
label="库存量"
width="160px"
prop="stock"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model.trim="scope.row.stock" /> <el-input v-model.trim="scope.row.stock" />
</template> </template>
...@@ -288,680 +417,728 @@ ...@@ -288,680 +417,728 @@
</el-table> </el-table>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="small" @click="cancelHotEditGoods">取 消</el-button> <el-button size="small" @click="cancelHotEditGoods">取 消</el-button>
<el-button size="small" type="primary" @click="saveHotEditGoods">保 存</el-button> <el-button size="small" type="primary" @click="saveHotEditGoods"
>保 存</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import goodDetail from './components/goodsdetail' import goodDetail from "./components/goodsdetail";
import editGood from '@/views/system/goods/add/index' import editGood from "@/views/system/goods/add/index";
import { GetFreight,getGoodsNew } from '@/api/module/goods' import { GetFreight, getGoodsNew } from "@/api/module/goods";
import { getlistGoods, shelvesStatus, delgoodsStatus,cancelOnsale,cancelOnsaleAllData,saveHotEditGoodsData } from '@/api/module/goodsgement' import {
import {dateFormat} from '@/utils' getlistGoods,
shelvesStatus,
delgoodsStatus,
cancelOnsale,
cancelOnsaleAllData,
saveHotEditGoodsData,
exportExcel,
} from "@/api/module/goodsgement";
import { dateFormat } from "@/utils";
export default { export default {
name: "freight", name: "freight",
data() { data() {
return { return {
goodDetails: { goodDetails: {
goods_id: '' goods_id: "",
}, },
// editisOpen: false,//编辑 // editisOpen: false,//编辑
downsale_count: '',//仓库数量 downsale_count: "", //仓库数量
onsale_count: '',//上架数量 onsale_count: "", //上架数量
del_count: '',//删除数量 del_count: "", //删除数量
radiomodel: 1, radiomodel: 1,
formInline: { formInline: {
page: 1, page: 1,
limit: 20, limit: 20,
goods_name: '', goods_name: "",
goods_id: '', goods_id: "",
status: '5', status: "5",
uptime: '', uptime: "",
price_min: '', price_min: "",
price_max: '' price_max: "",
}, },
// fullHeight: 0, // fullHeight: 0,
// tableHeight: 0, // tableHeight: 0,
// 遮罩层 // 遮罩层
loading: false, loading: false,
// 选中数组 // 选中数组
selectionsList:[], selectionsList: [],
ids: [], ids: [],
// 非单个禁用 // 非单个禁用
single: true, single: true,
// 非多个禁用 // 非多个禁用
multiple: true, multiple: true,
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
// 总条数 // 总条数
total: 0, total: 0,
// freight表格数据 // freight表格数据
freightList: [], freightList: [],
// 弹出层标题 // 弹出层标题
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
isOpen: false, isOpen: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
page: 1, page: 1,
limit: 20, limit: 20,
seller_id: null, seller_id: null,
name: null, name: null,
sort: null, sort: null,
is_default: null, is_default: null,
charge_type: null, charge_type: null,
dispatching: null, dispatching: null,
disdispatching: null, disdispatching: null,
publish: null, publish: null,
created: null, created: null,
modified: null, modified: null,
}, },
// 表单参数 // 表单参数
goodsid: 0, goodsid: 0,
// 表单校验 // 表单校验
rules: { rules: {
name: [ name: [
{required: true, message: "模板名称不能为空", trigger: "blur"} { required: true, message: "模板名称不能为空", trigger: "blur" },
], ],
}, },
// 热更新商品 // 热更新商品
isHotEditGoods: false, isHotEditGoods: false,
hotEditGoodsForm: { hotEditGoodsForm: {
delay_compensate: 24, delay_compensate: 24,
freight_id: 310, freight_id: 310,
aftersale_time: 7 aftersale_time: 7,
}, },
freightOptions: [], freightOptions: [],
speList: [], speList: [],
speListone:[], speListone: [],
stock: 0, stock: 0,
rowInfo: null rowInfo: null,
};
},
components: {
goodDetail,
editGood,
},
created() {
if (this.$route.query.goodsStatus) {
this.radiomodel = Number(this.$route.query.goodsStatus);
}
this.getList();
// this.$nextTick(() => {
// let headerHeight = document.getElementsByClassName('queryFormInline')[0].clientHeight
// this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight - headerHeight
// })
},
watch: {
// fullHeight(val) {
// let headerHeight = document.getElementsByClassName('queryFormInline')[0].clientHeight
// let formHeight = document.getElementsByClassName('clearfix')[0].clientHeight
// this.tableHeight = val - formHeight - 40 - headerHeight
// }
},
methods: {
// 运费模板
getFreightData() {
let params = {
is_status: 1,
}; };
GetFreight(params).then((res) => {
if (res.data) {
this.freightOptions = res.data;
} else {
this.freightOptions = "";
}
});
}, },
components: { handledelgrain(row, isall) {
goodDetail, //彻底删除
editGood let good_id, is_on, title, message;
}, if (isall == "one") {
created() { good_id = [row.goods_id];
if( this.$route.query.goodsStatus ) { is_on = 2;
this.radiomodel = Number(this.$route.query.goodsStatus); title = "彻底删除";
message = "此操作将彻底删除该商品，是否继续？";
} else if (isall == "all") {
good_id = this.ids;
is_on = 2;
title = "彻底删除";
message = "此操作将彻底删除选中的商品，是否继续？";
} }
this.getList(); let data = {
// this.$nextTick(() => { goods_id: good_id,
// let headerHeight = document.getElementsByClassName('queryFormInline')[0].clientHeight is_on: is_on,
// this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight - headerHeight };
// }) this.$msgbox({
}, title: title,
watch: { message: message,
// fullHeight(val) { center: true,
// let headerHeight = document.getElementsByClassName('queryFormInline')[0].clientHeight showCancelButton: true,
// let formHeight = document.getElementsByClassName('clearfix')[0].clientHeight confirmButtonText: "确定",
// this.tableHeight = val - formHeight - 40 - headerHeight cancelButtonText: "取消",
// } beforeClose: (action, instance, done) => {
}, if (action === "confirm") {
methods: { delgoodsStatus(data).then((res) => {
// 运费模板 if (res.code == 1) {
getFreightData() { done();
let params = { this.getList();
is_status: 1 }
} });
GetFreight(params).then(res => { } else {
if(res.data) { done();
this.freightOptions = res.data;
}else {
this.freightOptions = ''
} }
},
}).then((action) => {
this.$message({
type: "success",
message: "操作成功！",
}); });
}, });
handledelgrain(row, isall) { //彻底删除 },
let good_id, is_on, title, message handledelsale(row, status, isall) {
if (isall == 'one') { //删除还原
good_id = [row.goods_id] let good_id, is_on, title, message;
is_on = 2 if (isall == "one") {
title = "彻底删除" good_id = [row.goods_id];
message = "此操作将彻底删除该商品，是否继续？" if (status == "del") {
// 0 删除 1还原
} else if (isall == 'all') { is_on = 0;
good_id = this.ids title = "删除";
message = "是否删除该商品！";
is_on = 2
title = "彻底删除"
message = "此操作将彻底删除选中的商品，是否继续？"
} }
let data = { if (status == "return") {
'goods_id': good_id, is_on = 1;
'is_on': is_on title = "还原";
message = "是否还原该商品！";
} }
this.$msgbox({ } else if (isall == "all") {
title: title, good_id = this.ids;
message: message, if (status == "del") {
center: true, is_on = 0;
showCancelButton: true, title = "批量删除";
confirmButtonText: '确定', message = "是否删除选中的商品！";
cancelButtonText: '取消',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
delgoodsStatus(data).then(res => {
if (res.code == 1) {
done()
this.getList()
}
})
} else {
done();
}
}
}).then(action => {
this.$message({
type: 'success',
message: '操作成功！'
});
});
},
handledelsale(row, status, isall) {//删除还原
let good_id, is_on, title, message
if (isall == 'one') {
good_id = [row.goods_id]
if (status == 'del') { // 0 删除 1还原
is_on = 0
title = "删除"
message = "是否删除该商品！"
}
if (status == 'return') {
is_on = 1
title = "还原"
message = "是否还原该商品！"
}
} else if (isall == 'all') {
good_id = this.ids
if (status == 'del') {
is_on = 0
title = "批量删除"
message = "是否删除选中的商品！"
}
if (status == 'return') {
is_on = 1
title = "批量还原"
message = "是否还原选中的商品！"
}
} }
let data = { if (status == "return") {
'goods_id': good_id, is_on = 1;
'is_on': is_on title = "批量还原";
message = "是否还原选中的商品！";
} }
this.$msgbox({ }
title: title, let data = {
message: message, goods_id: good_id,
center: true, is_on: is_on,
showCancelButton: true, };
confirmButtonText: '确定', this.$msgbox({
cancelButtonText: '取消', title: title,
beforeClose: (action, instance, done) => { message: message,
if (action === 'confirm') { center: true,
delgoodsStatus(data).then(res => { showCancelButton: true,
if (res.code == 1) { confirmButtonText: "确定",
done() cancelButtonText: "取消",
beforeClose: (action, instance, done) => {
this.$message({ if (action === "confirm") {
type: 'success', delgoodsStatus(data).then((res) => {
message: '操作成功！' if (res.code == 1) {
}); done();
this.getList()
} else {
done()
this.$message({
type: 'warning',
message: res.message
});
}
}) this.$message({
} else { type: "success",
done(); message: "操作成功！",
} });
this.getList();
} else {
done();
this.$message({
type: "warning",
message: res.message,
});
}
});
} else {
done();
} }
}).then(action => { },
// this.$message({ }).then((action) => {
// type: 'success', // this.$message({
// message: '操作成功！' // type: 'success',
// }); // message: '操作成功！'
}); // });
}, });
},
// 下架/申请上架 // 下架/申请上架
handleUpsale(row, status, isall) { //上下架 handleUpsale(row, status, isall) {
//console.log(442,row); //上下架
let good_id, is_onsale, title, message //console.log(442,row);
if (isall == 'one') { let good_id, is_onsale, title, message;
good_id = [row.goods_id] if (isall == "one") {
if (status == 'up') { // 0 下架 1上架 good_id = [row.goods_id];
is_onsale = 1 if (status == "up") {
title = "商品上架" // 0 下架 1上架
message = "是否上架该商品" is_onsale = 1;
} title = "商品上架";
if (status == 'down') { message = "是否上架该商品";
is_onsale = 0
title = "商品下架"
message = "是否下架该商品！"
}
} else if (isall == 'all') {
good_id = this.ids
if (status == 'up') {
is_onsale = 1
title = "商品批量上架"
message = "是否上架选中的商品！"
}
if (status == 'down') {
is_onsale = 0
title = "商品批量下架"
message = "是否下架选中的商品！"
}
} }
let data = { if (status == "down") {
'goods_id': good_id, is_onsale = 0;
'is_onsale': is_onsale title = "商品下架";
message = "是否下架该商品！";
} }
this.$msgbox({ } else if (isall == "all") {
title: title, good_id = this.ids;
message: message, if (status == "up") {
center: true, is_onsale = 1;
showCancelButton: true, title = "商品批量上架";
confirmButtonText: '确定', message = "是否上架选中的商品！";
cancelButtonText: '取消', }
beforeClose: (action, instance, done) => { if (status == "down") {
if (action === 'confirm') { is_onsale = 0;
shelvesStatus(data).then(res => { title = "商品批量下架";
if (res.code == 1) { message = "是否下架选中的商品！";
done() }
this.getList() }
}else { let data = {
this.$message({type: 'success', message: res.message ? res.message : '操作失败'}); goods_id: good_id,
} is_onsale: is_onsale,
}) };
} else { this.$msgbox({
done(); title: title,
} message: message,
center: true,
showCancelButton: true,
confirmButtonText: "确定",
cancelButtonText: "取消",
beforeClose: (action, instance, done) => {
if (action === "confirm") {
shelvesStatus(data).then((res) => {
if (res.code == 1) {
done();
this.getList();
} else {
this.$message({
type: "success",
message: res.message ? res.message : "操作失败",
});
}
});
} else {
done();
} }
}).then(action => { },
this.$message({ }).then((action) => {
type: 'success', this.$message({
message: '操作成功！' type: "success",
}); message: "操作成功！",
}); });
});
},
/** 批量取消申请上架 */
handleCancelUpale() {
// id组成的数组 this.ids
if (this.ids.length <= 0) {
this.$message({ type: "warning", message: "请先选择需要操作的数据" });
return;
}
}, let isContinue = true;
/** 批量取消申请上架 */ for (let i = 0; i < this.selectionsList.length; i++) {
handleCancelUpale() { if (this.selectionsList[i].up_onsale != 1) {
// id组成的数组 this.ids isContinue = false;
if( this.ids.length <= 0 ) { break;
this.$message({type:'warning',message:'请先选择需要操作的数据'});
return
}
let isContinue = true;
for (let i = 0; i < this.selectionsList.length; i++) {
if(this.selectionsList[i].up_onsale != 1) {
isContinue = false
break
}
}
//
if (!isContinue) {
this.$message({type:'warning',message:'所选商品中有部分未申请上架，请重新勾选'});
return
} }
}
//
if (!isContinue) {
this.$message({
type: "warning",
message: "所选商品中有部分未申请上架，请重新勾选",
});
return;
}
let ids = {goods_id:this.ids.join(',')}; let ids = { goods_id: this.ids.join(",") };
this.$confirm('是否批量取消所选中的商品的上架申请', '批量取消申请上架', { this.$confirm("是否批量取消所选中的商品的上架申请", "批量取消申请上架", {
confirmButtonText: '确定', confirmButtonText: "确定",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning', type: "warning",
center: true center: true,
}).then(async() => { })
let res = await cancelOnsaleAllData(ids) .then(async () => {
let res = await cancelOnsaleAllData(ids);
if (res.code == 1) { if (res.code == 1) {
this.$message({type:'success',message:'批量取消成功'}); this.$message({ type: "success", message: "批量取消成功" });
} else { } else {
this.$message({type:'success',message: res.message ? res.message : '批量取消失败'}); this.$message({
type: "success",
message: res.message ? res.message : "批量取消失败",
});
} }
this.getList() this.getList();
}).catch(() => {}); })
}, .catch(() => {});
// 取消上架申请 },
handleCancelUpsale(row) { // 取消上架申请
let id = { handleCancelUpsale(row) {
goods_id: 0 let id = {
}; goods_id: 0,
id.goods_id = row.goods_id ? row.goods_id : 0; };
this.$msgbox({ id.goods_id = row.goods_id ? row.goods_id : 0;
title: '取消商品上架申请', this.$msgbox({
message: "是否取消选中商品的上架申请！", title: "取消商品上架申请",
center: true, message: "是否取消选中商品的上架申请！",
showCancelButton: true, center: true,
confirmButtonText: '确定', showCancelButton: true,
cancelButtonText: '取消', confirmButtonText: "确定",
beforeClose: (action, instance, done) => { cancelButtonText: "取消",
if (action === 'confirm') { beforeClose: (action, instance, done) => {
cancelOnsale(id).then(res => { if (action === "confirm") {
if (res.code == 1) { cancelOnsale(id).then((res) => {
done() if (res.code == 1) {
this.getList() done();
}else { this.getList();
this.$message({type: 'error', message: res.message ? res.message : '操作失败'}); } else {
} this.$message({
}) type: "error",
} else { message: res.message ? res.message : "操作失败",
done(); });
} }
});
} else {
done();
} }
}).then(action => { },
this.$message({ }).then((action) => {
type: 'success', this.$message({
message: '操作成功！' type: "success",
}); message: "操作成功！",
});
},
editgoods(row) {//商品编辑
// this.editisOpen = true
let goodsId = Number(row.goods_id);
// let goodsParam = {
// goods_id: Number(row.goods_id)
// };
this.$router.push({
path: '/system/goods/editgoods',
query: { goods_id : goodsId }
}); });
//this.$router.push({ path: '/system/goods/editgoods' }); });
}, },
/** 不下架 编辑部分商品信息 */ editgoods(row) {
hotEditGoods(row) { //商品编辑
let data = { // this.editisOpen = true
goodsId: row.goods_id let goodsId = Number(row.goods_id);
}; // let goodsParam = {
if (!data.goodsId) { // goods_id: Number(row.goods_id)
return // };
} this.$router.push({
path: "/system/goods/editgoods",
query: { goods_id: goodsId },
});
//this.$router.push({ path: '/system/goods/editgoods' });
},
/** 不下架 编辑部分商品信息 */
hotEditGoods(row) {
let data = {
goodsId: row.goods_id,
};
if (!data.goodsId) {
return;
}
// 获取运费模板 // 获取运费模板
this.getFreightData(); this.getFreightData();
getGoodsNew(data).then(res=> { getGoodsNew(data).then((res) => {
if (res.code == 1 && res.data) { if (res.code == 1 && res.data) {
this.isHotEditGoods = true; this.isHotEditGoods = true;
this.stock = res.data.stock this.stock = res.data.stock;
this.rowInfo = res.data this.rowInfo = res.data;
this.hotEditGoodsForm.delay_compensate = res.data.delay_compensate this.hotEditGoodsForm.delay_compensate = res.data.delay_compensate;
this.hotEditGoodsForm.freight_id = res.data.freight_id this.hotEditGoodsForm.freight_id = res.data.freight_id;
this.hotEditGoodsForm.aftersale_time = res.data.aftersale_time this.hotEditGoodsForm.aftersale_time = res.data.aftersale_time;
// 规格组合 // 规格组合
this.speList = [] this.speList = [];
this.speListone = [] this.speListone = [];
if (res.data.specs && res.data.specs_group) { if (res.data.specs && res.data.specs_group) {
let nameArr = [] let nameArr = [];
res.data.specs.map(item => { res.data.specs.map((item) => {
nameArr.push(item.spec_name) nameArr.push(item.spec_name);
}) });
for (let i = 0, len = res.data.specs_group.length; i < len; i++) { for (let i = 0, len = res.data.specs_group.length; i < len; i++) {
this.speList.push({ this.speList.push({
nameArr, nameArr,
spec_name: res.data.specs_group[i].spec_values, spec_name: res.data.specs_group[i].spec_values,
stock: res.data.specs_group[i].stock, stock: res.data.specs_group[i].stock,
id: res.data.specs_group[i].id id: res.data.specs_group[i].id,
}) });
} }
for (let i = 0, len = this.speList.length; i < len; i++) { for (let i = 0, len = this.speList.length; i < len; i++) {
let arr = [] let arr = [];
for (let j = 0, len = res.data.specs.length; j < len; j++) { for (let j = 0, len = res.data.specs.length; j < len; j++) {
arr.push({ arr.push({
name: this.speList[i].nameArr[j], name: this.speList[i].nameArr[j],
spec_values: this.speList[i].spec_name[j] spec_values: this.speList[i].spec_name[j],
}) });
}
this.speList[i].objArr = arr
} }
}else{ this.speList[i].objArr = arr;
debugger
this.speListone.push({
stock:res.data.stock
})
} }
} else {
debugger;
this.speListone.push({
stock: res.data.stock,
});
} }
});
console.log(this.speList)
},
/** 保存 不下架 编辑商品 */
saveHotEditGoods() {
let groupArr = []
this.speList.map(item => {
groupArr.push({
id: item.id,
stock: item.stock
})
})
let data = {
goods_id: this.rowInfo.goods_id,
delay_compensate: this.hotEditGoodsForm.delay_compensate,
aftersale_time: this.hotEditGoodsForm.aftersale_time,
freight_id: this.hotEditGoodsForm.freight_id,
specs_group: this.speList.length ? groupArr : undefined,
stock: this.speList.length ? undefined : this.speListone[0].stock
}
saveHotEditGoodsData(data).then(res=> {
if (res.code == 1) {
this.$message({
type: 'success',
message: '保存成功'
})
this.isHotEditGoods = false;
this.getList()
}else if(res.code==0){
this.$message({
type: 'error',
message: res.message
})
this.isHotEditGoods = false
}
});
},
/** 不下架编辑 退出*/
cancelHotEditGoods() {
this.isHotEditGoods = false;
},
lookdetail(row) {//预览商品详情
this.isOpen = true
this.goodDetails.goods_id = row.goods_id
},
radiomodelbtn(val) { //头部切换
//console.log(505,val)
this.formInline = {
page: 1,
limit: 20,
goods_name: '',
goods_id: '',
status: '5',
uptime: '',
price_min: '',
price_max: ''
} }
this.getList() });
}, console.log(this.speList);
closeEditGoods(val) { },
this.editisOpen = false; //商品导出
this.getList(); exportGoods() {
}, exportExcel().then((res) => {
//格式化状态 if (res.code == 1) {
formatDefault(row) { const aLink = document.createElement("a");
var types = row.IsDefault aLink.href = res.data.url;
var optDes = '' //aLink.download = '订单.xls'; //下载的文件名
if (types == 1) { aLink.style.display = "none";
optDes = "是" document.body.appendChild(aLink);
} else if (types == 0) { aLink.click();
optDes = "否" document.body.removeChild(aLink);
} } else {
return optDes this.$message({
}, type: "error",
//格式化时间 message: res.message ? res.message : "导出失败",
formatTime(row) { });
var Time = row.add_time
var newtime = ""
if (Time > 0) {
newtime = dateFormat(Time * 1000, "Y-m-d H:i:s");
}
return newtime
},
/** 查询freight列表 */
getList() {
//debugger
let data = {
page: this.formInline.page,
limit: this.formInline.limit,
} }
});
},
/** 保存 不下架 编辑商品 */
saveHotEditGoods() {
let groupArr = [];
this.speList.map((item) => {
groupArr.push({
id: item.id,
stock: item.stock,
});
});
if (this.radiomodel === 1) { let data = {
data['is_onsale'] = 1 goods_id: this.rowInfo.goods_id,
data['is_on'] = 1 delay_compensate: this.hotEditGoodsForm.delay_compensate,
data['up_onsale'] = 0 aftersale_time: this.hotEditGoodsForm.aftersale_time,
} freight_id: this.hotEditGoodsForm.freight_id,
if (this.radiomodel === 2) { specs_group: this.speList.length ? groupArr : undefined,
data['is_onsale'] = 0 stock: this.speList.length ? undefined : this.speListone[0].stock,
data['is_on'] = 1 };
data['up_onsale'] = 0
}
if (this.radiomodel === 3) {
data['up_onsale'] = Number(this.formInline.status)
data['is_onsale'] = 0
data['is_on'] = 1
}
if (this.radiomodel === 4) {
data['is_on'] = 0
}
if (this.formInline.goods_name) {
data['goods_name'] = this.formInline.goods_name
}
if (this.formInline.goods_id) {
data['goods_id'] = this.formInline.goods_id
}
if (this.formInline.uptime && this.formInline.uptime.length == 2) {
data['start_time'] = this.formInline.uptime[0] / 1000
data['end_time'] = this.formInline.uptime[1] / 1000 + 86399
}
if (this.formInline.price_min && this.formInline.price_max) {
data['price_min'] = this.formInline.price_min
data['price_max'] = this.formInline.price_max
}
//console.log("查询list的参数：", data); saveHotEditGoodsData(data).then((res) => {
if (res.code == 1) {
this.$message({
type: "success",
message: "保存成功",
});
this.isHotEditGoods = false;
this.getList();
} else if (res.code == 0) {
this.$message({
type: "error",
message: res.message,
});
this.isHotEditGoods = false;
}
});
},
/** 不下架编辑 退出*/
cancelHotEditGoods() {
this.isHotEditGoods = false;
},
lookdetail(row) {
//预览商品详情
this.isOpen = true;
this.goodDetails.goods_id = row.goods_id;
},
radiomodelbtn(val) {
//头部切换
//console.log(505,val)
this.formInline = {
page: 1,
limit: 20,
goods_name: "",
goods_id: "",
status: "5",
uptime: "",
price_min: "",
price_max: "",
};
this.getList();
},
closeEditGoods(val) {
this.editisOpen = false;
this.getList();
},
//格式化状态
formatDefault(row) {
var types = row.IsDefault;
var optDes = "";
if (types == 1) {
optDes = "是";
} else if (types == 0) {
optDes = "否";
}
return optDes;
},
//格式化时间
formatTime(row) {
var Time = row.add_time;
var newtime = "";
if (Time > 0) {
newtime = dateFormat(Time * 1000, "Y-m-d H:i:s");
}
return newtime;
},
/** 查询freight列表 */
getList() {
//debugger
let data = {
page: this.formInline.page,
limit: this.formInline.limit,
};
getlistGoods(data).then(res => { if (this.radiomodel === 1) {
if (res.data) { data["is_onsale"] = 1;
this.freightList = res.data.list; data["is_on"] = 1;
this.total = res.data.count; data["up_onsale"] = 0;
this.downsale_count = res.data.downsale_count//仓库数量 }
this.onsale_count = res.data.onsale_count//上架数量 if (this.radiomodel === 2) {
this.del_count = res.data.del_count//删除数量 data["is_onsale"] = 0;
} data["is_on"] = 1;
}); data["up_onsale"] = 0;
}, }
// 取消按钮 if (this.radiomodel === 3) {
cancel() { data["up_onsale"] = Number(this.formInline.status);
this.isOpen = false; data["is_onsale"] = 0;
this.reset(); data["is_on"] = 1;
}, }
/** 搜索按钮操作 */ if (this.radiomodel === 4) {
handleQuery() { data["is_on"] = 0;
this.formInline.page = 1; }
this.getList(); if (this.formInline.goods_name) {
}, data["goods_name"] = this.formInline.goods_name;
/** 重置按钮操作 */ }
resetQuery() { if (this.formInline.goods_id) {
this.resetForm("queryForm"); data["goods_id"] = this.formInline.goods_id;
this.handleQuery(); }
}, if (this.formInline.uptime && this.formInline.uptime.length == 2) {
// 多选框选中数据 data["start_time"] = this.formInline.uptime[0] / 1000;
handleSelectionChange(selection) { data["end_time"] = this.formInline.uptime[1] / 1000 + 86399;
this.selectionsList = selection; }
this.ids = selection.map(item => item.goods_id) if (this.formInline.price_min && this.formInline.price_max) {
this.single = selection.length !== 1 data["price_min"] = this.formInline.price_min;
this.multiple = !selection.length data["price_max"] = this.formInline.price_max;
}, }
//console.log("查询list的参数：", data);
} //methods结束 getlistGoods(data).then((res) => {
}; if (res.data) {
this.freightList = res.data.list;
this.total = res.data.count;
this.downsale_count = res.data.downsale_count; //仓库数量
this.onsale_count = res.data.onsale_count; //上架数量
this.del_count = res.data.del_count; //删除数量
}
});
},
// 取消按钮
cancel() {
this.isOpen = false;
this.reset();
},
/** 搜索按钮操作 */
handleQuery() {
this.formInline.page = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.selectionsList = selection;
this.ids = selection.map((item) => item.goods_id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
}, //methods结束
};
</script> </script>
<style scoped lang="scss" type="text/stylus"> <style scoped lang="scss" type="text/stylus">
.app-container { .app-container {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.goods-manage-card >>> .el-card__body { .goods-manage-card >>> .el-card__body {
height: calc(100% - 61px); height: calc(100% - 61px);
overflow-y : auto; overflow-y: auto;
} }
.freightTemplate-add { .freightTemplate-add {
::v-deep .el-dialog { ::v-deep .el-dialog {
height: 80%; height: 80%;
overflow: hidden; overflow: hidden;
}
::v-deep .el-dialog__body {
height: calc(100% - 60px);
overflow-x: hidden;
overflow-y: scroll;
}
} }
.radiomodels .el-radio-button { ::v-deep .el-dialog__body {
margin: 0 10px; height: calc(100% - 60px);
overflow-x: hidden;
overflow-y: scroll;
} }
}
::v-deep .radiomodels .el-radio-button .el-radio-button__inner { .radiomodels .el-radio-button {
border: 1px solid #DCDFE6 !important; margin: 0 10px;
border-radius: 4px !important; }
}
::v-deep .radiomodels .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner { ::v-deep .radiomodels .el-radio-button .el-radio-button__inner {
box-shadow: none; border: 1px solid #dcdfe6 !important;
} border-radius: 4px !important;
}
.queryFormInline { ::v-deep
padding-bottom: 20px; .radiomodels
} .el-radio-button
.el-radio-button__orig-radio:checked
+ .el-radio-button__inner {
box-shadow: none;
}
.hot-edit-goods-tips { .queryFormInline {
color: red; padding-bottom: 20px;
font-size: 14px; }
width: 80%;
margin: 0 auto 20px;
line-height: 20px;
}
/* 弹窗 样式 重置 */ .hot-edit-goods-tips {
.dialog-spe >>> .el-dialog { color: red;
width: 75%; font-size: 14px;
height: 75%; width: 80%;
overflow: hidden; margin: 0 auto 20px;
} line-height: 20px;
}
.dialog-spe >>> .el-dialog .el-dialog__body { /* 弹窗 样式 重置 */
height:calc(100% - 115px); .dialog-spe >>> .el-dialog {
padding: 0 20px 20px 40px; width: 75%;
overflow: auto; height: 75%;
} overflow: hidden;
}
.hot-edit-goods-table { .dialog-spe >>> .el-dialog .el-dialog__body {
width: 90%; height: calc(100% - 115px);
margin: 20px auto 0; padding: 0 20px 20px 40px;
} overflow: auto;
}
.hot-edit-goods-table {
width: 90%;
margin: 20px auto 0;
}
</style> </style>
src/views/system/shop/brand.vue
浏览文件 @ 6b071265
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<el-table-column label="品牌名称" prop="brand_cn" align="center"></el-table-column> <el-table-column label="品牌名称" prop="brand_cn" align="center"></el-table-column>
<el-table-column label="品牌经营类型" prop="brand_type" align="center"> <el-table-column label="品牌经营类型" prop="brand_type" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.brand_type === 1 ? '自有品牌' : '品牌厂商授权' }} {{ scope.row.brand_type === 1 ? '自有品牌' : '授权品牌' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="品牌商标注册号" prop="brand_number" align="center"></el-table-column> <el-table-column label="品牌商标注册号" prop="brand_number" align="center"></el-table-column>
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
<el-form-item label="经营品牌类型：" prop="brand_type"> <el-form-item label="经营品牌类型：" prop="brand_type">
<el-radio-group v-model="brandForm.brand_type" @change="chooseBrandType"> <el-radio-group v-model="brandForm.brand_type" @change="chooseBrandType">
<el-radio :label="1">自有品牌</el-radio> <el-radio :label="1">自有品牌</el-radio>
<el-radio :label="2">品牌厂商授权</el-radio> <el-radio :label="2">授权品牌</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -177,8 +177,8 @@ ...@@ -177,8 +177,8 @@
action="#" action="#"
list-type="picture-card" list-type="picture-card"
:http-request="uploadCertImgs" :http-request="uploadCertImgs"
:limit="1" :limit="5"
:on-exceed="limit1" :on-exceed="limitImg"
:before-upload="UpImgSizeTwoMb" :before-upload="UpImgSizeTwoMb"
:on-preview="handlePreviewCert" :on-preview="handlePreviewCert"
:on-remove="handleRemoveCert" :on-remove="handleRemoveCert"
...@@ -196,7 +196,7 @@ ...@@ -196,7 +196,7 @@
</span> </span>
</div> </div>
<div style="width:380px;line-height: 24px;padding-top: 6px;"> <div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">图片大小在500KB以内，支持png/jpg，限一张，请确保图片清晰</span> <span class="tips-text">图片大小在500KB以内，支持png/jpg，限五张，请确保图片清晰</span>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
...@@ -251,8 +251,9 @@ ...@@ -251,8 +251,9 @@
<el-upload <el-upload
class="uploadData" class="uploadData"
action="#" action="#"
:limit="1" :limit="5"
list-type="picture-card" list-type="picture-card"
:on-exceed="limitImg"
:http-request="uploadFactoryImgs" :http-request="uploadFactoryImgs"
:before-upload="UpImgSizeTwoMb" :before-upload="UpImgSizeTwoMb"
:on-preview="handlePreviewFactory" :on-preview="handlePreviewFactory"
...@@ -271,7 +272,7 @@ ...@@ -271,7 +272,7 @@
</span> </span>
</div> </div>
<div style="width:380px;line-height: 24px;padding-top: 6px;"> <div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">图片大小在500KB以内，支持png/jpg，限一张，请确保图片清晰</span> <span class="tips-text">图片大小在500KB以内，支持png/jpg，限五张，请确保图片清晰</span>
</div> </div>
</div> </div>
<p class="brand-auth-tips">上传完整授权链路，品牌方给予企业的授权书，如果是多级授权，请上传各级授权证书</p> <p class="brand-auth-tips">上传完整授权链路，品牌方给予企业的授权书，如果是多级授权，请上传各级授权证书</p>
...@@ -287,7 +288,8 @@ ...@@ -287,7 +288,8 @@
<el-upload <el-upload
class="uploadData" class="uploadData"
action="#" action="#"
:limit="1" :limit="5"
:on-exceed="limitImg"
:http-request="uploadShopImgs" :http-request="uploadShopImgs"
list-type="picture-card" list-type="picture-card"
:before-upload="UpImgSizeTwoMb" :before-upload="UpImgSizeTwoMb"
...@@ -307,7 +309,7 @@ ...@@ -307,7 +309,7 @@
</span> </span>
</div> </div>
<div style="width:380px;line-height: 24px;padding-top: 6px;"> <div style="width:380px;line-height: 24px;padding-top: 6px;">
<span class="tips-text">图片大小在500KB以内，支持png/jpg，限一张，请确保图片清晰</span> <span class="tips-text">图片大小在500KB以内，支持png/jpg，限五张，请确保图片清晰</span>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
...@@ -404,7 +406,7 @@ ...@@ -404,7 +406,7 @@
brandTypeOptions: [ brandTypeOptions: [
{label: "全部品牌", value: '-1'}, {label: "全部品牌", value: '-1'},
{label: "自有品牌", value: '1'}, {label: "自有品牌", value: '1'},
{label: "品牌厂商授权", value: '2'}, {label: "授权品牌", value: '2'},
], ],
statusOptions: [ statusOptions: [
{label: '未审核', value: '0'}, {label: '未审核', value: '0'},
...@@ -828,6 +830,9 @@ ...@@ -828,6 +830,9 @@
limit1() { limit1() {
this.$message({message: '最多上传1张图片', type: 'warning'}); this.$message({message: '最多上传1张图片', type: 'warning'});
}, },
limitImg() {
this.$message({message: '最多上传5张图片', type: 'warning'});
},
/** 时间格式化 */ /** 时间格式化 */
timeFormatter(timeVal) { timeFormatter(timeVal) {
return dateFormat(timeVal *1000, 'Y-m-d') return dateFormat(timeVal *1000, 'Y-m-d')
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论