提交

zhangback

2025-12-30 939ee5a461a64b40b23d2b5f51c69dead13ee7e3

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

@@ -85,19 +85,31 @@
            v-hasPermi="['tms:tmsDispatchOrder:loading']"
        >委托卸货信息
        </el-button>
        <el-button
            type="primary"
            icon="UserFilled"
            :disabled="pageF.single"
            @click="handleZZ"
            v-hasPermi="['tms:tmsDispatchOrder:zzdj']"
        >增值作业登记
        </el-button>
      </template>
      <template #menu-before="{row}">
        <el-link size="small" type="primary" @click="handleAddGoods(row)" class="link-btn"
                 v-hasPermi="['tms:tmsGoodsDetail:add']"
                 v-hasPermi="['tms:tmsGoodsDetail:add']" v-if="[0,1,2].includes(row.status)"
                 :underline="false" icon="el-icon-document-add">运输货品登记
        </el-link>
        <el-link size="small" type="primary" @click="handleActual(row)" class="link-btn"
                 v-hasPermi="['tms:tmsDispatchOrder:update']"
                 v-hasPermi="['tms:tmsDispatchOrder:update']" v-if="[0,1,2].includes(row.status)"
                 :underline="false" icon="el-icon-set-up">实际运输记录
        </el-link>
        <el-link size="small" type="primary" v-if="row.status == 0" @click="handleConfirm(row)" class="link-btn"
                 v-hasPermi="['tms:tmsDispatchOrder:confirmOrder']"
                 :underline="false" icon="el-icon-pointer">确定
        </el-link>
        <el-link size="small" type="primary" v-if="[0,1,2].includes(row.status)" @click="handleClose(row)" class="link-btn"
                 v-hasPermi="['tms:tmsDispatchOrder:closeOrder']"
                 :underline="false" icon="el-icon-close">作废
        </el-link>
        <el-link size="small" type="primary" @click="handleCopy(row)" class="link-btn" :underline="false"
                 v-hasPermi="['tms:tmsDispatchOrder:copyOrder']"
@@ -295,6 +307,85 @@
    </el-dialog>



    <el-dialog title="增值作业登记" v-model="open4" class="avue-dialog avue-dialog--top" width="80%">
      <el-descriptions :column="3" border>
        <el-descriptions-item label="调度单号">{{form.dispatchNo}}</el-descriptions-item>
        <el-descriptions-item label="客户名称">{{form.customerName}}</el-descriptions-item>
        <el-descriptions-item label="项目名称">{{form.projectName}}</el-descriptions-item>
        <el-descriptions-item label="运输路线">{{form.transportLine}}</el-descriptions-item>
        <el-descriptions-item label="车型">{{form.$actualVehicleType}}</el-descriptions-item>
        <el-descriptions-item label="车牌">{{form.licensePlate}}</el-descriptions-item>
      </el-descriptions>
      <avue-tabs :option="tabsOption" ref="tabsOptionRef"
                 @change="handleChange"></avue-tabs>

        <avue-crud v-if="active !== 'tab4'"
            :option="zzItemsTableOption" ref="itemsTableRef"
            :data="zzItemsTableData"
        >
          <template #count="{row}">
            <el-input-number v-model="row.count" placeholder="计费数量"
                             :min="0"></el-input-number>
          </template>
          <template #remark="{row}">
            <el-input v-model="row.remark" placeholder="备注" ></el-input>
          </template>


        </avue-crud>

      <div v-if="active === 'tab4'">
        <h2>实报实销费用</h2>
        <avue-form  v-model="boxForm" ref="boxFormRef"
                    :option="boxFormOption">

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

          <el-button @click="open4 = false">取 消</el-button>
        </div>
      </template>
    </el-dialog>

    <el-dialog title="调度单作废" v-model="open5" class="avue-dialog avue-dialog--top" width="80%">
      <el-descriptions :column="3" border>
        <el-descriptions-item label="调度单号">{{form.dispatchNo}}</el-descriptions-item>
        <el-descriptions-item label="客户名称">{{form.customerName}}</el-descriptions-item>
        <el-descriptions-item label="项目名称">{{form.projectName}}</el-descriptions-item>
        <el-descriptions-item label="运输路线">{{form.transportLine}}</el-descriptions-item>
        <el-descriptions-item label="车型">{{form.$actualVehicleType}}</el-descriptions-item>
        <el-descriptions-item label="车牌">{{form.licensePlate}}</el-descriptions-item>
      </el-descriptions>

      <avue-form  v-model="boxForm" ref="boxFormRef"
                  :option="boxFormOption">

      </avue-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary"
                     :loading="pageF.isUploading" @click="submitForm5">
            {{ pageF.isUploading ? '提交中' : '确 定' }}
          </el-button>

          <el-button @click="open5 = false">取 消</el-button>
        </div>
      </template>
    </el-dialog>


  </basicContainer>
