|
|
@@ -0,0 +1,228 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-form
|
|
|
+ :model="query"
|
|
|
+ ref="queryForm"
|
|
|
+ v-show="showSearch"
|
|
|
+ :inline="true"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-form-item label="货主" prop="fCorpid">
|
|
|
+ <el-select
|
|
|
+ v-model="query.fCorpid"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ style="width: 80%"
|
|
|
+ :remote-method="corpsRemoteMethod"
|
|
|
+ placeholder="请输入模糊查找"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(dict, index) in fMblnoOptions"
|
|
|
+ :key="index.fId"
|
|
|
+ :label="dict.fName"
|
|
|
+ :value="dict.fId"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="提单号" prop="fMblno">
|
|
|
+ <el-input
|
|
|
+ v-model="query.fMblno"
|
|
|
+ placeholder="请输入提单号"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="日期" prop="bsdateList">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="query.bsdateList"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
+ end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="getList"
|
|
|
+ v-hasPermi="['warehouseBusiness:containerPort:add']"
|
|
|
+ >查询
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="warning"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ @click="exportOne"
|
|
|
+ >导出
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="1.5">-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="danger"-->
|
|
|
+ <!-- icon="el-icon-delete"-->
|
|
|
+ <!-- size="mini"-->
|
|
|
+ <!-- :disabled="multiple"-->
|
|
|
+ <!-- @click="handleDelete"-->
|
|
|
+ <!-- v-hasPermi="['agreement:agreementTask:remove']"-->
|
|
|
+ <!-- >删除-->
|
|
|
+ <!-- </el-button>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
+ <!-- <el-col :span="1.5">-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="info"-->
|
|
|
+ <!-- icon="el-icon-download"-->
|
|
|
+ <!-- size="mini"-->
|
|
|
+ <!-- :disabled="single"-->
|
|
|
+ <!-- @click="handleUpdate(null, 2)"-->
|
|
|
+ <!-- v-hasPermi="['agreement:agreementStorage:export']"-->
|
|
|
+ <!-- >复制新增-->
|
|
|
+ <!-- </el-button>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
+ <right-toolbar
|
|
|
+ :showSearch.sync="showSearch"
|
|
|
+ @queryTable="getList"
|
|
|
+ ></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
+ <el-form-item label="货主">
|
|
|
+ <el-select
|
|
|
+ v-model="query.fCorpid"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ style="width: 80%"
|
|
|
+ :remote-method="corpsRemoteMethod"
|
|
|
+ placeholder="请输入模糊查找"
|
|
|
+ disabled
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(dict, index) in fMblnoOptions"
|
|
|
+ :key="index.fId"
|
|
|
+ :label="dict.fName"
|
|
|
+ :value="dict.fId"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="提单号">
|
|
|
+ <el-input v-model="query.fMblno" placeholder="提单号" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="品名">
|
|
|
+ <el-input v-model="formInline.goodsName" placeholder="请输入品名" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column type="selection" width="60" align="center" />
|
|
|
+ <el-table-column type="index" label="行号" align="center"/>
|
|
|
+ <el-table-column prop="fBusinessType" label="作业类型" width="180" align="center"/>
|
|
|
+ <el-table-column prop="fCntval" label="箱型箱量" width="180" align="center"/>
|
|
|
+ <el-table-column prop="inBsdate" label="入库日期" width="180" align="center"/>
|
|
|
+ <el-table-column prop="inQty" label="入库件数" width="180" align="center"/>
|
|
|
+ <el-table-column prop="inGrossweight" label="入库毛重" width="180" align="center"/>
|
|
|
+ <el-table-column prop="outBsdate" label="出库日期" width="180" align="center"/>
|
|
|
+ <el-table-column prop="outQty" label="出库件数" width="180" align="center"/>
|
|
|
+ <el-table-column prop="outGrossweight" label="出库毛重" width="180" align="center"/>
|
|
|
+ <el-table-column prop="fQtyblc" label="结余件数" width="180" align="center"/>
|
|
|
+ <el-table-column prop="fGrossweightblc" label="结余毛重" width="180" align="center"/>
|
|
|
+ <el-table-column prop="fBilltype" label="业务类型" width="180" align="center"/>
|
|
|
+ <el-table-column prop="remark" label="备注" width="180" align="center"/>
|
|
|
+ </el-table>
|
|
|
+ <h3>
|
|
|
+ <i class="el-icon-coin"></i>费用明细
|
|
|
+ <el-button
|
|
|
+ type="warning"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ @click="exportTwo"
|
|
|
+ >导出
|
|
|
+ </el-button>
|
|
|
+ </h3>
|
|
|
+ <el-table
|
|
|
+ :data="costData"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column type="selection" width="60" align="center" />
|
|
|
+ <el-table-column type="index" label="行号" align="center"/>
|
|
|
+ <el-table-column prop="createTime" label="日期" width="180" align="center"/>
|
|
|
+ <el-table-column prop="fBusinessType" label="作业类型" width="180" align="center"/>
|
|
|
+ <el-table-column prop="fFeeid" label="费用" width="180" align="center"/>
|
|
|
+ <el-table-column prop="fQty" label="数量" align="center"/>
|
|
|
+ <el-table-column prop="fUnitprice" label="单价" align="center"/>
|
|
|
+ <el-table-column prop="fAmount" label="金额" align="center"/>
|
|
|
+ <el-table-column prop="remark" label="备注" align="center"/>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { listpayable , exportOne , exportTwo} from '@/api/singleTicket'
|
|
|
+import {listCorps} from "@/api/basicdata/corps";
|
|
|
+export default {
|
|
|
+ name: "index",
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ query:{},
|
|
|
+ costData:[],
|
|
|
+ formInline:{},
|
|
|
+ tableData:[],
|
|
|
+ showSearch: true,
|
|
|
+ fMblnoOptions:[]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ getList(){
|
|
|
+ listpayable(this.query).then(res=>{
|
|
|
+ this.costData = res.data.feeList
|
|
|
+ this.tableData = res.data.singleAnalysis
|
|
|
+ this.formInline.goodsName = res.data.goodsName
|
|
|
+ })
|
|
|
+ },
|
|
|
+ exportOne(){
|
|
|
+ let query = this.query
|
|
|
+ this.$confirm("是否确认导出", "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }).then(function () {
|
|
|
+ return exportOne(query);
|
|
|
+ }).then((response) => {
|
|
|
+ this.download(response.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ exportTwo(){
|
|
|
+ let query = this.query
|
|
|
+ this.$confirm("是否确认导出", "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }).then(function () {
|
|
|
+ return exportTwo(query);
|
|
|
+ }).then((response) => {
|
|
|
+ this.download(response.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ corpsRemoteMethod(name) {
|
|
|
+ if (name == null || name === "") {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let queryParams = { pageNum: 1, fName: name, type: 1 };
|
|
|
+ listCorps(queryParams).then((response) => {
|
|
|
+ this.fMblnoOptions = response.rows;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ resetQuery(){},
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
caojunjie