生产计划插活顺延

mes-ui/mes-ui-admin-vue3/src/api/heli/ygjx/index.ts

@@ -0,0 +1,19 @@
+import request from '@/config/axios'
+
+export interface ZjPgMasterVO {
+  id: number
+  pgNumber: string
+  taskNo: string
+  taskId: number
+  projectId: number
+  projectNo: string
+  projectName: string
+  pgUser: number
+  pgDatetime: Date
+  yearMonth: string
+}
+
+// 查询质量派工单过程检验行分页
+export const getZjPgMasterLinePage = async (params) => {
+  return await request.get({ url: `/heli/ygJx/task-dispatch-detail/page`, params })
+}

mes-ui/mes-ui-admin-vue3/src/views/heli/ygjx/index.vue

@@ -0,0 +1,145 @@
+<template>
+  <el-card class="hl-card">
+    <template #header>
+      <span>员工月度绩效总结</span>
+    </template>
+    <ContentWrap class="borderxx">
+      <!-- 搜索工作栏 -->
+      <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="130px">
+        <el-form-item label="年月" prop="yearMonth">
+                 <el-date-picker
+                  v-model="queryParams.yearMonth"
+                  type="month"
+                  placeholder="年月"
+                /> 
+              </el-form-item>
+              <el-form-item label="工号/姓名" prop="workerIdOrName">
+                <el-input v-model="queryParams.workerIdOrName"  placeholder="工号/姓名"/>
+              </el-form-item>
+              <el-form-item label="制造设备" prop="manufacturingEquipment">
+                <EquipmentSelect v-model="queryParams.manufacturingEquipment" @update:newValue="handleSelectedEquip" />
+              </el-form-item>
+        <el-form-item style="margin-left:15px">
+          <el-button @click="handleQuery" type="primary">
+            <Icon icon="ep:search" class="mr-5px" /> 搜索
+          </el-button>
+          <!-- <el-button @click="resetQuery(formatDate(queryParams.dates, 'YYYY-MM'))">
+            <Icon icon="ep:refresh" class="mr-5px" /> 重置
+          </el-button> -->
+        </el-form-item>
+      </el-form>
+    </ContentWrap>
+
+    <!-- 列表 -->
+    <ContentWrap>
+      <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" border class="hl-table">
+		  <el-table-column prop="yearMonth" label="年月"/>
+		        <el-table-column prop="workerId" label="报工人工号"/>
+		        <el-table-column prop="workerName" label="报工人姓名"/>
+		        <el-table-column prop="manufacturingEquipment" label="制造设备"/>
+		        <el-table-column prop="totalPlannedHours" label="总预计工时"/>
+		        <el-table-column prop="totalReportedHours" label="总报工工时"/>
+		        <el-table-column prop="totalDispatchedQuantity" label="总派工数量"/>
+		        <el-table-column prop="totalReportedQuantity" label="总报工数量"/>
+      </el-table>
+      <!-- 分页 -->
+      <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </ContentWrap>
+
+    <!-- 表单弹窗：添加/修改 -->
+    <MaterialPlanForm ref="formRef" @success="getList" />
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { dateFormatter, formatDate } from '@/utils/formatTime'
+import download from '@/utils/download'
+import * as ShopCalendarApi from '@/api/heli/shopCalendar'
+import * as YgjxApi from '@/api/heli/ygjx'
+import * as UserApi from '@/api/system/user'
+import EquipmentSelect from '../hlvuestyle/equipmentSelect.vue'
+
+defineOptions({
+  name: 'MaterialPlan'
+})
+const router = useRouter()
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(false) // 列表的加载中
+const list = ref([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  yearMonth: '',
+  workerIdOrName: '',
+  manufacturingEquipment: ''
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+//接收客户设备传递的数据
+const handleSelectedEquip = (newValue: any) => {
+  console.log('接收客户设备对应的数据:', newValue)
+  if(newValue){
+	  queryParams.manufacturingEquipment = newValue.id
+  }else{
+	  queryParams.manufacturingEquipment = '';
+  }
+  
+}
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await YgjxApi.getZjPgMasterLinePage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+
+/* 重置 */
+const resetQuery = (dates) =>{
+	if (typeof dates === 'undefined' || dates === null || dates === '') {
+		message.error("请选择年月后再进行重置")
+	} else {
+		//根据传入的年月调用接口更新表信息
+		resetRl(dates) 
+	}
+}
+
+const resetRl = async (dates: string) =>{
+	
+	const data = await ShopCalendarApi.resetRl(dates);
+	
+	if(data){
+		ElMessage({
+		        message: '重置成功',
+		        type: 'success',
+		        duration: 2000, // 提示持续时间，单位为毫秒
+		});
+		getList()
+	}
+}
+
+
+
+
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+	
+  queryParams.pageNo = 1
+  queryParams.yearMonth = formatDate(queryParams.yearMonth,'YYYY-MM')
+  getList()
+}
+
+onMounted(() => {
+   getList() 
+})
+</script>