</template>

@@ -307,10 +398,11 @@
  getTmsDispatchOrder,
  listTmsDispatchOrder,
  updateTmsDispatchOrder,
  confirmOrder, copyOrder, okOrder, initGenerate, generateTmsDispatchOrder, dropHook, connectHang,customsOrder,loadingOrder,
  confirmOrder, copyOrder, okOrder, initGenerate, generateTmsDispatchOrder, dropHook,
  connectHang,customsOrder,loadingOrder,checkCloseOrder,closeOrder
} from "@/api/tms/tmsDispatchOrder";
import useCurrentInstance from "@/utils/useCurrentInstance";
import {computed, onMounted, reactive, ref, toRefs, watch, getCurrentInstance} from "vue";
import {computed, onMounted, reactive, ref, toRefs, watch, getCurrentInstance, nextTick} from "vue";
import {PagesInterface, PageQueryInterface} from "@/utils/globalInterface";
import {usePagePlus} from "@/hooks/usePagePlus";
import {hasPermission} from "@/utils/permissionUtils";
@@ -325,15 +417,22 @@
import {addTmsConsignor, getTmsConsignor, listTmsConsignor} from "@/api/tms/tmsConsignor";
import {ElMessage, ElMessageBox} from "element-plus";
import {addTmsTrip, listTmsTrip} from "@/api/tms/tmsTrip";
import {addTmsFinanceDetail, listTmsFinanceDetail, updateTmsFinanceDetail} from "@/api/tms/tmsFinanceDetail";
import {
  addTmsFinanceDetail,
  listTmsFinanceDetail,
  saveTmsFinanceDetail,
  updateTmsFinanceDetail
} from "@/api/tms/tmsFinanceDetail";
import {getTmsProductInfo, listTmsProductInfo} from "@/api/tms/tmsProductInfo";
import {addTmsGoodsDetail, delTmsGoodsDetail, listTmsGoodsDetail, updateTmsGoodsDetail} from "@/api/tms/tmsGoodsDetail";
import {getTransportRouteVi, listTransportRouteVi} from "@/api/tms/tmsTransportRouteVi";
import {listTmsQuoteItem} from "@/api/tms/tmsQuotePlanItem";
import {$DialogForm} from '@smallwei/avue'
import {$DialogForm, randomId} from '@smallwei/avue'
import {getTmsCustomerInfo, listTmsCustomerInfo} from "@/api/tms/tmsCustomerInfo";
import {getAddressCode} from "@/api/tms/tmsRegion";
import {mapRegeo} from "@/api/common";
import {getDicts} from "@/api/system/dict/data";
import {pushTmsQuoteFee} from "@/api/tms/tmsQuoteFee";

const {appContext} = getCurrentInstance();

