提交

zhangback

2025-11-14 c2e20ac680e03cb26cf7c00f573f0cb917afaece

 ui/admin-ui3/src/views/tms/tmsDispatchOrder/index.vue

@@ -21,21 +21,21 @@
        @on-load="onLoad"
    >
      <template #menu-left>
        <el-button
            type="success"
            icon="Edit"
            :disabled="pageF.single"
            v-hasPermi="['tms:tmsDispatchOrder:edit']"
            @click="handleUpdate">修改
        </el-button>
        <el-button
            type="danger"
            icon="Delete"
            :disabled="pageF.multiple"
            @click="handleDelete"
            v-hasPermi="['tms:tmsDispatchOrder:remove']"
        >删除
        </el-button>
<!--        <el-button-->
<!--            type="success"-->
<!--            icon="Edit"-->
<!--            :disabled="pageF.single"-->
<!--            v-hasPermi="['tms:tmsDispatchOrder:edit']"-->
<!--            @click="handleUpdate">修改-->
<!--        </el-button>-->
<!--        <el-button-->
<!--            type="danger"-->
<!--            icon="Delete"-->
<!--            :disabled="pageF.multiple"-->
<!--            @click="handleDelete"-->
<!--            v-hasPermi="['tms:tmsDispatchOrder:remove']"-->
<!--        >删除-->
<!--        </el-button>-->
        <el-button
            type="warning"
            plain
@@ -44,9 +44,67 @@
            v-hasPermi="['tms:tmsDispatchOrder:export']"
        >导出
        </el-button>
      </template>
        <el-button
            type="success"
            icon="Delete"
            :disabled="pageF.multiple"
            @click="handleGenerate"
            v-hasPermi="['tms:tmsDispatchOrder:generate']"
        >生成应收应付费用
        </el-button>

      </template>
      <template #menu-before="{row}">
        <el-link size="small" type="primary" v-if="row.status == 0" @click="handleConfirm(row)" class="link-btn"
                 :underline="false" icon="el-icon-pointer">确定
        </el-link>
        <el-link size="small" type="primary" @click="handleCopy(row)" class="link-btn" :underline="false"
                 icon="el-icon-connection">复制
        </el-link>
        <el-link size="small" type="primary" v-if="[1,2].includes(row.status)" @click="handleUploadItinerary(row)"
                 class="link-btn" :underline="false" icon="el-icon-upload">上传行程
        </el-link>
        <el-link size="small" type="primary" v-if="![0,1].includes(row.status)" @click="handleLogItinerary(row)"
                 class="link-btn" :underline="false" icon="el-icon-view">查看行程
        </el-link>
        <el-link size="small" type="primary" v-if="[2].includes(row.status)" @click="handleOk(row)" class="link-btn"
                 :underline="false" icon="el-icon-circle-check">完成行程
        </el-link>
        <el-link size="small" type="primary" v-if="[2,3].includes(row.status)" @click="handleAddFinance(row)" class="link-btn"
                 :underline="false" icon="el-icon-edit-pen">费用登记
        </el-link>
      </template>
      <template #menu="{row}">
        <el-link size="small" type="primary" @click="handleLog(row)" class="link-btn" :underline="false"
                 icon="el-icon-tickets">日志
        </el-link>
      </template>
    </avue-crud>
    <el-dialog :title="pageF.title" v-model="pageF.open" class="avue-dialog avue-dialog--top" width="80%">
      <avue-form v-if="optionType == 'addItinerary' || optionType == 'addFinance'" v-model="boxForm" ref="boxFormRef" :option="boxFormOption">

      </avue-form>
      <avue-crud
          :option="boxTableOption"
          :data="boxTableData"
      >
      </avue-crud>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" v-if="optionType == 'addItinerary' || optionType == 'addFinance'" :loading="pageF.isUploading" @click="submitForm">
            {{ pageF.isUploading ? '提交中' : '确 定' }}
          </el-button>

          <el-button type="primary" v-if="optionType == 'generate' " :loading="pageF.isUploading" @click="submitGenerate">
            {{ pageF.isUploading ? '生成中' : '生成费用' }}
          </el-button>
          <el-button @click="cancelBox">取 消</el-button>
        </div>
      </template>
    </el-dialog>



  </basicContainer>
