航线利润模块

src/api/iosBasicData/costcenter/airlineProfit.js

@@ -0,0 +1,13 @@
+import request from '@/router/axios';
+//贸易代理列表
+export const getList = (current, size, params) => {
+    return request({
+        url: '/api/blade-los/routeCostProfit/listRouteCostProfit',
+        method: 'get',
+        params: {
+            ...params,
+            current,
+            size
+        }
+    })
+}

src/enums/column-name.js

@@ -2007,6 +2007,9 @@ const columnName = [{
   },{
     code: 454,
     name: '永发-航线成本COC-目的港杂费明细'
+  },{
+    code: 455,
+    name: '永发-航线利润-列表页'
   }
 ]
 export const getColumnName = (key) => {

src/views/iosBasicData/costcenter/airlineProfit/detailsPage.vue

@@ -1,417 +0,0 @@
-<template>
-    <div>
-        <div class="customer-head">
-            <div class="customer-back">
-                <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
-                    @click="goBack()">返回列表
-                </el-button>
-            </div>
-            <div class="add-customer-btn">
-                <el-button size="small" style="margin-right: 8px" :disabled="!form.id"
-                    @click="$refs.print.openDialog()">预 览
-                </el-button>
-                <el-button v-if="roleName.indexOf('admin') != -1" size="small" style="margin-right: 8px"
-                    :disabled="!form.id" @click="$refs.report.openDialog()">报表设计
-                </el-button>
-                <el-button class="el-button--small-yh" style="margin-left: 6px;" type="primary" size="small"
-                    v-if="editButton"
-                    :disabled="showLock || !(roleName.indexOf('admin') != -1 || roleName.indexOf('允许修改他人业务') != -1 || saberUserInfo.user_id == form.createUser)"
-                    @click="inEdit">编 辑
-                </el-button>
-                <el-button class="el-button--small-yh" v-else style="margin-left: 6px;" type="primary" size="small"
-                    :disabled="isSaveBtn" @click="submit">保 存
-                </el-button>
-                <el-button v-if="form.id" class="el-button--small-yh" style="margin-left: 6px;" type="success"
-                    size="small" :disabled="form.businessStatus != '录入'" @click="application">单据请核
-                </el-button>
-                <el-button v-if="form.businessStatus == '提交审核'" class="el-button--small-yh" style="margin-left: 6px;"
-                    type="danger" size="small" @click="revokeApplication">撤销单据请核
-                </el-button>
-                <el-dropdown style="line-height: 0">
-                    <el-button class="el-button--small-yh" style="margin-left: 6px;" type="warning" :disabled="!form.id"
-                        size="small">
-                        审 批<i class="el-icon-arrow-down el-icon--right"></i>
-                    </el-button>
-                    <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item @click.native="checkScheduleDialog = true, checkId = form.id">审核进度
-                        </el-dropdown-item>
-                    </el-dropdown-menu>
-                </el-dropdown>
-            </div>
-        </div>
-        <div style="margin-top: 50px">
-            <trade-card title="基础信息">
-                <avue-form :option="optionForm" v-model="form" ref="form">
-                </avue-form>
-            </trade-card>
-            <trade-card title="基础明细">
-                <avue-crud :option="option" :data="form.agentItemsList" id="out-table" ref="crud"
-                    @selection-change="selectionChange" @select="selectHandle" @row-update="rowUpdate"
-                    @resetColumn="resetColumn('crud', 'option', 'optionBack', 447)"
-                    @saveColumn="saveColumn('crud', 'option', 'optionBack', 447)">
-                    <template slot="menuLeft">
-                        <el-button type="info" plain size="small" :disabled="editDisabled"
-                            @click="allClick('一键保存')">一键保存</el-button>
-                        <el-button type="info" plain size="small" :disabled="editDisabled"
-                            @click="allClick('一键编辑')">一键编辑</el-button>
-                        <el-button size="small" style="margin-right: 8px" :disabled="!form.id"
-                            @click="$refs.print.openDialog()">打印账单
-                        </el-button>
-                    </template>
-                    <template slot="indexHeader" slot-scope="{row,index}">
-                        <el-button type="primary" size="mini" icon="el-icon-plus" :disabled="editDisabled" circle
-                            @click="addRow()">
-                        </el-button>
-                    </template>
-                    <template slot="menu" slot-scope="{ row, index }">
-                        <el-button size="small" icon="el-icon-delete" type="text"
-                            :disabled="editDisabled || form.feeCenterListD.length || form.feeCenterListC.length"
-                            @click="rowDel(row, index)">删 除</el-button>
-                    </template>
-                </avue-crud>
-            </trade-card>
-            <trade-card title="费用明细">
-
-            </trade-card>
-            <trade-card title="记录信息">
-            </trade-card>
-        </div>
-        <reports :id="form.id" :assemblyForm="form" businessValue="MYDL" ref="report"></reports>
-        <!--审核弹窗-->
-        <el-dialog append-to-body title="审批进度" class="el-dialogDeep" :visible.sync="checkScheduleDialog" width="40%"
-            :close-on-click-modal="false" :destroy-on-close="true" :close-on-press-escape="false" v-dialog-drag>
-            <check-schedule :checkId="checkId" :batchNo="batchNo" @choceScheduleFun="choceScheduleFun"></check-schedule>
-        </el-dialog>
-    </div>
-</template>
-
-<script>
-import { submit, getDetail, removeItem, checkAgent, revokeCheckAgent, copyAgent } from "@/api/tradeAgency/tradeAgency";
-import dicSelect from "@/components/dicSelect/main";
-import checkSchedule from "@/components/checkH/checkSchedule.vue";
-import businessReports from "@/components/tradeAgency/businessReports.vue";
-import reports from "@/components/tradeAgency/reports.vue";
-import { getDicinit } from "@/api/dicSelect/index";
-import { dateFormat } from "@/util/date";
-import _ from "lodash";
-export default {
-    name: "detailsPage",
-
-    data() {
-        return {
-            selectionList: [],
-            checkId: '', // 审核需要的id
-            batchNo: '',
-            checkScheduleDialog: false, // 审核弹窗
-            editButton: false,
-            editDisabled: false,
-            form: {
-            },
-            oldForm: {},
-            optionForm: {
-                menuBtn: false,
-                span: 8,
-                disabled: false,
-                column: [
-                    {
-                        label: '客户',
-                        prop: "corpName",
-                        disabled: false,
-                        rules: [{
-                            required: true,
-                            message: " ",
-                            trigger: "blur"
-                        }]
-                    },
-                    {
-                        label: '备注',
-                        prop: "remarks",
-                        type: 'textarea',
-                        disabled: false,
-                        span: 12,
-                        minRows: 2,
-                    },
-                ]
-            },
-            option: {},
-            optionBack: {
-                height: 'auto',
-                calcHeight: 30,
-                menuWidth: 60,
-                tip: false,
-                border: true,
-                addBtn: false,
-                viewBtn: false,
-                editBtn: false,
-                delBtn: false,
-                refreshBtn: false,
-                selection: true,
-                align: 'center',
-                column: [
-                    {
-                        label: "index",
-                        prop: "index",
-                        width: "55",
-                        headerslot: true,
-                    },
-                    {
-                        label: "备注",
-                        prop: "remarks",
-                        width: "120",
-                        cell: true,
-                        overHidden: true
-                    }
-                ]
-            },
-        }
-    },
-    components: {
-        dicSelect,
-        checkSchedule,
-        businessReports,
-        reports
-    },
-    props: {
-        detailData: Object
-    },
-    async created() {
-        this.option = await this.getColumnData(this.getColumnName(447), this.optionBack);
-        if (this.detailData.id) {
-            this.editButton = true
-            this.editDisabled = true
-            this.optionForm.disabled = true
-            this.getDetails(this.detailData.id)
-        }
-        if (this.$route.query.params) {
-            this.getDetails(this.$route.query.params)
-        }
-        if (this.detailData.copyId) {
-            this.getCopydate(this.detailData.copyId)
-        }
-    },
-    methods: {
-        dicChange(name, row) {
-            if (name == 'corpName') {
-                if (row) {
-                    this.form.corpId = row.id
-                    this.form.corpName = row.cnName
-                    this.form.sourceType = row.sourceType
-                    this.form.salesmanName = row.srcCnName
-                    this.form.salesmanId = row.srcId
-                } else {
-                    this.form.corpId = null
-                    this.form.sourceType = null
-                    this.form.salesmanName = null
-                    this.form.salesmanId = null
-                }
-            }
-        },
-        rowDicChange(name, row, el) {
-            if (name == 'hsCode') {
-                if (row) {
-                    el.labelProductName = row.cnName
-                    el.taxRate = row.taxRate
-                } else {
-                    el.labelProductName = null
-                    el.taxRate = null
-                }
-            }
-        },
-        rowEdit(row) {
-        },
-        addRow() {
-
-        },
-        selectionChange(list) {
-            this.selectionList = list;
-        },
-        getDetails(id) {
-            const loading = this.$loading({
-                lock: true,
-                text: '加载中',
-                spinner: 'el-icon-loading',
-                background: 'rgba(255,255,255,0.7)'
-            });
-            getDetail({ id: id }).then(res => {
-                this.form = res.data.data
-            }).finally(() => {
-                loading.close()
-            })
-        },
-        getCopydate(id) {
-            const loading = this.$loading({
-                lock: true,
-                text: '加载中',
-                spinner: 'el-icon-loading',
-                background: 'rgba(255,255,255,0.7)'
-            });
-            copyAgent({ id: id }).then(res => {
-                this.form = res.data.data
-            }).finally(() => {
-                loading.close()
-            })
-        },
-        inEdit() {
-            this.editButton = false
-            if (this.form.businessStatus == '录入') {
-                this.editDisabled = false
-                this.optionForm.disabled = false
-            }
-        },
-
-        allClick(name) {
-            if (name == '一键保存') {
-
-                this.submit()
-            }
-            if (name == '一键编辑') {
-                for (let row of this.form.agentItemsList) {
-                    this.$set(row, "$cellEdit", true);
-                }
-            }
-        },
-        submit(type) {
-            this.$refs["form"].validate((valid, done) => {
-                done();
-                if (valid) {
-                    for (let row of this.form.agentItemsList) {
-                        // if (!row.billNo) {
-                        //     this.$refs.crud.rowCell(row, row.$index)
-                        //     return this.$message.error("请完善明细信息");
-                        // }
-                    }
-                    const loading = this.$loading({
-                        lock: true,
-                        text: '加载中',
-                        spinner: 'el-icon-loading',
-                        background: 'rgba(255,255,255,0.7)'
-                    });
-                    submit(this.form).then(res => {
-                        this.$message.success("保存成功");
-                        this.getDetails(res.data.data.id)
-                    }).finally(() => {
-                        loading.close();
-                    })
-
-                } else {
-                    return false;
-                }
-            });
-        },
-        application() {
-            this.$confirm("确定请核数据?", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                type: "warning"
-            }).then(() => {
-                let obj = {}
-                obj = {
-                    id: this.form.id,
-                    url: '/tradeAgency/tradeAgency/index',
-                    pageStatus: '',
-                    pageLabel: '贸易代理(T)',
-                }
-                const loading = this.$loading({
-                    lock: true,
-                    text: '加载中',
-                    spinner: 'el-icon-loading',
-                    background: 'rgba(255,255,255,0.7)'
-                });
-                checkAgent(obj).then(res => {
-                    this.$message.success("请核成功");
-                    this.getDetails(res.data.data.id)
-                }).finally(() => {
-                    loading.close();
-                })
-            });
-        },
-        revokeApplication() {
-            this.$confirm("确定撤销请核?", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                type: "warning"
-            }).then(() => {
-                let obj = {}
-                obj = {
-                    id: this.form.id,
-                }
-                const loading = this.$loading({
-                    lock: true,
-                    text: '加载中',
-                    spinner: 'el-icon-loading',
-                    background: 'rgba(255,255,255,0.7)'
-                });
-                revokeCheckAgent(obj).then(res => {
-                    this.$message.success("撤销请核成功");
-                    this.getDetails(res.data.data.id)
-                    this.editDisabled = false
-                    this.optionForm.disabled = false
-                }).finally(() => {
-                    loading.close();
-                })
-            });
-        },
-        //请核关闭
-        choceScheduleFun() {
-            this.checkScheduleDialog = false
-        },
-        //自定义列保存
-        async saveColumn(ref, option, optionBack, code) {
-            const inSave = await this.saveColumnData(this.getColumnName(code), this[option]);
-            if (inSave) {
-                this.$message.success("保存成功");
-                //关闭窗口
-                this.$refs[ref].$refs.dialogColumn.columnBox = false;
-            }
-        },
-        //自定义列重置
-        async resetColumn(ref, option, optionBack, code) {
-            this[option] = this[optionBack];
-            const inSave = await this.delColumnData(this.getColumnName(code), this[optionBack]);
-            if (inSave) {
-                this.$message.success("重置成功");
-                this.$refs[ref].$refs.dialogColumn.columnBox = false;
-            }
-        },
-        goBack(type) {
-            this.$emit("goBack");
-        },
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-::v-deep .el-form-item {
-    margin-bottom: 8px !important;
-}
-
-::v-deep .el-table .cell {
-    padding: 0 2px !important;
-
-    .el-form-item {
-        margin-bottom: 0px !important;
-    }
-
-}
-
-::v-deep .avue-crud .el-table .el-form-item__label {
-    left: -1px;
-}
-
-::v-deep#out-table .back-one {
-    background: #ecf5ff !important;
-}
-
-::v-deep#out-table .back-two {
-    background: #ecf5ff !important;
-}
-
-::v-deep .el-table--small td,
-.el-table--small th {
-    padding: 2px !important;
-}
-
-::v-deep .el-card__body {
-    padding: 3px 10px;
-}
-</style>

