From 4f362146c95f0ac31dac2a7ce9fc07235dd9a50d Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Thu, 16 Nov 2023 13:36:12 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=E6=96=B0=E5=A2=9E=E5=B9=B2?=
 =?UTF-8?q?=E7=BA=BF=E6=8F=90=E8=B4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tablecmt/tablecmt.vue          |   1 +
 .../arteryDistrilbutionBillLadingList.js      | 282 +++++++
 src/router/views/index.js                     |  19 +
 .../arteryDistrilbutionBillLadingList.vue     | 744 ++++++++++++++++++
 4 files changed, 1046 insertions(+)
 create mode 100644 src/option/distribution/arteryDistrilbutionBillLadingList.js
 create mode 100644 src/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue

diff --git a/src/components/tablecmt/tablecmt.vue b/src/components/tablecmt/tablecmt.vue
index 733cd235..56c6f607 100644
--- a/src/components/tablecmt/tablecmt.vue
+++ b/src/components/tablecmt/tablecmt.vue
@@ -28,6 +28,7 @@
         <el-text class="mx-1">{{ column.label }}</el-text>
       </template> -->
         <el-table-column
+          :type="column.type == 12 ? 'index' : ''"
           :min-width="column.width"
           :prop="column.prop"
           :label="column.label"
diff --git a/src/option/distribution/arteryDistrilbutionBillLadingList.js b/src/option/distribution/arteryDistrilbutionBillLadingList.js
new file mode 100644
index 00000000..dd4b2bb2
--- /dev/null
+++ b/src/option/distribution/arteryDistrilbutionBillLadingList.js
@@ -0,0 +1,282 @@
+export const columnList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '',
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: 'pickupBatch',
+    label: '提货批次',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: true,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'serviceNumber',
+    label: '服务号',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'waybillNumber',
+    label: '运单号',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'consigneeUnit',
+    label: '收货单位',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'customerName',
+    label: '收货人',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'customerTelephone',
+    label: '联系电话',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'warehouse',
+    label: '仓库',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: true,
+  },
+  {
+    prop: 'warehouseEntryTime',
+    label: '入库时间',
+    type: 4,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'collectFee',
+    label: '到付运费',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'transport',
+    label: '搬运费',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'storageFee',
+    label: '仓储费',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'forklift',
+    label: '叉车费',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'otherFee',
+    label: '其他增值费用',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  // {
+  //   prop: 'pickUpTime',
+  //   label: '总费用',
+  //   type: 1,
+  //   values: '',
+  //   width: '150',
+  //   checkarr: [],
+  //   fixed: false,
+  //   sortable: true,
+  // },
+  {
+    prop: 'totalNumber',
+    label: '应提件数',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'stopNum',
+    label: '实提件数',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'brand',
+    label: '品牌',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'productInformation',
+    label: '货品信息',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+  },
+  {
+    prop: 'customerTelephone',
+    label: '提货手机',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: false,
+  },
+  {
+    prop: 'consignee',
+    label: '提货人',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: false,
+  },
+  {
+    prop: 'pickUpPlate',
+    label: '提货车牌',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: false,
+  },
+  {
+    prop: 'deliveryDocument',
+    label: '提货证件',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: false,
+  },
+  {
+    prop: 'certificateTypeName',
+    label: '证件类型',
+    type: 3,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: false,
+  },
+  {
+    prop: 'conditionName',
+    label: '状态',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: false,
+  },
+  {
+    prop: 'totalCost',
+    label: '费用合计',
+    type: 1,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: false,
+  },
+  {
+    prop: '',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: 'right',
+    hide: true,
+  },
+  // 更多列的配置...
+];
+
+export default { columnList };
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 532cf9fb..2dd53159 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -200,6 +200,25 @@ export default [
       },
     ],
   },