</template>

@@ -58,7 +116,8 @@
  exportTmsDispatchOrder,
  getTmsDispatchOrder,
  listTmsDispatchOrder,
  updateTmsDispatchOrder
  updateTmsDispatchOrder,
  confirmOrder, copyOrder, okOrder
} from "@/api/tms/tmsDispatchOrder";
import useCurrentInstance from "@/utils/useCurrentInstance";
import {computed, onMounted, reactive, ref, toRefs, watch} from "vue";
@@ -74,19 +133,28 @@
import {getTmsContainer, listTmsContainer} from "@/api/tms/tmsContainer";
import {getTmsShelf, listTmsShelf} from "@/api/tms/tmsShelf";
import {getTmsConsignor, listTmsConsignor} from "@/api/tms/tmsConsignor";
import {ElMessage, ElMessageBox} from "element-plus";
import {addTmsTrip, listTmsTrip} from "@/api/tms/tmsTrip";
import {addTmsFinanceDetail, listTmsFinanceDetail} from "@/api/tms/tmsFinanceDetail";

const {proxy} = useCurrentInstance();
const crudRef = ref();
const boxFormRef = ref();

const permissionList = computed(() => {
  return {
    addBtn: hasPermission(["tms:tmsDispatchOrder:add"]),
    delBtn: hasPermission(["tms:tmsDispatchOrder:remove"]),
    editBtn: hasPermission(["tms:tmsDispatchOrder:edit"]),
    viewBtn: hasPermission(["tms:tmsDispatchOrder:query"]),

const permissionList = (key: any, row: any, index: any) => {
  if (key == 'addBtn') {
    return hasPermission(["tms:tmsDispatchOrder:add"])
  } else if (key == 'delBtn') {
    return hasPermission(["tms:tmsDispatchOrder:remove"]) && row?.status == 0
  } else if (key == 'editBtn') {
    return hasPermission(["tms:tmsDispatchOrder:edit"]) && [0,1].includes(row?.status)
  } else if (key == 'viewBtn') {
    return hasPermission(["tms:tmsDispatchOrder:query"])
  } else {
    return true;
  }
})
console.log()
};
const data = reactive({
  form: <TmsDispatchOrderI>{},
  queryParams: <TmsDispatchOrderI & PageQueryInterface>{},
@@ -96,8 +164,16 @@
    currentPage: 1,
  },
  selectionList: [],
  optionType: '',
  boxTableData: <any>[],
  boxForm: <any>{},
  boxFormOption: <any>{},
  boxTableOption: <any>{}
})
const {queryParams, form, page, selectionList} = toRefs(data);
const {queryParams, form, page, selectionList,
  boxTableData, optionType,
  boxFormOption,boxForm,boxTableOption
} = toRefs(data);
const option = ref({
  pageKey: 'TmsDispatchOrder',
  rowKey: 'id',
@@ -1255,10 +1331,10 @@
    },

    status: {
      label: '状态',minWidth: 120,
      label: '状态', minWidth: 150,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/tms_dispatch_order_status',
      display: false,
      hide: false,
      hide: false, fixed: 'right',
      search: true,
      rules: [
        {
@@ -1288,6 +1364,273 @@

  }
})

const itineraryOption = ref({
  menuBtn: false,
  labelWidth: 120,
  column: {

    driverName: {
      label: '主驾驶员名称',
      display: true, disabled: true,
    },
    vehicleNumber: {
      label: '车牌号码',
      display: true, disabled: true,

    },
    tripType: {
      label: '行程类型',
      display: true,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/trip_type',
      rules: [
        {
          required: true,
          message: "行程类型不能为空", trigger: "change"
        }
      ],
    },
    tripTime: {
      label: '时间',
      type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss',
      display: true,
      rules: [
        {
          required: true,
          message: "时间不能为空", trigger: "change"
        }
      ],
    },
    odometer: {
      label: '仪表里程',
      display: true,
      rules: [
        {
          required: true,
          message: "仪表里程不能为空", trigger: "change"
        }
      ],
    },
    address: {
      label: '具体地址',
      display: true,
      rules: [
        {
          required: true,
          message: "具体地址不能为空", trigger: "change"
        }
      ],
    },
    voucherUrl: {
      label: '行程凭证',
      display: true,
      type: 'upload',
      multiple: true,
      span: 24,
      propsHttp: {
        url: 'url',
        name: 'name',
        res: 'data'
      },
    },
    dataSource: {
      label: '数据来源',
      display: false,
      value: 0
    },
  }
})

const itineraryTableOption = ref({
  menu: false,
  addBtn: false,
  header: false, selection: false,
  title: '历史行程',
  column: {
    dataSource: {
      label: '数据来源',
      display: false,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/data_source',

    },
    driverName: {
      label: '主驾驶员名称',
      display: true, disabled: true,
    },
    vehicleNumber: {
      label: '车牌号码',
      display: true, disabled: true,

    },
    tripType: {
      label: '行程类型',
      display: true,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/trip_type',

    },
    tripTime: {
      label: '时间',
      type: 'date', valueFormat: 'YYYY-MM-DD',
      display: true,
    },
    odometer: {
      label: '仪表里程',
      display: true,
    },
    address: {
      label: '具体地址',
      display: true,
    },
    voucherUrl: {
      label: '行程凭证',
      display: true,
    },

  }
})

const financeOption = ref({
  menuBtn: false,
  labelWidth: 120,
  column: {
    feeType: {
      label: '费用类型',
      display: true,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/fee_type',
      rules: [
        {
          required: true,
          message: "费用类型不能为空", trigger: "change"
        }
      ],
    },
    actualFeeAmount: {
      label: '费用金额',
      type: 'number',
      display: true,
      rules: [
        {
          required: true,
          message: "费用金额不能为空", trigger: "change"
        }
      ],
    },
    voucherUrl: {
      label: '行程凭证',
      display: true,
      type: 'upload',
      multiple: true,
      span: 24,
      propsHttp: {
        url: 'url',
        name: 'name',
        res: 'data'
      },
    },
    dataSource: {
      label: '数据来源',
      display: false,
      value: 0
    },
  }
})

const financeTableOption = ref({
  menu: false,
  addBtn: false,
  header: false, selection: false,
  title: '历史垫付费用',
  column: {
    dataSource: {
      label: '数据来源',
      display: false,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/data_source',

    },
    createBy: {
      label: '添加人',
      display: true, disabled: true,
    },
    feeCreateTime: {
      label: '上传时间',
      display: true, disabled: true,

    },
    feeType: {
      label: '费用类型',
      display: true,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/fee_type',

    },
    actualFeeAmount: {
      label: '金额',
      display: true,
    },
    feeVoucherUrl: {
      label: '费用凭证',
      display: true,
    },

  }
})

const generateTableOption = ref({
  menu: false,
  addBtn: false,
  header: false, selection: false,
  column: {
    accountsReceivableName: {
      label: '匹配应收方案名称', minWidth: 160,
    },
    accountsPayableName: {
      label: '匹配应付方案名称', minWidth: 160,
    },
    accountsReceivableStatus: {
      label: '应收费用生成状态', minWidth: 160,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/tms_dispatch_order_status',
    },
    accountsPayableStatus: {
      label: '应付费用生成状态', minWidth: 160,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/tms_dispatch_order_status',
    },
    dispatchNo: {
      label: '调度单号', minWidth: 120,
      display: false,
    },
    customerName: {
      label: '客户',
      display: false, minWidth: 120,
    },
    vehicleProviderName: {
      label: '车辆服务商名称', minWidth: 150,
      display: false,
    },
    shipperName: {
      label: '发货人名称',
      display: false, minWidth: 120,
    },
    receiverName: {
      label: '收货人名称', minWidth: 120,
      display: false,
    },
    transportLine: {
      label: '运输线路',
      display: false,minWidth: 180, overHidden: true
    },
    actualVehicleType: {
      label: '车型', minWidth: 130,
      display: false,
      type: 'select', dicUrl: '/system/dict/data/type/license_type', dataType: 'string',

    },
    licensePlate: {
      label: '车牌号', minWidth: 120,
      display: false,
    },

  }
})


const {
  tableData,
@@ -1325,6 +1668,157 @@
    selectionList.value = selection;
  }
})
const handleConfirm = (row: any) => {
  ElMessageBox.confirm("是否对调度单号" + row.dispatchNo + "确定 ？", '系统提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
  }).then(() => {
    return confirmOrder(row.id);
  }).then(() => {
    onLoad(page.value);
    ElMessage({
      message: "操作成功！",
      type: 'success'
    })
  });
}

