Skip to content

肖康 / cloudSystem

Go to a project
Commit 7550aab2 by LJM
Options

优化

parent 12ab96d5
Inline Side-by-side
Showing with 42 additions and 72 deletions
src/views/Store/listDetail.vue
<template> <template>
<div class="listDetail pagex"> <div class="listDetail pagex">
<div class="detail-nav" v-if="detailInfo"> <div class="detail-nav row verCenter" v-if="detailInfo">
<span>单号：{{detailInfo.up_sn}}</span> <span>单号：{{ detailInfo.up_sn }}</span>
<span>文件名：{{detailInfo.file_name}}</span> <span>文件名：{{ detailInfo.file_name }}</span>
<span>上传时间：{{detailInfo.create_time}}</span> <span>上传时间：{{ detailInfo.create_time }}</span>
<span>状态： <div>
状态：
<span v-if="detailInfo.status==1" class="f-green">待处理</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==2" class="f-yellow1">处理中</span>
<span v-else-if="detailInfo.status==3">已处理</span> <span v-else-if="detailInfo.status==3">已处理</span>
<span v-else-if="detailInfo.status==4" class="f-red1">其他失败</span> <span v-else-if="detailInfo.status==4" class="f-red1">其他失败</span>
</span> </div>
</div> </div>
<div class="data-box" v-if="tableData"> <div class="data-box" v-if="tableData">
<el-table :data="tableData" border max-height="600"> <el-table :data="tableData" border max-height="600">
<el-table-column fixed prop="item_id" label="ID" width="75"> <el-table-column fixed prop="item_id" label="ID" width="75"></el-table-column>
</el-table-column> <el-table-column prop="status" fixed label="状态" width="100" align="center">
<el-table-column prop="status" fixed label="状态" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status==1" class="f-green">审核前失败</span> <el-tag v-if="scope.row.status==1" type="danger">审核前失败</el-tag>
<span v-else-if="scope.row.status==2" class="f-yellow1">待审核</span> <el-tag v-else-if="scope.row.status==2" type="info">待审核</el-tag>
<span v-else-if="scope.row.status==3">审核通过</span> <el-tag v-else-if="scope.row.status==3" type="success">审核通过</el-tag>
<span v-else-if="scope.row.status==4" class="f-red1">审核未通过</span> <el-tag v-else-if="scope.row.status==4" type="warning">审核未通过</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed prop="goods_sn" label="供应商内部型号编码" width="180"> <el-table-column fixed prop="error_msg" label="同步提示" width="100"></el-table-column>
</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 fixed prop="goods_name" label="型号" width="180"></el-table-column>
</el-table-column> <el-table-column fixed prop="brand_name" label="品牌" width="180"></el-table-column>
<el-table-column fixed prop="brand_name" label="品牌" width="180"> <el-table-column prop="stock" label="库存数量" width="150"></el-table-column>
</el-table-column> <el-table-column prop="moq" label="起订量" width="150"></el-table-column>
<el-table-column prop="stock" label="库存数量" width="150"> <el-table-column prop="mpq" label="标准包装量" width="150"></el-table-column>
</el-table-column> <el-table-column prop="batch_sn" label="批次" width="150"></el-table-column>
<el-table-column prop="moq" label="起订量" width="150"> <el-table-column prop="cn_delivery_time" label="大陆交期" width="150"></el-table-column>
</el-table-column> <el-table-column prop="hk_delivery_time" label="香港交期" width="150"></el-table-column>
<el-table-column prop="mpq" label="标准包装量" width="150"> <el-table-column prop="spu_brief" label="简短描述" width="150"></el-table-column>
</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-if="maxPrice.length">
<template v-for="item in maxPrice"> <template v-for="item in maxPrice">
<el-table-column :prop="'purchases'+(item+1)" :label="'阶梯数量'+(item+1)" width="150"> <el-table-column :prop="'purchases'+(item+1)" :label="'阶梯数量'+(item+1)" width="150"></el-table-column>
</el-table-column> <el-table-column :prop="'price_cn'+(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 :prop="'price_us'+(item+1)" :label="'香港交货价'+(item+1)" width="150"></el-table-column>
</el-table-column>
<el-table-column :prop="'price_us'+(item+1)" :label="'香港交货价'+(item+1)" width="150">
</el-table-column>
</template> </template>
</template> </template>
</el-table> </el-table>
<el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total" <el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
@current-change="handleCurrentChange" :current-page="page">
</el-pagination>
</div> </div>
<Menu /> <Menu/>
</div> </div>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import Tool from '../../tool'
import { import {Message, Pagination, Table, TableColumn, Tag} from 'element-ui'
Table,
TableColumn,
Message,
Pagination
} from 'element-ui'
Vue.prototype.$message=Message
Vue.use(Pagination).use(TableColumn).use(Table)
export default {
name: "ListDetail",
Vue.prototype.$message = Message
Vue.use(Pagination).use(TableColumn).use(Table).use(Tag);
export default {
name: "ListDetail",
data() { data() {
return { return {
detailInfo: "", detailInfo: "",
...@@ -98,7 +69,7 @@ ...@@ -98,7 +69,7 @@
}, },
watch: { watch: {
$route(to, from) { $route(to, from) {
if(to.path==from.path){ if (to.path == from.path) {
this.getInfo() this.getInfo()
this.getList() this.getList()
} }
...@@ -108,8 +79,6 @@ ...@@ -108,8 +79,6 @@
this.getInfo() this.getInfo()
this.getList() this.getList()
}, },
computed: {},
methods: { methods: {
getInfo() { getInfo() {
this.$http('get', "/api/uploadSku/info", { this.$http('get', "/api/uploadSku/info", {
...@@ -141,8 +110,8 @@ ...@@ -141,8 +110,8 @@
} }
this.tableData = arr this.tableData = arr
this.total = res.data.total || 0; this.total = res.data.total || 0;
var max_= res.data.max_price_count||0; var max_ = res.data.max_price_count || 0;
for(var g=0;g<max_;g++){ for (var g = 0; g < max_; g++) {
this.maxPrice.push(g) this.maxPrice.push(g)
} }
} else { } else {
...@@ -158,8 +127,8 @@ ...@@ -158,8 +127,8 @@
components: { components: {
Menu Menu
} }
}; };
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/store/listDetail.min.css"; @import "../../assets/css/store/listDetail.min.css";
</style> </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