Merge branch 'dev_tide' into dev_tide_cbsglxt

zouyu

3 天以前 8bc17a9ea84a6af0b7d01e451c702f404a3ff895

 src/views/productionManagement/operationScheduling/components/formDia.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,181 @@
<template>
  <div>
    <el-dialog
        v-model="dialogFormVisible"
        title="工序排产"
        width="70%"
        @close="closeDia"
    >
      <el-button type="primary" @click="addRow" style="margin-bottom: 10px;">新增</el-button>
         <span style="font-size: 18px;margin-left: 10px">待排产数量：{{pendingNum}}</span>
      <el-table :data="tableData" border style="width: 100%" :summary-method="summarizeMainTable" show-summary :row-key="row => row.id" stripe>
        <el-table-column label="序号" width="60">
          <template #default="scope">
            {{ scope.$index + 1 }}
          </template>
        </el-table-column>
        <el-table-column label="工序" prop="process">
          <template #default="scope">
            <el-input
              v-model="scope.row.process"
              placeholder="请输入工序"
              clearable
            />
          </template>
        </el-table-column>
        <el-table-column label="单位" prop="unit">
          <template #default="scope">
            <el-input v-model="scope.row.unit" placeholder="请输入单位" />
          </template>
        </el-table-column>
        <el-table-column label="排产数量" width="200" prop="schedulingNum">
          <template #default="scope">
                  <el-input-number
                     v-model="scope.row.schedulingNum"
                     placeholder="请输入"
                     :min="0"
                     :step="0.1"
                     :precision="2"
                     clearable
                     style="width: 100%"
                  />
          </template>
        </el-table-column>
        <el-table-column label="工时定额" width="200" prop="workHours">
          <template #default="scope">
                  <el-input-number
                     v-model="scope.row.workHours"
                     placeholder="请输入"
                     :min="0"
                     :step="0.1"
                     :precision="2"
                     clearable
                     style="width: 100%"
                  />
          </template>
        </el-table-column>
        <el-table-column label="排产日期" prop="schedulingDate">
          <template #default="scope">
            <el-date-picker v-model="scope.row.schedulingDate" type="date" placeholder="选择日期" style="width: 100%;" value-format="YYYY-MM-DD" format="YYYY-MM-DD"/>
          </template>
        </el-table-column>
        <el-table-column label="排产人" prop="schedulingUserId">
          <template #default="scope">
                  <el-select
                     v-model="scope.row.schedulingUserId"
                     placeholder="选择人员"
                     style="width: 100%;"
                  >
                     <el-option
                        v-for="user in userList"
                        :key="user.userId"
                        :label="user.nickName"
                        :value="user.userId"
                     />
                  </el-select>
          </template>
        </el-table-column>
        <el-table-column label="操作" width="80">
          <template #default="scope">
            <el-button type="danger" size="small" @click="removeRow(scope.$index)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
         <template #footer>
            <div class="dialog-footer">
               <el-button type="primary" @click="submitForm">确认</el-button>
               <el-button @click="closeDia">取消</el-button>
            </div>
         </template>
    </el-dialog>
  </div>
</template>

<script setup>
import {ref} from "vue";
import {userListNoPageByTenantId} from "@/api/system/user.js";
import {processScheduling} from "@/api/productionManagement/operationScheduling.js";
const { proxy } = getCurrentInstance()
const emit = defineEmits(['close'])

const dialogFormVisible = ref(false);
const operationType = ref('')
const tableData = ref([
   { process: '', schedulingDate: '', schedulingNum: '', schedulingUserId: '', workHours: '', unit: '' }
]);
const unitFromRow = ref('');
const idFromRow = ref('');
const pendingNum = ref('');
const userList = ref([])

// æ‰“开弹框
const openDialog = (type, row) => {
  operationType.value = type;
  dialogFormVisible.value = true;
   userListNoPageByTenantId().then((res) => {
      userList.value = res.data;
   });
   pendingNum.value = row.pendingNum
  if (row && row.unit !== undefined) {
    unitFromRow.value = row.unit;
    idFromRow.value = row.id;
    tableData.value.forEach(item => {
      item.unit = row.unit;
      item.id = row.id;
    });
  } else {
    unitFromRow.value = '';
  }
}
const submitForm = () => {
   // 1. æ£€æŸ¥æ¯ä¸€è¡Œæ˜¯å¦å¡«å†™å®Œæ•´
   for (let i = 0; i < tableData.value.length; i++) {
      const row = tableData.value[i];
      if (
         !row.process ||
         !row.schedulingDate ||
         row.schedulingNum === '' || row.schedulingNum === null ||
         !row.schedulingUserId ||
         row.workHours === '' || row.workHours === null ||
         !row.unit
      ) {
         proxy.$modal.msgError(`第${i + 1}行数据未填写完整`);
         return;
      }
   }
   // 2. åˆè®¡æŽ’产数量
   const totalSchedulingNum = tableData.value.reduce((sum, row) => {
      return sum + Number(row.schedulingNum || 0);
   }, 0);
   if (totalSchedulingNum > Number(pendingNum.value)) {
      proxy.$modal.msgError('排产数量合计不能超过待排产数量');
      return;
   }
   processScheduling(tableData.value).then((res) => {
      proxy.$modal.msgSuccess("提交成功");
      closeDia();
   })
}
const summarizeMainTable = (param) => {
   return proxy.summarizeTable(param, ['schedulingNum']);
};
// å…³é—­å¼¹æ¡†
const closeDia = () => {
  dialogFormVisible.value = false;
  emit('close')
};
defineExpose({
  openDialog,
});

const addRow = () => {
  tableData.value.push({ id: idFromRow.value, process: '', unit: unitFromRow.value, schedulingNum: '', workHours: '', schedulingDate: '', schedulingUserId: '' });
};
const removeRow = (index) => {
  tableData.value.splice(index, 1);
};
</script>

<style scoped>

</style>