src/views/salesManagement/salesLedger/index.vue
@@ -45,7 +45,7 @@
            <el-table :data="props.row.children" border show-summary :summary-method="summarizeChildrenTable">
              <el-table-column align="center" label="序号" type="index"/>
              <el-table-column label="产品大类" prop="productCategory" />
              <el-table-column label="规格型号" prop="specificationModel" />
              <el-table-column label="图纸编号" prop="specificationModel" />
              <el-table-column label="单位" prop="unit" />
                     <el-table-column label="产品状态"
                                              width="100px"
@@ -64,34 +64,15 @@
                           </el-tag>
                        </template>
                     </el-table-column>
                     <el-table-column label="快递公司" prop="expressCompany" show-overflow-tooltip />
                     <el-table-column label="快递单号" prop="expressNumber" show-overflow-tooltip />
              <el-table-column label="发货车牌" minWidth="100px" align="center">
                <template #default="scope">
                  <div>
                    <el-tag type="success" v-if="scope.row.shippingCarNumber">{{ scope.row.shippingCarNumber }}</el-tag>
                    <el-tag v-else type="info">-</el-tag>
                  </div>
                </template>
              </el-table-column>
                     <el-table-column label="发货日期"
                                              minWidth="100px"
                                              align="center">
                <template #default="scope">
                  <div>
                    <div v-if="scope.row.shippingDate">{{ scope.row.shippingDate }}</div>
                              <el-tag v-else
                                          type="info">-</el-tag>
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="已发货数量" prop="shippingNum" align="center" />
              <el-table-column label="已退货数量" prop="returnNum" align="center" />
              <el-table-column label="数量" prop="quantity" />
              <el-table-column label="税率(%)" prop="taxRate" />
              <el-table-column label="含税单价(元)" prop="taxInclusiveUnitPrice" :formatter="formattedNumber" />
              <el-table-column label="含税总价(元)" prop="taxInclusiveTotalPrice" :formatter="formattedNumber" />
              <el-table-column label="不含税总价(元)" prop="taxExclusiveTotalPrice" :formatter="formattedNumber" />
            <!--操作-->
              <el-table-column width="100" label="操作" align="center" fixed="right">
              <el-table-column width="150" label="操作" align="center" fixed="right">
                <template #default="scope">
                  <el-button 
                    link 
@@ -100,6 +81,14 @@
                    :disabled="!canShip(scope.row)"
                    @click="openDeliveryForm(scope.row)">
                    发货
                  </el-button>
                  <el-button
                    link
                    type="danger"
                    size="small"
                    :disabled="!canRevokeShipping(scope.row)"
                    @click="handleRevokeShipping(scope.row)">
                    撤销发货
                  </el-button>
                </template>
              </el-table-column>
@@ -226,7 +215,7 @@
                  :selectable="(row) => !isProductShipped(row)" />
               <el-table-column align="center" label="序号" type="index" width="60" />
               <el-table-column label="产品大类" prop="productCategory" />
               <el-table-column label="规格型号" prop="specificationModel" />
               <el-table-column label="图纸编号" prop="specificationModel" />
               <el-table-column label="单位" prop="unit" />
               <el-table-column label="数量" prop="quantity" />
               <el-table-column label="税率(%)" prop="taxRate" />
@@ -334,21 +323,23 @@
         <el-form :model="productForm" label-width="140px" label-position="top" :rules="productRules" ref="productFormRef">
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="产品大类:" prop="productCategory">
                     <!-- <el-select v-model="productForm.productCategory" placeholder="请选择" clearable>
                        <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" :value="item.nickName"/>
                     </el-select> -->
                     <el-tree-select v-model="productForm.productCategory" placeholder="请选择" clearable check-strictly
                                             @change="getModels" :data="productOptions" :render-after-expand="false" filterable style="width: 100%" />
                  <el-form-item label="产品选择:" prop="productSelect">
                     <div style="display: flex; gap: 10px;">
                        <el-input
                           v-model="productForm.productCategory"
                           placeholder="请选择产品"
                           disabled
                           style="flex: 1;"
                        />
                        <el-button type="primary" @click="openProductSelectDialog">选择</el-button>
                     </div>
                  </el-form-item>
               </el-col>
            </el-row>
            <el-row :gutter="30">
               <el-col :span="24">
                  <el-form-item label="规格型号:" prop="productModelId">
                     <el-select v-model="productForm.productModelId" placeholder="请选择" clearable @change="getProductModel" filterable>
                        <el-option v-for="item in modelOptions" :key="item.id" :label="item.model" :value="item.id" />
                     </el-select>
                  <el-form-item label="图纸编号:" prop="specificationModel">
                     <el-input v-model="productForm.specificationModel" placeholder="请输入图纸编号" disabled />
                  </el-form-item>
               </el-col>
            </el-row>
