@{
|
Layout = "~/Views/Shared/_LayoutVue.cshtml";
|
ViewBag.Title = "Notice";
|
}
|
@section head{
|
<style type="text/css">
|
.el-card__header {
|
padding: 5px 20px;
|
font-size: 15px;
|
font-weight: bold;
|
}
|
</style>
|
}
|
<div id="notice" v-cloak>
|
<el-card class="box-card">
|
<el-form v-bind:model="formData" label-width="85px" class="demo-ruleForm" v-bind:inline="true">
|
<el-form-item label="发货单号：">
|
<el-input size="mini" v-model="formData.opNo"></el-input>
|
</el-form-item>
|
<el-button style="margin-top:2px;" size="mini" type="primary" v-on:click="search">查 询</el-button>
|
</el-form>
|
</el-card>
|
<hh-table v-bind:coloptions="noticeCols"
|
v-bind:paging="true"
|
v-bind:check="true"
|
v-bind:dh="noticeDh"
|
url="@Url.Action("NoticeList")"
|
ref="noticelist"></hh-table>
|
<el-row>
|
<el-col v-bind:span="14">
|
<el-card class="box-card" shadow="hover" v-bind:body-style="{height:(bottomHeight-35)+'px'}" v-bind:style="'height:'+bottomHeight+'px'">
|
<div slot="header" class="clearfix">
|
<span>发运跟单</span>
|
@*<el-button style="float:right" size="mini" type="primary">打 印</el-button>*@
|
<a style="float:right;color:#409EFF" href="#">打 印</a>
|
@*<el-button style="float:right" type="text">打 印</el-button>*@
|
</div>
|
<hh-table v-bind:coloptions="shippingCols"
|
v-bind:dh="autoHeight-autoHeight/2+65">
|
|
</hh-table>
|
</el-card>
|
</el-col>
|
<el-col v-bind:span="10">
|
<el-card class="box-card" shadow="hover" v-bind:body-style="{height:(bottomHeight-35)+'px'}" v-bind:style="'height:'+bottomHeight+'px'">
|
<div slot="header" class="clearfix">
|
<span>发运明细</span>
|
</div>
|
<hh-table v-bind:coloptions="shippingDetailCols"
|
v-bind:dh="autoHeight-autoHeight/2+65">
|
|
</hh-table>
|
</el-card>
|
</el-col>
|
</el-row>
|
</div>
|
@section scripts{
|
<script>
|
new Vue({
|
el: '#notice',
|
mixins: [useAutoHeight],
|
computed: {
|
bottomHeight: function () {
|
return (this.autoHeight / 2) - 30;
|
},
|
noticeDh: function () {
|
return (this.autoHeight / 2) + 50;
|
}
|
},
|
data: {
|
formData: {
|
opNo: ""
|
},
|
shippingCols: [
|
{ f: 'a', n: '单号' },
|
{ f: 'a', n: '发运方式' },
|
{ f: 'a', n: '箱数' },
|
{ f: 'a', n: '状态' }
|
],
|
shippingDetailCols: [
|
{ f: 'a', n: '包装类型' },
|
{ f: 'a', n: '箱号' },
|
{ f: 'a', n: '状态' },
|
],
|
noticeCols: [
|
{ f: 'CN_S_NOTIFY_NO', w: 150, align: 'center', n: '发运单号' },
|
{ f: 'CN_S_OP_NO', w: 150, align: 'center', n: '出库单' },
|
{ f: 'CN_S_OP_TYPE', w: 100, align: 'center', n: '业务类型' },
|
{ f: 'CN_S_STOCK_CODE', w: 100, align: 'center', n: '仓库编码' },
|
{ f: 'CN_S_STATE', w: 100, align: 'center', n: '状态' },
|
{ f: 'CN_S_NOTIFIER', w: 100, align: 'center', n: '通知人' },
|
{ f: 'CN_S_PHONE', w: 130, align: 'center', n: '手机号' },
|
{ f: 'CN_S_REMARKS', align: 'center', n: '摘要' }
|
]
|
},
|
methods: {
|
search: function () {
|
this.$refs.noticelist.loadData(this.formData);
|
}
|
}
|
});
|
</script>
|
}
|