const handleCopy = (row: any) => {
  ElMessageBox.confirm("是否对调度单号" + row.dispatchNo + "复制 ？", '系统提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
  }).then(() => {
    return copyOrder(row.id);
  }).then(() => {
    onLoad(page.value);
    ElMessage({
      message: "操作成功！",
      type: 'success'
    })
  });
}
const handleOk = (row: any) => {
  ElMessageBox.confirm("是否确认完成调度单号：" + row.dispatchNo + " 的行程 ？", '系统提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
  }).then(() => {
    return okOrder(row.id);
  }).then(() => {
    onLoad(page.value);
    ElMessage({
      message: "操作成功！",
      type: 'success'
    })
  });
}
/**
 * 上传行程
 */
const handleUploadItinerary = (row: any) => {
  optionType.value = 'addItinerary';
  boxFormOption.value = itineraryOption.value;
  boxTableOption.value = itineraryTableOption.value;
  listTmsTrip({dispatchOrderId: row.id, pageNum: 1, pageSize: 999}).then(res => {
    boxTableData.value = res.rows || [];
    pageF.open = true;
    pageF.title = '上传行程';

    boxForm.value = {
      dispatchOrderId: row.id,
      dataSource: 0,
      driverId: row.mainDriverId,
      driverName: row.mainDriverName,
      vehicleNumber: row.licensePlate,
      vehicleId: row.vehicleId,
    }
  })
}
const cancelBox = () => {
  if (optionType.value === 'addItinerary' || optionType.value === 'addFinance') {
    boxForm.value = {};
    boxFormRef.value.resetFields();
  }
  pageF.open = false;
}

