feat: 项目列表、统一4种状态color色值

src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue

@@ -12,7 +12,7 @@
         <a-step v-for="(step, index) in STEPS" :key="index">{{ step.label }}</a-step>
       </a-steps>
 
-      <component :is="activeComp" v-model:formQuery="formQuery" />
+      <component :is="activeComp" v-model:formQuery="formQuery" ref="compRef" />
     </div>
     <template #footer>
       <div class="flex justify-between items-center w-100%">
@@ -29,6 +29,8 @@
 </template>
 
 <script setup>
+import { postAddProject, putProject, getProjectDetail } from '@/api/all/propertyMarketing';
+
 import StepOne from './stepOne.vue';
 import StepTwo from './stepTwo.vue';
 import StepThree from './stepThree.vue';
@@ -66,21 +68,40 @@ const INITIAL_QUERY = {
   work_ids: [],
 };
 
+const update = inject('update');
+
 const visible = ref(false);
-const emits = defineEmits(['update']);
 const currentStep = ref(1);
 const formQuery = ref(cloneDeep(INITIAL_QUERY));
+const compRef = ref(null);
+const projectId = ref(null);
 
 const isFirstStep = computed(() => currentStep.value === 1);
+const isEdit = computed(() => projectId.value);
 const isLastStep = computed(() => currentStep.value === STEPS.length);
 const activeComp = computed(() => STEPS.find((v) => v.index === currentStep.value)?.comp ?? null);
 
-const open = () => {
+const open = (id = null) => {
+  projectId.value = id;
+
+  if (id) {
+    getDetail();
+  }
+
   visible.value = true;
 };
+const getDetail = (id) => {
+  getProjectDetail(projectId.value).then((res) => {
+    if (res.code === 200) {
+      formQuery.value = res.data;
+    }
+  });
+};
 const onClose = () => {
   currentStep.value = 1;
   formQuery.value = cloneDeep(INITIAL_QUERY);
+  projectId.value = '';
+  compRef.value?.reset?.();
 
   visible.value = false;
 };
@@ -88,15 +109,44 @@ const onCancel = () => {
   visible.value = false;
 };
 
-const onSubmit = () => {
-  console.log(formQuery.value);
+const onSubmit = async () => {
+  if (isFirstStep.value) {
+    const valid = await compRef.value.validate();
+    if (!valid) {
+      return;
+    }
+  }
+
   if (isLastStep.value) {
-    console.log('onSubmit');
+    isEdit.value ? handleEdit() : handleAdd();
   } else {
     currentStep.value++;
   }
 };
-const setCurrent = (current) => {
+const handleAdd = () => {
+  postAddProject(formQuery.value).then((res) => {
+    if (res.code === 200) {
+      onClose();
+      update();
+    }
+  });
+};
+const handleEdit = () => {
+  putProject({ id: projectId.value, ...formQuery.value }).then((res) => {
+    if (res.code === 200) {
+      onClose();
+      update();
+    }
+  });
+};
+
+const setCurrent = async (current) => {
+  if (isFirstStep.value) {
+    const valid = await compRef.value.validate();
+    if (!valid) {
+      return;
+    }
+  }
   currentStep.value = current;
 };
 const onPrev = () => {

src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue

@@ -38,6 +38,17 @@ const props = defineProps({
 const formRef = ref(null);
 
 const rules = {
-  name: [{ required: true, message: '项目名称' }],
+  name: [{ required: true, message: '请输入项目名称' }],
 };
+
+const validate = async () => {
+  const errors = await formRef.value.validate();
+ return !errors
+};
+
+const reset = () => {
+  formRef.value.resetFields();
+};
+
+defineExpose({ validate, reset });
 </script>

src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue

@@ -0,0 +1,63 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 17:44:16
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除项目"
+    width="480px"
+    modal-class="project-manage-modal"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ projectName }} 这个项目吗？</span>  
+    </div>
+    <template #footer>
+      <a-button size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteProject } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const update = inject('update');
+
+const visible = ref(false);
+const projectId = ref(null);
+const projectName = ref('');
+
+const isBatch = computed(() => Array.isArray(projectId.value));
+
+function onClose() {
+  visible.value = false;
+  projectId.value = null;
+  projectName.value = '';
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  projectId.value = id;
+  projectName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteProject(projectId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    update()
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>

src/views/property-marketing/project-manage/project-list/index.vue

@@ -38,7 +38,8 @@
       </div>
     </div>
 
-    <AddProjectModal ref="addProjectModalRef"/>
+    <AddProjectModal ref="addProjectModalRef" />
+    <DeleteProjectModal ref="deleteProjectModalRef" />
   </div>
 </template>
 
@@ -50,6 +51,7 @@ import { getProjects } from '@/api/all/propertyMarketing';
 import FilterBlock from './components/filter-block';
 import ProjectTable from './components/project-table';
 import AddProjectModal from './components/add-project-modal';
+import DeleteProjectModal from './components/project-table/delete-project-modal.vue';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 
@@ -63,20 +65,21 @@ const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } =
 });
 
 const addProjectModalRef = ref(null);
+const deleteProjectModalRef = ref(null);
 
 const query = ref(cloneDeep(INITIAL_QUERY));
 
 const getData = async () => {
-    const { page, page_size } = pageInfo.value;
-    const { code, data } = await getProjects({
-      ...query.value,
-      page,
-      page_size,
-    });
-    if (code === 200) {
-      dataSource.value = data?.data ?? [];
-      pageInfo.value.total = data.total;
-    }
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getProjects({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
 };
 const handleSearch = () => {
   reload();
@@ -103,10 +106,11 @@ const handleSorterChange = (column, order) => {
 };
 
 const handleDelete = (item) => {
-  console.log('handleDelete', item);
+  const { id, name } = item;
+  deleteProjectModalRef.value?.open({ id, name: `“${name}”` });
 };
 const handleEdit = (item) => {
-  console.log('handleDelete', item);
+  addProjectModalRef.value?.open(item.id);
 };
 
 onMounted(() => {

src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue

@@ -2,10 +2,6 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-26 17:44:16
 -->
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-26 17:23:52
--->
 <template>
   <a-modal
     v-model:visible="visible"