@@ -472,7 +463,7 @@
               <div v-for="(item, index) in printData" :key="index" class="print-page">
                  <div class="delivery-note">
                     <div class="header">
                        <div class="company-name">鼎诚瑞实业有限责任公司</div>
                        <div class="company-name">军泰伟业机械有限公司</div>
                        <div class="document-title">零售发货单</div>
                     </div>
                     
@@ -502,7 +493,7 @@
                           <thead>
                           <tr>
                              <th>产品名称</th>
                              <th>规格型号</th>
                              <th>图纸编号</th>
                              <th>单位</th>
                              <th>单价</th>
                              <th>零售数量</th>
@@ -626,6 +617,13 @@
            </div>
         </template>
      </el-dialog>
      <!-- 产品选择对话框 -->
      <ProductSelectDialog
         v-model="productSelectVisible"
         :single="true"
         @confirm="handleProductSelect"
      />
   </div>
</template>
@@ -633,6 +631,7 @@
import { getToken } from "@/utils/auth";
import pagination from "@/components/PIMTable/Pagination.vue";
import {onMounted, ref, getCurrentInstance} from "vue";
import ProductSelectDialog from "@/views/basicData/product/ProductSelectDialog.vue";
import { addShippingInfo } from "@/api/salesManagement/deliveryLedger.js";
import { ElMessageBox, ElMessage } from "element-plus";
import { UploadFilled, Download } from "@element-plus/icons-vue";
@@ -650,7 +649,7 @@
   delLedger,
   addOrUpdateSalesLedgerProduct,
   delProduct,
   delLedgerFile, getProductInventory,
   delLedgerFile, getProductInventory, cancelDelivery,
} from "@/api/salesManagement/salesLedger.js";
import { modelList, productTreeList } from "@/api/basicData/product.js";
import useFormData from "@/hooks/useFormData.js";
@@ -712,6 +711,7 @@
const productFormVisible = ref(false);
const productOperationType = ref("");
const currentId = ref("");
const productSelectVisible = ref(false);
const productFormData = reactive({
   productForm: {
      productCategory: "",
@@ -1328,6 +1328,22 @@
   proxy.resetForm("productFormRef");
   productFormVisible.value = false;
};
// 打开产品选择对话框
const openProductSelectDialog = () => {
   productSelectVisible.value = true;
};
// 处理产品选择
const handleProductSelect = (selectedProducts) => {
   if (selectedProducts && selectedProducts.length > 0) {
      const product = selectedProducts[0];
      productForm.value.productCategory = product.productName;
      productForm.value.specificationModel = product.model;
      productForm.value.unit = product.unit;
   }
};
// 导入
const handleImport = () => {
   importUpload.title = "导入销售台账";
@@ -1624,7 +1640,7 @@
      <div class="print-page">
        <div class="delivery-note">
          <div class="header">
            <div class="company-name">鼎诚瑞实业有限责任公司</div>
            <div class="company-name">军泰伟业机械有限公司</div>
            <div class="document-title">零售发货单</div>
          </div>
          
@@ -1650,7 +1666,7 @@
              <thead>
                <tr>
                  <th>产品名称</th>
                  <th>规格型号</th>
                  <th>图纸编号</th>
                  <th>单位</th>
                  <th>单价</th>
                  <th>零售数量</th>
@@ -1964,11 +1980,6 @@
 * @param row 行数据
 */
const getShippingStatusText = (row) => {
   // 如果已发货(有发货日期或车牌号),显示"已发货"
   if (row.shippingDate || row.shippingCarNumber) {
      return '已发货';
   }
   // 获取发货状态字段
   const status = row.shippingStatus;
   
@@ -1979,15 +1990,24 @@
   
   // 状态是字符串
   const statusStr = String(status).trim();
   const statusTextMap = {
      '待发货': '待发货',
      '待审核': '待审核',
      '审核中': '审核中',
      '发货中': '发货中',
      '审核拒绝': '审核拒绝',
      '审核通过': '审核通过',
      '已发货': '已发货'
      '已发货': '已发货',
      '已撤销': '已撤销'
   };
   return statusTextMap[statusStr] || '待发货';
   // 如果状态在映射表中,直接返回对应文本
   if (statusTextMap[statusStr]) {
      return statusTextMap[statusStr];
   }
   return '待发货';
};
/**
@@ -1995,11 +2015,6 @@
 * @param row 行数据
 */
const getShippingStatusType = (row) => {
   // 如果已发货(有发货日期或车牌号),显示绿色
   if (row.shippingDate || row.shippingCarNumber) {
      return 'success';
   }
   // 获取发货状态字段
   const status = row.shippingStatus;
   
@@ -2010,20 +2025,29 @@
   
   // 状态是字符串
   const statusStr = String(status).trim();
   const typeTextMap = {
      '待发货': 'info',
      '待审核': 'info',
      '审核中': 'warning',
      '审核拒绝': 'danger',
      '已撤销': 'warning',
      '审核通过': 'success',
      '已发货': 'success'
      '已发货': 'success',
      '发货中': 'warning'
   };
   return typeTextMap[statusStr] || 'info';
   // 如果状态在映射表中,直接返回对应类型
   if (typeTextMap[statusStr]) {
      return typeTextMap[statusStr];
   }
   return 'info';
};
/**
 * 判断是否可以发货
 * 只有在产品状态是充足,发货状态是待发货和审核拒绝的时候才可以发货
 * 只有在产品状态是充足,发货状态是待发货、审核拒绝和已撤销的时候才可以发货
 * @param row 行数据
 */
const canShip = (row) => {
@@ -2035,14 +2059,56 @@
   // 获取发货状态
   const shippingStatus = row.shippingStatus;
   
   // 如果状态为空或未定义,默认为"待发货"
   if (shippingStatus === null || shippingStatus === undefined || shippingStatus === '') {
      return true;
   }
   // 状态是字符串
   const statusStr = String(shippingStatus).trim();
   // 如果状态是"已撤销",允许发货
   if (statusStr === '已撤销') {
      return true;
   }
   // 如果已发货(有发货日期或车牌号),不能再次发货
   if (row.shippingDate || row.shippingCarNumber) {
      return false;
   }
   
   // 发货状态必须是"待发货"或"审核拒绝"
   const statusStr = shippingStatus ? String(shippingStatus).trim() : '';
   // 发货状态必须是"待发货"、"审核拒绝"或"已撤销"
   return statusStr === '待发货' || statusStr === '审核拒绝';
};
/**
 * 判断是否可以撤销发货
 * 只有当发货数量等于退货数量且都不为0时才可以撤销
 * @param row 行数据
 */
const canRevokeShipping = (row) => {
   const shippingNum = row.shippingNum || 0;
   const returnNum = row.returnNum || 0;
   return shippingNum > 0 && returnNum > 0 && shippingNum === returnNum;
};
/**
 * 撤销发货
 * @param row 行数据
 */
const handleRevokeShipping = (row) => {
   ElMessageBox.confirm("此操作将撤销该发货记录,是否确认?", "撤销发货", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         cancelDelivery({ id: row.id }).then(() => {
            proxy.$modal.msgSuccess("撤销成功");
            getList();
         });
      })
      .catch(() => {});
};
/**
@@ -2149,19 +2215,19 @@
   margin-left: 10px;
}
::v-deep .yellow {
:deep(.yellow) {
  background-color: #FAF0DE;
}
::v-deep .pink {
:deep(.pink) {
  background-color: #FAE1DE;
}
::v-deep .red {
:deep(.red) {
  background-color: #FAE1DE;
}
::v-deep .purple{
:deep(.purple){
  background-color: #F4DEFA;
}