@@ -381,12 +480,13 @@
  actualForm: <any>{},
  isCustoms:<any> -1,
  isLoad: -1,
  open5:false,
})
const {
  queryParams, form, page, selectionList, open3,
  boxTableData, optionType,
  boxFormOption, boxForm, boxTableOption, title, open, open2,
  goodsTableData, goodsForm, actualForm, selectionList2,isCustoms,isLoad
  goodsTableData, goodsForm, actualForm, selectionList2,isCustoms,isLoad,open5
} = toRefs(data);
const option = ref({
  pageKey: 'TmsDispatchOrder',
@@ -438,7 +538,6 @@
              form.value.shipperAddress = undefined;
              form.value.shipperMobile = undefined;
              form.value.receiverId = undefined;
              form.value.receiverRegionLabel = undefined;
              form.value.receiverAddress = undefined;
              form.value.receiverMobile = undefined;
            }
@@ -1469,7 +1568,21 @@
      search: true,
    },
    isUrgent: {
      label: '是否紧急否',
      label: '是否紧急',
      display: false, minWidth: 100,
      search: true,
      type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',

    },
    iscc: {
      label: '是否查车',
      display: false, minWidth: 100,
      search: true,
      type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',

    },
    isfk: {
      label: '是否放空',
      display: false, minWidth: 100,
      search: true,
      type: 'select', dicUrl: '/system/dict/data/type/sys_number_is', dataType: 'string',
@@ -1638,11 +1751,27 @@
    tripType: {
      label: '行程类型',
      display: true,
      change: function ({value}: any) {
        if (value == '5'){
          itineraryOption.value.column.iscc.display = true
        }
      },
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/trip_type',
      rules: [
        {
          required: true,
          message: "行程类型不能为空", trigger: "change"
        }
      ],
    },
    iscc: {
      label: '是否查车',
      display: false,
      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_number_is',
      rules: [
        {
          required: true,
          message: "是否查车不能为空", trigger: "change"
        }
      ],
    },
@@ -1734,7 +1863,7 @@
      display: true,
    },
    voucherUrl: {
      label: '行程凭证',
      label: '凭证',
      display: true,
      span: 24, dataType: 'string',
      type: 'img',
@@ -1770,14 +1899,29 @@
        }
      ],
    },
    voucherUrl: {
      label: '行程凭证',
    currency:{
      label: '币种',
      display: true,
      span: 24,
      type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/sys_currency',
      rules: [
        {
          required: true,
          message: "币种不能为空", trigger: "change"
        }
      ],

    },
    voucherUrl: {
      label: '费用凭证',
      display: true,
      accept: 'string', dataType: 'string',
      type: 'upload',
      action: '/common/upload2',

    },
    remark:{
      label: '备注',
      type: 'textarea', minRows: 3, maxRows: 5, span: 24
    },
    dataSource: {
      label: '数据来源',
@@ -1818,6 +1962,11 @@
      label: '金额',
      display: true,
    },
    currency:{
      label: '币种',
      display: true,
      type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/sys_currency',
    },
    feeVoucherUrl: {
      label: '费用凭证',
      display: true,
@@ -1825,7 +1974,9 @@
      accept: 'string', dataType: 'object',
      type: 'upload',
      action: '/common/upload2',

    },
    remark:{
      label: '备注',
    },

  }
@@ -2173,6 +2324,28 @@
})


const closeOption = ref({
  menuBtn: false,
  labelWidth: 120,
  column: {
    closeWhy:{
      label: '作废原因',span:24,
      type: 'radio', dataType: 'string', dicUrl: '/system/dict/data/type/close_why',
      rules: [
        {
          required: true,
          message: "作废原因不能为空", trigger: "change"
        }
      ],
    },
    closeWhyRemark:{
      label: '作废原因说明',
      type: 'textarea',
      span:24,
    },
  }
})