+  {
+    path: '/distribution/inventory/arteryDistrilbutionBillLadingList',
+    component: Layout,
+    key: 'fullPath',
+    redirect: '/distribution/inventory',
+    children: [
+      {
+        path: '/distribution/inventory/arteryDistrilbutionBillLadingList',
+        name: '干线提货管理',
+        meta: {
+          data: 'data',
+        },
+        component: () =>
+          import(
+            /* webpackChunkName: "views" */ '@/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue'
+          ),
+      },
+    ],
+  },
   {
     path: '/basic/pdarecords/basicPdarecordslist',
     component: Layout,
diff --git a/src/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue b/src/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue
new file mode 100644
index 00000000..26e90055
--- /dev/null
+++ b/src/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue
@@ -0,0 +1,744 @@
+<template>
+  <basic-container>
+    <div class="avue-crud">
+      <el-row v-if="!search">
+        <!-- 查询模块 -->
+        <el-form :inline="true" :model="query" class="el-fr-d">
+          <div class="fo-fl">
+            <el-form-item label="服务号:">
+              <el-input v-model="query.serviceNumber" placeholder="请输入服务号"></el-input>
+            </el-form-item>
+            <el-form-item label="入库时间:" class="el-times">
+              <!--            <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>-->
+              <el-date-picker
+                v-model="stockupDate"
+                type="datetimerange"
+                unlink-panels
+                range-separator="至"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+                :shortcuts="shortcuts"
+              />
+            </el-form-item>
+          </div>
+          <!-- 查询按钮 -->
+          <el-form-item class="el-btn">
+            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+            <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
+          </el-form-item>
+        </el-form>
+      </el-row>
+      <el-row>
+        <el-col :span="4">
+          <span style="margin-bottom: 2%; font-size: 16px">
+            待提货：{{ treatNum }}单/{{ numBill }}件
+          </span>
+        </el-col>
+        <el-col :span="10">
+          <span style="margin-bottom: 2%; font-size: 16px">
+            已提货：{{ stopNum }}单/{{ numBill }}件</span
+          >
+        </el-col>
+      </el-row>
+      <el-row>
+        <div class="avue-crud__header">
+          <!-- 头部左侧按钮模块 -->
+          <div class="avue-crud__left">
+            <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新 增</el-button>
+            <el-button type="primary" icon="el-icon-edit" @click="handleAdd">编 辑</el-button>
+            <el-button type="primary" icon="el-icon-plus" @click="handleAdd"
+              >添加提货数据</el-button
+            >
+            <el-button type="primary" icon="el-icon-check" @click="handleAdd">提货完成</el-button>
+            <el-button type="primary" icon="el-icon-close" @click="handleAdd">取消完成</el-button>
+            <el-button type="primary" icon="el-icon-close" @click="handleAdd">取消提货</el-button>
+            <el-button type="primary" icon="el-icon-check" @click="handleAdd">结 算</el-button>
+            <el-button type="primary" icon="el-icon-close" @click="handleAdd">取消结算</el-button>
+            <!-- <el-button type="danger" icon="el-icon-download" @click="handleExportInfo" plain
+              >导出
+            </el-button> -->
+          </div>
+          <!-- 头部右侧按钮模块 -->
+          <div class="avue-crud__right">
+            <el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
+            <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+            <el-button icon="el-icon-search" @click="searchHide" circle></el-button>
+          </div>
+        </div>
+      </el-row>
+      <el-row>
+        <!-- 列表模块 -->
+        <tablecmt
+          :columnList="columnList"
+          :tableData="data"
+          :loading="loading"
+          @inputTxt="inputsc"
+          @timeCheck="timesc"
+          @btnCheck="btnsc"
+          @selectCheck="selectsc"
+          @selection="selectionChange"
+        >
+          <template #default="slotProps">
+            <!--            <el-button size="small" @click="editsolt(slotProps.scope)">修改</el-button>-->
+            <el-text size="small" text @click="handleLike(slotProps.scope)">查看</el-text>
+            <el-text
+              size="small"
+              type="danger"
+              icon="el-icon-edit"
+              text
+              @click="handleSign(slotProps.scope, 1)"
+              v-if="slotProps.scope.row.conditions < 30"
+              >签收</el-text
+            >
+            <el-text
+              type="primary"
+              text
+              icon="el-icon-edit"
+              @click="handleEdits(slotProps.scope)"
+              v-if="slotProps.scope.row.conditions < 20"
+              >编辑提货信息</el-text
+            >
+            <!--            <el-button size="small" type="danger" icon="el-icon-edit" text @click="handleDeleteOwn(slotProps.scope)">删除</el-button>-->
+          </template>
+        </tablecmt>
+      </el-row>
+      <el-row class="el-fy">
+        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+          <div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div>
+          <!-- 分页模块 -->
+          <el-pagination
+            align="right"
+            background
+            @size-change="sizeChange"
+            @current-change="currentChange"
+            :current-page="page.currentPage"
+            :page-sizes="[30, 50, 80, 120]"
+            :page-size="page.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="page.total"
+          >
+          </el-pagination>
+        </div>
+      </el-row>
+      <!-- 表单模块 -->
+      <el-dialog
+        :title="title"
+        v-model="box"
+        width="50%"
+        :before-close="beforeClose"
+        append-to-body
+      >
+        <el-form :disabled="view" ref="form" :model="form" label-width="80px">
+          <!-- 表单字段 -->
+          <el-form-item label="提货时间" prop="pickUpTime">
+            <el-input v-model="form.pickUpTime" placeholder="请输入提货时间" />
+          </el-form-item>
+          <el-form-item label="提货人" prop="consignee">
+            <el-input v-model="form.consignee" placeholder="请输入提货人" />
+          </el-form-item>
+          <el-form-item label="提货车牌" prop="pickUpPlate">
+            <el-input v-model="form.pickUpPlate" placeholder="请输入提货车牌" />
+          </el-form-item>
+          <el-form-item label="提货证件" prop="deliveryDocument">
+            <el-input v-model="form.deliveryDocument" placeholder="请输入提货证件" />
+          </el-form-item>
+          <el-form-item label="证件类型" prop="certificateType">
+            <el-select v-model="form.certificateType" clearable placeholder="请选择证件类型">
+              <el-option
+                v-for="item in certificateTypeData"
+                :key="item.dictKey"
+                :label="item.dictValue"
+                :value="item.dictKey"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="费用合计" prop="totalCost">
+            <el-input v-model="form.totalCost" placeholder="请输入费用合计" />
+          </el-form-item>
+        </el-form>
+        <!-- 表单按钮 -->
+        <template #footer>
+          <span v-if="!view" class="dialog-footer">
+            <el-button type="primary" icon="el-icon-circle-check" @click="handleSubmit"
+              >提 交</el-button
+            >
+            <el-button icon="el-icon-circle-close" @click="box = false">取 消</el-button>
+          </span>
+        </template>
+      </el-dialog>
+    </div>
+  </basic-container>
+  <edittablehead
+    @setcolum="setnewcolum"
+    @closce="showdrawer"
+    :drawerShow="drawerShow"
+    :columnList="columnList"
+  ></edittablehead>
+</template>
+
+<script>
+import {
+  add,
+  update,
+  remove,
+  getListOwn,
+  getListOwnNUm,
+  getBillLadingExport,
+} from '@/api/distribution/distrilbutionBillLading';
+import { columnList } from '@/option/distribution/arteryDistrilbutionBillLadingList';
+import { mapGetters } from 'vuex';
+import { getDictionaryBiz } from '@/api/system/dict';
+import { getToken } from '@/utils/auth';
+import dayjs from 'dayjs';
+import { downloadXls } from '@/utils/util';
+
+export default {
+  data() {
+    return {
+      columnList,
+      columnListedit: [],
+      drawerShow: false,
+      height: 0,
+      // 弹框标题
+      title: '',
+      // 是否展示弹框
+      box: false,
+      // 是否显示查询
+      search: true,
+      // 加载中
+      loading: true,
+      // 是否为查看模式
+      view: false,
+      // 查询信息
+      query: {},
+      stockupDate: [],
+      stopNum: 0,
+      treatNum: 0,
+      numBill: 0,
+      // 分页信息
+      page: {
+        currentPage: 1,
+        pageSize: 30,
+        total: 40,
+      },
+      // 表单数据
+      form: {},
+      // 选择行
+      selectionList: [],
+      // 表单列表
+      data: [],
+      clientType: [],
+      costList: [],
+      distributionType: [],
+      costListName: [],
+      certificateType: [],
+
+      shortcuts: [
+        {
+          text: '最近一周',
+          value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            return [start, end];
+          },
+        },
+        {
+          text: '最近一个月',
+          value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            return [start, end];
+          },
+        },
+        {
+          text: '最近三个月',
+          value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+            return [start, end];
+          },
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.init();
+    this.onLoad(this.page);
+    /**
+     * 初始化获取本地缓存的编辑隐藏的列表
+     *  固定搭配，不能更改
+     */
+    let newarr = this.$functions.getStorage(window.location.pathname);
+    if (newarr) {
+      this.columnList.map(item => {
+        item.head = false;
+      });
+      newarr.map(ite => {
+        this.columnList.map(item => {
+          if (ite == item.label) {
+            item.head = true;
+          }
+        });
+      });
+    }
+  },
+  computed: {
+    ...mapGetters(['permission', 'tagWel', 'tagList']),
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(',');
+    },
+    headers() {
+      return {
+        'Blade-Auth': 'Bearer ' + getToken(),
+      };
+    },
+    action() {
+      // return '/api/logpm-basicdata/common/uploadFile'
+      return '/api/blade-resource/oss/endpoint/put-file';
+    },
+  },
+  methods: {
+    /**
+     * 导出
+     * */
+    handleExportInfo() {
+      let row = {};
+      console.log(this.stockupDate);
+      if (this.query.startDate) {
+        row.startDate = this.query.startDate[0]; //开始时间
+        row.endDate = this.query.startDate[1]; //结束时间
+      }
+      if (this.query.serviceNumber) {
+        row.serviceNumber = this.query.serviceNumber; //服务号
+      }
+      if (!!this.ids) {
+        row.ids = this.ids;
+      } else {
+        row.ids = '';
+      }
+      getBillLadingExport(row).then(res => {
+        console.log(res.data);
+        downloadXls(res.data, '提货数据.xlsx');
+      });
+    },
+    showdrawer(value) {
+      this.drawerShow = value;
+    },
+    /**
+     * 弹窗的勾选回调，用于更改头部数组
+     * 固定搭配，只需要更换   columnList
+     */
+    setnewcolum(newarr, headarr, type) {
+      // console.log(newarr,'+++++++++++')
+      if (type == 1) {
+        this.columnList = newarr;
+        this.$functions.setStorage(window.location.pathname + 'checkList', headarr);
+      } else if (type == 2) {
+        this.columnList = newarr;
+        this.$functions.setStorage(window.location.pathname + 'flexList', headarr);
+      } else if (type == 3) {
+        this.columnList = newarr;
+        this.$functions.setStorage(window.location.pathname + 'sortlist', headarr);
+      }
+    },
+    selectionsc(value) {
+      console.log(value);
+    },
+    delectsolt(scope) {
+      const { row } = scope;
+      console.log(row);
+    },
+    editsolt(scope) {
+      const { row } = scope;
+      console.log(row);
+    },
+    btnsc(index, row) {
+      console.log(index, row);
+    },
+    selectsc(index, row) {
+      console.log('index :>> ', index);
+      console.log('row :>> ', row);
+      this.query[row.prop] = index;
+      if (!index) delete this.query[row.prop];
+      if (row.prop === 'certificateTypeName') {
+        this.query['certificateType'] = index;
+        if (!index) delete this.query['certificateType'];
+      }
+      this.onLoad(this.page);
+    },
+    timesc(index, row) {
+      console.log(index, row);
+      if (!!index) {
+        index = dayjs(index).format('YYYY-MM-DD');
+      }
+      this.query[row.prop] = index;
+      if (!index) {
+        delete this.query[row.prop];
+      }
+      this.onLoad(this.page);
+    },
+    inputsc(index, row) {
+      console.log(index, row);
+      this.query[row.prop] = index;
+      this.onLoad(this.page);
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    textbox(e, index) {
+      console.log('e,index', e, index);
+      this.costList[index + 1] = e;
+    },
+    handleCheckedCitiesChange(value) {
+      console.log('>>>>>>>', value);
+      if (value.length < 1) {
+        this.costList = [];
+        this.costListName = [];
+      }
+      this.clientType.forEach(i => {
+        if (value.includes(i.dictKey)) {
+          console.log(i);
+          i.pitch = true;
+          this.costListName = value;
+        }
+      });
+    },
+    init() {
+      this.height = this.setPx(document.body.clientHeight - 160);
+      //字典
+      getDictionaryBiz('delivery_cost').then(res => {
+        this.clientType = res.data.data;
+      });
+      //字典
+      getDictionaryBiz('certificate_type').then(res => {
+        this.certificateType = res.data.data;
+        this.$functions.checkcColumnList('certificateTypeName', this.columnList).checkarr =
+          res.data.data.map(item => {
+            item.value = item.dictKey;
+            item.label = item.dictValue;
+            return item;
+          });
+      });
+    },
+    checkcColumnList(prop, columnList) {
+      return columnList.find(item => item.prop === prop);
+    },
+    searchHide() {
+      this.search = !this.search;
+    },
+    searchChange() {
+      this.onLoad(this.page);
+    },
+    searchReset() {
+      this.query = {};
+      this.stockupDate = [];
+      this.page.currentPage = 1;
+      this.onLoad(this.page);
+    },
+    bianLier(costListName, clientType, costList, fei) {
+      console.log('>>>>>>>>>', costListName, clientType, costList, fei);
+      this.pan = false;
+      for (let i = 0; i < costListName.length; i++) {
+        if (!costList) {
+          this.pan = true;
+          return;
+        }
+        for (let a = 0; a < clientType.length; a++) {
+          // console.log("进来了",clientType[a].dictKey , costListName[i]);
+          if (clientType[a].dictKey == costListName[i]) {
+            // console.log("进来了",clientType[a].dictKey , costListName[i]);
+            let zhi = costList[costListName[i]];
+            if (!zhi) {
+              this.pan = true;
+              continue;
+            } else {
+              //2.添加
+              fei.set(clientType[a].dictKey, zhi);
+            }
+          }
+        }
+      }
+    },
+    async handleSubmit() {
+      if (!this.form.id) {
+        let fei = new Map();
+        await this.bianLier(this.costListName, this.clientType, this.costList, fei);
+        this.form.fei = Object.fromEntries(fei);
+        this.form.stockArticleId = this.$route.query.ids;
+        console.log('this.form', this.form);
+        add(this.form).then(() => {
+          this.box = false;
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          this.contextmenuFlag = false;
+          this.$store.commit('DEL_TAG_CURRENT');
+          this.$router.push(this.tagWel);
+        });
+      } else {
+        update(this.form).then(() => {
+          this.box = false;
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+      }
+    },
+    handleAdd() {
+      this.title = '新增';
+      this.form = {};
+      this.box = true;
+    },
+    handleBillAdd() {
+      this.$router.push({
+        path: '/distribution/inventory/distrilbutionBillLading',
+        query: {
+          type: '3',
+        },
+      });
+    },
+    //删除
+    handleDeleteOwn(row) {
+      console.log('删除！！', row);
+    },
+    //查询详细
+    handleLike(row) {
+      this.$router.push({
+        path: '/distribution/inventory/distrilbutionBillLadingView',
+        query: {
+          id: row.row.id,
+        },
+      });
+    },
+    handleEdits(row) {
+      this.$router.push({
+        path: '/distribution/inventory/distrilbutionBillLading',
+        query: {
+          id: row.row.id,
+          name: '编辑提货单',
+          type: '2',
+        },
+      });
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning('请选择至少一条数据');
+        return;
+      }
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return remove(this.ids);
+        })
+        .then(() => {
+          this.selectionClear();
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+    rowDel(row) {
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return remove(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+    beforeClose(done) {
+      done();
+      this.form = {};
+      this.view = false;
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      // this.$refs.table.clearSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.onLoad(this.page);
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.onLoad(this.page);
+    },
+    getTime(dat) {
+      let date = new Date(dat);
+      let formatter = new Intl.DateTimeFormat('en', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+      });
+      let formattedDate = formatter.format(date);
+      return formattedDate.replace(/\//g, '-');
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      if (this.stockupDate.length > 0) {
+        let startDate = this.stockupDate[0];
+        let entDate = this.stockupDate[1];
+        params.startDate = this.getTime(startDate.toString());
+        params.entDate = this.getTime(entDate.toString());
+      }
+      getListOwnNUm(params).then(res => {
+        console.log('查询数量!!!', res.data.data);
+        if (!!res.data.data) {
+          this.treatNum = !res.data.data.treatNum ? 0 : parseInt(res.data.data.treatNum);
+          this.stopNum = !res.data.data.stopNum ? 0 : res.data.data.stopNum;
+          this.numBill = parseInt(this.treatNum) + parseInt(this.stopNum);
+        }
+      });
+      getListOwn(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+        const data = res.data.data;
+        console.log('???????', data);
+        this.page.total = data.total;
+        this.data = data.records;
+
+        this.data.forEach(i => {
+          if (!!i.list) {
+            i.collectFee = 0;
+            i.storageFee = 0;
+            i.transport = 0;
+            i.forklift = 0;
+            i.otherFee = 0;
+            i.list.forEach(a => {
+              const { cost, money } = a; // 对象解构，获取a对象的cost和money属性
+              switch (cost) {
+                case '1': // 到付
+                  i.collectFee = money ? parseInt(money) : 0;
+                  break;
+                case '2': // 仓储费用
+                  i.storageFee = money ? parseInt(money) : 0;
+                  break;
+                case '3': // 搬运费
+                  console.log('0=-0-=');
+                  i.transport = money ? parseInt(money) : 0;
+                  break;
+                case '4': // 叉车费
+                  i.forklift = money ? parseInt(money) : 0;
+                  break;
+                case '5': // 其他增值费
+                  i.otherFee = money ? parseInt(money) : 0;
+                  break;
+              }
+            });
+          }
+        });
+        console.log(this.data);
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
+<style>
+.foot {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  height: 60px;
+}
+.foot .dialog-footer {
+  margin-bottom: 130px;
+  text-align: center;
+}
+.ca .el-radio__inner {
+  top: -18px;
+  left: -19px;
+  border-radius: 0;
+  border: 0;
+  width: 170px;
+  height: 34px;
+  background-color: transparent;
+  cursor: pointer;
+  box-sizing: border-box;
+  position: absolute;
+}
+
+.ca .el-radio__input.is-checked .el-radio__inner {
+  background: transparent;
+}
+</style>
+
+<style scoped lang="scss">
+.el-input {
+  margin-left: 8px;
+}
+:deep(.el-form-item__content) {
+  margin-left: 8px;
+}
+.el-fr-d {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.el-btn {
+  margin-right: 0;
+}
+// 日期选择框
+.el-times {
+  :deep(.el-tooltip__trigger) {
+    height: 30px !important;
+  }
+}
+:deep(.el-form-item__label) {
+  padding: 0;
+}
+
+:deep(.avue-crud) {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+}
+:deep(.el-card__body) {
+  height: 100%;
+}
+:deep(.el-card) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.el-fy {
+  flex: 1;
+  display: flex;
+  align-items: flex-end;
+}
+</style>