94 行
3.2 KiB
HTML
可执行文件
94 行
3.2 KiB
HTML
可执行文件
<!--[1.8.4]-->
|
||
<link rel="stylesheet" href="/Public/css/serial-number-search.css?v=1.0.0">
|
||
<style type="text/css">
|
||
#serial-number-search .logs {
|
||
margin-top: 20px;
|
||
border-top: 1px solid #EBEEF5;
|
||
padding-top: 20px;
|
||
}
|
||
|
||
#serial-number-search .logs .logs-label {
|
||
font-weight: bold;
|
||
}
|
||
|
||
#serial-number-search .logs li {
|
||
line-height: 24px;
|
||
}
|
||
|
||
#serial-number-search .logs li span {
|
||
margin-right: 5px;
|
||
}
|
||
</style>
|
||
<div id="serial-number-search">
|
||
<div class="search">
|
||
<div class="input">
|
||
<el-input v-model="searchSerial" placeholder="请输入串号" @keyup.enter.native="search"></el-input>
|
||
<p>可以通过串码来搜索商品在哪个门店出售</p>
|
||
</div>
|
||
<el-button type="primary" round @click="search">搜索</el-button>
|
||
</div>
|
||
<el-card v-if="data">
|
||
<div slot="header" class="header">
|
||
<span>{{data.name}}</span>
|
||
<span>{{data.position}}</span>
|
||
</div>
|
||
<div class="main">
|
||
<div class="goods-info">
|
||
<img :src="data.image_path">
|
||
<div class="info">
|
||
<p><span>商品名称：</span>{{data.goods_name}}</p>
|
||
<p v-if="data.sku_name"><span>规格名称：</span>{{data.sku_name}}</p>
|
||
<p><span>进价：</span>{{data.purchase_price}}<span
|
||
style="margin-left: 20px;">售价：</span>{{data.retail_price}}</p>
|
||
</div>
|
||
</div>
|
||
<div class="serial">
|
||
<span>主串码：{{data.main_serial_number || '---'}}</span>
|
||
<span>辅助串码1：{{data.auxiliary_serial_number_one || '---'}}</span>
|
||
<span>辅助串码2：{{data.auxiliary_serial_number_two || '---'}}</span>
|
||
</div>
|
||
</div>
|
||
<div class="logs">
|
||
<p class="logs-label">库流变动详情：</p>
|
||
<ul>
|
||
<li v-for="log in data.popular">
|
||
<span>{{log.add_time}}</span><span>{{log.position}}</span><span
|
||
v-if="log.order_number">订单号：{{log.order_number}}</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</el-card>
|
||
</div>
|
||
<script>
|
||
new Vue({
|
||
el: '#serial-number-search',
|
||
data() {
|
||
return {
|
||
searchSerial: '',
|
||
data: null
|
||
}
|
||
},
|
||
methods: {
|
||
search() {
|
||
const loading = this.$loading({
|
||
lock: true
|
||
})
|
||
|
||
this.sendRequest('Retail/Store/serial_number_search', {
|
||
data: {
|
||
serial_number: this.searchSerial
|
||
},
|
||
success: (response) => {
|
||
if (response.status == 1) {
|
||
this.data = response.data
|
||
} else {
|
||
this.data = null
|
||
this.$message.error(response.message)
|
||
}
|
||
loading.close()
|
||
}
|
||
})
|
||
}
|
||
}
|
||
})
|
||
</script> |