优化店铺段报错问题,后续会配置开发环境以及生产环境动态CDN优化

master
lemon橪 2021-08-20 17:45:57 +08:00
parent b59da2c101
commit 7caa2fd40d
23 changed files with 362 additions and 488 deletions

View File

@ -40,7 +40,6 @@
ref="table" ref="table"
class="mt_10" class="mt_10"
sortable="custom" sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect" @on-selection-change="changeSelect"
> >
</Table> </Table>

View File

@ -149,8 +149,8 @@
<h4>订退单统计</h4> <h4>订退单统计</h4>
<div class="breadcrumb" style="margin-bottom:20px;"> <div class="breadcrumb" style="margin-bottom:20px;">
<RadioGroup v-model="orderOrRefund" type="button" size="small" button-style="solid"> <RadioGroup v-model="orderOrRefund" type="button" size="small" button-style="solid">
<Radio :label="true">订单</Radio> <Radio :label="1">订单</Radio>
<Radio :label="false">退单</Radio> <Radio :label="0">退单</Radio>
</RadioGroup> </RadioGroup>
</div> </div>
<div> <div>
@ -177,7 +177,7 @@ export default {
data() { data() {
return { return {
orderOrRefund: true, // orderOrRefund: 1, //
total: "0", // total: "0", //
// //
orderStatusList: { orderStatusList: {
@ -456,7 +456,7 @@ export default {
}, },
orderOrRefund:{ // 退 orderOrRefund:{ // 退
handler (val) { handler (val) {
if (val) { if (val == 1) {
this.getOrderList(); this.getOrderList();
} else { } else {
this.getOrderRefundList(); this.getOrderRefundList();

View File

@ -19,7 +19,6 @@
<script src="https://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/view-design@4.1.1/dist/styles/iview.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/view-design@4.1.1/dist/styles/iview.css">
<script src="https://cdn.jsdelivr.net/npm/view-design@4.1.1/dist/iview.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/view-design@4.1.1/dist/iview.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-lazyload@1.3.3/vue-lazyload.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue-lazyload@1.3.3/vue-lazyload.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.15.3/dist/xlsx.full.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/xlsx@0.15.3/dist/xlsx.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dplayer@1.25.0/dist/DPlayer.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/dplayer@1.25.0/dist/DPlayer.min.js"></script>

View File

@ -6,7 +6,7 @@ import "./styles/theme.less";
import "core-js/stable"; import "core-js/stable";
// import "regenerator-runtime/runtime"; // import "regenerator-runtime/runtime";
import vueQr from 'vue-qr' import vueQr from "vue-qr";
import App from "./App"; import App from "./App";
import { router } from "./router/index"; import { router } from "./router/index";
@ -43,7 +43,7 @@ Vue.use(ViewUI, {
}); });
Vue.use(VueClipboard); Vue.use(VueClipboard);
Vue.component(vueQr) Vue.component("vue-qr", vueQr); //此处将vue-qr添加为全局组件
// 挂载全局使用的方法 // 挂载全局使用的方法
Vue.prototype.getRequest = getRequest; Vue.prototype.getRequest = getRequest;
@ -56,13 +56,18 @@ Vue.prototype.setStore = setStore;
Vue.prototype.getStore = getStore; Vue.prototype.getStore = getStore;
Vue.prototype.removeStore = removeStore; Vue.prototype.removeStore = removeStore;
Vue.prototype.md5 = md5; Vue.prototype.md5 = md5;
const buyerUrlPC = 'https://pc-b2b2c.pickmall.cn' // 跳转买家端地址 pc端 const buyerUrlPC = "https://pc-b2b2c.pickmall.cn"; // 跳转买家端地址 pc端
const buyerUrlWap = 'https://m-b2b2c.pickmall.cn' // 跳转买家端地址 wap端 const buyerUrlWap = "https://m-b2b2c.pickmall.cn"; // 跳转买家端地址 wap端
Vue.prototype.linkTo = function (goodsId, skuId) { // 跳转买家端商品 Vue.prototype.linkTo = function(goodsId, skuId) {
window.open(`${buyerUrlPC}/goodsDetail?skuId=${skuId}&goodsId=${goodsId}`, '_blank') // 跳转买家端商品
window.open(
`${buyerUrlPC}/goodsDetail?skuId=${skuId}&goodsId=${goodsId}`,
"_blank"
);
}; };
Vue.prototype.wapLinkTo = function (goodsId, skuId) { // app端二维码 Vue.prototype.wapLinkTo = function(goodsId, skuId) {
return `${buyerUrlWap}/pages/product/goods?id=${skuId}&goodsId=${goodsId}` // app端二维码
return `${buyerUrlWap}/pages/product/goods?id=${skuId}&goodsId=${goodsId}`;
}; };
Array.prototype.remove = function(from, to) { Array.prototype.remove = function(from, to) {

View File

@ -12,7 +12,7 @@
<Row class="operation padding-row"> <Row class="operation padding-row">
<Button @click="add" type="primary">添加</Button> <Button @click="add" type="primary">添加</Button>
</Row> </Row>
<Table class="mt_10" :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" >
<!-- 商品栏目格式化 --> <!-- 商品栏目格式化 -->
<template slot="goodsSlot" slot-scope="{row}"> <template slot="goodsSlot" slot-scope="{row}">
<div style="margin-top: 5px;height: 70px; display: flex;"> <div style="margin-top: 5px;height: 70px; display: flex;">
@ -107,11 +107,6 @@ export default {
}], }],
}, },
columns: [ // columns: [ //
{
type: "selection",
width: 60,
align: "center"
},
{ {
title: "商品名称", title: "商品名称",
key: "goodsName", key: "goodsName",

View File

@ -1,6 +1,5 @@
<template> <template>
<div> <div>
<Card> <Card>
<div class="operation"> <div class="operation">
<Button @click="addParent"></Button> <Button @click="addParent"></Button>
@ -60,7 +59,7 @@
<Input v-model="formAdd.labelName" maxlength="12" clearable style="width:100%"/> <Input v-model="formAdd.labelName" maxlength="12" clearable style="width:100%"/>
</FormItem> </FormItem>
<FormItem label="排序值" prop="sortOrder" style="width:345px"> <FormItem label="排序值" prop="sortOrder" style="width:345px">
<InputNumber v-model="formAdd.sortOrder" min="1"></InputNumber> <InputNumber v-model="formAdd.sortOrder" :min="1"></InputNumber>
</FormItem> </FormItem>
</Form> </Form>
<div slot="footer"> <div slot="footer">

View File

@ -55,6 +55,7 @@
</div> </div>
<Poptip trigger="hover" title="扫码在手机中查看" transfer> <Poptip trigger="hover" title="扫码在手机中查看" transfer>
<div slot="content"> <div slot="content">
<!-- <vueQr>123</vueQr> -->
<vue-qr :text="wapLinkTo(row.id,row.skuId)" :margin="0" colorDark="#000" colorLight="#fff" :size="150"></vue-qr> <vue-qr :text="wapLinkTo(row.id,row.skuId)" :margin="0" colorDark="#000" colorLight="#fff" :size="150"></vue-qr>
</div> </div>
<img src="../../../assets/qrcode.svg" class="hover-pointer" width="20" height="20" alt=""> <img src="../../../assets/qrcode.svg" class="hover-pointer" width="20" height="20" alt="">
@ -73,7 +74,7 @@
<Modal title="更新库存" v-model="updateStockModalVisible" :mask-closable="false" :width="500"> <Modal title="更新库存" v-model="updateStockModalVisible" :mask-closable="false" :width="500">
<Tabs value="updateStock"> <Tabs value="updateStock">
<TabPane label="手动规格更新" name="updateStock"> <TabPane label="手动规格更新" name="updateStock">
<Table class="mt_10" :columns="updateStockColumns" :data="stockList" border :span-method="handleSpan"></Table> <Table class="mt_10" :columns="updateStockColumns" :data="stockList" border ></Table>
</TabPane> </TabPane>
<TabPane label="批量规格更新" name="stockAll"> <TabPane label="批量规格更新" name="stockAll">
<Input type="number" v-model="stockAllUpdate" placeholder="统一规格修改" /> <Input type="number" v-model="stockAllUpdate" placeholder="统一规格修改" />
@ -117,6 +118,7 @@ import {
import * as API_Shop from "@/api/shops"; import * as API_Shop from "@/api/shops";
export default { export default {
name: "goods", name: "goods",
data() { data() {
return { return {

View File

@ -4,11 +4,10 @@
:data="data" :data="data"
:load-data="loadData" :load-data="loadData"
change-on-select change-on-select
v-model="dd"
@on-visible-change="handleChangeOnSelect" @on-visible-change="handleChangeOnSelect"
@on-change="change" @on-change="change"
></Cascader> ></Cascader>
{{ dd }}
</div> </div>
</template> </template>
<script> <script>
@ -17,6 +16,7 @@ import * as API_Setup from "@/api/common.js";
export default { export default {
data() { data() {
return { return {
dd:"",
data: [], // data: [], //
selected: [], // selected: [], //
changeOnSelect: false, // changeOnSelect: false, //

View File

@ -4,8 +4,8 @@
<div class="query-wrapper"> <div class="query-wrapper">
<div class="query-item"> <div class="query-item">
<div>搜索范围</div> <div>搜索范围</div>
<Input placeholder="商品名称" @on-clear="goodsData=[]; goodsParams.goodsName=''; getQueryGoodsList()" @on-enter="()=>{goodsData=[]; getQueryGoodsList();}" clearable <Input placeholder="商品名称" @on-clear="goodsData=[]; goodsParams.goodsName=''; getQueryGoodsList()" @on-enter="()=>{goodsData=[]; getQueryGoodsList();}" clearable style="width: 150px"
style="width: 150px" v-model="goodsParams.goodsName" /> v-model="goodsParams.goodsName" />
</div> </div>
<div class="query-item"> <div class="query-item">
<Cascader v-model="category" placeholder="请选择商品分类" style="width: 150px" :data="cateList"></Cascader> <Cascader v-model="category" placeholder="请选择商品分类" style="width: 150px" :data="cateList"></Cascader>
@ -44,8 +44,10 @@ export default {
props: { props: {
selectedWay: { selectedWay: {
type: Array, type: Array,
default: new Array() default: () => {
} return [];
},
},
}, },
data() { data() {
return { return {
@ -53,7 +55,8 @@ export default {
cateList: [], // cateList: [], //
total: "", // total: "", //
goodsParams: { // goodsParams: {
//
pageNumber: 1, pageNumber: 1,
pageSize: 18, pageSize: 18,
order: "desc", order: "desc",
@ -78,7 +81,7 @@ export default {
this.$emit("selected", this.selectedWay); this.$emit("selected", this.selectedWay);
}, },
deep: true, deep: true,
immediate: true immediate: true,
}, },
"goodsParams.categoryPath": { "goodsParams.categoryPath": {
handler: function () { handler: function () {
@ -92,7 +95,8 @@ export default {
this.init(); this.init();
}, },
methods: { methods: {
handleReachBottom() { // handleReachBottom() {
//
setTimeout(() => { setTimeout(() => {
if ( if (
this.goodsParams.pageNumber * this.goodsParams.pageSize <= this.goodsParams.pageNumber * this.goodsParams.pageSize <=
@ -103,31 +107,32 @@ export default {
} }
}, 1500); }, 1500);
}, },
getQueryGoodsList() { // getQueryGoodsList() {
//
API_Goods.getGoodsSkuData(this.goodsParams).then((res) => { API_Goods.getGoodsSkuData(this.goodsParams).then((res) => {
this.initGoods(res); this.initGoods(res);
}); });
}, },
initGoods(res) { // initGoods(res) {
//
if (res.result.records.length != 0) { if (res.result.records.length != 0) {
let data = res.result.records; let data = res.result.records;
data.forEach((item) => { data.forEach((item) => {
item.selected = false; item.selected = false;
item.___type = "goods"; //goodspc wap item.___type = "goods"; //goodspc wap
this.selectedWay.forEach(e => { this.selectedWay.forEach((e) => {
if (e.id === item.id) { if (e.id === item.id) {
item.selected = true item.selected = true;
} }
}) });
}); });
/** /**
* 解决数据请求中滚动栏会一直上下跳动 * 解决数据请求中滚动栏会一直上下跳动
*/ */
this.total = res.result.total; this.total = res.result.total;
this.goodsData.push(...res.result.records); this.goodsData.push(...res.result.records);
} else { } else {
this.empty = true; this.empty = true;
} }
@ -208,7 +213,7 @@ export default {
val.selected = false; val.selected = false;
for (let i = 0; i < this.selectedWay.length; i++) { for (let i = 0; i < this.selectedWay.length; i++) {
if (this.selectedWay[i].id === val.id) { if (this.selectedWay[i].id === val.id) {
this.selectedWay.splice(i,1) this.selectedWay.splice(i, 1);
break; break;
} }
} }

View File

@ -3,22 +3,10 @@
<Card> <Card>
<Form ref="searchForm" :model="searchForm" @keydown.enter.native="handleSearch" inline :label-width="70" class="search-form"> <Form ref="searchForm" :model="searchForm" @keydown.enter.native="handleSearch" inline :label-width="70" class="search-form">
<Form-item label="会员名称" prop="memberName"> <Form-item label="会员名称" prop="memberName">
<Input <Input type="text" v-model="searchForm.memberName" clearable placeholder="请输入会员名称" style="width: 200px" />
type="text"
v-model="searchForm.memberName"
clearable
placeholder="请输入会员名称"
style="width: 200px"
/>
</Form-item> </Form-item>
<Form-item label="商品名称" prop="goodsName"> <Form-item label="商品名称" prop="goodsName">
<Input <Input type="text" v-model="searchForm.goodsName" clearable placeholder="请输入商品名" style="width: 200px" />
type="text"
v-model="searchForm.goodsName"
clearable
placeholder="请输入商品名"
style="width: 200px"
/>
</Form-item> </Form-item>
<Form-item label="评价" prop="orderStatus"> <Form-item label="评价" prop="orderStatus">
<Select v-model="searchForm.grade" placeholder="请选择" clearable style="width: 200px"> <Select v-model="searchForm.grade" placeholder="请选择" clearable style="width: 200px">
@ -28,112 +16,45 @@
</Select> </Select>
</Form-item> </Form-item>
<Form-item label="评论日期"> <Form-item label="评论日期">
<DatePicker <DatePicker v-model="selectDate" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" clearable @on-change="selectDateRange" placeholder="选择起始时间" style="width: 200px"></DatePicker>
v-model="selectDate"
type="datetimerange"
format="yyyy-MM-dd HH:mm:ss"
clearable
@on-change="selectDateRange"
placeholder="选择起始时间"
style="width: 200px"
></DatePicker>
</Form-item> </Form-item>
<Button @click="handleSearch" type="primary" class="search-btn">搜索</Button> <Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
<Button @click="handleReset" class="search-btn">重置</Button> <Button @click="handleReset" class="search-btn">重置</Button>
</Form> </Form>
<Table <Table :loading="loading" border :columns="columns" :data="data" ref="table" class="mt_10"></Table>
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
class="mt_10"
></Table>
<Row type="flex" justify="end" class="mt_10"> <Row type="flex" justify="end" class="mt_10">
<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"
:current="searchForm.pageNumber" show-total show-elevator show-sizer></Page>
: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>
</Row> </Row>
</Card> </Card>
<Modal <Modal :title="modalTitle" v-model="modalVisible" :mask-closable="false" :width="500">
:title="modalTitle"
v-model="modalVisible"
:mask-closable="false"
:width="500"
>
<Form ref="form" :model="form" :label-width="100" :rules="formValidate"> <Form ref="form" :model="form" :label-width="100" :rules="formValidate">
<FormItem label="评价内容"> <FormItem label="评价内容">
<span v-if="!content"></span> <span v-if="!content"></span>
<span v-else> <span v-else>
<div> <div>
<Input <Input v-model="content" type="textarea" maxlength="200" disabled :rows="4" clearable style="width:90%" />
v-model="content"
type="textarea"
maxlength="200"
disabled
:rows="4"
clearable
style="width:90%"
/>
</div> </div>
</span> </span>
</FormItem> </FormItem>
<FormItem label="评价图片" style="padding-top: 10px" v-if="detailInfo.haveImage == 1"> <FormItem label="评价图片" style="padding-top: 10px" v-if="detailInfo.haveImage == 1">
<upload-pic-thumb <upload-pic-thumb v-model="image" :disable="true" :remove="false" :isView="true"></upload-pic-thumb>
v-model="image"
:disable="true"
:remove="false"
:isView="true"
></upload-pic-thumb>
</FormItem> </FormItem>
<FormItem label="回复内容" prop="reply"> <FormItem label="回复内容" prop="reply">
<Input v-if="replyStatus == false" <Input v-if="replyStatus == false" v-model="form.reply" type="textarea" maxlength="200" :rows="4" clearable style="width:90%" />
v-model="form.reply"
type="textarea"
maxlength="200"
:rows="4"
clearable
style="width:90%"
/>
<span v-else> <span v-else>
<Input <Input v-model="form.reply" type="textarea" maxlength="200" disabled :rows="4" clearable style="width:90%" />
v-model="form.reply"
type="textarea"
maxlength="200"
disabled
:rows="4"
clearable
style="width:90%"
/>
</span> </span>
</FormItem> </FormItem>
<FormItem label="回复图片" prop="replyImage" style="padding-top: 18px" <FormItem label="回复图片" prop="replyImage" style="padding-top: 18px" v-if="detailInfo.haveReplyImage == 1 || replyStatus == false">
v-if="detailInfo.haveReplyImage == 1 || replyStatus == false"> <upload-pic-thumb v-if="replyStatus == false" v-model="form.replyImage" :limit="5"></upload-pic-thumb>
<upload-pic-thumb v-if="replyStatus == false" <upload-pic-thumb v-else v-model="form.replyImage" :disable="true" :remove="false"></upload-pic-thumb>
v-model="form.replyImage"
:limit="5"
></upload-pic-thumb>
<upload-pic-thumb v-else
v-model="form.replyImage"
:disable="true"
:remove="false"
></upload-pic-thumb>
</FormItem> </FormItem>
</Form> </Form>
<div slot="footer"> <div slot="footer">
<Button type="text" @click="modalVisible = false">取消</Button> <Button type="text" @click="modalVisible = false">取消</Button>
<Button v-if="replyStatus == false" type="primary" :loading="submitLoading" @click="handleSubmit"> <Button v-if="replyStatus == false" type="primary" :loading="submitLoading" @click="handleSubmit">
</Button </Button>
>
</div> </div>
</Modal> </Modal>
</div> </div>
@ -146,7 +67,7 @@ import uploadPicThumb from "@/views/my-components/lili/upload-pic-thumb";
export default { export default {
name: "memberComment", name: "memberComment",
components: { components: {
uploadPicThumb uploadPicThumb,
}, },
data() { data() {
return { return {
@ -169,13 +90,11 @@ export default {
selectDate: null, selectDate: null,
form: { form: {
replyImage: [], replyImage: [],
reply: "" reply: "",
}, },
// //
formValidate: { formValidate: {
reply: [ reply: [{ required: true, message: "请输入回复内容", trigger: "blur" }],
{required: true, message: '请输入回复内容', trigger: 'blur'}
],
}, },
submitLoading: false, // submitLoading: false, //
columns: [ columns: [
@ -184,20 +103,19 @@ export default {
title: "会员名称", title: "会员名称",
key: "memberName", key: "memberName",
minWidth: 150, minWidth: 150,
tooltip: true tooltip: true,
}, },
{ {
title: "商品名称", title: "商品名称",
key: "goodsName", key: "goodsName",
minWidth: 150, minWidth: 150,
tooltip: true tooltip: true,
}, },
{ {
title: "评价内容", title: "评价内容",
key: "content", key: "content",
minWidth: 300, minWidth: 300,
tooltip: true tooltip: true,
}, },
{ {
title: "评价", title: "评价",
@ -205,23 +123,23 @@ export default {
width: 100, width: 100,
render: (h, params) => { render: (h, params) => {
if (params.row.grade == "GOOD") { if (params.row.grade == "GOOD") {
return h("Tag", {props: {color: "green",},}, "好评"); return h("Tag", { props: { color: "green" } }, "好评");
} else if (params.row.grade == "MODERATE") { } else if (params.row.grade == "MODERATE") {
return h("Tag", {props: {color: "orange",},}, "中评"); return h("Tag", { props: { color: "orange" } }, "中评");
} else { } else {
return h("Tag", {props: {color: "red",},}, "差评"); return h("Tag", { props: { color: "red" } }, "差评");
}
} }
}, },
},
{ {
title: "状态", title: "状态",
key: "status", key: "status",
width: 100, width: 100,
render: (h, params) => { render: (h, params) => {
if (params.row.status === "OPEN") { if (params.row.status === "OPEN") {
return h("Tag", {props: {color: "green"}},"展示") return h("Tag", { props: { color: "green" } }, "展示");
} else { } else {
return h("Tag", {props: {color: "red"}},"隐藏") return h("Tag", { props: { color: "red" } }, "隐藏");
} }
}, },
}, },
@ -231,9 +149,9 @@ export default {
width: 110, width: 110,
render: (h, params) => { render: (h, params) => {
if (params.row.replyStatus) { if (params.row.replyStatus) {
return h("Tag", {props: {color: "green"}},"已回复") return h("Tag", { props: { color: "green" } }, "已回复");
} else { } else {
return h("Tag", {props: {color: "blue"}},"未回复") return h("Tag", { props: { color: "blue" } }, "未回复");
} }
}, },
}, },
@ -248,6 +166,7 @@ export default {
title: "操作", title: "操作",
key: "action", key: "action",
align: "center", align: "center",
fixed: 'right',
width: 120, width: 120,
render: (h, params) => { render: (h, params) => {
return h("div", [ return h("div", [
@ -272,14 +191,14 @@ export default {
]); ]);
}, },
}, },
], ],
data: [], // data: [], //
total: 0, // total: 0, //
}; };
}, },
methods: { methods: {
init() { // init() {
//
this.getDataList(); this.getDataList();
}, },
// //
@ -301,7 +220,7 @@ export default {
}, },
// //
handleReset() { handleReset() {
this.searchForm = {} this.searchForm = {};
this.searchForm.pageNumber = 1; this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10; this.searchForm.pageSize = 10;
this.getDataList(); this.getDataList();
@ -345,26 +264,26 @@ export default {
}, },
// //
detail(v) { detail(v) {
this.form.replyImage = [] this.form.replyImage = [];
this.loading = true; this.loading = true;
API_Member.getMemberInfoReview(v.id).then((res) => { API_Member.getMemberInfoReview(v.id).then((res) => {
this.loading = false; this.loading = false;
if (res.success) { if (res.success) {
// //
this.form.id = res.result.id this.form.id = res.result.id;
this.content = res.result.content this.content = res.result.content;
this.form.reply = res.result.reply this.form.reply = res.result.reply;
this.replyStatus = res.result.replyStatus this.replyStatus = res.result.replyStatus;
if (res.result.images) { if (res.result.images) {
this.image = (res.result.images || "").split(","); this.image = (res.result.images || "").split(",");
} }
if (res.result.replyImage) { if (res.result.replyImage) {
this.form.replyImage = (res.result.replyImage || "").split(","); this.form.replyImage = (res.result.replyImage || "").split(",");
} }
this.detailInfo = res.result this.detailInfo = res.result;
// //
this.modalVisible = true this.modalVisible = true;
this.modalTitle = "详细" this.modalTitle = "详细";
} }
}); });
}, },

View File

@ -64,7 +64,7 @@ export default {
}, },
props: { props: {
value: { // value: { //
type: Object type:null
}, },
draggable: { // draggable: { //
type: Boolean, type: Boolean,

View File

@ -156,6 +156,7 @@
}, },
{ {
title: "状态", title: "状态",
align: "center",
key: "serviceStatus", key: "serviceStatus",
width: 200, width: 200,
render: (h, params) => { render: (h, params) => {
@ -189,6 +190,7 @@
title: "操作", title: "操作",
key: "action", key: "action",
align: "center", align: "center",
fixed: 'right',
width: 120, width: 120,
render: (h, params) => { render: (h, params) => {
return h("div", [ return h("div", [

View File

@ -46,6 +46,7 @@ export default {
name: "coupon", name: "coupon",
data() { data() {
return { return {
selectDate:[],
loading: true, // loading: true, //
searchForm: { searchForm: {
// //

View File

@ -118,6 +118,8 @@ export default {
name: 'full-cut', name: 'full-cut',
data() { data() {
return { return {
total:0,
selectDate:[],
loading: false, // loading: false, //
searchForm: { // searchForm: { //
pageNumber: 1, pageNumber: 1,

View File

@ -43,8 +43,8 @@
</template> </template>
</div> </div>
<Upload v-if="liveForm.feedsImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleFeedsImgSuccess" :default-file-list="defaultImgList" :format="['jpg','jpeg','png']" <Upload v-if="liveForm.feedsImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleFeedsImgSuccess" :format="['jpg','jpeg','png']" :on-format-error="handleFormatError"
:on-format-error="handleFormatError" :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;"> :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
</div> </div>
@ -66,8 +66,8 @@
</div> </div>
</template> </template>
</div> </div>
<Upload v-if="liveForm.coverImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleCoverImgSuccess" :default-file-list="defaultImgList" :format="['jpg','jpeg','png']" <Upload v-if="liveForm.coverImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleCoverImgSuccess" :format="['jpg','jpeg','png']" :on-format-error="handleFormatError"
:on-format-error="handleFormatError" :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;"> :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
</div> </div>
@ -87,8 +87,8 @@
</div> </div>
</template> </template>
</div> </div>
<Upload v-if="liveForm.shareImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleShareImgSuccess" :default-file-list="defaultImgList" :format="['jpg','jpeg','png']" <Upload v-if="liveForm.shareImg.length ==0" ref="upload" :show-upload-list="false" :on-success="handleShareImgSuccess" :format="['jpg','jpeg','png']" :on-format-error="handleFormatError"
:on-format-error="handleFormatError" :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;"> :max-size="1024" :on-exceeded-size="handleMaxSize" type="drag" :action="action" :headers="accessToken" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;"> <div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-camera" size="20"></Icon> <Icon type="ios-camera" size="20"></Icon>
</div> </div>
@ -235,7 +235,7 @@ export default {
width: 250, width: 250,
}, },
], ],
liveData: [] // liveData: [], //
}; };
}, },
mounted() { mounted() {
@ -496,7 +496,7 @@ export default {
this.liveForm.commodityList = JSON.stringify( this.liveForm.commodityList = JSON.stringify(
this.liveForm.commodityList this.liveForm.commodityList
); );
delete this.liveForm.updateTime delete this.liveForm.updateTime;
// //
editLive(this.liveForm).then((res) => { editLive(this.liveForm).then((res) => {
if (res.success) { if (res.success) {

View File

@ -14,7 +14,7 @@
<div> <div>
<Tabs v-model="params.auditStatus"> <Tabs v-model="params.auditStatus">
<TabPane v-for="(item,index) in liveTabWay" :key="index" :label="item.label" :name="item.type"> <TabPane v-for="(item,index) in liveTabWay" :key="index" :label="item.label" :name="item.type+''">
</TabPane> </TabPane>
</Tabs> </Tabs>
</div> </div>
@ -63,7 +63,7 @@
<template slot-scope="{ row,index }" slot="action"> <template slot-scope="{ row,index }" slot="action">
<Button v-if="params.auditStatus == 99" type="primary" @click="()=>{liveGoodsData.splice(index,1)}"></Button> <Button v-if="params.auditStatus == 99" type="primary" @click="()=>{liveGoodsData.splice(index,1)}"></Button>
<Button v-if="params.auditStatus != 99 && !reviewed" ghost type="primary" @click="()=>{$router.push({path:'/goods-operation-edit',query:{id:row.goodsId}})}"></Button> <Button v-if="params.auditStatus != 99 && !reviewed" ghost type="primary" @click="()=>{$router.push({path:'/goods-operation-edit',query:{id:row.goodsId}})}"></Button>
<Button v-if="reviewed" :type="row.___selected ? 'primary' : ''" @click="selectedLiveGoods(row,index)">{{row.___selected ? '':''}}</Button> <Button v-if="reviewed" :type="row.___selected ? 'primary' : 'default'" @click="selectedLiveGoods(row,index)">{{row.___selected ? '':''}}</Button>
</template> </template>
</Table> </Table>
<div class="flex"> <div class="flex">
@ -90,7 +90,7 @@ export default {
}, },
data() { data() {
return { return {
goodsTotal: "", // goodsTotal: 0, //
saveGoodsLoading: false, // saveGoodsLoading: false, //
tableLoading: false, // tableLoading: false, //
params: { params: {
@ -209,7 +209,6 @@ export default {
* 回调参数补充 * 回调参数补充
*/ */
selectedLiveGoods(val, index) { selectedLiveGoods(val, index) {
this.$emit("selectedGoods", val); this.$emit("selectedGoods", val);
}, },
/** /**

View File

@ -9,14 +9,7 @@
</div> </div>
</FormItem> </FormItem>
<FormItem label="活动时间" prop="rangeTime"> <FormItem label="活动时间" prop="rangeTime">
<DatePicker <DatePicker type="datetimerange" v-model="form.rangeTime" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择" :options="options" style="width: 260px">
type="datetimerange"
v-model="form.rangeTime"
format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择"
:options="options"
style="width: 260px"
>
</DatePicker> </DatePicker>
</FormItem> </FormItem>
@ -24,9 +17,7 @@
<Input v-model="form.requiredNum" style="width: 260px" max="8"> <Input v-model="form.requiredNum" style="width: 260px" max="8">
<span slot="append"></span> <span slot="append"></span>
</Input> </Input>
<span style="color: #cccccc" <span style="color: #cccccc">参团人数不少于2人不得超过10人</span>
>参团人数不少于2人不得超过10人</span
>
</FormItem> </FormItem>
<FormItem label="限购数量" prop="limitNum" :label-width="130"> <FormItem label="限购数量" prop="limitNum" :label-width="130">
<Input v-model="form.limitNum" type="number" style="width: 260px"> <Input v-model="form.limitNum" type="number" style="width: 260px">
@ -36,38 +27,25 @@
</FormItem> </FormItem>
<FormItem label="虚拟成团" prop="fictitious"> <FormItem label="虚拟成团" prop="fictitious">
<RadioGroup type="button" button-style="solid" v-model="form.fictitious"> <RadioGroup type="button" button-style="solid" v-model="form.fictitious">
<Radio title="开启" :label="true"> <Radio title="开启" :label="1">
<span>开启</span> <span>开启</span>
</Radio> </Radio>
<Radio title="关闭" :label="false"> <Radio title="关闭" :label="0">
<span>关闭</span> <span>关闭</span>
</Radio> </Radio>
</RadioGroup> </RadioGroup>
<br /> <br />
<span style="color: #cccccc" <span style="color: #cccccc">开启虚拟成团后24小时人数未满的团系统将会模拟匿名买家凑满人数使该团成团您只需要对已付款参团的真实买家发货建议合理开启以提高</span>
>开启虚拟成团后24小时人数未满的团系统将会模拟匿名买家凑满人数使该团成团您只需要对已付款参团的真实买家发货建议合理开启以提高</span
>
</FormItem> </FormItem>
<FormItem label="拼团规则" prop="pintuanRule"> <FormItem label="拼团规则" prop="pintuanRule">
<Input <Input v-model="form.pintuanRule" type="textarea" :rows="4" clearable maxlength="255" style="width: 260px" />
v-model="form.pintuanRule"
type="textarea"
:rows="4"
clearable
maxlength="255"
style="width: 260px"
/>
<br /> <br />
<span style="color: #cccccc" <span style="color: #cccccc">拼团规则描述不能为空且不能大于255个字会在WAP拼团详情页面显示</span>
>拼团规则描述不能为空且不能大于255个字会在WAP拼团详情页面显示</span
>
</FormItem> </FormItem>
</Form> </Form>
<div> <div>
<Button type="text" @click="closeCurrentPage"></Button> <Button type="text" @click="closeCurrentPage"></Button>
<Button type="primary" :loading="submitLoading" @click="handleSubmit" <Button type="primary" :loading="submitLoading" @click="handleSubmit"></Button>
>提交</Button
>
</div> </div>
</Card> </Card>
</div> </div>
@ -84,7 +62,7 @@ export default {
promotionTitle: "", promotionTitle: "",
pintuanRule: "", pintuanRule: "",
requiredNum: "", requiredNum: "",
fictitious: false, fictitious: 0,
limitNum: "", limitNum: "",
startTime: "", startTime: "",
endTime: "", endTime: "",
@ -109,7 +87,8 @@ export default {
rangeTime: [{ required: true, message: "请选择活动时间" }], rangeTime: [{ required: true, message: "请选择活动时间" }],
}, },
submitLoading: false, // submitLoading: false, //
options: { // options: {
//
disabledDate(date) { disabledDate(date) {
return date && date.valueOf() < Date.now() - 86400000; return date && date.valueOf() < Date.now() - 86400000;
}, },
@ -136,7 +115,10 @@ export default {
this.$refs.form.validate((valid) => { this.$refs.form.validate((valid) => {
if (valid) { if (valid) {
this.submitLoading = true; this.submitLoading = true;
let params = JSON.parse(JSON.stringify(this.form)) let params = JSON.parse(JSON.stringify(this.form));
params.fictitious
? (params.fictitious = true)
: (params.fictitious = false);
params.startTime = this.$options.filters.unixToDate( params.startTime = this.$options.filters.unixToDate(
this.form.rangeTime[0] / 1000 this.form.rangeTime[0] / 1000
); );
@ -144,18 +126,18 @@ export default {
params.endTime = this.$options.filters.unixToDate( params.endTime = this.$options.filters.unixToDate(
this.form.rangeTime[1] / 1000 this.form.rangeTime[1] / 1000
); );
if(params.startTime === '' || params.endTime ===''){ if (params.startTime === "" || params.endTime === "") {
this.$Message.error("活动时间不能为空"); this.$Message.error("活动时间不能为空");
this.submitLoading = false; this.submitLoading = false;
return return;
} }
if (params.startTime < new Date()) { if (params.startTime < new Date()) {
this.$Message.error("拼团活动开始时间不能小于当前时间"); this.$Message.error("拼团活动开始时间不能小于当前时间");
this.submitLoading = false; this.submitLoading = false;
return return;
} }
delete params.rangeTime delete params.rangeTime;
if (!this.id) { if (!this.id) {
// id // id
delete params.id; delete params.id;
@ -189,6 +171,9 @@ export default {
data.rangeTime = []; data.rangeTime = [];
data.rangeTime.push(new Date(data.startTime), new Date(data.endTime)); data.rangeTime.push(new Date(data.startTime), new Date(data.endTime));
this.form = data; this.form = data;
// 1 true 0 false ivew radio
this.form.fictitious ? this.$set(this.form, "fictitious", 1) : this.$set(this.form, "fictitious", 0);
} }
}); });
}, },

View File

@ -68,6 +68,7 @@ export default {
components: {}, components: {},
data() { data() {
return { return {
selectDate:[],
loading: true, // loading: true, //
searchForm: { searchForm: {
// //

View File

@ -22,7 +22,7 @@
v-for="(tab, tabIndex) in goodsList" v-for="(tab, tabIndex) in goodsList"
:key="tabIndex" :key="tabIndex"
:label="tab.hour" :label="tab.hour"
:name="tabIndex" :name="tabIndex + ''"
> >
<Table <Table
:loading="loading" :loading="loading"

View File

@ -20,18 +20,13 @@
bill.billStatus | unixSellerBillStatus bill.billStatus | unixSellerBillStatus
}}</span> }}</span>
<Button <Button v-if="bill.billStatus == 'OUT'" size="mini" @click="reconciliation()" type="primary"></Button>
v-if="bill.billStatus == 'OUT'"
size="mini"
@click="reconciliation()"
type="primary"
>对账</Button
>
</div> </div>
<table> <table>
<tbody> <tbody>
<tr v-for="(item,index) in data" :key="index"> <tr v-for="(item,index) in data" :key="index">
<td>{{item.name}}</td><td>{{item.value}}</td> <td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -82,66 +77,24 @@
<Card class="mt_10"> <Card class="mt_10">
<Tabs active-key="tab" type="card" @on-click="clickTabs"> <Tabs active-key="tab" type="card" @on-click="clickTabs">
<Tab-pane label="订单列表" name="order"> <Tab-pane label="订单列表" name="order">
<Table <Table :loading="loading" border :columns="orderColumns" :data="orderData" ref="table"></Table>
:loading="loading"
border
:columns="orderColumns"
:data="orderData"
ref="table"
></Table>
<Row type="flex" justify="end" class="mt_10"> <Row type="flex" justify="end" class="mt_10">
<Page <Page :current="orderParam.pageNumber" :total="orderTotal" :page-size="orderParam.pageSize" @on-change="orderChangePage" @on-page-size-change="orderChangePageSize" size="small" show-total
:current="orderParam.pageNumber" show-elevator></Page>
:total="orderTotal"
:page-size="orderParam.pageSize"
@on-change="orderChangePage"
@on-page-size-change="orderChangePageSize"
size="small"
show-total
show-elevator
></Page>
</Row> </Row>
</Tab-pane> </Tab-pane>
<Tab-pane label="退单列表" name="refund"> <Tab-pane label="退单列表" name="refund">
<Table <Table :loading="loading" border :columns="refundColumns" :data="refundData" ref="table"></Table>
:loading="loading"
border
:columns="refundColumns"
:data="refundData"
ref="table"
></Table>
<Row type="flex" justify="end" class="mt_10"> <Row type="flex" justify="end" class="mt_10">
<Page <Page :current="refundParam.pageNumber" :total="refundTotal" :page-size="refundParam.pageSize" @on-change="refundChangePage" @on-page-size-change="refundChangePageSize" size="small"
:current="refundParam.pageNumber" show-total show-elevator></Page>
:total="refundTotal"
:page-size="refundParam.pageSize"
@on-change="refundChangePage"
@on-page-size-change="refundChangePageSize"
size="small"
show-total
show-elevator
></Page>
</Row> </Row>
</Tab-pane> </Tab-pane>
<Tab-pane label="分销费用列表" name="distribution"> <Tab-pane label="分销费用列表" name="distribution">
<Table <Table :loading="loading" border :columns="distributionColumns" :data="distributionData" ref="table"></Table>
:loading="loading"
border
:columns="distributionColumns"
:data="distributionData"
ref="table"
></Table>
<Row type="flex" justify="end" class="mt_10"> <Row type="flex" justify="end" class="mt_10">
<Page <Page :current="distributionParam.pageNumber" :total="distributionTotal" :page-size="distributionParam.pageSize" @on-change="distributionChangePage"
:current="distributionParam.pageNumber" @on-page-size-change="distributionChangePageSize" size="small" show-total show-elevator></Page>
:total="distributionTotal"
:page-size="distributionParam.pageSize"
@on-change="distributionChangePage"
@on-page-size-change="distributionChangePageSize"
size="small"
show-total
show-elevator
></Page>
</Row> </Row>
</Tab-pane> </Tab-pane>
</Tabs> </Tabs>
@ -155,6 +108,7 @@ export default {
name: "bill-detail", name: "bill-detail",
data() { data() {
return { return {
loading: true,
columns: [ columns: [
{ {
title: "项目", title: "项目",
@ -166,7 +120,8 @@ export default {
key: "value", key: "value",
}, },
], ],
data: [ // data: [
//
{ {
name: "计算中", name: "计算中",
value: 0, value: 0,
@ -199,7 +154,7 @@ export default {
{ {
name: "计算公式", name: "计算公式",
value: 0, value: 0,
} },
], ],
id: "", // id id: "", // id
bill: {}, // bill: {}, //
@ -236,10 +191,13 @@ export default {
if (params.row.kanjiaSettlementPrice) { if (params.row.kanjiaSettlementPrice) {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.kanjiaSettlementPrice, "¥") this.$options.filters.unitPrice(
params.row.kanjiaSettlementPrice,
"¥"
)
); );
} else { } else {
return h('div','¥0.00') return h("div", "¥0.00");
} }
}, },
}, },
@ -250,10 +208,13 @@ export default {
if (params.row.pointSettlementPrice) { if (params.row.pointSettlementPrice) {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.pointSettlementPrice, "¥") this.$options.filters.unitPrice(
params.row.pointSettlementPrice,
"¥"
)
); );
} else { } else {
return h('div','¥0.00') return h("div", "¥0.00");
} }
}, },
}, },
@ -272,17 +233,16 @@ export default {
key: "siteCouponPrice", key: "siteCouponPrice",
render: (h, params) => { render: (h, params) => {
if (params.row.siteCouponPrice == null) { if (params.row.siteCouponPrice == null) {
return h( return h("div", "-");
"div",
"-"
);
} else { } else {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.siteCouponPrice, "¥") this.$options.filters.unitPrice(
params.row.siteCouponPrice,
"¥"
)
); );
} }
}, },
}, },
{ {
@ -290,17 +250,16 @@ export default {
key: "distributionRebate", key: "distributionRebate",
render: (h, params) => { render: (h, params) => {
if (params.row.distributionRebate == null) { if (params.row.distributionRebate == null) {
return h( return h("div", "-");
"div",
"-"
);
} else { } else {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.distributionRebate, "¥") this.$options.filters.unitPrice(
params.row.distributionRebate,
"¥"
)
); );
} }
}, },
}, },
{ {
@ -313,7 +272,6 @@ export default {
); );
}, },
}, },
], ],
orderData: [], // orderData: [], //
orderTotal: 0, // orderTotal: 0, //
@ -329,17 +287,17 @@ export default {
{ {
title: "退款时间", title: "退款时间",
key: "createTime", key: "createTime",
minWidth: 120 minWidth: 120,
}, },
{ {
title: "退款流水编号", title: "退款流水编号",
key: "sn", key: "sn",
minWidth: 130 minWidth: 130,
}, },
{ {
title: "订单编号", title: "订单编号",
key: "sn", key: "sn",
minWidth: 120 minWidth: 120,
}, },
{ {
title: "退款金额", title: "退款金额",
@ -360,13 +318,13 @@ export default {
if (params.row.commissionPrice) { if (params.row.commissionPrice) {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.commissionPrice, "¥") this.$options.filters.unitPrice(
params.row.commissionPrice,
"¥"
)
); );
} else { } else {
return h( return h("div", this.$options.filters.unitPrice(0, "¥"));
"div",
this.$options.filters.unitPrice(0, "¥")
);
} }
}, },
}, },
@ -374,7 +332,7 @@ export default {
{ {
title: "退还平台优惠券", title: "退还平台优惠券",
key: "siteCouponCommission", key: "siteCouponCommission",
minWidth: 140 minWidth: 140,
}, },
{ {
title: "退还分销", title: "退还分销",
@ -382,17 +340,16 @@ export default {
minWidth: 120, minWidth: 120,
render: (h, params) => { render: (h, params) => {
if (params.row.distributionRebate == null) { if (params.row.distributionRebate == null) {
return h( return h("div", "-");
"div",
"-"
);
} else { } else {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.distributionRebate, "¥") this.$options.filters.unitPrice(
params.row.distributionRebate,
"¥"
)
); );
} }
}, },
}, },
@ -402,17 +359,13 @@ export default {
minWidth: 120, minWidth: 120,
render: (h, params) => { render: (h, params) => {
if (params.row.billPrice == null) { if (params.row.billPrice == null) {
return h( return h("div", "-");
"div",
"-"
);
} else { } else {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.billPrice, "¥") this.$options.filters.unitPrice(params.row.billPrice, "¥")
); );
} }
}, },
}, },
], ],
@ -429,18 +382,18 @@ export default {
{ {
title: "订单编号", title: "订单编号",
key: "sn", key: "sn",
minWidth: 120 minWidth: 120,
}, },
{ {
title: "交易金额", title: "交易金额",
key: "finalPrice", key: "finalPrice",
minWidth: 120 minWidth: 120,
}, },
{ {
title: "商品名称", title: "商品名称",
key: "goodsName", key: "goodsName",
minWidth: 120, minWidth: 120,
tooltip: true tooltip: true,
}, },
{ {
title: "规格", title: "规格",
@ -456,7 +409,7 @@ export default {
{ {
title: "店铺名称", title: "店铺名称",
key: "storeName", key: "storeName",
minWidth: 120 minWidth: 120,
}, },
{ {
@ -467,19 +420,22 @@ export default {
if (params.row.flowType === "退款") { if (params.row.flowType === "退款") {
return h( return h(
"div", "div",
this.$options.filters.unitPrice("-"+params.row.distributionRebate, "¥") this.$options.filters.unitPrice(
"-" + params.row.distributionRebate,
"¥"
)
); );
} else { } else {
if (params.row.distributionRebate) { if (params.row.distributionRebate) {
return h( return h(
"div", "div",
this.$options.filters.unitPrice(params.row.distributionRebate, "¥") this.$options.filters.unitPrice(
params.row.distributionRebate,
"¥"
)
); );
} else { } else {
return h( return h("div", this.$options.filters.unitPrice(0, "¥"));
"div",
this.$options.filters.unitPrice(0, "¥")
);
} }
} }
}, },
@ -487,30 +443,29 @@ export default {
{ {
title: "时间", title: "时间",
key: "createTime", key: "createTime",
minWidth: 120 minWidth: 120,
}, },
], ],
distributionData: [], // distributionData: [], //
distributionTotal: 0, // distributionTotal: 0, //
}; };
}, },
watch: { watch: {
'$route.query.id': function (val) { "$route.query.id": function (val) {
this.id = val; this.id = val;
this.getBill(); this.getBill();
} },
}, },
methods: { methods: {
clickTabs(v) { clickTabs(v) {
if (v == "order") { if (v == "order") {
this.orderParam.flowType = "PAY"; this.orderParam.flowType = "PAY";
this.getOrderList() this.getOrderList();
} else if (v === "refund") { } else if (v === "refund") {
this.orderParam.flowType = "REFUND"; this.orderParam.flowType = "REFUND";
this.getRefundList() this.getRefundList();
} else { } else {
this.getDistributionList() this.getDistributionList();
} }
}, },
// //
@ -528,7 +483,7 @@ export default {
this.init(); this.init();
} }
}); });
} },
}); });
}, },
@ -539,15 +494,16 @@ export default {
// //
orderChangePage(v) { orderChangePage(v) {
this.orderParam.pageNumber = v; this.orderParam.pageNumber = v;
this.getOrderList() this.getOrderList();
}, },
orderChangePageSize(v) { orderChangePageSize(v) {
this.orderParam.pageSize = v; this.orderParam.pageSize = v;
this.getOrderList() this.getOrderList();
}, },
getOrderList() { getOrderList() {
API_Shop.getSellerFlow(this.id, this.orderParam).then((res) => { API_Shop.getSellerFlow(this.id, this.orderParam).then((res) => {
if (res.success) { if (res.success) {
this.loading = false;
this.orderData = res.result.records; this.orderData = res.result.records;
this.orderTotal = res.result.total; this.orderTotal = res.result.total;
} }
@ -556,11 +512,11 @@ export default {
//退 //退
refundChangePage(v) { refundChangePage(v) {
this.refundParam.pageNumber = v; this.refundParam.pageNumber = v;
this.getRefundList() this.getRefundList();
}, },
refundChangePageSize(v) { refundChangePageSize(v) {
this.refundParam.pageSize = v; this.refundParam.pageSize = v;
this.getRefundList() this.getRefundList();
}, },
getRefundList() { getRefundList() {
API_Shop.getSellerFlow(this.id, this.refundParam).then((res) => { API_Shop.getSellerFlow(this.id, this.refundParam).then((res) => {
@ -574,20 +530,22 @@ export default {
// //
distributionChangePage(v) { distributionChangePage(v) {
this.distributionParam.pageNumber = v; this.distributionParam.pageNumber = v;
this.getDistributionList() this.getDistributionList();
}, },
distributionChangePageSize(v) { distributionChangePageSize(v) {
this.distributionParam.pageSize = v; this.distributionParam.pageSize = v;
this.getDistributionList() this.getDistributionList();
}, },
getDistributionList() { getDistributionList() {
API_Shop.getDistributionFlow(this.id, this.distributionParam).then((res) => { API_Shop.getDistributionFlow(this.id, this.distributionParam).then(
(res) => {
this.loading = false; this.loading = false;
if (res.result) { if (res.result) {
this.distributionData = res.result.records; this.distributionData = res.result.records;
this.distributionTotal = res.result.total; this.distributionTotal = res.result.total;
} }
}); }
);
}, },
// //
getBill() { getBill() {
@ -623,22 +581,27 @@ export default {
this.data[5].value = bill.payTime === null ? "未付款" : bill.payTime; this.data[5].value = bill.payTime === null ? "未付款" : bill.payTime;
this.data[6].name = "订单付款总金额"; this.data[6].name = "订单付款总金额";
this.data[6].value = filters.unitPrice(bill.orderPrice?bill.orderPrice:0, "¥"); this.data[6].value = filters.unitPrice(
bill.orderPrice ? bill.orderPrice : 0,
"¥"
);
this.data[7].name = "结算金额"; this.data[7].name = "结算金额";
this.data[7].value = filters.unitPrice(bill.billPrice?bill.billPrice:0, "¥"); this.data[7].value = filters.unitPrice(
bill.billPrice ? bill.billPrice : 0,
"¥"
);
}, },
}, },
mounted() { mounted() {
this.init(); this.init();
}, },
// keepAlivetrue // keepAlivetrue
beforeRouteLeave(to, from, next) { beforeRouteLeave(to, from, next) {
if(to.name === 'accountStatementBill' || to.name === 'storeBill') { if (to.name === "accountStatementBill" || to.name === "storeBill") {
to.meta.keepAlive = true to.meta.keepAlive = true;
}
next()
} }
next();
},
}; };
</script> </script>
@ -682,7 +645,6 @@ table{
flex-wrap: wrap; flex-wrap: wrap;
padding: 10px; padding: 10px;
> span { > span {
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
width: 200px; width: 200px;

View File

@ -145,7 +145,7 @@
</TabPane> </TabPane>
</Tabs> </Tabs>
</Card> </Card>
<multiple-region ref="region" @selected="handleSelect" @closed="handleClose"> <multiple-region ref="region" @selected="handleSelect" >
</multiple-region> </multiple-region>

View File

@ -2,7 +2,7 @@
<div class="search"> <div class="search">
<Card style="margin-left: 10px"> <Card style="margin-left: 10px">
<Tabs @on-click="handleClickType"> <Tabs v-model="type" @on-click="handleClickType">
<TabPane label="基本信息" name="INFO"> <TabPane label="基本信息" name="INFO">
<Form ref="form" :model="form" :label-width="100" :rules="formValidate"> <Form ref="form" :model="form" :label-width="100" :rules="formValidate">
<FormItem label="店铺名称"> <FormItem label="店铺名称">
@ -38,7 +38,7 @@
<Input v-model="region" disabled style="width: 20%" v-if="showRegion == false" /> <Input v-model="region" disabled style="width: 20%" v-if="showRegion == false" />
<Button v-if="showRegion == false" @click="regionClick" :loading="submitLoading" type="primary" style="margin-left:8px"> <Button v-if="showRegion == false" @click="regionClick" :loading="submitLoading" type="primary" style="margin-left:8px">
</Button> </Button>
<region style="width: 20%" @selected="selectedRegion" v-if="showRegion == true" /> <regionMap style="width: 20%" @selected="selectedRegion" v-if="showRegion == true" />
</FormItem> </FormItem>
<FormItem label="详细地址" prop="salesConsigneeDetail"> <FormItem label="详细地址" prop="salesConsigneeDetail">
<Input v-model="addressForm.salesConsigneeDetail" clearable style="width: 20%" maxlength="50" /> <Input v-model="addressForm.salesConsigneeDetail" clearable style="width: 20%" maxlength="50" />
@ -65,7 +65,6 @@
</Tabs> </Tabs>
</Card> </Card>
<liliMap ref="liliMap" @getAddress="getAddress"></liliMap> <liliMap ref="liliMap" @getAddress="getAddress"></liliMap>
</div> </div>
</template> </template>
@ -74,27 +73,26 @@
import * as API_Shop from "@/api/shops"; import * as API_Shop from "@/api/shops";
import { validateMobile } from "@/libs/validate"; import { validateMobile } from "@/libs/validate";
import uploadPicThumb from "@/views/my-components/lili/upload-pic-thumb"; import uploadPicThumb from "@/views/my-components/lili/upload-pic-thumb";
import editor from "@/views/my-components/lili/editor";
import liliMap from "@/views/my-components/map/index"; import liliMap from "@/views/my-components/map/index";
import region from "@/views/lili-components/region"; import regionMap from "@/views/lili-components/region";
import * as RegExp from "@/libs/RegExp.js"; import * as RegExp from "@/libs/RegExp.js";
import Cookies from 'js-cookie' import Cookies from "js-cookie";
export default { export default {
name: "shopSetting", name: "shopSetting",
components: { components: {
uploadPicThumb, uploadPicThumb,
editor,
liliMap, liliMap,
region, regionMap,
}, },
data() { data() {
return { return {
type: "INFO",
showRegion: false, // showRegion: false, //
storeName: "", // storeName: "", //
region: [], // region: "", //
regionId: [], // id regionId: [], // id
addressForm: { // 退 addressForm: {
// 退
salesConsigneeName: "", // salesConsigneeName: "", //
salesConsigneeMobile: "", // salesConsigneeMobile: "", //
salesConsigneeAddressId: "", // id, salesConsigneeAddressId: "", // id,

View File

@ -149,8 +149,8 @@
<h4>订退单统计</h4> <h4>订退单统计</h4>
<div class="breadcrumb" style="margin-bottom:20px;"> <div class="breadcrumb" style="margin-bottom:20px;">
<RadioGroup v-model="orderOrRefund" type="button" size="small" button-style="solid"> <RadioGroup v-model="orderOrRefund" type="button" size="small" button-style="solid">
<Radio :label="true">订单</Radio> <Radio :label="1">订单</Radio>
<Radio :label="false">退单</Radio> <Radio :label="0">退单</Radio>
</RadioGroup> </RadioGroup>
</div> </div>
<div> <div>
@ -175,8 +175,8 @@ export default {
data() { data() {
return { return {
orderOrRefund: true, // 退 orderOrRefund: 1, // 退
total: "0", // total:0, //
// //
orderStatusList: { orderStatusList: {
UNDELIVERED: "待发货", UNDELIVERED: "待发货",
@ -457,15 +457,16 @@ export default {
}, },
deep: true, deep: true,
}, },
orderOrRefund:{ // 退 orderOrRefund: {
// 退
handler(val) { handler(val) {
if (val) { if (val == 1) {
this.getOrderList(); this.getOrderList();
} else { } else {
this.getOrderRefundList(); this.getOrderRefundList();
} }
} },
} },
}, },
methods: { methods: {
// //