fix: "展示页面"

src/App.vue

@@ -103,4 +103,25 @@ body,
   flex: 0 0 400px !important;
   background: #fff;
 }
+
+.color-3 {
+  color: #333;
+}
+
+.color-6 {
+  color: #666;
+}
+
+.border-radius-10 {
+  border-radius: 10px;
+}
+
+.ant-form label {
+  display: block;
+  margin-bottom: 5px;
+}
+
+::-webkit-scrollbar {
+  width: 0 !important;
+}
 </style>

src/apis/index.js

@@ -6,6 +6,7 @@ const apiUrl = import.meta.env.VITE_API_URL;
 const users = `${apiUrl}/gateway/tall3/v3.0/users`;
 const tall = `${apiUrl}/gateway/tall3/v3.0`;
 const experiment = `${apiUrl}/gateway/experiment`;
+const defaultwbs = `${apiUrl}/gateway/sports`;
 
 // 根据userId 获取token
 // eslint-disable-next-line import/prefer-default-export
@@ -62,3 +63,6 @@ export const importWbs = async e => {
 
 // 新建课题 -- 根据模板新建课题
 export const create = param => http.post(`${experiment}/experiment/create`, { params: { param } });
+
+// 上传文件
+export const uploadImg = `${defaultwbs}/file/upload`;

src/components/tall/center/ProjectDetail.vue

@@ -320,8 +320,4 @@ function toDetail(item) {
 :deep(.ant-checkbox + span) {
   color: #607d8b;
 }
-
-::-webkit-scrollbar {
-  width: 0 !important;
-}
 </style>

src/components/tall/left/Projects.vue

@@ -234,8 +234,4 @@ async function deleteProject(param) {
   width: 14px;
   margin-left: 30px;
 }
-
-::-webkit-scrollbar {
-  width: 0 !important;
-}
 </style>

src/components/tall/right/Intro.vue

@@ -1,12 +1,18 @@
 <template>
   <div class="intro-flex flex justify-between">
-    <div class="intro-wrap left"></div>
+    <div class="intro-wrap left">
+      <img src="https://www.tall.wiki/staticrec/experiment/topic.png" />
+    </div>
 
-    <div class="intro-wrap center"></div>
+    <div class="intro-wrap center">
+      <img src="https://www.tall.wiki/staticrec/experiment/sub-topic.png" />
+    </div>
 
-    <div class="intro-wrap right"></div>
+    <div class="intro-wrap right">
+      <img src="https://www.tall.wiki/staticrec/experiment/experiment.png" />
+    </div>
+    <!-- <img src="https://www.tall.wiki/staticrec/experiment/start.png" /> -->
   </div>
-  111111111111111111111111
 </template>
 
 <script setup></script>
@@ -16,12 +22,25 @@
   padding: 16px;
   width: 100%;
   height: 100%;
+  overflow-y: auto;
 }
 
+/* .intro-flex>img {
+  max-width: 100%;
+  max-height: 100%;
+} */
+
 .intro-wrap {
+  padding: 30px 0;
   width: calc((100% - 32px) / 3);
   height: 100%;
   border-radius: 10px;
+  overflow-y: auto;
+}
+
+.intro-wrap img {
+  width: 80%;
+  margin: 0 auto;
 }
 
 .intro-wrap.left {

src/components/tall/task/CheckSubjectProgress.vue

@@ -119,29 +119,6 @@ const colorList = ref([
   { color: '#FF9191', bgColor: 'rgba(255, 145, 145, 0.2)' },
   { color: '#FF934B', bgColor: 'rgba(255, 147, 75, 0.2)' },
 ]);
-
-// const signInFormRef = ref(null);
-// const signInForm = ref({
-//   username: '',
-//   password: '',
-// });
-
-// const rules = ref({
-//   username: [
-//     {
-//       required: true,
-//       message: '请输入账号',
-//       trigger: 'blur',
-//     },
-//   ],
-//   password: [
-//     {
-//       required: true,
-//       message: '请输入密码',
-//       trigger: 'blur',
-//     },
-//   ],
-// });
 </script>
 
 <style scoped>

src/components/tall/task/MeetingManagement.vue

@@ -0,0 +1,87 @@
+<template>
+  <div class="task-form bg-white border-radius-10">
+    <a-form ref="formRef" :model="topicMeetFormData">
+      <a-form-item>
+        <label class="color-3">会议名称</label>
+        <a-input v-model:value="topicMeetFormData.name" placeholder="会议名称" />
+      </a-form-item>
+
+      <a-form-item>
+        <label class="color-3">会议日期</label>
+        <a-space direction="vertical" :size="12">
+          <a-range-picker v-model:value="topicMeetFormData.date" />
+        </a-space>
+      </a-form-item>
+
+      <a-form-item>
+        <label class="color-3">会议地点</label>
+        <a-input v-model:value="topicMeetFormData.address" placeholder="会议地点" />
+      </a-form-item>
+
+      <a-form-item>
+        <label class="color-3">会议通知</label>
+        <a-upload
+          v-model:file-list="fileList"
+          name="param"
+          :multiple="true"
+          :action="action"
+          :headers="headers"
+          @change="handleChange"
+          :accept="'.pdf'"
+        >
+          <a-button>
+            <upload-outlined></upload-outlined>
+            Click to Upload
+          </a-button>
+        </a-upload>
+      </a-form-item>
+
+      <a-form-item class="text-right">
+        <a-button type="primary" html-type="submit">上传会议记录</a-button>
+      </a-form-item>
+    </a-form>
+  </div>
+</template>
+
+<script setup>
+// import { computed, watch, ref } from 'vue';
+import { ref, computed } from 'vue';
+import { useStore } from 'vuex';
+import { message } from 'ant-design-vue';
+import { UploadOutlined } from '@ant-design/icons-vue';
+import { uploadImg } from 'apis';
+
+const store = useStore();
+const formRef = ref(null);
+const token = computed(() => store.getters['user/token']);
+console.log('token', token.value);
+// const token = sessionStorage.getItem('anyringToken');
+const headers = { Authorization: `Bearer ${token}` };
+const fileList = ref([]);
+const topicMeetFormData = ref({
+  name: '',
+  date: [],
+  address: '',
+  fileList: [],
+});
+
+const action = uploadImg;
+
+const handleChange = info => {
+  if (info.file.status !== 'uploading') {
+    console.log(info.file, info.fileList);
+  }
+
+  if (info.file.status === 'done') {
+    message.success(`${info.file.name} file uploaded successfully`);
+  } else if (info.file.status === 'error') {
+    message.error(`${info.file.name} file upload failed.`);
+  }
+};
+</script>
+
+<style scoped>
+.task-detail {
+  background-color: #fff;
+}
+</style>

src/views/detail/Test.vue

@@ -61,12 +61,43 @@ watch(taskDetail, () => {
   overflow-y: auto;
 }
 
-::-webkit-scrollbar {
-  width: 0 !important;
-}
-
 .task-con {
   width: 100%;
   min-height: 500px;
 }
+
+.task-form {
+  padding: 24px;
+  display: flex;
+  justify-content: center;
+}
+
+.task-form :deep(.ant-form) {
+  width: 80%;
+  max-width: 680px;
+}
+
+:deep(.ant-input) {
+  height: 38px;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+}
+
+:deep(.ant-btn-primary) {
+  max-width: 180px;
+  height: 38px;
+  font-size: 16px;
+  border-radius: 6px;
+}
+
+:deep(.ant-space) {
+  width: 100%;
+}
+
+:deep(.ant-picker) {
+  height: 38px;
+  width: 100%;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+}
 </style>