|
|
@@ -1,5 +1,216 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryForm"
|
|
|
+ v-show="showSearch"
|
|
|
+ label-width="100px"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="客户名称" prop="corpId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.corpId"
|
|
|
+ placeholder="请输入客户名称"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ filterable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(dict, index) in fMblnoOptions"
|
|
|
+ :key="index.fId"
|
|
|
+ :label="dict.fName"
|
|
|
+ :value="dict.fId"
|
|
|
+ />
|
|
|
+ </el-select> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label-width="100px" label="业务类型" prop="billType">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.billType"
|
|
|
+ placeholder="请选择业务类型"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label-width="100px" label="提单号" prop="mblno">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.mblno"
|
|
|
+ placeholder="请输入提单号"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ style="max-width: 187px"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label-width="100px" label="系统编号" prop="fBillno">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.fBillno"
|
|
|
+ placeholder="请输入系统编号"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ style="max-width: 187px"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-collapse-transition>
|
|
|
+ <div v-show="show">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label-width="100px" label="请核人" prop="transProp">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.transProp"
|
|
|
+ placeholder="请选择请核人"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label-width="100px" label="审核人" prop="goodsId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.goodsId"
|
|
|
+ placeholder="请输入审核人"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item
|
|
|
+ label-width="100px"
|
|
|
+ label="提交日期"
|
|
|
+ prop="loadAddr"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.loadAddr"
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ style="max-width: 187px"
|
|
|
+ type="datetimerange"
|
|
|
+ align="right"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item
|
|
|
+ label-width="100px"
|
|
|
+ label="业务日期"
|
|
|
+ prop="mdLoadAddr"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.mdLoadAddr"
|
|
|
+ placeholder="请输入业务日期"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ style="max-width: 187px"
|
|
|
+ type="date"
|
|
|
+ >
|
|
|
+ </el-date-picker> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6"
|
|
|
+ ><el-form-item
|
|
|
+ label-width="100px"
|
|
|
+ label="审核日期"
|
|
|
+ prop="unLoadAddr"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.unLoadAddr"
|
|
|
+ placeholder="请输入审核日期"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ style="max-width: 187px"
|
|
|
+ type="date"
|
|
|
+ >
|
|
|
+ </el-date-picker></el-form-item
|
|
|
+ ></el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-collapse-transition>
|
|
|
+ </el-form>
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button size="mini" @click="handleQuery">全部</el-button></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button size="mini" @click="handleQuery">待审业务</el-button></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button size="mini" @click="handleQuery">审核中</el-button></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button size="mini" @click="handleQuery">审核通过</el-button></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <div class="tabSetting">
|
|
|
+ <div style="margin-right: 20px">
|
|
|
+ <el-button
|
|
|
+ type="cyan"
|
|
|
+ icon="el-icon-search"
|
|
|
+ size="mini"
|
|
|
+ @click="handleQuery"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-show="show"
|
|
|
+ @click="show = !show"
|
|
|
+ icon="el-icon-arrow-up"
|
|
|
+ size="mini"
|
|
|
+ >展开</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-show="!show"
|
|
|
+ @click="show = !show"
|
|
|
+ icon="el-icon-arrow-down"
|
|
|
+ size="mini"
|
|
|
+ >展开</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <right-toolbar
|
|
|
+ :showSearch.sync="showSearch"
|
|
|
+ @queryTable="getList"
|
|
|
+ ></right-toolbar>
|
|
|
+ <div style="margin: 0 12px">
|
|
|
+ <el-tooltip
|
|
|
+ class="item"
|
|
|
+ effect="dark"
|
|
|
+ content="列设置"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ icon="el-icon-setting"
|
|
|
+ size="mini"
|
|
|
+ circle
|
|
|
+ @click="showSetting = !showSetting"
|
|
|
+ ></el-button>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
<el-table
|
|
|
v-loading="loading"
|
|
|
:data="tableData"
|
|
|
@@ -45,7 +256,31 @@
|
|
|
<span v-else-if="scope.row.refno2 === 'SE'">下单配船</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="address" label="操作" width="80">
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ label="系统编号"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ label="审核状态"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ label="审核人"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ label="审核日期"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ label="提交人"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ label="提交日期"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="操作" width="80">
|
|
|
<template slot-scope="scope">
|
|
|
<span style="cursor: pointer" @click="approval(scope.row)"
|
|
|
>查看详情</span
|
|
|
@@ -82,7 +317,8 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { inquiry } from "../../../../src/api/index";
|
|
|
+import { inquiry } from "@/api/index";
|
|
|
+import { listCorps } from "@/api/basicdata/corps";
|
|
|
export default {
|
|
|
name: "index",
|
|
|
data() {
|
|
|
@@ -94,13 +330,37 @@ export default {
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
+ corpId: null,
|
|
|
+ billType: null,
|
|
|
+ fBillno: null,
|
|
|
+ transProp: null,
|
|
|
+ goodsId: null,
|
|
|
+ mblno: null,
|
|
|
+ loadAddr: null,
|
|
|
+ mdLoadAddr: null,
|
|
|
+ unLoadAddr: null,
|
|
|
},
|
|
|
+ show: false,
|
|
|
+ showSearch: true,
|
|
|
+ fMblnoOptions: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
+ listCorps().then((response) => {
|
|
|
+ this.fMblnoOptions = response.rows;
|
|
|
+ });
|
|
|
},
|
|
|
methods: {
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
let data = {
|
|
|
@@ -212,5 +472,25 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
-<style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.tabSetting {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+.listStyle {
|
|
|
+ display: flex;
|
|
|
+ border-top: 1px solid #dcdfe6;
|
|
|
+ border-left: 1px solid #dcdfe6;
|
|
|
+ border-right: 1px solid #dcdfe6;
|
|
|
+}
|
|
|
+.listStyle:last-child {
|
|
|
+ border-bottom: 1px solid #dcdfe6;
|
|
|
+}
|
|
|
+.progress {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 2px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.05);
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
</style>
|
qukaidi