const submitForm = () => {
  if (optionType.value === 'addItinerary'){
    if (Array.isArray(boxForm.value.voucherUrl)) {
      boxForm.value.voucherUrl = boxForm.value.voucherUrl.toString();
    }
    addTmsTrip(boxForm.value).then(res => {
      ElMessage({
        message: "操作成功！",
        type: 'success'
      })
      cancelBox();
      onLoad(page.value);
    })
  }else if (optionType.value === 'addFinance'){
    if (Array.isArray(boxForm.value.feeVoucherUrl)) {
      boxForm.value.feeVoucherUrl = boxForm.value.feeVoucherUrl.toString();
    }
    addTmsFinanceDetail(boxForm.value).then(res=>{
      ElMessage({
        message: "操作成功！",
        type: 'success'
      })
      cancelBox();
      onLoad(page.value);
    })
  }


}


const handleLog = (row: any) => {

}
const handleLogItinerary = (row: any) => {
  optionType.value = 'view';
  boxTableOption.value = itineraryTableOption.value;
  listTmsTrip({dispatchOrderId: row.id, pageNum: 1, pageSize: 999}).then(res => {
    boxTableData.value = res.rows || [];
    pageF.open = true;
    pageF.title = '查看行程';
    boxFormOption.value.title = '';
  })
}

const handleAddFinance = (row:any)=>{
  optionType.value = 'addFinance';
  boxFormOption.value = financeOption.value;
  boxTableOption.value = financeTableOption.value;
  listTmsFinanceDetail({
    dispatchOrderId: row.id,financeType:2,
    pageNum: 1, pageSize: 999}).then(res => {
    boxTableData.value = res.rows || [];
    pageF.open = true;
    pageF.title = '费用登记';
    boxForm.value = {
      dispatchOrderId: row.id,
      dataSource: 0,
      financeType:2,
    }
  })
}

const handleGenerate = () => {
  optionType.value = 'generate';
  pageF.open = true;
  pageF.title = '生成应收应付费用数据';
  boxTableOption.value = generateTableOption.value;
}

const submitGenerate = () => {
  
}



onMounted(() => {