Compare commits
5 Commits
e7f5670b72
...
67b8108825
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
67b8108825 | ||
|
|
90046641c0 | ||
|
|
510f3aa888 | ||
|
|
acbd7f6a86 | ||
|
|
f3ad1604d8 |
@@ -11,12 +11,11 @@
|
|||||||
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.svg#iconfont') format('svg');
|
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.svg#iconfont') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "iconfont";
|
font-family: 'iconfont'; /* Project id 4680344 */
|
||||||
src: url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.woff2?t=1725970465332') format('woff2'),
|
src: url('https://at.alicdn.com/t/c/font_4680344_v54lqtndz8.woff2?t=1730871528436') format('woff2'),
|
||||||
url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.woff?t=1725970465332') format('woff'),
|
url('https://at.alicdn.com/t/c/font_4680344_v54lqtndz8.woff?t=1730871528436') format('woff'),
|
||||||
url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.ttf?t=1725970465332') format('truetype');
|
url('https://at.alicdn.com/t/c/font_4680344_v54lqtndz8.ttf?t=1730871528436') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
@@ -577,3 +576,7 @@ img {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-tooltip__popper {
|
||||||
|
max-width: 600px;
|
||||||
|
}
|
||||||
|
|||||||
@@ -36,7 +36,6 @@
|
|||||||
v-for="(price, i) in priceList"
|
v-for="(price, i) in priceList"
|
||||||
:key="i"
|
:key="i"
|
||||||
@click="currIndex = i, getQrcode(price)">
|
@click="currIndex = i, getQrcode(price)">
|
||||||
<h3>{{ price.remark }}</h3>
|
|
||||||
<div class="price">
|
<div class="price">
|
||||||
<i>¥</i>
|
<i>¥</i>
|
||||||
<span>{{ price.price }}</span>
|
<span>{{ price.price }}</span>
|
||||||
@@ -45,7 +44,7 @@
|
|||||||
<i>¥</i>
|
<i>¥</i>
|
||||||
<span>{{ price.originPrice }}</span>
|
<span>{{ price.originPrice }}</span>
|
||||||
</div>
|
</div>
|
||||||
<p>{{ price.coin }}条/每年</p>
|
<p>{{ price.coin }}金币</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -388,6 +387,7 @@
|
|||||||
&__item {
|
&__item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 140px;
|
width: 140px;
|
||||||
height: 170px;
|
height: 170px;
|
||||||
|
|||||||
@@ -48,12 +48,14 @@
|
|||||||
class="item"
|
class="item"
|
||||||
style="cursor: pointer;"
|
style="cursor: pointer;"
|
||||||
@click="search.type = 1, search.current = 1, isShowImage = true, getConfig()">
|
@click="search.type = 1, search.current = 1, isShowImage = true, getConfig()">
|
||||||
|
<i class="iconfont"></i>
|
||||||
<div>图片素材</div>
|
<div>图片素材</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="item"
|
class="item"
|
||||||
style="cursor: pointer;"
|
style="cursor: pointer;"
|
||||||
@click="search.type = 0, search.current = 1, isShowImage = true, getConfig()">
|
@click="search.type = 0, search.current = 1, isShowImage = true, getConfig()">
|
||||||
|
<i class="iconfont"></i>
|
||||||
<div>文字素材</div>
|
<div>文字素材</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -197,34 +199,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <ai-table
|
|
||||||
:tableData="templateList"
|
|
||||||
:col-configs="templateColConfigs"
|
|
||||||
:total="templateTotal"
|
|
||||||
:current.sync="searchTemplate.current"
|
|
||||||
:size.sync="searchTemplate.size"
|
|
||||||
height="480"
|
|
||||||
@getList="getTemplateList"
|
|
||||||
v-loading="templateLoading">
|
|
||||||
<el-table-column slot="img" label="预览图" align="center">
|
|
||||||
<template v-slot="{ row }">
|
|
||||||
<el-image
|
|
||||||
style="width: 200px; height: 200px"
|
|
||||||
fit="contain"
|
|
||||||
:src="row.previewUrl"
|
|
||||||
:preview-src-list="[row.previewUrl]">
|
|
||||||
</el-image>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column slot="options" label="操作" align="center" width="200">
|
|
||||||
<template v-slot="{ row }">
|
|
||||||
<div class="table-options">
|
|
||||||
<el-button type="text" @click="showTemplate(row)">模板预览</el-button>
|
|
||||||
<el-button type="text" @click="updateTempate(row)">使用</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</ai-table> -->
|
|
||||||
<div class="dialog-footer" slot="footer">
|
<div class="dialog-footer" slot="footer">
|
||||||
<el-button @click="isShowTemplate = false">取消</el-button>
|
<el-button @click="isShowTemplate = false">取消</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -310,12 +284,16 @@
|
|||||||
height: 160
|
height: 160
|
||||||
},
|
},
|
||||||
'80 * 60': {
|
'80 * 60': {
|
||||||
width: 160,
|
width: 240,
|
||||||
height: 120
|
height: 180
|
||||||
},
|
},
|
||||||
'60 * 40': {
|
'70 * 50': {
|
||||||
width: 120,
|
width: 210,
|
||||||
height: 80
|
height: 150
|
||||||
|
},
|
||||||
|
'70 * 40': {
|
||||||
|
width: 210,
|
||||||
|
height: 120
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
paperPopVisible: false,
|
paperPopVisible: false,
|
||||||
@@ -342,10 +320,6 @@
|
|||||||
isShowImage: false,
|
isShowImage: false,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
total: 0,
|
total: 0,
|
||||||
templateColConfigs: [
|
|
||||||
{ prop: 'name', label: '模板名称', align: 'left' },
|
|
||||||
{ slot: 'img'}
|
|
||||||
],
|
|
||||||
templateLoading: false,
|
templateLoading: false,
|
||||||
hasMore: true
|
hasMore: true
|
||||||
}
|
}
|
||||||
@@ -438,6 +412,18 @@
|
|||||||
this.hiprintTemplate.update(config)
|
this.hiprintTemplate.update(config)
|
||||||
this.hiprintTemplate.setPaper(config.panels[0].width, config.panels[0].height)
|
this.hiprintTemplate.setPaper(config.panels[0].width, config.panels[0].height)
|
||||||
|
|
||||||
|
this.curPaper = {
|
||||||
|
type: 'other',
|
||||||
|
width: config.panels[0].width,
|
||||||
|
height: config.panels[0].height
|
||||||
|
}
|
||||||
|
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (this.curPaper.type === 'other') {
|
||||||
|
this.paperWidth = config.panels[0].width
|
||||||
|
this.paperHeight = config.panels[0].height
|
||||||
|
}
|
||||||
|
})
|
||||||
this.dynamicFromList = JSON.parse(res.data.params)
|
this.dynamicFromList = JSON.parse(res.data.params)
|
||||||
this.isShowTemplate = false
|
this.isShowTemplate = false
|
||||||
}
|
}
|
||||||
@@ -555,6 +541,9 @@
|
|||||||
$('#custom-provider').empty()
|
$('#custom-provider').empty()
|
||||||
// eslint-disable-next-line no-undef
|
// eslint-disable-next-line no-undef
|
||||||
hiprint.PrintElementTypeManager.build($('#custom-provider'), 'customProvider')
|
hiprint.PrintElementTypeManager.build($('#custom-provider'), 'customProvider')
|
||||||
|
|
||||||
|
$('#custom-provider ul ul li:eq(0)').prepend('<i class="iconfont"></i>')
|
||||||
|
$('#custom-provider ul ul li:eq(1)').prepend('<i class="iconfont"></i>')
|
||||||
},
|
},
|
||||||
|
|
||||||
buildDesigner() {
|
buildDesigner() {
|
||||||
@@ -825,6 +814,7 @@
|
|||||||
width: 100px;
|
width: 100px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
@@ -833,7 +823,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
margin-top: 10px;
|
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
<div class="search-item__wrapper">
|
<div class="search-item__wrapper">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<div class="search-item" v-show="addType === '1'">
|
<div class="search-item" v-show="addType === '1'">
|
||||||
<label>发货单:</label>
|
<label>店铺:</label>
|
||||||
<el-select v-model="search.mallId" placeholder="请选择店铺" size="small">
|
<el-select v-model="search.mallId" placeholder="请选择店铺" size="small">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in $store.state.mallList"
|
v-for="item in $store.state.mallList"
|
||||||
@@ -31,6 +31,8 @@
|
|||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-button style="margin-left: 10px;" size="small" :disabled="!search.mallId" :loading="isLoading" @click="searchSkuList">查询</el-button>
|
<el-button style="margin-left: 10px;" size="small" :disabled="!search.mallId" :loading="isLoading" @click="searchSkuList">查询</el-button>
|
||||||
|
|
||||||
|
<p class="tips">发货单列表->待仓库发货</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="search-item" v-show="addType === '2' || addType === '3'">
|
<div class="search-item" v-show="addType === '2' || addType === '3'">
|
||||||
<label>{{ addType === '2' ? 'SKC:' : 'SKU:' }}</label>
|
<label>{{ addType === '2' ? 'SKC:' : 'SKU:' }}</label>
|
||||||
@@ -40,7 +42,7 @@
|
|||||||
style="width: 250px"
|
style="width: 250px"
|
||||||
size="small"
|
size="small"
|
||||||
clearable
|
clearable
|
||||||
placeholder="多个查询请用户逗号分割"
|
placeholder="多个查询请用逗号分割"
|
||||||
suffix-icon="iconfont iconSearch">
|
suffix-icon="iconfont iconSearch">
|
||||||
</el-input>
|
</el-input>
|
||||||
<el-input
|
<el-input
|
||||||
@@ -48,7 +50,7 @@
|
|||||||
v-model="search.productSkcId"
|
v-model="search.productSkcId"
|
||||||
style="width: 250px"
|
style="width: 250px"
|
||||||
size="small"
|
size="small"
|
||||||
placeholder="多个查询请用户逗号分割"
|
placeholder="多个查询请用逗号分割"
|
||||||
clearable
|
clearable
|
||||||
suffix-icon="iconfont iconSearch">
|
suffix-icon="iconfont iconSearch">
|
||||||
</el-input>
|
</el-input>
|
||||||
@@ -63,6 +65,18 @@
|
|||||||
:height="height"
|
:height="height"
|
||||||
@getList="() => {}"
|
@getList="() => {}"
|
||||||
:loading="isLoading">
|
:loading="isLoading">
|
||||||
|
<el-table-column slot="product" width="280px" label="商品信息" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="product">
|
||||||
|
<img :src="scope.row.thumbUrl" v-if="scope.row.thumbUrl">
|
||||||
|
<div class="right">
|
||||||
|
<el-tooltip class="item" effect="dark" :content="scope.row.productName" placement="top">
|
||||||
|
<div>{{ scope.row.productName }}</div>
|
||||||
|
</el-tooltip>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column slot="options" label="操作" align="center" fixed="right" width="120px">
|
<el-table-column slot="options" label="操作" align="center" fixed="right" width="120px">
|
||||||
<template v-slot="{ row }">
|
<template v-slot="{ row }">
|
||||||
<div class="table-options">
|
<div class="table-options">
|
||||||
@@ -103,12 +117,15 @@
|
|||||||
return {
|
return {
|
||||||
colConfigs: [
|
colConfigs: [
|
||||||
{ prop: 'mallName', label: '店铺名称', align: 'left' },
|
{ prop: 'mallName', label: '店铺名称', align: 'left' },
|
||||||
|
// { prop: 'productName', label: '商品名称', width: '280px', align: 'center' },
|
||||||
|
{ slot: 'product' },
|
||||||
{ prop: 'labelCode', label: '条码编码', align: 'center' },
|
{ prop: 'labelCode', label: '条码编码', align: 'center' },
|
||||||
{ prop: 'productSkcId', label: 'SKC', align: 'center' },
|
{ prop: 'productSkcId', label: 'SKC', align: 'center' },
|
||||||
{ prop: 'productSkuId', label: 'SKU', align: 'center' },
|
{ prop: 'productSkuId', label: 'SKU', align: 'center' },
|
||||||
{ prop: 'skuExtCode', label: 'SKU货号', align: 'center' },
|
{ prop: 'skuExtCode', label: 'SKU货号', align: 'center' },
|
||||||
{ prop: 'skuSpecName', label: '次销售属性', align: 'center' },
|
{ prop: 'skuSpecName', label: '次销售属性', align: 'center' },
|
||||||
{ prop: 'deliveryNum', label: '发货数', align: 'center' }
|
{ prop: 'deliveryNum', label: '发货数', align: 'center' },
|
||||||
|
{ prop: 'purchaseTime', label: '创建时间', align: 'center', format: v => this.$dayjs(v).format('YYYY-MM-DD HH:mm:ss') }
|
||||||
],
|
],
|
||||||
search: {
|
search: {
|
||||||
mallId: '',
|
mallId: '',
|
||||||
@@ -281,6 +298,7 @@
|
|||||||
labelCode: v.labelCode,
|
labelCode: v.labelCode,
|
||||||
skuExtCode: v.skuExtCode,
|
skuExtCode: v.skuExtCode,
|
||||||
deliveryNum: v.deliveryNum,
|
deliveryNum: v.deliveryNum,
|
||||||
|
thumbUrl: v.thumbUrl,
|
||||||
skuSpecName: v.secondarySpecVOList.map(item => {
|
skuSpecName: v.secondarySpecVOList.map(item => {
|
||||||
return item.specName
|
return item.specName
|
||||||
}).join(',')
|
}).join(',')
|
||||||
@@ -339,5 +357,35 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.product {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.right {
|
||||||
|
flex: 1;
|
||||||
|
margin-left: 10px;
|
||||||
|
text-align: left;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
div {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tips {
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -142,7 +142,7 @@
|
|||||||
v-model="skuReqParams.SKC"
|
v-model="skuReqParams.SKC"
|
||||||
style="width: 250px"
|
style="width: 250px"
|
||||||
size="small"
|
size="small"
|
||||||
placeholder="多个查询请用户逗号分割"
|
placeholder="多个查询请用逗号分割"
|
||||||
clearable
|
clearable
|
||||||
@clear="getSkuList()"
|
@clear="getSkuList()"
|
||||||
suffix-icon="iconfont iconSearch">
|
suffix-icon="iconfont iconSearch">
|
||||||
@@ -156,7 +156,7 @@
|
|||||||
v-model="skuReqParams.SKU"
|
v-model="skuReqParams.SKU"
|
||||||
style="width: 250px"
|
style="width: 250px"
|
||||||
size="small"
|
size="small"
|
||||||
placeholder="多个查询请用户逗号分割"
|
placeholder="多个查询请用逗号分割"
|
||||||
clearable
|
clearable
|
||||||
@clear="getSkuList()"
|
@clear="getSkuList()"
|
||||||
suffix-icon="iconfont iconSearch">
|
suffix-icon="iconfont iconSearch">
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ import { formatDate } from "@/utils/date.js"
|
|||||||
detailPicList: [],
|
detailPicList: [],
|
||||||
coin: 150,
|
coin: 150,
|
||||||
colConfigs: [
|
colConfigs: [
|
||||||
{ slot: 'productName', label: '商品名称', width: '180px', align: 'left', fixed: 'left' },
|
{ slot: 'productName', label: '商品名称', width: '180px', align: 'left', fixed: 'left' },
|
||||||
{ prop: 'category', label: '分类', width: '140px', align: 'left', fixed: 'left' },
|
{ prop: 'category', label: '分类', width: '140px', align: 'left', fixed: 'left' },
|
||||||
{ prop: 'productId', label: 'SPU ID', width: '120px', align: 'left' },
|
{ prop: 'productId', label: 'SPU ID', width: '120px', align: 'left' },
|
||||||
{ prop: 'productSkcId', label: 'SKC ID', width: '120px', align: 'left' },
|
{ prop: 'productSkcId', label: 'SKC ID', width: '120px', align: 'left' },
|
||||||
@@ -130,9 +130,9 @@ import { formatDate } from "@/utils/date.js"
|
|||||||
await this.dealAction("", res)
|
await this.dealAction("", res)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
async dealAction (root, obj) {
|
async dealAction (root, obj) {
|
||||||
console.log(obj)
|
console.log(obj)
|
||||||
if (obj.entries) {
|
if (obj.entries) {
|
||||||
@@ -188,7 +188,7 @@ import { formatDate } from "@/utils/date.js"
|
|||||||
} else if (entry[0] == '详情图' && entry[1].kind == 'directory') {
|
} else if (entry[0] == '详情图' && entry[1].kind == 'directory') {
|
||||||
this.detailPicList = await this.getPictureList(root + '/' + entry[0], entry[1])
|
this.detailPicList = await this.getPictureList(root + '/' + entry[0], entry[1])
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
if (this.mainPicList.length >= 0 && this.detailPicList.length >= 0) {
|
if (this.mainPicList.length >= 0 && this.detailPicList.length >= 0) {
|
||||||
await this.beginAddToDraft(obj.name)
|
await this.beginAddToDraft(obj.name)
|
||||||
@@ -302,4 +302,4 @@ import { formatDate } from "@/utils/date.js"
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user