Commit 2171cc37 by 肖康

x

parent d1a9ef73
......@@ -328,7 +328,7 @@ body {
}
}
box-shadow: 1px 2px 10px 3px rgba(119, 135, 145, 0.5);
// box-shadow: 1px 2px 10px 3px rgba(119, 135, 145, 0.5);
}
// .el-table td,
......
......@@ -4,8 +4,15 @@
padding:20px;
font-size: 14px;
color:#333;
padding-top: 30px;
span{
margin-right: 45px;
}
}
.data-box{
padding:20px;
padding-top: 10px;
background: #fff;
}
}
\ No newline at end of file
.listDetail .detail-nav{background:#fff;padding:20px;font-size:14px;color:#333}.listDetail .detail-nav span{margin-right:45px}
\ No newline at end of file
.listDetail .detail-nav{background:#fff;padding:20px;font-size:14px;color:#333;padding-top:30px}.listDetail .detail-nav span{margin-right:45px}.listDetail .data-box{padding:20px;padding-top:10px;background:#fff}
\ No newline at end of file
......@@ -53,7 +53,7 @@
<el-table-column prop="create_time" label="上传时间" min-width="20%">
</el-table-column>
</el-table>
<el-pagination layout="prev, pager, next" :page-size="limit" :total="total" @current-change="handleCurrentChange" :current-page="page">
<el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total" @current-change="handleCurrentChange" :current-page="page">
</el-pagination>
</div>
</div>
......@@ -117,7 +117,7 @@
end_time: this.formInline.date[1]
}).then(res => {
if (res.err_code === 0) {
console.log(res)
this.tableData = res.data.list || [];
this.total =res.data.total||0;
} else {
......
<template>
<div class="listDetail pagex">
<div class="detail-nav">
<span>单号:SD202104060008</span>
<span>文件名:圣和堂-联营数据上传.csv</span>
<span>上传时间:2021-03-30</span>
<span>状态:处理中</span>
</div>
<Menu/>
<div class="listDetail pagex">
<div class="detail-nav" v-if="detailInfo">
<span>单号:{{detailInfo.up_sn}}</span>
<span>文件名:{{detailInfo.file_name}}</span>
<span>上传时间:{{detailInfo.create_time}}</span>
<span>状态:
<span v-if="detailInfo.status==1" class="f-green">待处理</span>
<span v-else-if="detailInfo.status==2" class="f-yellow1">处理中</span>
<span v-else-if="detailInfo.status==3">已处理</span>
<span v-else-if="detailInfo.status==4" class="f-red1">其他失败</span>
</span>
</div>
<div class="data-box" v-if="tableData">
<el-table :data="tableData" border style="width: 100%">
<el-table-column fixed prop="id" label="ID" width="75">
</el-table-column>
<el-table-column prop="status" fixed label="状态" width="75">
<template slot-scope="scope">
<span v-if="scope.row.status==1" class="f-green">待处理</span>
<span v-else-if="scope.row.status==2" class="f-yellow1">处理中</span>
<span v-else-if="scope.row.status==3">已处理</span>
<span v-else-if="scope.row.status==4" class="f-red1">其他失败</span>
</template>
</el-table-column>
<el-table-column fixed prop="goods_sn" label="供应商内部型号编码" width="180">
</el-table-column>
<el-table-column fixed prop="goods_name" label="型号" width="180">
</el-table-column>
<el-table-column fixed prop="brand_name" label="品牌" width="180">
</el-table-column>
<el-table-column prop="stock" label="库存数量" width="150">
</el-table-column>
<el-table-column prop="moq" label="起订量" width="150">
</el-table-column>
<el-table-column prop="mpq" label="标准包装量" width="150">
</el-table-column>
<el-table-column prop="batch_sn" label="批次" width="150">
</el-table-column>
<el-table-column prop="cn_delivery_time" label="大陆交期" width="150">
</el-table-column>
<el-table-column prop="hk_delivery_time" label="香港交期" width="150">
</el-table-column>
<el-table-column prop="spu_brief" label="简短描述" width="150">
</el-table-column>
<template v-if="maxPrice.length">
<template v-for="item in maxPrice">
<el-table-column :prop="'purchases'+(item+1)" :label="'阶梯数量'+(item+1)" width="150">
</el-table-column>
<el-table-column :prop="'price_cn'+(item+1)" :label="'国内含税价'+(item+1)" width="150">
</el-table-column>
<el-table-column :prop="'price_us'+(item+1)" :label="'香港交货价'+(item+1)" width="150">
</el-table-column>
</template>
</template>
</el-table>
<el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total"
@current-change="handleCurrentChange" :current-page="page">
</el-pagination>
</div>
<Menu />
</div>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import Tool from '../../tool'
import {
Button,
Message
Table,
TableColumn,
Message,
Pagination
} from 'element-ui'
Vue.use(Button)
Vue.use(Pagination).use(TableColumn).use(Table)
export default {
name: "listDetail",
data() {
return {};
return {
detailInfo: "",
total: 0,
limit: 10,
page: 1,
tableData: "",
maxPrice: []
};
},
watch: {},
created() {
this.getInfo()
console.log(this.$route.query.params)
this.getList()
},
computed: {},
methods: {
getInfo(){
this.$http('get', "/api/uploadSku/info", {
getInfo() {
this.$http('get', "/api/uploadSku/info", {
id: this.$route.query.id
}).then(res => {
if (res.err_code === 0) {
this.detailInfo = res.data
} else {
Message(res.err_msg);
}
})
},
getList() {
this.$http('get', "/api/uploadSku/itemList", {
page: this.page,
limit: this.limit,
up_sn: this.$route.query.sn
}).then(res => {
if (res.err_code === 0) {
var arr = res.data.list || [];
for (var i = 0; i < arr.length; i++) {
if (arr[i]['ladder_price']) {
for (var j = 0; j < arr[i]['ladder_price'].length; j++) {
arr[i]['purchases' + (j + 1)] = arr[i]['ladder_price'][j]['purchases']
arr[i]['price_cn' + (j + 1)] = arr[i]['ladder_price'][j]['price_cn']
arr[i]['price_us' + (j + 1)] = arr[i]['ladder_price'][j]['price_us']
}
}
}
this.tableData = arr
this.total = res.data.total || 0;
var max_= res.data.max_price_count||0;
for(var g=0;g<max_;g++){
this.maxPrice.push(g)
}
} else {
Message(res.err_msg);
}
})
}
},
handleCurrentChange(val) {
this.page = val;
this.getList();
},
},
components: {
Menu
......@@ -46,5 +152,5 @@
};
</script>
<style scoped>
@import "../../assets/css/store/listDetail.min.css";
@import "../../assets/css/store/listDetail.min.css";
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment