From c8cf9f8ba577ce75e8723ff2d4218fffae349c47 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期二, 14 十一月 2023 15:11:09 +0800
Subject: [PATCH] fix: 修复工序步骤条当前工序展示错误的问题
---
src/views/dashboard/components/TaskControl.vue | 123 ++++++++++++++++++++++++++++++++++++++--
1 files changed, 116 insertions(+), 7 deletions(-)
diff --git a/src/views/dashboard/components/TaskControl.vue b/src/views/dashboard/components/TaskControl.vue
index bb55687..e8e60e1 100644
--- a/src/views/dashboard/components/TaskControl.vue
+++ b/src/views/dashboard/components/TaskControl.vue
@@ -21,29 +21,96 @@
寮�濮嬬敓浜�
</BigButton>
<template v-if="task?.Procedure.Status === 2 || task?.Procedure.Status === 3">
- <BigButton class="btn" bg-color="#ff9933">鎵撳嵃</BigButton>
- <BigButton class="btn" bg-color="#00cc33">鎶ュ伐</BigButton>
- <BigButton class="btn" bg-color="#ff0000">瀹屾垚</BigButton>
+ <BigButton class="btn" bg-color="#ff9933" :disabled="task?.Procedure.Status === 3">鎵撳嵃</BigButton>
+ <BigButton class="btn" bg-color="#00cc33" :disabled="task?.Procedure.Status === 3" @click="openReportModal">
+ 鎶ュ伐
+ </BigButton>
+ <el-popconfirm
+ width="340"
+ confirm-button-text="纭畾"
+ cancel-button-text="鍙栨秷"
+ :icon="CircleCloseFilled"
+ icon-color="red"
+ :hide-after="0"
+ :teleported="false"
+ title="璇风‘璁ゆ槸鍚﹀凡瀹屾垚姝ょ敓浜т换鍔�?"
+ placement="top"
+ @confirm="finishTaskProduce"
+ >
+ <template #reference>
+ <BigButton class="btn" bg-color="#ff0000" :disabled="task?.Procedure.Status === 3">瀹屾垚</BigButton>
+ </template>
+ </el-popconfirm>
</template>
</div>
</div>
+ <TaskControlModal v-model="showTaskControlModal" :task="task" @produce-start="onProduceStart"></TaskControlModal>
+ <ReportProductionModal
+ v-model="showReportModal"
+ @close="showReportModal = false"
+ @submit="showReportModal = false"
+ ></ReportProductionModal>
</template>
<script setup lang="ts">
import type { Task } from '@/api/task'
-import { toRefs } from 'vue'
+import { ref, toRefs } from 'vue'
import BigButton from '@/views/dashboard/components/BigButton.vue'
import { useDateFormat } from '@vueuse/core'
+import TaskControlModal from '@/views/dashboard/components/TaskControlModal.vue'
+import { CircleCloseFilled } from '@element-plus/icons-vue'
+import { finishTask } from '@/api'
+import { ElMessage } from 'element-plus'
+import ReportProductionModal from '@/views/dashboard/components/ReportProductionModal.vue'
const props = defineProps<{
task?: Task
}>()
const { task } = toRefs(props)
+
+const emit = defineEmits<{
+ shouldReload: [task: Task]
+}>()
+
+const showTaskControlModal = ref(false)
+
/**
* 寮�濮嬬敓浜�
*/
function startProduce() {
- // TODO:
- // console.log(1)
+ showTaskControlModal.value = true
+}
+
+/**
+ * 瀹屾垚浠诲姟
+ */
+function finishTaskProduce() {
+ if (task?.value && task.value?.Procedure?.ID) {
+ finishTask({ id: task!.value.Procedure.ID }).then(
+ (res) => {
+ ElMessage({
+ message: '鎿嶄綔鎴愬姛锛�',
+ type: 'success'
+ })
+ emit('shouldReload', task.value as Task)
+ },
+ (err) => {
+ console.error(err)
+ ElMessage({
+ message: '鎿嶄綔澶辫触锛�',
+ type: 'warning'
+ })
+ }
+ )
+ } else {
+ ElMessage({
+ message: '褰撳墠璁惧娌℃湁宸ュ簭锛�',
+ type: 'warning'
+ })
+ }
+}
+
+function onProduceStart() {
+ emit('shouldReload', task!.value as Task)
}
/**
@@ -54,8 +121,13 @@
if (!timestamp) {
return '--'
}
- const time = useDateFormat(timestamp * 1000, 'YYYY-MM-DD', { locales: 'zh-cn' })
+ const time = useDateFormat(timestamp * 1000, 'YYYY-MM-DD HH:mm:ss', { locales: 'zh-cn' })
return time.value
+}
+// 鎶ュ伐
+const showReportModal = ref(false)
+function openReportModal() {
+ showReportModal.value = true
}
</script>
<style scoped lang="scss">
@@ -115,4 +187,41 @@
.finish-btn {
background-color: #ff0000;
}
+
+:deep(.el-popper) {
+ background-color: #133f97;
+ color: #fff;
+}
+:deep(.el-popconfirm__main) {
+ font-size: 25px;
+}
+:deep(.el-popconfirm__icon) {
+ font-size: 38px;
+}
+:deep(.el-popconfirm__main) {
+ margin-bottom: 20px;
+}
+:deep(.el-popconfirm__action) {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+}
+:deep(.el-popconfirm__action .el-button) {
+ font-size: 22px;
+ height: 54px;
+ width: 140px;
+ color: #fff;
+ background-color: #0ae5ec;
+ &:hover {
+ background-color: #0ae5ec;
+ }
+ &.is-text {
+ color: #92a1c0;
+ background-color: #133f97;
+ border: 1px solid #0ae5ec;
+ &:hover {
+ background-color: #133f97;
+ }
+ }
+}
</style>
--
Gitblit v1.8.0