From ae2380cc0d430108e1122f6818e52bc4abc49d3a Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Wed, 30 Aug 2023 18:00:17 +0800
Subject: [PATCH] Merge branch 'develop' of http://s16s652780.51mypc.cn:49896/r/yskj/iot_drone_web into develop
---
src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue | 53 +++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 49 insertions(+), 4 deletions(-)
diff --git a/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue b/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue
index 4860190..7cbf297 100644
--- a/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue
+++ b/src/pages/page-web/projects/project_list/list_page/components/ProjectList.vue
@@ -26,10 +26,10 @@
<a href="javascript:;">编辑</a>
</a-menu-item>
<a-menu-item>
- <a href="javascript:;">归档</a>
+ <a @click="editStatus(item)">归档</a>
</a-menu-item>
<a-menu-item>
- <a href="javascript:;">删除</a>
+ <a @click="deleteItem(item)">删除</a>
</a-menu-item>
</a-menu>
</template>
@@ -56,15 +56,60 @@
</template>
<script setup lang="ts">
-import { DashOutlined, UserOutlined, ExportOutlined } from '@ant-design/icons-vue'
-import { defineProps } from 'vue'
+import { DashOutlined, UserOutlined, ExportOutlined, ExclamationCircleOutlined } from '@ant-design/icons-vue'
+import { defineEmits, defineProps, createVNode } from 'vue'
import { status, projectCard } from './data'
+import { del, edit } from '/@/api/project-page'
+import { Modal, message } from 'ant-design-vue'
+
+const emit = defineEmits(['refreshList'])
const props = defineProps({
cardList: {
type: Array as () => projectCard[],
required: true,
},
})
+
+// 删除方法
+const deleteItem = (item:projectCard) => {
+ Modal.confirm({
+ title: () => '确认删除?',
+ icon: () => createVNode(ExclamationCircleOutlined),
+ content: () => '删除后项目内容将不可恢复，您确定要删除该项目吗？',
+ okText: () => '确定',
+ okType: 'danger',
+ cancelText: () => '取消',
+ onOk () {
+ del(item.id).then(res => {
+ if (res.code === 5000) {
+ message.success('删除成功')
+ emit('refreshList')
+ }
+ })
+ },
+ })
+}
+
+const editStatus = (item:projectCard) => {
+ Modal.confirm({
+ title: () => '确认归档?',
+ icon: () => createVNode(ExclamationCircleOutlined),
+ content: () => '项目完成后可归档，归档后 Pilot 将无法加入该项目，您确定要归档该项目吗？',
+ okText: () => '确定',
+ okType: 'danger',
+ cancelText: () => '取消',
+ onOk () {
+ const obj = { id: item.id, projectStatus: 2 }
+ edit(obj).then(res => {
+ if (res.code === 5000) {
+ message.success('归档成功')
+ emit('refreshList')
+ }
+ })
+ },
+ })
+}
+
</script>
<style scoped lang="scss">
--
Gitblit v1.9.3