src/views/iosBasicData/costcenter/airlineProfit/index.vue

@@ -1,467 +1,475 @@
 <template>
     <div>
-        <basic-container v-if="isShow">
-            <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" :search.sync="query"
-                v-model="form" id="out-table" :header-cell-class-name="headerClassName" ref="crud" @row-del="rowDel"
-                @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
-                @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange"
-                @resetColumn="resetColumn('crud', 'option', 'optionBack', 446)"
-                @saveColumn="saveColumn('crud', 'option', 'optionBack', 446)" @on-load="onLoad">
-                <tempalte slot="operatorNameSearch">
-                    <dic-select v-model="query.operatorName" placeholder="操作员" key="id" label="realName"
-                    res="records" url="/blade-user/page" :filterable="true" :remote="true" dataName="realName"></dic-select>
-                </tempalte>
-                <template slot="menuLeft">
-                    <el-button type="primary" size="small" icon="el-icon-plus" @click="addButton">新 增
-                    </el-button>
-                    <el-button type="success" size="small" :disabled="selectionList.length != 1" @click="copyButton">复制订单
-                    </el-button>
-                    <el-button type="warning" size="small" @click="outExport">导 出
-                    </el-button>
-                </template>
-                <template slot="menu" slot-scope="{ row, index }">
-                    <el-button size="small" icon="el-icon-edit" type="text" @click="rowEdit(row)">编辑</el-button>
-                    <el-button size="small" icon="el-icon-delete" type="text" @click="rowDel(row, index)"
-                        :disabled="row.orderStatus != '录入'">删 除</el-button>
-                </template>
-                <template slot="contractNo" slot-scope="{ row }">
-                    <span style="color: #1e9fff;cursor: pointer;" @click="rowEdit(row)">{{ row.contractNo }}</span>
-                </template>
-            </avue-crud>
+        <basic-container>
+            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+                <el-tab-pane label="航线利润" name="first">
+                    <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page"
+                        :search.sync="query" v-model="form" id="out-table" :header-cell-class-name="headerClassName"
+                        ref="crud" @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
+                        @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
+                        @refresh-change="refreshChange" @resetColumn="resetColumn('crud', 'option', 'optionBack', 455)"
+                        @saveColumn="saveColumn('crud', 'option', 'optionBack', 455)" @on-load="onLoad">
+                        <template slot="sortSearch">
+                            <el-radio-group v-model="query.sort">
+                                <el-radio :label="0">按箱利润</el-radio>
+                                <el-radio :label="1">按起运港</el-radio>
+                                <el-radio :label="2">按目的港</el-radio>
+                            </el-radio-group>
+                        </template>
+                        <template slot="menuLeft">
+                            <el-button type="warning" size="small" @click="outExport">导 出
+                            </el-button>
+                        </template>
+                    </avue-crud>
+                </el-tab-pane>
+                <el-tab-pane label="自有箱" name="second">
+                    <avue-crud :data="data2" :option="option2"></avue-crud>
+                </el-tab-pane>
+                <el-tab-pane label="ow箱型箱量" name="third">
+                    <avue-crud :data="data3" :option="option3"></avue-crud>
+                </el-tab-pane>
+                <el-tab-pane label="调箱" name="fourth">
+                    <avue-crud :data="data4" :option="option4"></avue-crud>
+                </el-tab-pane>
+            </el-tabs>
+
         </basic-container>
