派工报工静态页

mes-ui/mes-ui-admin-vue3/src/views/biz/assignTasks/index.vue

@@ -0,0 +1,267 @@
+<template>
+  <el-card class="hl-card">
+    <template #header>
+      <span>派工报工</span>
+    </template>
+    <ContentWrap>
+      <!-- 搜索工作栏 -->
+      <el-form
+        class="-mb-15px"
+        :model="queryParams"
+        ref="queryFormRef"
+        :inline="true"
+        label-width="115px"
+      >
+        <el-form-item label="生产派工单号" prop="dispatchCode">
+          <el-input
+            v-model="queryParams.dispatchCode"
+            placeholder="请输入生产派工单号"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+          />
+        </el-form-item>
+        <el-form-item label="生产订单号" prop="projectCode">
+          <el-input
+            v-model="queryParams.projectCode"
+            placeholder="请输入生产订单号"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+          />
+        </el-form-item>
+        <el-form-item label="产品编码/名称" prop="projectSubName">
+          <el-input
+            v-model="queryParams.projectSubName"
+            placeholder="请输入产品编码/名称"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+          />
+        </el-form-item>
+        <el-form-item label="规格型号" prop="spec">
+          <el-input
+            v-model="queryParams.spec"
+            placeholder="请输入规格型号"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+          />
+        </el-form-item>
+        <el-form-item label="生产车间" prop="workshopId">
+          <WorkshopSelect
+            v-model="queryParams.workshopId"
+            class="!w-240px"
+            @update:newValue="handleSelectedWorkshop"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="派工工序" prop="spec">
+          <el-input
+            v-model="queryParams.spec"
+            placeholder="请输入派工工序"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+          />
+        </el-form-item>
+        <el-form-item label="负责人" prop="spec">
+          <el-input
+            v-model="queryParams.spec"
+            placeholder="请输入负责人"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+          />
+        </el-form-item>
+        <el-form-item style="margin-left: 20px">
+          <el-button @click="handleQuery" type="primary">
+            <Icon icon="ep:search" class="mr-5px" /> 查询
+          </el-button>
+          <el-button @click="resetQuery">
+            <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"
+        class="hl-table"
+      >
+        <el-table-column fixed type="index" width="100" label="序号" align="center" />
+        <el-table-column label="派工单号" align="center" prop="dispatchCode" min-width="180">
+          <template #default="scope">
+            <span v-if="scope.row.type == 'ASSEMBLE'">{{ scope.row.assembleCode }}</span>
+            <span v-else>{{ scope.row.dispatchCode }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column fixed label="生产订单号" align="center" prop="projectCode" min-width="180" />
+        <el-table-column fixed label="产品编码" align="center" prop="projectSubCode" min-width="180" />
+        <el-table-column fixed label="产品名称" align="center" prop="projectSubName" min-width="180" />
+        <el-table-column label="规格型号" align="center" prop="spec" min-width="160" />
+        <el-table-column label="生产车间" align="center" prop="spec" min-width="160" />
+        <el-table-column label="派工工序" align="center" prop="procedureName" min-width="160" />
+        <el-table-column label="负责人" align="center" prop="ownerName"  min-width="120"/>
+        <el-table-column label="生产设备" align="center" prop="ownerName" min-width="120"/>
+        <el-table-column
+          label="预计生产日期"
+          align="center"
+          prop="workTime"
+          :formatter="dateFormatter"
+          min-width="220"
+        />
+        <!-- <el-table-column label="生产起止时间" align="center" prop="startTime" width="400">
+          <template #default="scope">
+            {{formatDate(scope.row.startTime)+'~'+formatDate(scope.row.endTime)}}
+          </template>
+        </el-table-column> -->
+        <el-table-column label="单位" align="center" prop="unit" min-width="120">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.BIZ_MATERIAL_UNIT" :value="scope.row.unit" />
+          </template>
+        </el-table-column>
+
+        <el-table-column label="修改人" align="center" prop="updaterName" />
+        <el-table-column
+          label="修改时间"
+          align="center"
+          prop="updateTime"
+          :formatter="dateFormatter"
+          min-width="220"
+        />
+        <el-table-column label="完成状态" align="center" prop="status" min-width="120">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
+          </template>
+        </el-table-column>
+        <el-table-column fixed="right" label="操作" align="center" width="140">
+          <template #default="scope">
+            <el-button
+              link
+              type="primary"
+              @click="openForm(scope.row.id)"
+              v-hasPermi="['biz:task-report:update']"
+            >
+              报工
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <Pagination
+        :total="total"
+        v-model:page="queryParams.pageNo"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </ContentWrap>
+  </el-card>
+  <!-- 表单弹窗：添加/修改 -->
+  <AssignForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { dateFormatter, formatDate } from '@/utils/formatTime'
+import download from '@/utils/download'
+import * as TaskReportApi from '@/api/biz/taskreport'
+import AssignForm from './assignForm.vue'
+
+
+defineOptions({ name: 'TaskReport' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref([{}]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  workshopId: undefined,
+  dispatchDetailId: undefined,
+  owner: undefined,
+  amount: undefined,
+  startTime: [],
+  endTime: [],
+  reportTime: [],
+  hasReport: undefined,
+  status: undefined,
+  createTime: []
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await TaskReportApi.getTaskReportPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = ( id?: number) => {
+  formRef.value.open( id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await TaskReportApi.deleteTaskReport(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    const data = await TaskReportApi.exportTaskReport(queryParams)
+    download.excel(data, '任务报工.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+//接收车间传递的数据
+const handleSelectedWorkshop = (newValue: any) => {
+  queryParams.workshopId = newValue?.id
+}
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>