pc商品列表样式修改,商家注释添加,订单统计,退订单按钮样式

master
mabo 2021-07-16 17:57:24 +08:00
parent 133febe7a7
commit 07f41f5cb6
31 changed files with 160 additions and 154 deletions

View File

@ -283,4 +283,3 @@ export default {
}
}
</style>

View File

@ -189,7 +189,6 @@ export default {
selectedItem: {
//
handler (val) {
console.log(val);
let classification = [];
this.params.brandId = ''
this.params.prop = ''
@ -636,7 +635,8 @@ export default {
> div:first-child {
width: 100px;
background: #eee;
padding: 10px 0 0 10px;
padding-left: 10px;
line-height: 30px;
}
> div:last-child {
width: 1100px;

View File

@ -32,7 +32,11 @@ router.afterEach(route => {
Vue.prototype.linkTo = function (url) {
if (url.substr(0, 1) === '/') { // 非外部链接没有origin只有路由地址
if (router.mode === 'hash') {
window.open(location.origin + '/#' + url, '_blank');
} else {
window.open(location.origin + url, '_blank');
}
} else { // 外部链接完整的url地址
window.open(url, '_blank')
}

View File

@ -69,7 +69,7 @@
>人评价
</div>
<div class="goods-show-seller">
<Tag v-if="item.selfOperated" style="padding:0 4px;" size="small" color="error"></Tag><span>{{ item.storeName }}</span>
<Tag v-if="item.selfOperated" style="padding:0 4px;" size="default" color="error"></Tag><span>{{ item.storeName }}</span>
</div>
</div>
</div>

View File

@ -412,7 +412,7 @@ export default {
});
this.$Modal.warning({
title: '以下商品超出配送区域' || title,
content: content.toString(),
content: content.toString()
});
}
if (res.result.memberAddress) {

View File

@ -404,6 +404,7 @@ export default {
this.modalTitle = "添加文章";
this.treeValue = '';
this.form = {
sort: 1,
content:''
};
this.$refs.form.resetFields();

View File

@ -146,7 +146,10 @@
<div>
<h4>订退单统计</h4>
<div class="breadcrumb" style="margin-bottom:20px;">
<span @click="clickTab(item,index)" :class="{'active':item.selected}" v-for="(item,index) in orderType" :key="index"> {{item.title}}</span>
<RadioGroup v-model="orderOrRefund" type="button" size="small" button-style="solid">
<Radio :label="true">订单</Radio>
<Radio :label="false">退单</Radio>
</RadioGroup>
</div>
<div>
<Table stripe :columns="columns" :data="data"></Table>
@ -173,17 +176,8 @@ export default {
data() {
return {
orderOrRefund: true, //
total: "0", //
orderType: [ //
{
title: "订单",
selected: true,
},
{
title: "退单",
selected: false,
},
],
//
orderStatusList: {
UNDELIVERED: "待发货",
@ -459,20 +453,17 @@ export default {
},
deep: true,
},
orderOrRefund:{ // 退
handler (val) {
if (val) {
this.getOrderList();
} else {
this.getOrderRefundList();
}
}
}
},
methods: {
clickTab(item, index) {
this.refundIndex = index;
this.orderType.forEach((res) => {
res.selected = false;
});
if (item.title == "退单") {
this.getOrderRefundList();
} else {
this.getOrderList();
}
item.selected = true;
},
//
initOrderChart() {
// legend-filter

View File

@ -30,7 +30,6 @@
"stompjs": "^2.3.3",
"swiper": "^6.3.5",
"uuid": "^8.3.2",
"view-design": "^4.2.0",
"vue": "^2.6.10",
"vue-awesome": "^4.0.2",
"vue-awesome-swiper": "^4.1.1",
@ -59,6 +58,7 @@
"less-loader": "^6.2.0",
"style-loader": "^2.0.0",
"style-resources-loader": "^1.3.2",
"view-design": "^4.6.1",
"vue-cli-plugin-style-resources-loader": "^0.1.4",
"vue-template-compiler": "^2.6.10"
}

View File

@ -12,7 +12,7 @@
<Row class="operation padding-row">
<Button @click="add" type="primary">添加</Button>
</Row>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" @on-selection-change="changeSelect">
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" @on-selection-change="changeSelect">
<!-- 商品栏目格式化 -->
<template slot="goodsSlot" slot-scope="{row}">
<div style="margin-top: 5px;height: 70px; display: flex;">

View File

@ -57,6 +57,7 @@
:columns="columns"
:data="data"
ref="table"
class="mt_10"
sortable="custom"
></Table>
<Row type="flex" justify="end" class="page">

View File

@ -41,7 +41,7 @@
</Dropdown>
</Row>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" @on-selection-change="changeSelect">
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" @on-selection-change="changeSelect">
<!-- 商品栏目格式化 -->
<template slot="goodsSlot" slot-scope="{row}">
<div style="margin-top: 5px;height: 90px; display: flex;">
@ -73,7 +73,7 @@
<Modal title="更新库存" v-model="updateStockModalVisible" :mask-closable="false" :width="500">
<Tabs value="updateStock">
<TabPane label="手动规格更新" name="updateStock">
<Table :columns="updateStockColumns" :data="stockList" border :span-method="handleSpan"></Table>
<Table class="mt_10" :columns="updateStockColumns" :data="stockList" border :span-method="handleSpan"></Table>
</TabPane>
<TabPane label="批量规格更新" name="stockAll">
<Input type="number" v-model="stockAllUpdate" placeholder="统一规格修改" />

View File

@ -137,7 +137,7 @@
规格详细
<div slot="content">
<div slot="content">
<Table :columns="skuTableColumn" :data="skuTableData" style="
<Table class="mt_10" :columns="skuTableColumn" :data="skuTableData" style="
width: 100%;
.ivu-table-overflowX {
overflow-x: hidden;

View File

@ -52,6 +52,7 @@
<transition name="view-message">
<div v-if="showMesTitleList" class="message-title-list-con">
<Table
class="mt_10"
ref="messageList"
:loading="loading"
:columns="mesTitleColumns"
@ -314,14 +315,17 @@
};
},
methods: {
//
changePage(v) {
this.params.pageNumber = v;
this.refreshMessage();
},
//
changePageSize(v) {
this.params.pageSize = v;
this.refreshMessage();
},
//
refreshMessage() {
let status = "UN_READY";
let type = this.currentMessageType;
@ -342,8 +346,6 @@
}
});
},
//
getAll() {
API_Index.getAllMessage(this.params).then(res => {
@ -359,6 +361,7 @@
}
});
},
//
deleteMessage(id) {
API_Index.deleteMessage(id).then(res => {
if (res.success) {
@ -369,6 +372,7 @@
backMesTitleList() {
this.showMesTitleList = true;
},
//
setCurrentMesType(type) {
if (this.currentMessageType !== type) {
this.showMesTitleList = true;

View File

@ -87,6 +87,7 @@ export default {
};
},
methods: {
//
initEditor() {
let that = this;
this.editor = new E(`#${this.id}`);
@ -171,16 +172,19 @@ export default {
}
this.editor.create();
},
// html
editHTML() {
this.dataEdit = this.data;
this.showHTMLModal = true;
},
//
editHTMLOk() {
this.editor.txt.html(this.dataEdit);
this.$emit("input", this.data);
this.$emit("on-change", this.data);
this.showHTMLModal = false;
},
//
clear() {
this.$Modal.confirm({
title: "确认清空",

View File

@ -83,6 +83,7 @@ export default {
this.grade = grade;
return grade;
},
//
strengthChange() {
if (!this.currentValue) {
this.tipStyle = "password-tip-none";
@ -108,11 +109,13 @@ export default {
this.strengthValue = 100;
}
},
// change
handleChange(v) {
this.strengthChange();
this.$emit("input", this.currentValue);
this.$emit("on-change", this.currentValue, this.grade, this.strength);
},
//
setCurrentValue(value) {
if (value === this.currentValue) {
return;

View File

@ -55,28 +55,28 @@ export default {
props: {
value: String,
size: String,
placeholder: {
placeholder: { // input
type: String,
default: "图片链接"
},
showInput: {
showInput: { //
type: Boolean,
default: true
},
disabled: {
disabled: { //
type: Boolean,
default: false
},
readonly: {
readonly: { //
type: Boolean,
default: false
},
maxSize: {
maxSize: { //
type: Number,
default: 5
},
maxlength: Number,
icon: {
maxlength: Number, //
icon: { //
type: String,
default: "ios-cloud-upload-outline"
}
@ -91,11 +91,13 @@ export default {
};
},
methods: {
//
init() {
this.accessToken = {
accessToken: this.getStore("accessToken")
};
},
//
handleFormatError(file) {
this.loading = false;
this.$Notice.warning({
@ -106,6 +108,7 @@ export default {
" ’格式不正确, 请选择 .jpg .jpeg .png .gif .bmp格式文件"
});
},
//
handleMaxSize(file) {
this.loading = false;
this.$Notice.warning({
@ -113,10 +116,12 @@ export default {
desc: "所选文件‘ " + file.name + " ’大小过大, 不得超过 " + this.maxSize + "M."
});
},
//
beforeUpload() {
this.loading = true;
return true;
},
//
handleSuccess(res, file) {
this.loading = false;
if (res.success) {
@ -127,15 +132,18 @@ export default {
this.$Message.error(res.message);
}
},
//
handleError(error, file, fileList) {
this.loading = false;
this.$Message.error(error.toString());
},
//
handleChange(v) {
this.$emit("input", this.currentValue);
this.$emit("on-change", this.currentValue);
this.$attrs.rollback && this.$attrs.rollback()
},
//
setCurrentValue(value) {
if (value === this.currentValue) {
return;

View File

@ -63,34 +63,34 @@ export default {
vuedraggable
},
props: {
value: {
value: { //
type: Object
},
draggable: {
draggable: { //
type: Boolean,
default: true
},
multiple: {
multiple: { //
type: Boolean,
default: true
},
maxSize: {
maxSize: { // MB
type: Number,
default: 5
},
disable:{
disable:{ //
type: Boolean,
default: false
},
remove:{
remove:{ //
type: Boolean,
default: true
},
limit: {
limit: { //
type: Number,
default: 10
},
isView: {
isView: { //
type: Boolean,
default: false
}

View File

@ -41,6 +41,7 @@
border
:columns="columns"
:data="data"
class="mt_10"
ref="table"
sortable="custom"
@on-sort-change="changeSort"

View File

@ -49,6 +49,7 @@
<Table
:loading="loading"
border
class="mt_10"
:columns="columns"
:data="data"
ref="table"

View File

@ -49,6 +49,7 @@
<Table
:loading="loading"
border
class="mt_10"
:columns="columns"
:data="data"
ref="table"

View File

@ -107,7 +107,7 @@
</Card>
<Card>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom">
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom">
<!-- 商品栏目格式化 -->
<template slot="goodsSlot" slot-scope="{row}">
<div style="margin-top: 5px; height: 80px; display: flex">

View File

@ -42,7 +42,7 @@
</Button>
</download-excel>
</div>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom"></Table>
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom"></Table>
<Row type="flex" justify="end" class="page">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]" size="small"
show-total show-elevator show-sizer></Page>

View File

@ -40,7 +40,7 @@
</Poptip>
</div>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
<Row type="flex" justify="end" class="page">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]" size="small"
show-total show-elevator show-sizer></Page>

View File

@ -22,7 +22,7 @@
<Button @click="handleReset" class="search-btn">重置</Button>
</Form>
</Row>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect">
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect">
<!-- 订单详情格式化 -->
<template slot="orderSlot" slot-scope="scope">
<a @click="$router.push({name: 'order-detail',query: {sn: scope.row.orderSn}})">{{scope.row.orderSn}}</a>

View File

@ -26,7 +26,7 @@
<Button @click="delAll" class="ml_10">批量下架</Button>
<!-- <Button @click="upAll"></Button> -->
</Row>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect">
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect">
<template slot-scope="{ row }" slot="action">
<Button v-if="row.promotionStatus === 'NEW' || row.promotionStatus === 'CLOSE'" type="info" size="small" style="margin-right: 10px" @click="edit(row)"></Button>
<Button v-if="row.promotionStatus !== 'CLOSE'" type="error" size="small" @click="remove(row)"></Button>

View File

@ -62,7 +62,7 @@
<Button type="primary" @click="openSkuList"></Button>
<Button type="error" ghost style="margin-left: 10px" @click="delSelectGoods"></Button>
</div>
<Table border :columns="columns" :data="form.promotionGoodsList" @on-selection-change="changeSelect">
<Table class="mt_10" border :columns="columns" :data="form.promotionGoodsList" @on-selection-change="changeSelect">
<template slot-scope="{ row }" slot="QRCode">
<img :src="row.QRCode || '../../../assets/lili.png'" width="50px" height="50px" alt="" />
</template>

View File

@ -24,7 +24,7 @@
<div style="position:relative">
<Spin size="large" fix v-if="tableLoading">
</Spin>
<Table disabled-hover :columns="liveGoodsColumns" :data="liveGoodsData">
<Table class="mt_10" disabled-hover :columns="liveGoodsColumns" :data="liveGoodsData">
<template slot-scope="{ row }" slot="goodsName">
<div class="flex-goods">

View File

@ -16,7 +16,7 @@
</Alert>
</Row>
<h3 class="act-goods">活动商品</h3>
<Table :loading="loading" border :columns="goodsColumns" :data="goodsData" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect">
<Table class="mt_10" :loading="loading" border :columns="goodsColumns" :data="goodsData" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect">
<template slot-scope="{ row, index }" slot="price">
<Input v-model="row.price" :disabled="status==='view'" @input="goodsData[index].price = row.price" />
</template>

View File

@ -37,6 +37,7 @@
<Table
:loading="loading"
border
class="mt_10"
:columns="columns"
:data="data"
ref="table"

View File

@ -1,7 +1,5 @@
<template>
<div class="search">
<Row>
<Col>
<Card>
<Row @keydown.enter.native="handleSearch">
<Form
@ -49,6 +47,7 @@
:columns="columns"
:data="data"
ref="table"
class="mt_10"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
@ -68,8 +67,6 @@
></Page>
</Row>
</Card>
</Col>
</Row>
</div>
</template>

View File

@ -144,7 +144,10 @@
<div>
<h4>订退单统计</h4>
<div class="breadcrumb" style="margin-bottom:20px;">
<span @click="clickTab(item,index)" :class="{'active':item.selected}" v-for="(item,index) in orderType" :key="index"> {{item.title}}</span>
<RadioGroup v-model="orderOrRefund" type="button" size="small" button-style="solid">
<Radio :label="true">订单</Radio>
<Radio :label="false">退单</Radio>
</RadioGroup>
</div>
<div>
<Table stripe :columns="columns" :data="data"></Table>
@ -168,18 +171,8 @@ export default {
data() {
return {
orderOrRefund: true, // 退
total: "0", //
orderType: [
// tab
{
title: "订单",
selected: true,
},
{
title: "退单",
selected: false,
},
],
//
orderStatusList: {
UNDELIVERED: "待发货",
@ -460,20 +453,17 @@ export default {
},
deep: true,
},
orderOrRefund:{ // 退
handler (val) {
if (val) {
this.getOrderList();
} else {
this.getOrderRefundList();
}
}
}
},
methods: {
clickTab(item, index) {
this.refundIndex = index;
this.orderType.forEach((res) => {
res.selected = false;
});
if (item.title == "退单") {
this.getOrderRefundList();
} else {
this.getOrderList();
}
item.selected = true;
},
//
initOrderChart() {
// legend-filter