const goodsTableOption = ref({
@@ -2465,6 +2638,65 @@

const itemsCrudRef = ref()
const itemsTableData = ref<any>([])

const tabsOption = ref({
  column: [
    {
      label: '运输增值作业登记',
      prop: 'tab1',
      name: 'tab1',
      value: '0',

    },
    {
      label: '报关增值作业登记',
      prop: 'tab2',
      name: 'tab2',
      value: '1',
    },
    {
      label: '装卸增值作业登记',
      prop: 'tab3',
      name: 'tab3',
      value: '2',

    },
    {
      label: '实报实销费用登记',
      prop: 'tab4',
      name: 'tab4',
      value: '3',
    }
    ]
})
const tabsOptionRef = ref();
const active = ref('tab1');
const open4 = ref(false);
const zzItemsTableOption = ref({
  pageKey: 'zzItemsTable',
  rowKey: 'rowKey',
  header: false,
  menu: false,
  selection: false,
  column: {
    freeName:{
      label: '费用名称',
    },
    unit:{
      label: '计量单位',
    },
    count:{
      label : '计费数量'
    },
    remark:{
      label: '备注'
    }
  }
});
const zzItemsTableData = ref();




const {
  tableData,
@@ -3409,4 +3641,124 @@
  optionType.value = 'loading';
  boxFormOption.value = loadingOption.value;
}
const quotationItems = ref();
const getQuotationItems = async () => {
  let res = await  getDicts("sys_quotation_items");
  quotationItems.value = res.data || [];
}
getQuotationItems();

const getTabData = (val:string)=>{
  console.log(val)
  let filter = quotationItems.value.filter((item:any)=>{
    return item.remark == val;
  });
  if (filter.length > 0){
    zzItemsTableData.value = filter.map((item:any)=>{
      return { rowKey: randomId() ,freeName: item.dictLabel,free: item.dictValue,unit: '次'}
    })
  }else{
    zzItemsTableData.value = []
  }
}

const getTab4Data = ()=>{
  listTmsFinanceDetail({
    dispatchOrderId: form.value.id, financeType: 2,
    pageNum: 1, pageSize: 999
  }).then(async res => {
    boxTableData.value = res.rows || [];

    boxForm.value = {
      dispatchOrderId: form.value.id,
      dataSource: 0,
      financeType: 2,
    }
  })
}



const submitTabForm = ()=>{
  if (['tab1','tab2','tab3'].includes(active.value)){
    let quoteFeeItems = zzItemsTableData.value.filter((item:any)=>{
      return item.count && item.count > 0;
    })
    console.log(quoteFeeItems)
    pushTmsQuoteFee({...form.value,quoteFeeItems:quoteFeeItems}).then(res=>{
      ElMessage.success('保存成功');
      open4.value = false;
    })
  }else if (active.value === 'tab4'){
    if (Array.isArray(boxForm.value.feeVoucherUrl)) {
      boxForm.value.feeVoucherUrl = boxForm.value.feeVoucherUrl.toString();
    }
    //boxForm.value.rowItems = boxTableData.value;
    saveTmsFinanceDetail(boxForm.value).then(res => {
      ElMessage({
        message: "操作成功！",
        type: 'success'
      })
      boxFormRef.value?.resetFields();
      getTab4Data();
    })
  }
}



const handleChange = (column:any)=>{
  active.value = column.prop;
  if (['tab1','tab2','tab3'].includes(column.prop)){
    getTabData(column.value)
  }else if (column.prop === 'tab4'){
    getTab4Data()
  }
}

const handleZZ = () => {
  open4.value = true;
  form.value = selectionList.value[0];
  handleChange(tabsOption.value.column[0]);

  boxFormOption.value = financeOption.value;
  boxTableOption.value = financeTableOption.value;
  nextTick(()=>{
    tabsOptionRef.value.active = "0";

  })
}

const handleClose = (row:any) => {

  if (row.status == 2){
    checkCloseOrder(row.id).then(res=>{
      open5.value = true;
      form.value = row;
      boxFormOption.value = closeOption.value;
    });
  }else{
    open5.value = true;
    form.value = row;
    boxFormOption.value = closeOption.value;

  }
}
const submitForm5 = () =>{
  boxFormRef.value.validate((valid: boolean,done:any) => {
    console.log(valid)
    if(valid){
      boxForm.value.id = form.value.id;
      closeOrder(boxForm.value).then(res=>{
        ElMessage.success('操作成功');
        open5.value = false;
        done();
        onLoad(page.value)
      }).catch(err=>{
        done();
      })
    }
  })
}

</script>