+ 新增项目通知
- 重置搜索
+ 新增项目通知
+ 重置搜索
@@ -382,7 +333,7 @@ const goAddNotice = () => {
+
+
- 提交
+ 提交
取消
@@ -551,4 +553,60 @@ const handleSubmit = async () => {
:deep(.ant-table-row:hover) {
background-color: #fafafa !important;
}
+
+
+/*橙色按钮*/
+
+.custom-button {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ color: #fff;
+}
+
+.custom-button:hover,
+.custom-button:focus {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ color: #fff;
+}
+
+.custom-button[disabled] {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ opacity: 0.6;
+ color: #fff;
+}
+
+/* 危险按钮样式 */
+.custom-button.ant-btn-dangerous {
+ background-color: #ff4d4f;
+ border-color: #ff4d4f;
+}
+
+.custom-button.ant-btn-dangerous:hover,
+.custom-button.ant-btn-dangerous:focus {
+ background-color: #ff7875;
+ border-color: #ff7875;
+}
+
+/* 保持原有的其他样式不变 */
+.search-box {
+ margin-bottom: 10px;
+}
+
+.custom-search :deep(.ant-input-search-button) {
+ background-color: #ffa940;
+ border-color: #ffa940;
+}
+
+.custom-search :deep(.ant-input-search-button:hover),
+.custom-search :deep(.ant-input-search-button:focus) {
+ background-color: #fa8c16;
+ border-color: #fa8c16;
+}
+
+/* 保持输入框原有样式不变 */
+.custom-search :deep(.ant-input) {
+ border-right-color: #ffa940;
+}
\ No newline at end of file
diff --git a/greenOrange/src/view/project/project.vue b/greenOrange/src/view/project/project.vue
index c613c9b..6358a51 100644
--- a/greenOrange/src/view/project/project.vue
+++ b/greenOrange/src/view/project/project.vue
@@ -3,20 +3,18 @@
-
+
- 新增项目
-
-
-
- 重置搜索
+ 新增项目
+ 重置搜索
@@ -25,14 +23,17 @@
+
([]);
-const handleIdSearch = async () => {
- if (!searchId.value) {
- message.warning('请输入项目ID');
- return;
- }
- loading.value = true;
- try {
- const storedToken = localStorage.getItem('token');
- if (!storedToken) throw new Error('未找到登录信息');
- const res: { code: number; data: Project } = await myAxios.post("/project/queryById",
- { id: parseInt(searchId.value) },
- { headers: { Authorization: storedToken } }
- );
- if (res.code === 1 && res.data) {
- tableData.value = [res.data];
- } else {
- // message.error(res.message || '查询失败');
- message.error("查询失败")
- }
- } catch (error) {
- console.error('查询失败:', error);
- message.error('查询操作失败，请检查网络');
- } finally {
- loading.value = false;
- }
-};
-
// 删除项目
const deleteProject = async (id: number) => {
try {
@@ -357,7 +381,15 @@ const deleteProject = async (id: number) => {
// 重置按钮
const reset = () => {
- searchId.value = "";
+ searchProjectName.value = "";
+ searchParams.value = {
+ current: 1,
+ pageSize: 10,
+ sortField: "id",
+ sortOrder: "ascend",
+ userRole: null,
+ projectName: ""
+ };
getProjectList();
};
@@ -440,4 +472,60 @@ const promotionCode=(id:number)=>{
.search-box {
margin-bottom: 10px;
}
+
+
+/*橙色按钮*/
+
+.custom-button {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ color: #fff;
+}
+
+.custom-button:hover,
+.custom-button:focus {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ color: #fff;
+}
+
+.custom-button[disabled] {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ opacity: 0.6;
+ color: #fff;
+}
+
+/* 危险按钮样式 */
+.custom-button.ant-btn-dangerous {
+ background-color: #ff4d4f;
+ border-color: #ff4d4f;
+}
+
+.custom-button.ant-btn-dangerous:hover,
+.custom-button.ant-btn-dangerous:focus {
+ background-color: #ff7875;
+ border-color: #ff7875;
+}
+
+/* 保持原有的其他样式不变 */
+.search-box {
+ margin-bottom: 10px;
+}
+
+.custom-search :deep(.ant-input-search-button) {
+ background-color: #ffa940;
+ border-color: #ffa940;
+}
+
+.custom-search :deep(.ant-input-search-button:hover),
+.custom-search :deep(.ant-input-search-button:focus) {
+ background-color: #fa8c16;
+ border-color: #fa8c16;
+}
+
+/* 保持输入框原有样式不变 */
+.custom-search :deep(.ant-input) {
+ border-right-color: #ffa940;
+}
\ No newline at end of file
diff --git a/greenOrange/src/view/project/projectDetail.vue b/greenOrange/src/view/project/projectDetail.vue
index ee99df3..5f71853 100644
--- a/greenOrange/src/view/project/projectDetail.vue
+++ b/greenOrange/src/view/project/projectDetail.vue
@@ -4,6 +4,7 @@ import { onMounted, ref } from "vue";
import myAxios from "../../api/myAxios";
import { message } from "ant-design-vue";
import { QuillEditor } from '@vueup/vue-quill';
+import {Form} from 'ant-design-vue'
interface ProjectDetail {
id: number;
@@ -36,13 +37,112 @@ const projectData = ref({
});
const projectId = ref(null);
const isEditing = ref(false);
+const fileInput = ref(null);
+const fileName = ref('');
+
+
+// 图片上传处理逻辑
+const handleFileUpload = async (event: Event) => {
+ const input = event.target as HTMLInputElement;
+ const file = input.files?.[0];
+
+ if (!file) return;
+
+ try {
+ // 本地预览
+ const reader = new FileReader();
+ reader.onload = (e) => {
+ projectData.value.projectImage = e.target?.result as string;
+ };
+ reader.readAsDataURL(file);
+
+ // 上传服务器
+ const uploadFormData = new FormData();
+ uploadFormData.append('biz', 'project');
+ uploadFormData.append('file', file);
+
+ const storedToken = localStorage.getItem('token');
+ const res: any = await myAxios.post('/file/upload', uploadFormData, {
+ headers: {
+ 'Content-Type': 'multipart/form-data',
+ 'Authorization': storedToken
+ }
+ });
+
+ if (res.code === 1) {
+ // 替换为服务器返回的正式地址
+ projectData.value.projectImage = `${myAxios.defaults.baseURL}/file/get/${res.data}`;
+ fileName.value = file.name;
+ message.success('图片上传成功');
+ }
+ } catch (error) {
+ console.error('上传失败：', error);
+ message.error('文件上传失败');
+ projectData.value.projectImage = '';
+ }
+};
+const formRef = ref(); // 添加表单引用
+
+// 添加数字输入校验方法
+const handleNumberInput = (e: KeyboardEvent) => {
+ const allowedKeys = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'];
+ if (!allowedKeys.includes(e.key)) {
+ e.preventDefault();
+ }
+};
+
+// 添加粘贴校验方法
+const handlePaste = (e: ClipboardEvent) => {
+ const pasteData = e.clipboardData?.getData('text/plain');
+ if (pasteData && !/^\d+$/.test(pasteData)) {
+ e.preventDefault();
+ message.error('只能粘贴数字');
+ }
+};
+
+// 更新项目时提交处理
+const finishEditing = async () => {
+ //isEditing.value = false;
+
+ try {
+ const storedToken = localStorage.getItem('token');
+ if (!storedToken) throw new Error('未找到登录信息');
+
+ // 转换富文本内容为字符串
+ const payload = {
+ ...projectData.value,
+ settlementDesc: String(projectData.value.settlementDesc),
+ projectDesc: String(projectData.value.projectDesc),
+ projectFlow: String(projectData.value.projectFlow),
+ applyPromoCodeDesc: String(projectData.value.applyPromoCodeDesc)
+ };
+
+ const res:any = await myAxios.post("/project/update",
+ JSON.stringify(payload),
+ {
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': storedToken
+ }
+ }
+ );
+ console.log(res)
+ if (res.code === 1) {
+ message.success('项目更新成功');
+ // 重新加载数据
+ projectId.value && handleIdSearch(projectId.value);
+
+ }
+ } catch (error) {
+ console.error("更新失败:", error);
+
+ message.error('项目更新失败');
+ return;
+ }
+
+};
+
-// 状态映射
-// const statusMap = {
-// running: { text: '运行中', color: '#52c41a' },
-// full: { text: '人数已满', color: '#f5222d' },
-// paused: { text: '已暂停', color: '#faad14' }
-// };
if (typeof route.query.id === 'string') {
projectId.value = route.query.id;
@@ -90,40 +190,7 @@ const updateProject = () => {
isEditing.value = true;
};
-const finishEditing = async () => {
- isEditing.value = false;
- // 发送更新请求
- try {
- const storedToken = localStorage.getItem('token');
- if (!storedToken) throw new Error('未找到登录信息');
-
- const res:any = await myAxios.post("/project/update",
- projectData.value,
- { headers: { Authorization: storedToken } }
- );
-
- if (res.code === 1) {
- message.success('项目更新成功');
- } else {
- message.error(res.message || '更新失败');
- }
- } catch (error) {
- console.error("更新失败:", error);
- message.error('项目更新失败');
- }
-};
-
-// 图片上传相关方法
-const handlePreview = (file:any) => {
- window.open(file.url || file.thumbUrl);
-};
-
-const handleChange = ({ fileList }:any) => {
- if (fileList.length > 0 && fileList[0].response?.url) {
- projectData.value.projectImage = fileList[0].response.url;
- }
-};
@@ -141,7 +208,7 @@ const handleChange = ({ fileList }:any) => {
- 编辑项目
+ 编辑项目
@@ -191,7 +258,7 @@ const handleChange = ({ fileList }:any) => {
+ 结算说明
+
-
-
+ 新增项目明细
- 重置搜索
+ 新增项目明细
+ 重置搜索
@@ -457,7 +459,7 @@ const handleSubmit = async () => {
+ 项目说明
+
-
-
+
@@ -205,40 +194,14 @@
@@ -510,40 +493,92 @@ const handleSubmit = async () => {
}
}
-.rich-text-editor {
- border: 2px solid #e2e8f0;
- border-radius: 0.75rem;
- overflow: hidden;
- transition: all 0.3s ease;
+.rich-text-container {
+ margin-top: 1.5rem;
}
-.rich-text-editor:focus-within {
+.rich-text-columns {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr)); /* 修正列宽分配 */
+ gap: 1rem; /* 减小间距 */
+ align-items: start; /* 顶部对齐 */
+}
+
+.rich-text-group {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem; /* 减小标签与编辑器间距 */
+ height: 100%; /* 保持等高布局 */
+
+}
+.rich-text-group:focus-within {
border-color: #6366f1;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
-.ql-toolbar {
- border-top-left-radius: 0.75rem;
- border-top-right-radius: 0.75rem;
- background: #f8fafc;
+
+/* 响应式调整 */
+@media (max-width: 1440px) {
+ .rich-text-columns {
+ gap: 0.8rem;
+ }
}
-.ql-container {
- border-bottom-left-radius: 0.75rem;
- border-bottom-right-radius: 0.75rem;
- min-height: 150px;
+@media (max-width: 1280px) {
+ .rich-text-columns {
+ grid-template-columns: repeat(2, 1fr); /* 更早切换为2列 */
+ gap: 1.2rem;
+ }
}
-.ql-editor {
- font-family: inherit;
- font-size: 1rem;
+@media (max-width: 768px) {
+ .rich-text-columns {
+ grid-template-columns: 1fr;
+ gap: 1.5rem;
+ }
}
-.ql-editor.ql-blank::before {
- color: #94a3b8;
- font-style: normal;
+.rich-text-group {
+ border: 2px solid #e2e8f0;
+ border-radius: 0.75rem;
+ overflow: hidden;
+ transition: all 0.3s ease;
+ min-height: 320px;
+ height: auto;
+ flex-grow: 1;
+ /* 新增焦点状态 */
+ &:focus-within {
+ border-color: #6366f1 !important;
+ box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+ }
}
+
+/* 调整标签与编辑器间距 */
+.rich-text-group {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ height: 100%;
+ border-radius: 15px;
+ /* 新增标签焦点状态联动 */
+ &:focus-within .label-text {
+ color: #6366f1;
+ transition: color 0.3s ease;
+
+ }
+}
+
+/* 保持与其他输入组件的一致性 */
+.rich-text-group .label-text {
+ font-size: 0.95rem;
+ font-weight: 600;
+ color: #3b4151;
+ padding-left: 0.2rem;
+ transition: color 0.3s ease;
+}
+
+
/* 手机预览样式 */
.phone-preview-container {
display: flex;
@@ -553,8 +588,8 @@ const handleSubmit = async () => {
.phone-frame {
position: relative;
- width: 320px;
- height: 640px;
+ width: 316px;
+ height: 630px;
background: #000;
border-radius: 40px;
padding: 15px;
@@ -671,6 +706,9 @@ const handleSubmit = async () => {
font-size: 0.9rem;
color: #4a5568;
line-height: 1.6;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ max-width: 100%;
}
.phone-section-content * {
@@ -702,13 +740,42 @@ const handleSubmit = async () => {
margin-bottom: 10px;
}
-/* 动画效果 */
-.animate-fade-in {
- animation: fadeIn 0.5s ease-in-out;
-}
+
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
+.file-upload {
+ position: relative;
+}
+
+.file-input {
+ opacity: 0;
+ position: absolute;
+ width: 1px;
+ height: 1px;
+}
+
+.upload-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0.8rem 1.5rem;
+ background: #f8fafc;
+ border: 2px dashed #cbd5e1;
+ border-radius: 0.75rem;
+ cursor: pointer;
+ transition: all 0.3s ease;
+}
+
+.upload-button:hover {
+ background: #f1f5f9;
+ border-color: #94a3b8;
+}
+
+.file-name {
+ color: #64748b;
+ font-size: 0.9rem;
+}
\ No newline at end of file
diff --git a/greenOrange/src/view/project/addprojectNotice.vue b/greenOrange/src/view/project/addprojectNotice.vue
new file mode 100644
index 0000000..aa1d63d
--- /dev/null
+++ b/greenOrange/src/view/project/addprojectNotice.vue
@@ -0,0 +1,413 @@
+
+
+
+
+
+
+
diff --git a/greenOrange/src/view/project/moneyDetail.vue b/greenOrange/src/view/project/moneyDetail.vue
index 8b29194..a7846f5 100644
--- a/greenOrange/src/view/project/moneyDetail.vue
+++ b/greenOrange/src/view/project/moneyDetail.vue
@@ -225,6 +225,7 @@ const updateMoneyDetail = async (id: number) => {
}
}
);
+ console.log(res)
if (res.code === 1) {
// 映射字段到表单
const detail = res.data;
@@ -364,10 +365,11 @@ const handleSubmit = async () => {
enter-button
@search="handleIdSearch"
v-model:value="searchId"
+ class="custom-search"
/>
-
+ 项目流程
+
-
-
+
+ 申请推广码说明
+
-
+
@@ -213,28 +280,64 @@ const handleChange = ({ fileList }:any) => {
-
-
+
-
-
+
-
- 点击上传
-
+
@@ -263,7 +366,7 @@ const handleChange = ({ fileList }:any) => {
@@ -356,7 +459,7 @@ const handleChange = ({ fileList }:any) => {
.section-title {
font-size: 1.4rem;
color: #1a1a1a;
- border-left: 4px solid #1890ff;
+ border-left: 4px solid #ffa940;
padding-left: 1rem;
margin: 1.5rem 0;
}
@@ -446,7 +549,7 @@ const handleChange = ({ fileList }:any) => {
font-size: 1.3rem;
margin-bottom: 1.5rem;
color: #1a1a1a;
- border-left: 4px solid #1890ff;
+ border-left: 4px solid #ffa940;
padding-left: 0.8rem;
}
@@ -457,4 +560,103 @@ const handleChange = ({ fileList }:any) => {
.ql-container {
min-height: 120px;
}
+.preview-image {
+ margin-top: 1rem;
+}
+
+.preview-image img {
+ max-width: 200px;
+ height: auto;
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+/* 保持原有上传样式 */
+.file-upload {
+ position: relative;
+}
+
+.file-input {
+ opacity: 0;
+ position: absolute;
+ width: 1px;
+ height: 1px;
+}
+
+.upload-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0.8rem 1.5rem;
+ background: #f8fafc;
+ border: 2px dashed #cbd5e1;
+ border-radius: 0.75rem;
+ cursor: pointer;
+ transition: all 0.3s ease;
+}
+
+.upload-button:hover {
+ background: #f1f5f9;
+ border-color: #94a3b8;
+}
+
+.file-name {
+ color: #64748b;
+ font-size: 0.9rem;
+}
+
+/*橙色按钮*/
+
+.custom-button {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ color: #fff;
+}
+
+.custom-button:hover,
+.custom-button:focus {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ color: #fff;
+}
+
+.custom-button[disabled] {
+ background-color: #ffa940;
+ border-color: #ffa940;
+ opacity: 0.6;
+ color: #fff;
+}
+
+/* 危险按钮样式 */
+.custom-button.ant-btn-dangerous {
+ background-color: #ff4d4f;
+ border-color: #ff4d4f;
+}
+
+.custom-button.ant-btn-dangerous:hover,
+.custom-button.ant-btn-dangerous:focus {
+ background-color: #ff7875;
+ border-color: #ff7875;
+}
+
+/* 保持原有的其他样式不变 */
+.search-box {
+ margin-bottom: 10px;
+}
+
+.custom-search :deep(.ant-input-search-button) {
+ background-color: #ffa940;
+ border-color: #ffa940;
+}
+
+.custom-search :deep(.ant-input-search-button:hover),
+.custom-search :deep(.ant-input-search-button:focus) {
+ background-color: #fa8c16;
+ border-color: #fa8c16;
+}
+
+/* 保持输入框原有样式不变 */
+.custom-search :deep(.ant-input) {
+ border-right-color: #ffa940;
+}
\ No newline at end of file
diff --git a/greenOrange/src/view/project/projectNotice.vue b/greenOrange/src/view/project/projectNotice.vue
index 2664ce2..9b3a1c0 100644
--- a/greenOrange/src/view/project/projectNotice.vue
+++ b/greenOrange/src/view/project/projectNotice.vue
@@ -3,6 +3,7 @@ import {ref, onMounted, reactive} from "vue";
import { useRoute } from "vue-router";
import myAxios from "../../api/myAxios";
import {message} from "ant-design-vue";
+import router from "../../router";
// 修改表格列定义
const columns = [
@@ -250,60 +251,9 @@ const deleteNotification = async (id: number) => {
}
};
-// 新增表单相关状态
-const addDrawerVisible = ref(false);
-const addFormState = reactive({
- notificationTitle: '',
- notificationContent: '',
- projectId: 0
-});
-
-// 打开新增表单
-const openAddDrawer = () => {
- addFormState.projectId = Number(projectId.value); // 关联当前项目
- addDrawerVisible.value = true;
-};
-
-// 提交新增请求
-const handleAddSubmit = async () => {
- try {
- const storedToken = localStorage.getItem('token');
- const res:any = await myAxios.post(
- "/projectNotification/add",
- {
- notificationTitle: addFormState.notificationTitle,
- notificationContent: addFormState.notificationContent,
- projectId: addFormState.projectId
- },
- {
- headers: {
- Authorization: storedToken,
- "Content-Type": "application/json"
- }
- }
- );
-
- if (res.code === 1) {
- message.success('新增成功');
- addDrawerVisible.value = false;
- await getNotifications(projectId.value);
- Object.assign(addFormState, {
- notificationTitle: '',
- notificationContent: '',
- projectId: Number(projectId.value)
- });
- } else {
- message.error(res.data.message || '新增失败');
- }
- } catch (error) {
- message.error('新增请求失败');
- }
-};
-
-// 在模板中修改按钮绑定
-const goAddNotice = () => {
- openAddDrawer();
-};
+const goAddProjectNotice=()=>{
+ router.push('/addprojectNotice')
+}
@@ -318,10 +268,11 @@ const goAddNotice = () => {
enter-button
@search="handleIdSearch"
v-model:value="searchId"
+ class="custom-search"
/>
- 项目基本信息
+
+
+
+ ![项目封面预览]()
+
+
- 完成编辑
+ 完成编辑