Skip to content

肖康 / cloudSystem

Go to a project
Commit 5d419b52 by 肖康
Options

云芯列表

parent 5191a164
Inline Side-by-side
Showing with 178 additions and 103 deletions
src/assets/css/goods/goods.less
......@@ -100,4 +100,21 @@
height: 80;
}
.xktitle{
border-left: 5px solid #1969F9;
height:38px;
line-height: 38px;
background: #f3f3f3;
padding-left:20px;
font-weight: bold;
color:#333;
}
.infoboxpx{
padding:15px;
padding-bottom:30px;
.el-col{
margin-top:15px;
}
}
}
\ No newline at end of file
src/assets/css/goods/goods.min.css
.goods .pdf {
color: #666;
}
.goods .pdf span {
font-size: 20px;
}
.goods .pdf:hover {
color: #1969F9;
cursor: pointer;
}
.goods .goods-con {
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px;
}
.goods .search-btn {
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
}
.goods .search-btn:hover {
background: #0050E0;
}
.goods .btn-nav {
margin-top: 11px;
margin-bottom: 22px;
}
.goods .btn-nav .dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
}
.goods .btn-nav .dcg:hover {
background: #1969F9;
cursor: pointer;
color: #fff;
}
.goods .btn-nav .dcg.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
}
.goods .btn-nav .dcg.delbtn:hover {
background: #FF715D;
color: #fff;
}
.goods .btn-nav .updatex {
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
}
.goods .btn-nav .updatex:hover {
background: #FCA955;
color: #fff;
}
.goods .brand-img {
width: 80%;
height: 80;
}
/*# sourceMappingURL=goods.min.css.map */
\ No newline at end of file
.goods .pdf{color:#666}.goods .pdf span{font-size:20px}.goods .pdf:hover{color:#1969F9;cursor:pointer}.goods .goods-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.goods .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.goods .search-btn:hover{background:#0050E0}.goods .btn-nav{margin-top:11px;margin-bottom:22px}.goods .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.goods .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.goods .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.goods .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.goods .btn-nav .updatex{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.goods .btn-nav .updatex:hover{background:#FCA955;color:#fff}.goods .brand-img{width:80%;height:80}.goods .xktitle{border-left:5px solid #1969F9;height:38px;line-height:38px;background:#f3f3f3;padding-left:20px;font-weight:bold;color:#333}.goods .infoboxpx{padding:15px;padding-bottom:30px}.goods .infoboxpx .el-col{margin-top:15px}
\ No newline at end of file
src/router/index.js
......@@ -19,6 +19,8 @@ const Login = resolve => require(['@/views/User/login.vue'], resolve);
const notfound = resolve => require(['@/views/User/notfound.vue'], resolve);
const BindError = resolve => require(['@/views/User/bindError.vue'], resolve);
const OrderTrackGoods = resolve => require(['@/views/OrderTrack/goods.vue'], resolve);
const orderTrackGoodsDetail = resolve => require(['@/views/OrderTrack/goodsDetail.vue'], resolve);
const OrderTrackInvoice = resolve => require(['@/views/OrderTrack/invoice.vue'], resolve);
const OrderTrackPurAdd = resolve => require(['@/views/OrderTrack/purAdd.vue'], resolve);
......@@ -124,6 +126,14 @@ const routes = [
component: OrderTrackGoods
},
{
path: '/orderTrackGoodsDetail',
name: 'orderTrackGoodsDetail',
meta: {
title: '订单明细'
},
component: orderTrackGoodsDetail
},
{
path: '/orderTrackInvoice',
name: 'orderTrackInvoice',
meta: {
......
src/views/OrderTrack/goods.vue
......@@ -13,9 +13,9 @@
<el-form-item label="订单状态" prop="status">
<el-select v-model="formInline.status" placeholder="请选择">
<el-option label="全部" value=""></el-option>
<el-option label="进行中" value="1"></el-option>
<el-option label="已完成" value="2"></el-option>
<el-option label="已作废" value="3"></el-option>
<el-option label="进行中" value="2"></el-option>
<el-option label="已完成" value="4"></el-option>
<el-option label="已作废" value="-3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="发货状态" prop="shipping_status">
......@@ -37,8 +37,8 @@
<el-form-item label="报价单号" prop="quote_sn">
<el-input v-model="formInline.quote_sn" placeholder="请输入型号" @keyup.enter.native="submit"></el-input>
</el-form-item>
<el-form-item label="订单来源" prop="source">
<el-select v-model="formInline.source" placeholder="请选择">
<el-form-item label="订单来源" prop="source_type">
<el-select v-model="formInline.source_type" placeholder="请选择">
<el-option label="全部" value=""></el-option>
<el-option label="云芯采购" value="1"></el-option>
<el-option label="正常采购" value="2"></el-option>
......@@ -50,25 +50,29 @@
</el-form-item>
</el-form>
<div class="btn-nav clr">
<el-button type="primary">生成发货单</el-button>
<el-button type="primary" @click="addSend">生成发货单</el-button>
</div>
<div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="37"></el-table-column>
<el-table-column prop="company_name" label="订货公司" min-width="15%"></el-table-column>
<el-table-column prop="status_val" label="订单状态" min-width="15%"></el-table-column>
<el-table-column prop="pay_name" label="对方付款方式" min-width="15%"></el-table-column>
<el-table-column prop="pay_status_val" label="收款状态" min-width="15%"></el-table-column>
<el-table-column prop="shipping_status_val" label="发货状态" min-width="15%"></el-table-column>
<el-table-column prop="currency_val" label="币种" min-width="15%"></el-table-column>
<el-table-column prop="purchase_amount" label="订单金额" min-width="15%"></el-table-column>
<el-table-column prop="purchase_name" label="订单人员" min-width="15%"></el-table-column>
<el-table-column prop="source_type" label="订单来源" min-width="15%"></el-table-column>
<el-table-column prop="create_time" label="创建时间" min-width="15%"></el-table-column>
<el-table-column label="订货公司" min-width="150">
<template slot-scope="scope">
<a :href="'/#/orderTrackGoodsDetail?purchase_id='+scope.row.purchase_id" class="f-blue">{{ scope.row.company_name }}</a>
</template>
</el-table-column>
<el-table-column prop="status_val" label="订单状态" min-width="80"></el-table-column>
<el-table-column prop="pay_name" label="对方付款方式" min-width="100"></el-table-column>
<el-table-column prop="pay_status_val" label="收款状态" min-width="80"></el-table-column>
<el-table-column prop="shipping_status_val" label="发货状态" width="80"></el-table-column>
<el-table-column prop="currency_val" label="币种" min-width="60"></el-table-column>
<el-table-column prop="purchase_amount" label="订单金额" min-width="110"></el-table-column>
<el-table-column prop="purchase_name" label="订单人员" width="100"></el-table-column>
<el-table-column prop="source_type" label="订单来源" width="100"></el-table-column>
<el-table-column prop="create_time" label="创建时间" min-width="150"></el-table-column>
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]"
:total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page">
</el-pagination>
</el-pagination>
</div>
</div>
<Menu />
......@@ -110,10 +114,10 @@
status: '',
pay_status: '',
quote_sn: '',
source: '',
source_type: '',
},
tableData: "",
selectedOptions: []
multipleSelection:[]
};
},
created() {
......@@ -131,7 +135,7 @@
status: this.formInline.status,
pay_status: this.formInline.pay_status,
quote_sn: this.formInline.quote_sn,
source: this.formInline.source,
source_type: this.formInline.source_type,
}).then(res => {
if (res.code === 0) {
......@@ -163,6 +167,27 @@
resetForm(formName) {
this.$refs[formName].resetFields();
},
//生成发货单
addSend() {
if (this.multipleSelection.length == 0) {
this.$message({
message: "请选择一条数据进行操作",
type: 'warning'
});
return
}
if (this.multipleSelection.length != 1) {
this.$message({
message: "只能单条操作",
type: 'warning'
});
return
}
this.$router.push({
path: "/OrderTrackPurAdd",
query: "1,2"
})
},
//型号
querySearchAsync(queryString, cb) {
this.$http('get', "/api/search/getspu", {
......
src/views/OrderTrack/goodsDetail.vue 0 → 100644
<template>
<section class="goods pagex">
<div class="goods-con">
<div class="xktitle">基本信息</div>
<el-row :gutter="20" class="infoboxpx">
<el-col :span="6">
<div class="">订货公司：{{infos.company_name}}</div>
</el-col>
<el-col :span="6">
<div class="">订单状态：{{infos.status_val}}</div>
</el-col>
<el-col :span="6">
<div class="">收款状态：{{infos.pay_status_val}}</div>
</el-col>
<el-col :span="6">
<div class="">发货状态：{{infos.shipping_status_val}}</div>
</el-col>
<el-col :span="6">
<div class="">订单来源：{{infos.source_type}}</div>
</el-col>
<el-col :span="6">
<div class="">订单人员：{{infos.purchase_name}}</div>
</el-col>
<el-col :span="6">
<div class="">订单总额：{{infos.purchase_amount}}</div>
</el-col>
<el-col :span="6">
<div class="">币种：{{infos.currency_val}} </div>
</el-col>
</el-row>
<div class="xktitle" style="margin-bottom:20px;">型号明细</div>
<div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border>
<el-table-column prop="quote_sn" label="报价单号" min-width="150"></el-table-column>
<el-table-column prop="goods_name" label="型号" min-width="150"></el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="150"></el-table-column>
<el-table-column prop="purchase_qty" label="订单数量" width="100"></el-table-column>
<el-table-column prop="price_without_tax" label="单价(未税)" width="110"></el-table-column>
<el-table-column prop="price_in_tax" label="单价(含税)" width="110"></el-table-column>
<el-table-column prop="total_amount" label="小计" width="110"></el-table-column>
<el-table-column prop="out_qty" label="已发货" width="70"></el-table-column>
<el-table-column prop="no_out_qty" label="未发货" width="70"></el-table-column>
<el-table-column prop="source_type" label="来源" width="100"></el-table-column>
</el-table>
</div>
</div>
<Menu />
</section>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {
Table,
TableColumn,
Message,
Pagination,
Row,
Col
} from 'element-ui'
Vue.prototype.$message = Message;
Vue.use(Pagination);
Vue.use(TableColumn).use(Table).use(Row).use(Col);
export default {
name: "orderTrackGoodsDetail",
data() {
return {
infos:{},
tableData: ""
};
},
created() {
this.getData();
},
computed: {},
methods: {
getData() {
this.$http('post', "/api/purchase/purOrderDetail", {
id: this.$route.query.purchase_id
}).then(res => {
if (res.code === 0) {
this.infos=res.data.purchase_info
this.tableData = res.data.purchase_item_list || [];
} else {
this.$message({
message: res.msg,
type: "error"
});
}
})
}
},
components: {
Menu
}
};
</script>
<style scoped>
@import "../../assets/css/goods/goods.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