-        <detailsPage v-if="!isShow" :detailData="detailData" @goBack="goBack"></detailsPage>
     </div>
 </template>
-  
+
 <script>
-import { getList, remove } from "@/api/tradeAgency/tradeAgency";
+import { getList, remove } from "@/api/iosBasicData/costcenter/airlineProfit";
 import { getWorkDicts } from "@/api/system/dictbiz";
-import detailsPage from "./detailsPage";
 import { getToken } from "@/util/auth";
 import _ from "lodash";
 export default {
     data() {
         return {
-            isShow: true,
-            form: {},
-            query: {
-                checkbox: [],
-                businessType: 'MYDL',
-            },
-            loading: false,
-            page: {
-                pageSize: 10,
-                currentPage: 1,
-                total: 0
-            },
-            selectionList: [],
-            option: {},
-            optionBack: {
+            data2: [],
+            data3: [],
+            data4: [],
+            option2: {
                 height: 'auto',
                 calcHeight: 30,
                 menuWidth: 140,
-                tip: false,
                 searchShow: true,
-                searchMenuSpan: 6,
+                searchMenuSpan: 18,
                 border: true,
                 index: true,
                 addBtn: false,
                 viewBtn: false,
                 editBtn: false,
                 delBtn: false,
-                selection: true,
-                searchIcon: true,
+                menu: false,
+                columnBtn:false,
                 align: 'center',
-                searchIndex: 3,
                 column: [
                     {
-                        label: "客户名称",
-                        prop: "corpId",
+                        label: "港口",
+                        prop: "profit",
+                        search: true,
+                        overHidden: true,
+                    },
+                    {
+                        label: "好",
+                        prop: "profit2",
                         overHidden: true,
+                    },
+                    {
+                        label: "坏",
+                        prop: "profit3",
+                        overHidden: true,
+                    },
+                    {
+                        label: "自有箱/20GP",
+                        prop: "profit4",
+                        overHidden: true,
+                    },
+                    {
+                        label: "自有箱/40GP",
+                        prop: "profit5",
+                        overHidden: true,
+                    },
+                    {
+                        label: "自有箱/40HC",
+                        prop: "profit6",
+                        overHidden: true,
+                    },
+                    {
+                        label: "代理箱",
+                        prop: "profit7",
+                        overHidden: true,
+                    },
+                ]
+            },
+            option3: {
+                height: 'auto',
+                calcHeight: 30,
+                menuWidth: 140,
+                // searchShow: true,
+                searchMenuSpan: 12,
+                border: true,
+                index: true,
+                addBtn: false,
+                viewBtn: false,
+                editBtn: false,
+                delBtn: false,
+                menu: false,
+                columnBtn:false,
+                align: 'center',
+                column: [
+                    {
+                        label: "ow箱起运港",
+                        prop: "profit",
                         search: true,
-                        type: 'select',
-                        filterable: true,
-                        remote: true,
-                        dicUrl: "/api/blade-los/bcorps/listByType?cnName={{key}}",
-                        props: {
-                            label: 'cnName',
-                            value: 'id',
-                            res: 'data.records'
-                        },
+                        overHidden: true,
                         hide: true,
                         showColumn: false,
-                        searchOrder: 1,
                     },
                     {
-                        label: "客户名称",
-                        prop: "corpName",
-                        width: "120",
+                        label: "起运港",
+                        prop: "profit",
+                        search: true,
                         overHidden: true,
                     },
                     {
-                        label: "合同号",
-                        prop: "contractNo",
-                        width: "140",
+                        label: "目的港",
+                        prop: "profit2",
                         overHidden: true,
-                        search: true,
-                        searchOrder: 2,
                     },
                     {
-                        label: "提单号",
-                        prop: "billNo",
-                        width: "100",
+                        label: "放箱号",
+                        prop: "profit3",
                         overHidden: true,
-                        search: true,
-                        searchOrder: 3,
                     },
                     {
-                        label: "放单方式",
-                        prop: "orderReleaseMethod",
-                        width: "120",
+                        label: "箱型",
+                        prop: "profit4",
                         overHidden: true,
                     },
                     {
-                        label: "订单号",
-                        prop: "orderNo",
-                        width: "80",
+                        label: "箱量",
+                        prop: "profit5",
                         overHidden: true,
-                        search: true,
-                        searchOrder: 9,
                     },
                     {
-                        label: "箱号",
-                        prop: "boxNo",
-                        width: "80",
+                        label: "余量",
+                        prop: "profit6",
                         overHidden: true,
-                        search: true,
-                        searchOrder: 4,
                     },
                     {
-                        label: "订单状态",
-                        prop: "orderStatus",
-                        width: "150",
+                        label: "用箱成本",
+                        prop: "profit7",
                         overHidden: true,
-                        search: true,
-                        searchOrder: 14,
-                        type: "select",
-                        dicUrl: "/api/blade-system/dict-biz/dictionary?code=order_Status",
-                        props: {
-                            label: "dictValue",
-                            value: "dictValue"
-                        }
                     },
                     {
-                        label: "审核状态",
-                        prop: "businessStatus",
-                        width: "100",
+                        label: "有效期间",
+                        prop: "profit8",
                         overHidden: true,
                     },
-                    // {
-                    //     label: "收货款",
-                    //     prop: "whetherReceivedDownPayments",
-                    //     width: "120",
-                    //     overHidden: true,
-                    // },
-                    // {
-                    //     label: "付汇",
-                    //     prop: "whetherReceivedBalancePayment",
-                    //     width: "120",
-                    //     overHidden: true,
-                    // },
-                    {
-                        label: "审单状态",
-                        prop: "reviewStatus",
-                        width: "100",
-                        overHidden: true,
+                ]
+            },
+            option4: {
+                height: 'auto',
+                calcHeight: 30,
+                menuWidth: 140,
+                // searchShow: true,
+                searchMenuSpan: 12,
+                border: true,
+                index: true,
+                addBtn: false,
+                viewBtn: false,
+                editBtn: false,
+                delBtn: false,
+                menu: false,
+                columnBtn:false,
+                align: 'center',
+                column: [
+                    {
+                        label: "港口",
+                        prop: "profit",
                         search: true,
-                        searchOrder: 15,
-                        type: "select",
-                        dicUrl: "/api/blade-system/dict-biz/dictionary?code=audit_status",
-                        props: {
-                            label: "dictValue",
-                            value: "dictValue"
-                        },
+                        overHidden: true,
                         hide: true,
                         showColumn: false,
                     },
                     {
-                        label: '操作员',
-                        prop: 'operatorName',
+                        label: "港口",
+                        prop: "profi",
                         search: true,
-                        searchOrder: 16,
-                        overHidden: true
+                        overHidden: true,
+                        hide: true,
+                        showColumn: false,
                     },
                     {
-                        label: "合同日期",
-                        prop: "contractDate",
-                        width: "120",
-                        search: true,
-                        searchOrder: 5,
-                        searchProp: "contractDateList",
-                        type: "date",
-                        unlinkPanels: true,
-                        searchRange: true,
-                        format: "yyyy-MM-dd",
-                        valueFormat: "yyyy-MM-dd HH:mm:ss",
-                        searchDefaultTime: ["00:00:00", "23:59:59"],
+                        label: "箱型",
+                        prop: "profit",
+                        overHidden: true,
                     },
                     {
-                        label: "国家",
-                        prop: "country",
-                        width: "80",
-                        overHidden: true
+                        label: "调箱成本(USD)",
+                        prop: "profit2",
+                        overHidden: true,
                     },
                     {
-                        label: "通关进度",
-                        prop: "clearanceSpeedOfProgress",
-                        width: "120",
+                        label: "更新日期",
+                        prop: "profit3",
                         overHidden: true,
-                        search: true,
-                        searchOrder: 11,
                     },
                     {
-                        label: '国外发货人',
-                        prop: "abroadConsignorId",
-                        width: "120",
+                        label: "更新人",
+                        prop: "profit4",
+                        overHidden: true,
+                    }
+                ]
+            },
+            activeName: 'first',
+            isShow: true,
+            form: {},
+            query: {
+                sort: 0,
+            },
+            loading: false,
+            page: {
+                pageSize: 10,
+                currentPage: 1,
+                total: 0
+            },
+            selectionList: [],
+            option: {},
+            optionBack: {
+                height: 'auto',
+                calcHeight: 30,
+                menuWidth: 140,
+                tip: false,
+                searchShow: true,
+                searchMenuSpan: 12,
+                border: true,
+                index: true,
+                addBtn: false,
+                viewBtn: false,
+                editBtn: false,
+                delBtn: false,
+                selection: true,
+                searchIcon: true,
+                align: 'center',
+                searchIndex: 3,
+                column: [
+                    {
+                        label: "箱型",
+                        prop: "boxType",
+                        width: "100",
+                        overHidden: true,
+                    },
+                    {
+                        label: "起运港",
+                        prop: "podCname",
+                        width: "100",
+                        overHidden: true,
                         search: true,
+                        searchOrder: 1,
                         type: 'select',
                         filterable: true,
                         remote: true,
-                        searchOrder: 12,
-                        dicUrl: "/api/blade-los/bcorps/listByType?corpTypeName=国外工厂&cnName={{key}}",
+                        dicUrl: "/api/blade-los/bports/list",
                         props: {
                             label: 'cnName',
-                            value: 'id',
+                            value: 'cnName',
                             res: 'data.records'
                         },
-                        hide: true,
-                        showColumn: false,
                     },
                     {
-                        label: "国外发货人",
-                        prop: "abroadConsignorCname",
+                        label: "自有箱存量",
+                        prop: "ownBoxStock",
+                        width: "120",
+                        overHidden: true,
+                    },
+                    {
+                        label: "能到目的港的ow",
+                        prop: "reachPod",
                         width: "120",
                         overHidden: true,
                     },
                     {
-                        label: '国内收货人',
-                        prop: "domesticConsigneeId",
+                        label: "箱量合计",
+                        prop: "boxTotal",
                         width: "120",
+                        overHidden: true,
+                    },
+                    {
+                        label: "目的港",
+                        prop: "destinationCname",
+                        width: "100",
+                        overHidden: true,
                         search: true,
+                        searchOrder: 2,
                         type: 'select',
                         filterable: true,
                         remote: true,
-                        searchOrder: 13,
-                        dicUrl: "/api/blade-los/bcorps/listByType?corpTypeName=国内贸易商&cnName={{key}}",
+                        dicUrl: "/api/blade-los/bports/list",
                         props: {
                             label: 'cnName',
-                            value: 'id',
+                            value: 'cnName',
                             res: 'data.records'
                         },
-                        hide: true,
-                        showColumn: false,
                     },
                     {
-                        label: "国内收货人",
-                        prop: "domesticConsigneeCname",
+                        label: "箱量(自有箱)",
+                        prop: "boxNumberOwnBox",
                         width: "120",
                         overHidden: true,
                     },
                     {
-                        label: '资金方',
-                        prop: "fundingParty",
-                        width: "100",
-                        overHidden: true,
-                    },
-                    {
-                        label: "付汇记录",
-                        prop: "paymentRecord",
-                        width: "120",
-                        overHidden: true
-                    },
-                    {
-                        label: "运输方式",
-                        prop: "typeOfShipping",
-                        width: "120",
-                        overHidden: true
-                    },
-                    {
-                        label: "起运港",
-                        prop: "polCnName",
-                        width: "80",
-                        overHidden: true
-                    },
-                    {
-                        label: "目的港",
-                        prop: "podCnName",
-                        width: "80",
-                        overHidden: true
-                    },
-                    {
-                        label: "开船日期",
-                        prop: "etd",
+                        label: "利润",
+                        prop: "profit",
                         width: "120",
                         overHidden: true,
-                        search: true,
-                        searchOrder: 6,
-                        searchProp: "etdList",
-                        type: "date",
-                        unlinkPanels: true,
-                        searchRange: true,
-                        format: "yyyy-MM-dd",
-                        valueFormat: "yyyy-MM-dd HH:mm:ss",
-                        searchDefaultTime: ["00:00:00", "23:59:59"],
                     },
                     {
-                        label: "预计到港",
-                        prop: "estimateReachHarbor",
+                        label: "有效期启",
+                        prop: "effectiveStartDate",
                         width: "120",
                         overHidden: true,
                         search: true,
                         searchOrder: 7,
-                        searchProp: "estimateReachHarborList",
                         type: "date",
-                        unlinkPanels: true,
-                        searchRange: true,
                         format: "yyyy-MM-dd",
-                        valueFormat: "yyyy-MM-dd HH:mm:ss",
-                        searchDefaultTime: ["00:00:00", "23:59:59"],
+                        valueFormat: "yyyy-MM-dd 00:00:00",
                     },
                     {
-                        label: "实际到港",
-                        prop: "actualReachHarbor",
+                        label: "有效期止",
+                        prop: "effectiveEndDate",
                         width: "120",
                         overHidden: true,
                         search: true,
                         searchOrder: 8,
-                        searchProp: "actualReachHarborList",
                         type: "date",
-                        unlinkPanels: true,
-                        searchRange: true,
                         format: "yyyy-MM-dd",
-                        valueFormat: "yyyy-MM-dd HH:mm:ss",
-                        searchDefaultTime: ["00:00:00", "23:59:59"],
+                        valueFormat: "yyyy-MM-dd 23:59:59",
                     },
                     {
-                        label: "PI发票号",
-                        prop: "InvoiceNo",
-                        width: "120",
+                        label: "航线",
+                        prop: "airlineCname",
+                        width: "80",
                         overHidden: true,
                         search: true,
-                        searchOrder: 10,
-                        hide: true,
-                        showColumn: false,
-                    },
-                    {
-                        label: "币别",
-                        prop: "currency",
-                        width: "80",
-                        overHidden: true
-                    },
-                    {
-                        label: "付款方式",
-                        prop: "advanceRatio",
-                        width: "120",
-                        overHidden: true
-                    },
-                    {
-                        label: "预付金额(USD)",
-                        prop: "prepaidAmount",
-                        width: "120",
-                        overHidden: true
+                        searchOrder: 3,
+                        type: 'select',
+                        filterable: true,
+                        remote: true,
+                        dicUrl: "/api/blade-los/blines/list",
+                        props: {
+                            label: 'cnName',
+                            value: 'cnName',
+                            res: 'data.records'
+                        },
                     },
                     {
-                        label: "总金额(USD)",
-                        prop: "goodsValue",
+                        label: "船公司",
+                        prop: "actualShippingCompanyCname",
                         width: "100",
-                        overHidden: true
+                        overHidden: true,
+                        search: true,
+                        searchOrder: 4,
+                        type: 'select',
+                        filterable: true,
+                        remote: true,
+                        dicUrl: "/api/blade-los/bcorps/list?corpTypeName=船公司",
+                        props: {
+                            label: 'cnName',
+                            value: 'cnName',
+                            res: 'data.records'
+                        },
                     },
                     {
-                        label: "利润",
-                        prop: "profit",
-                        width: "100",
-                        overHidden: true
+                        label: "船名",
+                        prop: "shipCname",
+                        width: "80",
+                        overHidden: true,
+                        search: true,
+                        searchOrder: 5,
+                        type: 'select',
+                        filterable: true,
+                        remote: true,
+                        dicUrl: "/api/blade-los/bvessels/list",
+                        props: {
+                            label: 'cnName',
+                            value: 'cnName',
+                            res: 'data.records'
+                        },
                     },
                     {
-                        label: "首款实收(USD)",
-                        prop: "firstPaidInPayment",
-                        width: "120",
-                        overHidden: true
+                        label: "航次",
+                        prop: "voyage",
+                        width: "80",
+                        overHidden: true,
+                        search: true,
+                        searchOrder: 6,
                     },
                     {
-                        label: "尾款实收(USD)",
-                        prop: "finalPaymentReceived",
+                        label: "系统号",
+                        prop: "businessNo",
                         width: "120",
-                        overHidden: true
-                    },
-                    {
-                        label: '贸易方式',
-                        prop: "tradeMode",
-                        width: "100",
-                        overHidden: true
-                    },
-                    {
-                        label: '成交方式',
-                        prop: "transactionMethod",
-                        width: "100",
-                        overHidden: true
+                        overHidden: true,
                     },
                     {
-                        label: "创建人",
+                        label: "制单人",
                         prop: "createUserName",
-                        width: "80",
-                        overHidden: true
+                        width: "100",
+                        overHidden: true,
                     },
                     {
-                        label: "创建日期",
+                        label: "制单日期",
                         prop: "createTime",
-                        width: "100",
-                        overHidden: true
+                        width: "120",
+                        overHidden: true,
                     },
                     {
                         label: "修改人",
                         prop: "updateUserName",
-                        width: "80",
+                        width: "100",
                         overHidden: true
                     },
                     {
                         label: "修改日期",
                         prop: "updateTime",
-                        width: "100",
-                        overHidden: true
+                        width: "120",
+                        overHidden: true,
                     },
                     {
                         label: "备注",
                         prop: "remarks",
-                        width: "80",
+                        width: "100",
                         overHidden: true
                     },
                     {
-                        label: "多选",
-                        prop: "checkbox",
+                        label: "排序方式",
+                        prop: "sort",
+                        width: "100",
                         overHidden: true,
-                        search: true,
-                        searchSpan: 18,
-                        searchOrder: 16,
                         hide: true,
                         showColumn: false,
+                        search: true,
+                        searchOrder: 9,
+                        searchSpan: 12,
+                        searchValue: 0,
                     }
                 ]
             },
             data: [],
         };
     },
-    components: {
-        detailsPage
-    },
     async created() {
-        this.option = await this.getColumnData(this.getColumnName(446), this.optionBack);
+        this.option = await this.getColumnData(this.getColumnName(455), this.optionBack);
     },
     activated() {
         setTimeout(() => {
         }, 100);
     },
     methods: {
+        handleClick() {
+
+        },
         addButton() {
             this.isShow = false
         },
@@ -479,6 +487,9 @@ export default {
         },
         // 删除
         rowDel(row, index) {
+            if (row.item == 1) {
+                return this.$message.error("存在明细不允许删除");
+            }
             this.$confirm("确定将选择数据删除?", {
                 confirmButtonText: "确定",
                 cancelButtonText: "取消",
@@ -560,7 +571,7 @@ export default {
                 }
             }
             const routeData = this.$router.resolve({
-                path: '/api/blade-los/agentview/export',      //跳转目标窗口的地址
+                path: '/api/blade-los/routeCostProfit/exportRouteCost',      //跳转目标窗口的地址
                 query: {
                     ...config.params,    //括号内是要传递给新窗口的参数
                     identification: this.url
@@ -611,7 +622,7 @@ export default {
 }
 
 </script>
-  
+
 <style scoped>
 ::v-deep#out-table .back-one {
     background: #ecf5ff !important;
@@ -631,5 +642,4 @@ export default {
 ::v-deep .el-col-md-8 {
     width: 24.33333%;
 }
-</style>
-  
+</style>