From 283491284169b89706a6fc4e143c01fe9d75c280 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Tue, 26 Mar 2024 00:54:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E5=8C=85=E5=88=9B=E5=BB=BA=E5=AE=8C=E6=88=90=E5=BC=B9=E6=A1=86?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/content/Content.vue            |  5 ++
 .../home/content/modal/FinishPackageModal.vue | 81 +++++++++++++++++++
 2 files changed, 86 insertions(+)
 create mode 100644 src/views/home/content/modal/FinishPackageModal.vue

diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index 665bc0b..3ebc5d2 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -15,6 +15,7 @@ import { cloneDeep, debounce } from 'lodash-es'
 import Masonry from 'masonry-layout'
 import { useMessage } from 'naive-ui'
 import { computed, nextTick, onMounted, onUnmounted, onUpdated, reactive, ref, unref, watch } from 'vue'
+import FinishPackageModal from './modal/FinishPackageModal.vue'
 import GeneratePackageModal from './modal/GeneratePackageModal.vue'
 import LoginSuccessModal from './modal/LoginSuccessModal.vue'
 import PackageSettingsModal from './modal/PackageSettingsModal.vue'
@@ -36,6 +37,7 @@ const packageModalRef = ref(null)
 const generateModalRef = ref(null)
 const queryRepeatedTasksModalRef = ref(null)
 const LoginSuccessModalRef = ref(null)
+const finishPackageModal = ref(null)
 const loading = ref(false)
 const message = useMessage()
 const totalCount = ref(0)
@@ -244,11 +246,13 @@ async function commitHandler(settingParam) {
     checkDuplicateNo: checkDuplicateNo.value
   }
   const modal = generateModalRef.value as any
+  const finishModal = finishPackageModal.value as any
   modal.showModal()
   createPackage(params).then((res) => {
     if (res.code === "OK") {
       message.success(res.data);
       modal.closeModal()
+      finishModal.showModal()
     }
   })
   const asideVal = configStore.getAsideValue
@@ -463,6 +467,7 @@ function previewHandler(index: number, event: MouseEvent) {
     <GeneratePackageModal ref="generateModalRef" />
     <QueryRepeatedTasksModal ref="queryRepeatedTasksModalRef" />
     <LoginSuccessModal ref="LoginSuccessModalRef" />
+    <FinishPackageModal ref="finishPackageModal" />
   </div>
 </template>
 
diff --git a/src/views/home/content/modal/FinishPackageModal.vue b/src/views/home/content/modal/FinishPackageModal.vue
new file mode 100644
index 0000000..bb0961a
--- /dev/null
+++ b/src/views/home/content/modal/FinishPackageModal.vue
@@ -0,0 +1,81 @@
+<script lang="ts" setup>
+import { defineOptions, ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+defineOptions({ name: 'ShortcutModal' })
+
+const show = ref(false)
+const router = useRouter()
+
+const cardStyle = {
+  'width': '29vw',
+  '--n-padding-bottom': '10px',
+  '--n-padding-left': '10px',
+}
+
+function showModal() {
+  show.value = true
+}
+
+function closeModal(path) {
+  show.value = false
+  router.push(path)
+}
+
+defineExpose({
+  showModal,
+})
+</script>
+
+<template>
+  <div>
+    <n-modal v-model:show="show" transform-origin="center" style="padding: 8px;">
+      <n-card :style="cardStyle" :bordered="false" size="huge" role="dialog" aria-modal="true">
+        <div style="display: flex;">
+          <div><svg-icon size="80" name="robot2" /></div>
+          <div style="height: 130px;text-align: center;margin-left: 20px;">
+            <div class="msg-title">生成任务提示</div>
+            <div class="msg-text">AI已根据您的配置要求生成任务包。</div>
+          </div>
+        </div>
+
+        <template #footer>
+          <div class="wrapper-footer">
+            <n-button type="info" @click="closeModal('/worksheet')">
+              进入AI工单
+            </n-button>
+            <n-button style="margin-left:10px;color: #666666;" @click="closeModal('/task')">
+              进入任务审批
+            </n-button>
+          </div>
+        </template>
+      </n-card>
+    </n-modal>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.wrapper-footer {
+  margin-top: -20px;
+  text-align: right;
+}
+
+.msg-title {
+  font-size: 16px;
+  font-family: PingFang SC, PingFang SC-Medium;
+  font-weight: Medium;
+  text-align: left;
+  color: #333333;
+  line-height: 24px;
+  margin: 12px 0;
+}
+
+.msg-text {
+  font-size: 14px;
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: Regular;
+  text-align: left;
+  color: #666666;
+  line-height: 22px;
+}
+</style>