打印组件
This commit is contained in:
yanran200730
@@ -38,13 +38,13 @@
|
||||
<div class="admin-main">
|
||||
<el-scrollbar class="left">
|
||||
<el-menu
|
||||
:default-active="activePath"
|
||||
:collapse-transition="true"
|
||||
unique-opened
|
||||
background-color="#545c64"
|
||||
router
|
||||
text-color="#fff"
|
||||
:collapse="isCollapse">
|
||||
:default-active="activePath"
|
||||
:collapse-transition="true"
|
||||
unique-opened
|
||||
background-color="#545c64"
|
||||
router
|
||||
text-color="#fff"
|
||||
:collapse="isCollapse">
|
||||
<el-menu-item index="/welcome">
|
||||
<i class="el-icon-monitor"></i>
|
||||
<span slot="title">工作台</span>
|
||||
@@ -64,7 +64,6 @@
|
||||
<el-menu-item index="/myUrgencyOrder">紧急备货单</el-menu-item>
|
||||
<el-menu-item index="/productLabel">商品条码管理</el-menu-item>
|
||||
</el-submenu>
|
||||
|
||||
<el-submenu index="/copyProduct">
|
||||
<template slot="title">
|
||||
<i class="el-icon-goods"></i>
|
||||
@@ -188,7 +187,10 @@
|
||||
<el-submenu index="/labelsTemplate">
|
||||
<template slot="title">
|
||||
<i class="el-icon-s-goods"></i>
|
||||
<span slot="title">标签管理</span>
|
||||
<div slot="title" style="display: inline-block;">
|
||||
<span>标签管理</span>
|
||||
<el-button type="text" style="margin-left: 72px; padding: 0;" @click.stop="openMember">开通</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<el-menu-item index="/labelsTemplate">模板管理</el-menu-item>
|
||||
<el-menu-item index="/labelsPrint">标签打印</el-menu-item>
|
||||
@@ -204,18 +206,18 @@
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog
|
||||
title="激活充值"
|
||||
:visible="$store.state.activeDlgShow"
|
||||
:close-on-click-modal="false"
|
||||
width="1200"
|
||||
:before-close="handleClose">
|
||||
title="激活充值"
|
||||
:visible="$store.state.activeDlgShow"
|
||||
:close-on-click-modal="false"
|
||||
width="1200"
|
||||
:before-close="handleClose">
|
||||
<ai-payment/>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="温馨提示"
|
||||
:visible="$store.state.showSheinAlert"
|
||||
:close-on-click-modal="false"
|
||||
width="1200">
|
||||
title="温馨提示"
|
||||
:visible="$store.state.showSheinAlert"
|
||||
:close-on-click-modal="false"
|
||||
width="1200">
|
||||
<span style="font-size: large">1、检查“SHEIN商家后台”是否登录，如没登录，请先登录，之后再刷新助手<br></span>
|
||||
<span style="font-size: large">2、如果SHEIN商家后台已经登录，仍然弹出当前窗口，则需要SHEIN进行二次授权，二次授权可在菜单“商品管理->商品列表”，任意选择一个商品，在“库存”一栏，点击修改，在新打开的页面中可看到“正在鉴权”的字样，即可完成二次授权</span>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
@@ -223,231 +225,242 @@
|
||||
</span>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="温馨提示"
|
||||
:visible="$store.state.showTemuAlert"
|
||||
:close-on-click-modal="false"
|
||||
width="1200">
|
||||
title="温馨提示"
|
||||
:visible="$store.state.showTemuAlert"
|
||||
:close-on-click-modal="false"
|
||||
width="1200">
|
||||
<span style="font-size: large">请先打开卖家中心“结算数据->售后管理”页面进行二次授权，<a target="_blank" style="text-decoration: underline" href="https://seller.kuajingmaihuo.com/main/aftersales/information">去打开</a><br></span>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="closeTemuAlert">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<div id="kefu" @click="gotoKefu">
|
||||
<label slot="reference" class="topBtn" title="联系客服"></label>
|
||||
</div>
|
||||
<el-dialog
|
||||
title="开通标签会员"
|
||||
:close-on-click-modal="false"
|
||||
width="1200">
|
||||
</el-dialog>
|
||||
<LablesMember ref="LablesMember"></LablesMember>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapMutations, mapState} from 'vuex'
|
||||
import AiPayment from "@/components/AiPayment.vue";
|
||||
import {sendAliexpressAPIMessage, sendTemuSellerAgentMessage, sendGoodcangAPIMessage} from "@/api/chromeApi";
|
||||
import {mapMutations, mapState} from 'vuex'
|
||||
import AiPayment from "@/components/AiPayment.vue";
|
||||
import LablesMember from '@/components/LablesMember'
|
||||
import {sendAliexpressAPIMessage, sendGoodcangAPIMessage} from "@/api/chromeApi";
|
||||
|
||||
export default {
|
||||
components: {AiPayment, LablesMember},
|
||||
data() {
|
||||
return {
|
||||
isCollapse: false,
|
||||
activePath: '/home',
|
||||
form: {
|
||||
mallId: this.$store.state.mallId,
|
||||
mallName: this.$store.state.mallName,
|
||||
code: ''
|
||||
},
|
||||
version: '',
|
||||
vipType: ["体验会员", "月会员", "半年会员", "年会员", "多店通用年会员"]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
freeLogo: () => require("../assets/free.png"),
|
||||
getStateInfo() {
|
||||
if (this.$store.state.userInfo.flag == 0) {
|
||||
return '未激活';
|
||||
} else if (this.$store.state.userInfo.flag == 1) {
|
||||
if (this.$store.state.userInfo.type != 4) {
|
||||
return `(${this.$store.state.userInfo.mallName})` + this.vipType[this.$store.state.userInfo.type] + '(' + this.$store.state.userInfo.expireTime.substring(0, 10) + ')';
|
||||
} else {
|
||||
return this.vipType[this.$store.state.userInfo.type] + '(' + this.$store.state.userInfo.expireTime.substring(0, 10) + ')'
|
||||
}
|
||||
|
||||
export default {
|
||||
components: {AiPayment},
|
||||
data() {
|
||||
return {
|
||||
isCollapse: false,
|
||||
activePath: '/home',
|
||||
form: {
|
||||
mallId: this.$store.state.mallId,
|
||||
mallName: this.$store.state.mallName,
|
||||
code: ''
|
||||
},
|
||||
version: '',
|
||||
vipType: ["体验会员", "月会员", "半年会员", "年会员", "多店通用年会员"]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
freeLogo: () => require("../assets/free.png"),
|
||||
getStateInfo() {
|
||||
if (this.$store.state.userInfo.flag == 0) {
|
||||
return '未激活';
|
||||
} else if (this.$store.state.userInfo.flag == 1) {
|
||||
if (this.$store.state.userInfo.type != 4) {
|
||||
return `(${this.$store.state.userInfo.mallName})` + this.vipType[this.$store.state.userInfo.type] + '(' + this.$store.state.userInfo.expireTime.substring(0, 10) + ')';
|
||||
} else {
|
||||
return this.vipType[this.$store.state.userInfo.type] + '(' + this.$store.state.userInfo.expireTime.substring(0, 10) + ')'
|
||||
return '已过期';
|
||||
}
|
||||
},
|
||||
|
||||
...mapState(['mallName', 'mallList'])
|
||||
},
|
||||
|
||||
watch: {
|
||||
$route(v) {
|
||||
if (v.meta && v.meta.activeMenu) {
|
||||
this.activePath = v.meta.activeMenu
|
||||
} else {
|
||||
this.activePath = v.fullPath
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
const devVersion = require('../manifest.development.json').version
|
||||
const prodVersion = require('../manifest.production.json').version
|
||||
this.version = process.env.NODE_ENV === 'production' ? prodVersion : devVersion
|
||||
if (this.$route.meta && this.$route.meta.activeMenu) {
|
||||
this.activePath = this.$route.meta.activeMenu
|
||||
} else {
|
||||
return '已过期';
|
||||
this.activePath = this.$route.fullPath
|
||||
}
|
||||
// this.testGoodcang()
|
||||
},
|
||||
|
||||
...mapState(['mallName', 'mallList'])
|
||||
},
|
||||
methods: {
|
||||
...mapMutations(['setActiveDlgShow']),
|
||||
handleClick(e) {
|
||||
if (e === 'logout') {
|
||||
this.$store.dispatch('SignOut', false)
|
||||
} else if (e === 'pwd') {
|
||||
this.$router.push('changePwd')
|
||||
} else if (e === 'message') {
|
||||
this.$router.push('message')
|
||||
} else if (e === 'coin') {
|
||||
this.$router.push('coinFlow')
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
$route(v) {
|
||||
if (v.meta && v.meta.activeMenu) {
|
||||
this.activePath = v.meta.activeMenu
|
||||
} else {
|
||||
this.activePath = v.fullPath
|
||||
}
|
||||
}
|
||||
},
|
||||
openMember() {
|
||||
this.$refs.LablesMember.show()
|
||||
},
|
||||
|
||||
created() {
|
||||
const devVersion = require('../manifest.development.json').version
|
||||
const prodVersion = require('../manifest.production.json').version
|
||||
this.version = process.env.NODE_ENV === 'production' ? prodVersion : devVersion
|
||||
if (this.$route.meta && this.$route.meta.activeMenu) {
|
||||
this.activePath = this.$route.meta.activeMenu
|
||||
} else {
|
||||
this.activePath = this.$route.fullPath
|
||||
}
|
||||
// this.testGoodcang()
|
||||
},
|
||||
|
||||
methods: {
|
||||
...mapMutations(['setActiveDlgShow']),
|
||||
handleClick(e) {
|
||||
if (e === 'logout') {
|
||||
this.$store.dispatch('SignOut', false)
|
||||
} else if (e === 'pwd') {
|
||||
this.$router.push('changePwd')
|
||||
} else if (e === 'message') {
|
||||
this.$router.push('message')
|
||||
} else if (e === 'coin') {
|
||||
this.$router.push('coinFlow')
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.form.mallId = "";
|
||||
this.form.mallName = "";
|
||||
this.form.code = "";
|
||||
this.setActiveDlgShow(false)
|
||||
},
|
||||
toActive() {
|
||||
this.setActiveDlgShow(true)
|
||||
},
|
||||
getMessage(type) {
|
||||
return `你使用的是“${this.vipType[type]}”兑换券，确定兑换？`;
|
||||
},
|
||||
active() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http.post(`/api/coupon/getDetail`, null, {
|
||||
params: {
|
||||
code: this.form.code
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
let msg = this.getMessage(res.data.type);
|
||||
this.$confirm(msg, '温馨提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'info'
|
||||
}).then(() => {
|
||||
this.$http.post(`/api/order/upgradeByCode`, null, {
|
||||
params: {
|
||||
...this.form
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('激活成功')
|
||||
this.$store.dispatch('getUserInfo')
|
||||
this.setActiveDlgShow(false)
|
||||
}
|
||||
handleClose() {
|
||||
this.form.mallId = "";
|
||||
this.form.mallName = "";
|
||||
this.form.code = "";
|
||||
this.setActiveDlgShow(false)
|
||||
},
|
||||
toActive() {
|
||||
this.setActiveDlgShow(true)
|
||||
},
|
||||
getMessage(type) {
|
||||
return `你使用的是“${this.vipType[type]}”兑换券，确定兑换？`;
|
||||
},
|
||||
active() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http.post(`/api/coupon/getDetail`, null, {
|
||||
params: {
|
||||
code: this.form.code
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
let msg = this.getMessage(res.data.type);
|
||||
this.$confirm(msg, '温馨提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'info'
|
||||
}).then(() => {
|
||||
this.$http.post(`/api/order/upgradeByCode`, null, {
|
||||
params: {
|
||||
...this.form
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('激活成功')
|
||||
this.$store.dispatch('getUserInfo')
|
||||
this.setActiveDlgShow(false)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
sign() {
|
||||
this.$http.post(`/api/malluser/sign`).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('签到成功')
|
||||
this.$store.dispatch('getUserInfo')
|
||||
}
|
||||
})
|
||||
},
|
||||
async openFolder() {
|
||||
console.log(22)
|
||||
let fileList = []
|
||||
const res = await window.showDirectoryPicker({})
|
||||
const detalAction = async (obj) => {
|
||||
if (obj.entries) {
|
||||
const dirs = obj.entries()
|
||||
for await (const entry of dirs) {
|
||||
if (entry[1].entries) {
|
||||
detalAction(entry[1])
|
||||
} else {
|
||||
fileList.push({
|
||||
name: entry[0],
|
||||
path: obj.name,
|
||||
fileHandle: entry[1],
|
||||
file: await entry[1].getFile()
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
sign() {
|
||||
this.$http.post(`/api/malluser/sign`).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('签到成功')
|
||||
this.$store.dispatch('getUserInfo')
|
||||
}
|
||||
})
|
||||
},
|
||||
async openFolder() {
|
||||
console.log(22)
|
||||
let fileList = []
|
||||
const res = await window.showDirectoryPicker({})
|
||||
const detalAction = async (obj) => {
|
||||
if (obj.entries) {
|
||||
const dirs = obj.entries()
|
||||
for await (const entry of dirs) {
|
||||
if (entry[1].entries) {
|
||||
detalAction(entry[1])
|
||||
} else {
|
||||
fileList.push({
|
||||
name: entry[0],
|
||||
path: obj.name,
|
||||
fileHandle: entry[1],
|
||||
file: await entry[1].getFile()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
await detalAction(res);
|
||||
console.log("--fileList--", fileList)
|
||||
},
|
||||
gotoKefu() {
|
||||
window.open('https://work.weixin.qq.com/kfid/kfcaa4208f661131eba', '_blank')
|
||||
},
|
||||
closeSheinAlert() {
|
||||
this.$store.commit('setSheinAlertShow', false)
|
||||
},
|
||||
closeTemuAlert() {
|
||||
this.$store.commit('setTemuAlertShow', false)
|
||||
},
|
||||
getAliexpressGoodsList() {
|
||||
let url = "https://seller-acs.aliexpress.com/h5/mtop.global.merchant.self.product.manager.render.list/1.0/?jsv=2.7.2&appKey=30267743&t=1713978403051&sign=ba2bda69b4a2695c7279d4bc05f51741&v=1.0&timeout=15000&H5Request=true&url=mtop.global.merchant.self.product.manager.render.list&__channel-id__=701301&api=mtop.global.merchant.self.product.manager.render.list&type=originaljson&dataType=json&valueType=original&x-i18n-regionID=AE"
|
||||
url = url + "&data=" + encodeURIComponent(
|
||||
JSON.stringify({
|
||||
"channelId": "701301",
|
||||
"jsonBody": JSON.stringify({
|
||||
"tab": "online_product",
|
||||
"sort": {},
|
||||
"filter": {
|
||||
"queryCategory": null,
|
||||
"lowerPrice": null,
|
||||
"upperPrice": null,
|
||||
"status": "0",
|
||||
"productId": null,
|
||||
"pagination": {
|
||||
"pageSize": 10,
|
||||
"current": 3
|
||||
await detalAction(res);
|
||||
console.log("--fileList--", fileList)
|
||||
},
|
||||
gotoKefu() {
|
||||
window.open('https://work.weixin.qq.com/kfid/kfcaa4208f661131eba', '_blank')
|
||||
},
|
||||
closeSheinAlert() {
|
||||
this.$store.commit('setSheinAlertShow', false)
|
||||
},
|
||||
closeTemuAlert() {
|
||||
this.$store.commit('setTemuAlertShow', false)
|
||||
},
|
||||
getAliexpressGoodsList() {
|
||||
let url = "https://seller-acs.aliexpress.com/h5/mtop.global.merchant.self.product.manager.render.list/1.0/?jsv=2.7.2&appKey=30267743&t=1713978403051&sign=ba2bda69b4a2695c7279d4bc05f51741&v=1.0&timeout=15000&H5Request=true&url=mtop.global.merchant.self.product.manager.render.list&__channel-id__=701301&api=mtop.global.merchant.self.product.manager.render.list&type=originaljson&dataType=json&valueType=original&x-i18n-regionID=AE"
|
||||
url = url + "&data=" + encodeURIComponent(
|
||||
JSON.stringify({
|
||||
"channelId": "701301",
|
||||
"jsonBody": JSON.stringify({
|
||||
"tab": "online_product",
|
||||
"sort": {},
|
||||
"filter": {
|
||||
"queryCategory": null,
|
||||
"lowerPrice": null,
|
||||
"upperPrice": null,
|
||||
"status": "0",
|
||||
"productId": null,
|
||||
"pagination": {
|
||||
"pageSize": 10,
|
||||
"current": 3
|
||||
}
|
||||
}
|
||||
}
|
||||
}),
|
||||
"from":"SELF",
|
||||
"bizParam":"{\"version\":\"simple\"}"
|
||||
}),
|
||||
"from":"SELF",
|
||||
"bizParam":"{\"version\":\"simple\"}"
|
||||
})
|
||||
)
|
||||
sendAliexpressAPIMessage({
|
||||
url: url
|
||||
}).then(res => {
|
||||
//console.log(res)
|
||||
})
|
||||
)
|
||||
sendAliexpressAPIMessage({
|
||||
url: url
|
||||
}).then(res => {
|
||||
//console.log(res)
|
||||
})
|
||||
},
|
||||
testGoodcang() {
|
||||
sendGoodcangAPIMessage({
|
||||
url: "/api/v1/product/list",
|
||||
method: 'POST',
|
||||
data: {
|
||||
"page_index": 1,
|
||||
"page_size": 20,
|
||||
"product_status": 1
|
||||
}
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
})
|
||||
}
|
||||
},
|
||||
testGoodcang() {
|
||||
sendGoodcangAPIMessage({
|
||||
url: "/api/v1/product/list",
|
||||
method: 'POST',
|
||||
data: {
|
||||
"page_index": 1,
|
||||
"page_size": 20,
|
||||
"product_status": 1
|
||||
}
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
})
|
||||
mounted() {
|
||||
// this.getAliexpressGoodsList()
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.getAliexpressGoodsList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
Reference in New Issue
Block a user