src/views/productionManagement/productionDispatching/index.vue
@@ -38,6 +38,15 @@
               clearable
               prefix-icon="Search"
            />
            <span class="search_title ml10">合同号:</span>
            <el-input
               v-model="searchForm.salesContractNo"
               style="width: 240px"
               placeholder="请输入"
               @change="handleQuery"
               clearable
               prefix-icon="Search"
            />
<!--            <span class="search_title ml10">项目名称:</span>-->
<!--            <el-input-->
<!--               v-model="searchForm.projectName"-->
@@ -50,6 +59,12 @@
            <span class="search_title ml10">录入日期:</span>
            <el-date-picker v-model="searchForm.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="daterange"
                              placeholder="请选择" clearable @change="changeDaterange" />
            <el-checkbox
               style="margin-left: 10px"
               v-model="searchForm.status"
               label="不显示待排数量为0"
               @change="handleQuery"
            />
            <el-button type="primary" @click="handleQuery" style="margin-left: 10px">搜索</el-button>
         </div>
         <div>
@@ -87,8 +102,9 @@
const data = reactive({
   searchForm: {
      customerName: "",
      salesContractNo: "",
      projectName: "",
      status: "",
      status: true,
      entryDate: [dayjs().format("YYYY-MM-DD"), dayjs().format("YYYY-MM-DD")], // 录入日期,默认当天
      entryDateStart: dayjs().format("YYYY-MM-DD"),
      entryDateEnd: dayjs().format("YYYY-MM-DD"),
@@ -101,21 +117,11 @@
      prop: "salesContractNo",
      width: 220,
   },
   // {
   //    label: "客户合同号",
   //    prop: "customerContractNo",
   //    width: 250,
   // },
   {
      label: "客户名称",
      prop: "customerName",
      width: 250,
   },
   // {
   //    label: "项目名称",
   //    prop: "projectName",
   //    width:300
   // },
   {
      label: "产品大类",
      prop: "productCategory",
@@ -129,7 +135,7 @@
   {
      label: "绑定机器",
      prop: "speculativeTradingName",
      width: 220,
      width: 160,
   },
   {
      label: "单位",
@@ -140,6 +146,32 @@
      label: "录入日期",
      prop: "entryDate",
      width: 120,
   },
   {
      label: "状态",
      prop: "status",
      dataType: "tag",
      formatType: (params) => {
         if (params == '生产中') {
            return "warning";
         } else if (params == '未开始') {
            return "danger";
         } else {
            return "success";
         }
      },
   },
   {
      label: "生产进度",
      prop: "progress",
      formatData: (cellValue) => {
         // 如果值为空或undefined,显示空字符串
         if (cellValue === null || cellValue === undefined || cellValue === '') {
            return '';
         }
         // 直接在数字后面添加百分号
         return `${cellValue}%`;
      }
   },
   {
      label: "数量",
@@ -154,6 +186,7 @@
      label: "待排数量",
      prop: "pendingQuantity",
      width: 100,
      fixed: 'right',
   },
]);
const tableData = ref([]);
@@ -588,3 +621,10 @@
   white-space: nowrap;
}
</style>