更新 .gitea/workflows/prod_build_schedule.yaml

.gitea/workflows/develop_build_commit.yaml

@@ -0,0 +1,90 @@
+name: git commit 控制 AiDA WEB-Node.js 开发分支构建部署
+on:
+  workflow_dispatch:
+
+  push:
+    branches:
+      - dev_vite
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    if: "contains(github.event.head_commit.message, '[run build]')"
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+    env:
+      REMOTE_DEPLOY_PATH: /workspace/workspace_aida/DevelopVersion/develop-aida-web-front
+
+    steps:
+      - name: 0.记录开始时间
+        id: build_start_time
+        run: echo "current_time=$(TZ='Asia/Hong_Kong' date '+%Y-%m-%d %H:%M:%S %Z')" >> $GITHUB_OUTPUT
+
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: dev_vite
+
+      - name: 2.设置 Node.js 环境
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build:dev
+      - run: ls -l
+
+      - name: 3.同步文件到远程服务器
+        uses: appleboy/scp-action@v0.1.7
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          source: "./dist/*"
+          target: ${{ env.REMOTE_DEPLOY_PATH }}
+          ssh_options: "-o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null"
+          strip_components: 0
+
+      - name: 4. 远程重载 Nginx 配置
+        uses: appleboy/ssh-action@v1.0.3
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          # 核心：执行 Nginx 重载命令
+          script: |
+            echo "尝试重载 Nginx 服务..."
+            # 💡 注意：执行此命令需要服务器用户具有 sudo 权限，并且配置了 NOPASSWD。
+            # 否则工作流可能会因为权限不足而失败。
+            sudo systemctl reload nginx
+            echo "Nginx 重载命令已发送。"
+
+      - name: 5.发送构建结果邮件
+        if: always() # 无论上一步是否失败，都执行此步骤
+        uses: dawidd6/action-send-mail@v3
+        with:
+
+          from: ${{ secrets.MAIL_USERNAME }}
+          # --- 邮件配置 ---
+          server_address: smtp.gmail.com # 替换为你的SMTP服务器地址
+          server_port: 465 # 替换为你的SMTP端口 (通常是465或587)
+          username: ${{ secrets.MAIL_USERNAME }} # 存储在Secrets中的邮箱用户名
+          password: ${{ secrets.MAIL_PASSWORD }} # 存储在Secrets中的邮箱密码
+          subject: 'Gitea Actions 构建通知: ${{ job.status }} - AiDA back-java Develop'
+          # 收件人列表，可以根据需要更改
+          to: 'xupei3360@163.com,txli@aidlab.hk,cgzhou@aidlab.hk,zchengrong@yeah.net' # 替换为实际收件人邮箱
+
+          # --- 邮件正文内容 ---
+          body: |
+            项目: AiDA back-java Develop
+            分支: dev/3.1_release_merge
+            
+            🎉 构建结果: ${{ job.status }}
+            
+            📅 构建时间: ${{ steps.build_start_time.outputs.current_time }}
+            
+            🔗 构建链接: ${{ gitea.server_url }}/${{ gitea.repository.owner.name }}/${{ gitea.repository.name }}/actions/runs/${{ gitea.run_id }}
+
+          # 确保邮件内容为纯文本，或者你可以设置为 html: true 并调整 body
+          content_type: text/plain

.gitea/workflows/develop_build_manual.yaml

@@ -0,0 +1,85 @@
+name: 手动触发 AiDA WEB-Node.js 开发分支构建部署
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+    env:
+      REMOTE_DEPLOY_PATH: /workspace/workspace_aida/DevelopVersion/develop-aida-web-front
+
+    steps:
+      - name: 0.记录开始时间
+        id: build_start_time
+        run: echo "current_time=$(TZ='Asia/Hong_Kong' date '+%Y-%m-%d %H:%M:%S %Z')" >> $GITHUB_OUTPUT
+
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: dev_vite
+
+      - name: 2.设置 Node.js 环境
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build:dev
+      - run: ls -l
+
+      - name: 3.同步文件到远程服务器
+        uses: appleboy/scp-action@v0.1.7
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          source: "./dist/*"
+          target: ${{ env.REMOTE_DEPLOY_PATH }}
+          ssh_options: "-o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null"
+          strip_components: 0
+
+      - name: 4. 远程重载 Nginx 配置
+        uses: appleboy/ssh-action@v1.0.3
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          # 核心：执行 Nginx 重载命令
+          script: |
+            echo "尝试重载 Nginx 服务..."
+            # 💡 注意：执行此命令需要服务器用户具有 sudo 权限，并且配置了 NOPASSWD。
+            # 否则工作流可能会因为权限不足而失败。
+            sudo systemctl reload nginx
+            echo "Nginx 重载命令已发送。"
+
+      - name: 5.发送构建结果邮件
+        if: always() # 无论上一步是否失败，都执行此步骤
+        uses: dawidd6/action-send-mail@v3
+        with:
+
+          from: ${{ secrets.MAIL_USERNAME }}
+          # --- 邮件配置 ---
+          server_address: smtp.gmail.com # 替换为你的SMTP服务器地址
+          server_port: 465 # 替换为你的SMTP端口 (通常是465或587)
+          username: ${{ secrets.MAIL_USERNAME }} # 存储在Secrets中的邮箱用户名
+          password: ${{ secrets.MAIL_PASSWORD }} # 存储在Secrets中的邮箱密码
+          subject: 'Gitea Actions 构建通知: ${{ job.status }} - AiDA back-java Develop'
+          # 收件人列表，可以根据需要更改
+          to: 'xupei3360@163.com,txli@aidlab.hk,cgzhou@aidlab.hk,zchengrong@yeah.net' # 替换为实际收件人邮箱
+
+          # --- 邮件正文内容 ---
+          body: |
+            项目: AiDA back-java Develop
+            分支: dev/3.1_release_merge
+            
+            🎉 构建结果: ${{ job.status }}
+            
+            📅 构建时间: ${{ steps.build_start_time.outputs.current_time }}
+            
+            🔗 构建链接: ${{ gitea.server_url }}/${{ gitea.repository.owner.name }}/${{ gitea.repository.name }}/actions/runs/${{ gitea.run_id }}
+
+          # 确保邮件内容为纯文本，或者你可以设置为 html: true 并调整 body
+          content_type: text/plain

.gitea/workflows/prod_build_manual.yaml

@@ -0,0 +1,78 @@
+name: AiDA WEB-Node.js 生产分支构建部署
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+
+    steps:
+      - name: 0.记录开始时间
+        id: build_start_time
+        run: echo "current_time=$(TZ='Asia/Hong_Kong' date '+%Y-%m-%d %H:%M:%S %Z')" >> $GITHUB_OUTPUT
+
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: StableVersion
+
+      - name: 2.设置 Node.js 环境
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build
+      - run: ls -l
+
+      - name: 3.5. 手动安装 AWS CLI v2 # 新增步骤：确保 aws 命令可用
+        run: |
+          echo "安装 AWS CLI V2..."
+          curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+          unzip awscliv2.zip
+          sudo ./aws/install --update
+          aws --version
+          echo "AWS CLI V2 安装完成。"
+
+      - name: 4.配置 AWS 凭证
+        uses: aws-actions/configure-aws-credentials@main
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: 'ap-east-1'
+
+      - name: 5.同步 dist 目录到 S3
+        run: |
+          aws s3 sync dist/ s3://${{ secrets.S3_BUCKET_NAME }}/ --acl public-read
+
+      - name: 6.发送构建结果邮件
+        if: always() # 无论上一步是否失败，都执行此步骤
+        uses: dawidd6/action-send-mail@v3
+        with:
+
+          from: ${{ secrets.MAIL_USERNAME }}
+          # --- 邮件配置 ---
+          server_address: smtp.gmail.com # 替换为你的SMTP服务器地址
+          server_port: 465 # 替换为你的SMTP端口 (通常是465或587)
+          username: ${{ secrets.MAIL_USERNAME }} # 存储在Secrets中的邮箱用户名
+          password: ${{ secrets.MAIL_PASSWORD }} # 存储在Secrets中的邮箱密码
+          subject: 'Gitea Actions 构建通知: ${{ job.status }} - AiDA back-java Develop'
+          # 收件人列表，可以根据需要更改
+          to: 'xupei3360@163.com,txli@aidlab.hk,cgzhou@aidlab.hk,zchengrong@yeah.net' # 替换为实际收件人邮箱
+
+          # --- 邮件正文内容 ---
+          body: |
+            项目: AiDA back-java Develop
+            分支: dev/3.1_release_merge
+            
+            🎉 构建结果: ${{ job.status }}
+            
+            📅 构建时间: ${{ steps.build_start_time.outputs.current_time }}
+            
+            🔗 构建链接: ${{ gitea.server_url }}/${{ gitea.repository.owner.name }}/${{ gitea.repository.name }}/actions/runs/${{ gitea.run_id }}
+
+          # 确保邮件内容为纯文本，或者你可以设置为 html: true 并调整 body
+          content_type: text/plain

.gitea/workflows/prod_build_schedule.yaml

@@ -0,0 +1,81 @@
+name: AiDA WEB-Node.js 生产分支构建部署
+on:
+  schedule:
+    #       cron为UTC时区，构建时间=部署时间-8小时 {*分 (-8)时 *日 *月  *周}  ---
+    #      示例： 1月1日22点22分触发构建 cron写作 - '22 14 1 1 *'
+    - cron: '00 14 23 3 *'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+
+    steps:
+      - name: 0.记录开始时间
+        id: build_start_time
+        run: echo "current_time=$(TZ='Asia/Hong_Kong' date '+%Y-%m-%d %H:%M:%S %Z')" >> $GITHUB_OUTPUT
+
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: StableVersion
+
+      - name: 2.设置 Node.js 环境
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build
+      - run: ls -l
+
+      - name: 3.5. 手动安装 AWS CLI v2 # 新增步骤：确保 aws 命令可用
+        run: |
+          echo "安装 AWS CLI V2..."
+          curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+          unzip awscliv2.zip
+          sudo ./aws/install --update
+          aws --version
+          echo "AWS CLI V2 安装完成。"
+
+      - name: 4.配置 AWS 凭证
+        uses: aws-actions/configure-aws-credentials@main
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: 'ap-east-1'
+
+      - name: 5.同步 dist 目录到 S3
+        run: |
+          aws s3 sync dist/ s3://${{ secrets.S3_BUCKET_NAME }}/ --acl public-read
+
+      - name: 6.发送构建结果邮件
+        if: always() # 无论上一步是否失败，都执行此步骤
+        uses: dawidd6/action-send-mail@v3
+        with:
+
+          from: ${{ secrets.MAIL_USERNAME }}
+          # --- 邮件配置 ---
+          server_address: smtp.gmail.com # 替换为你的SMTP服务器地址
+          server_port: 465 # 替换为你的SMTP端口 (通常是465或587)
+          username: ${{ secrets.MAIL_USERNAME }} # 存储在Secrets中的邮箱用户名
+          password: ${{ secrets.MAIL_PASSWORD }} # 存储在Secrets中的邮箱密码
+          subject: 'Gitea Actions 构建通知: ${{ job.status }} - AiDA back-java Develop'
+          # 收件人列表，可以根据需要更改
+          to: 'cgzhou@aidlab.hk,zchengrong@yeah.net' # 替换为实际收件人邮箱
+
+          # --- 邮件正文内容 ---
+          body: |
+            项目: AiDA WEB-Node.js 生产分支构建部署
+            分支: StableVersion
+            
+            🎉 构建结果: ${{ job.status }}
+            
+            📅 构建时间: ${{ steps.build_start_time.outputs.current_time }}
+            
+            🔗 构建链接: ${{ gitea.server_url }}/${{ gitea.repository.owner.name }}/${{ gitea.repository.name }}/actions/runs/${{ gitea.run_id }}
+
+          # 确保邮件内容为纯文本，或者你可以设置为 html: true 并调整 body
+          content_type: text/plain

.gitea/workflows/research_build_manual.yaml

@@ -0,0 +1,85 @@
+name: 手动触发 AiDA WEB-Node.js 开发分支构建部署
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+    env:
+      REMOTE_DEPLOY_PATH: /workspace/workspace_aida/Research/research-aida-web-front
+
+    steps:
+      - name: 0.记录开始时间
+        id: build_start_time
+        run: echo "current_time=$(TZ='Asia/Hong_Kong' date '+%Y-%m-%d %H:%M:%S %Z')" >> $GITHUB_OUTPUT
+
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: research
+
+      - name: 2.设置 Node.js 环境
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build:dev
+      - run: ls -l
+
+      - name: 3.同步文件到远程服务器
+        uses: appleboy/scp-action@v0.1.7
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          source: "./dist/*"
+          target: ${{ env.REMOTE_DEPLOY_PATH }}
+          ssh_options: "-o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null"
+          strip_components: 0
+
+      - name: 4. 远程重载 Nginx 配置
+        uses: appleboy/ssh-action@v1.0.3
+        with:
+          host: ${{ secrets.SERVER_HOST }}
+          username: ${{ secrets.SERVER_USER }}
+          key: ${{ secrets.SSH_KEY }}
+          # 核心：执行 Nginx 重载命令
+          script: |
+            echo "尝试重载 Nginx 服务..."
+            # 💡 注意：执行此命令需要服务器用户具有 sudo 权限，并且配置了 NOPASSWD。
+            # 否则工作流可能会因为权限不足而失败。
+            sudo systemctl reload nginx
+            echo "Nginx 重载命令已发送。"
+
+      - name: 5.发送构建结果邮件
+        if: always() # 无论上一步是否失败，都执行此步骤
+        uses: dawidd6/action-send-mail@v3
+        with:
+
+          from: ${{ secrets.MAIL_USERNAME }}
+          # --- 邮件配置 ---
+          server_address: smtp.gmail.com # 替换为你的SMTP服务器地址
+          server_port: 465 # 替换为你的SMTP端口 (通常是465或587)
+          username: ${{ secrets.MAIL_USERNAME }} # 存储在Secrets中的邮箱用户名
+          password: ${{ secrets.MAIL_PASSWORD }} # 存储在Secrets中的邮箱密码
+          subject: 'Gitea Actions 构建通知: ${{ job.status }} - AiDA back-java Develop'
+          # 收件人列表，可以根据需要更改
+          to: 'xupei3360@163.com,txli@aidlab.hk,cgzhou@aidlab.hk,zchengrong@yeah.net' # 替换为实际收件人邮箱
+
+          # --- 邮件正文内容 ---
+          body: |
+            项目: AiDA back-java Develop
+            分支: dev/3.1_release_merge
+            
+            🎉 构建结果: ${{ job.status }}
+            
+            📅 构建时间: ${{ steps.build_start_time.outputs.current_time }}
+            
+            🔗 构建链接: ${{ gitea.server_url }}/${{ gitea.repository.owner.name }}/${{ gitea.repository.name }}/actions/runs/${{ gitea.run_id }}
+
+          # 确保邮件内容为纯文本，或者你可以设置为 html: true 并调整 body
+          content_type: text/plain

src/assets/style/style.css

@@ -168,6 +168,7 @@ li {
 }
 .ant-modal-mask {
   background-color: #666666;
+  opacity: 0.5;
 }
 .select_block {
   height: 4rem;

src/assets/style/style.less

@@ -173,6 +173,7 @@ input:focus{
 }
 .ant-modal-mask{
 	background-color: #666666;
+	opacity: .5;
 }
 .select_block{
 	height: 4rem;

src/component/Detail/detailLeft/colorBox/index.vue

@@ -141,6 +141,7 @@ export default defineComponent({
 					JSON.stringify(colorData.selectDetail.color.gradient) == JSON.stringify(color?.gradient)
 					&& colorData.selectDetail.color.rgba?.r
 				){
+					console.log('---',index)
 					isNoSelect = true
 					colorData.selectColor = item
 					colorData.colorList.index = index
@@ -160,8 +161,8 @@ export default defineComponent({
 					if(color?.gradient){
 						item.gradient = color?.gradient
 					} 
-					colorData.colorList.index = index
-					colorData.selectColor = item
+					// colorData.colorList.index = index
+					// colorData.selectColor = item
 				}
 				colorData.colorList.list[newVal].push(item)
 			}

src/component/home/newProject/workspace.vue

@@ -38,7 +38,7 @@
 			</div>
 			<div class="style marginBottom" v-if="show.style">
 				<div class="text">{{$t('Habit.Style')}}：</div>
-				<div class="center">{{ selectObject?.styleName?selectObject?.styleName:'All' }}</div>
+				<div class="center">{{ selectObject?.styleName?selectObject?.styleName:$t('Header.All') }}</div>
 				<div class="gallery_btn" @click="setStyle">{{ $t('Habit.Select') }}</div>
 			</div>
 			<div class="style brand marginBottom">

src/lang/cn.ts

@@ -453,7 +453,8 @@ export default {
     jsContent4: '图片必须小于5MB',
     jsContent5: '图片已经上传是否继续上传',
     jsContent6: '输入的内容超过允许输入的最大长度',
-    jsContent7: '请输入内容~'
+    jsContent7: '请输入内容~',
+    jsContent8: '请输入项目名字~'
   },
   ModelPlacement: {
     Registration: '新增模特',

src/lang/en.ts

@@ -466,7 +466,8 @@ export default {
     jsContent4: 'Image must smaller than 5MB!',
     jsContent5: 'This picture has been uploaded whether to continue uploading？',
     jsContent6: 'The entered content exceeds the maximum length.',
-    jsContent7: 'Please enter content'
+    jsContent7: 'Please enter content',
+    jsContent8: 'Please enter the project name.'
   },
   ModelPlacement: {
     Registration: 'Registration',

src/views/HomeMain.vue

@@ -393,6 +393,27 @@
                   <span class="fi fi-rr-book-user"></span>
                   <span class="select_item_des">{{ $t('Header.Tutorial') }}</span>
                 </div>
+				<div class="select_item logo">
+					<a href="https://www.tiktok.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/tikTokIcon.png" alt="">
+					</a>
+					<a href="https://www.instagram.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/instagramIcon.png" alt="">
+					</a>
+					<a href="https://www.youtube.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/youTubeIcon.png" alt="">
+					</a>
+					<a href="https://www.xiaohongshu.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/xiaoHongShuIcon.png" alt="">
+					</a>
+					<a href="https://www.zhihu.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/zhiHuIcon.png" alt="">
+					</a>
+					<a href="https://www.bilibili.com/" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/biliBliIcon.png" alt="">
+					</a>
+				</div>
+
                 <div class="select_item_long"></div>
                 <div class="select_item" @click="logout()">
                   <span class="icon iconfont icon-tuichu"></span>
@@ -2015,6 +2036,25 @@ export default defineComponent({
                   font-weight: 500;
                 }
               }
+			  .logo{
+				padding: 1rem 0.5rem;
+				gap: 1rem;
+				cursor: auto;
+				> a{
+					width: 2.5rem;
+					height: 2.5rem;
+					border-radius: .5rem;
+					overflow: hidden;
+					display: flex;
+					> img{
+						width: 100%;
+						height: 100%;
+					}
+				}
+				 &:hover {
+                  background: #fff;
+                }
+			  }
               .select_item_long {
                 border-bottom: 1px solid #eceaea;
                 margin: 2rem 0;

src/views/HomeRecommend.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="homeRecommend_max">
     <div class="header">
-      <img
+		<img
         class="homeRecommend_logo"
         @click="turnToNewPage('/')"
         src="@/assets/images/homePage/aidaIcon.png"
       />
+      <div class="gallery_btn login white" @click="setLogin">{{ t('Login.Login') }}</div>
+      <div class="gallery_btn" @click="signUp">{{ t('Login.SignUp') }}</div>
       <div class="language_btn">
         <div @click="handleChangeLanguage">
           <i class="fi fi-rr-globe"></i>
           {{ isChinese ? 'CN' : 'EN' }}
         </div>
       </div>
-      <div class="gallery_btn login white" @click="setLogin">{{ t('Login.Login') }}</div>
-      <div class="gallery_btn" @click="signUp">{{ t('Login.SignUp') }}</div>
     </div>
 
     <div class="content">
@@ -229,8 +229,25 @@ export default defineComponent({
     .language_btn {
       color: #fff;
       cursor: pointer;
+	  font-size: 2.5rem;
+	  >div {
+		display: flex;
+		>i{
+			display: flex;
+			align-items: center;
+			font-size: 2.5rem;
+			margin-right: .7rem;
+		}
+	  }
       @media (max-width: 768px) {
+		  font-size: 1.5rem;
         color: #000;
+		>div {
+			>i{
+				font-size: 1.5rem;
+				margin-right: .7rem;
+			}
+		}
       }
     }
     > .gallery_btn {

src/views/HomeView/history.vue

@@ -9,7 +9,7 @@
             :placeholder="t('batchGeneration.Search')"
             @search="searchHistoryList"
           />
-          <div class="history_table_content" ref="historyTable">
+          <div class="history_table_content" ref="historyTable" @click.stop>
             <a-config-provider :locale="tableLocale">
               <a-table
                 row-class-name="history_table_row"
@@ -28,6 +28,14 @@
                 }"
               >
                 <template #bodyCell="{ column, text, record, index }">
+					<div class="update_name" v-if="column?.key === 'collectionName'">
+						<div v-if="updateName.selectIndex === index">
+							<input type="text" v-model="updateName.currentName">
+						</div>
+						<div v-show="updateName.selectIndex !== index">{{ record.name }}</div>
+						<i @click="setUpdateName(record.name,index)" v-show="updateName.selectIndex !== index" class="fi fi-rr-edit"></i>
+						<i @click="submitUpdateName" v-show="updateName.selectIndex === index" class="fi fi-sr-check-circle"></i>
+                    </div>
                   <div class="operate_list" v-if="column?.Operations">
                     <div
                       class="operate_item"
@@ -213,6 +221,39 @@ export default defineComponent({
       selectCode: selectCode,
       designType: ''
     }
+	const updateName = ref({
+		currentName:'',
+		selectIndex:-1,
+	})
+	const clearUpdateName = () => {
+		updateName.value.currentName = ''
+		updateName.value.selectIndex = -1
+		document.removeEventListener('click',clearUpdateName)
+	}
+	const setUpdateName = (name,index) => {
+		updateName.value.currentName = name
+		updateName.value.selectIndex = index
+		document.addEventListener('click',clearUpdateName)
+	}
+	const submitUpdateName = ()=>{
+		if(updateName.value.currentName === collectionList.value[updateName.value.selectIndex].name){
+			clearUpdateName()
+			return
+		}
+		if(updateName.value.selectIndex != -1){
+			if(!updateName.value.currentName)return message.info(t('HistoryPage.jsContent8'))
+			let data = {
+				id: collectionList.value[updateName.value.selectIndex].id, //library名字
+				name: updateName.value.currentName //history id
+			}
+			Https.axiosPost(Https.httpUrls.projectSaveOrUpdate, data)
+			.then(rv => {
+				collectionList.value[updateName.value.selectIndex].name = updateName.value.currentName
+				clearUpdateName()
+			})
+			.catch(res => {})
+		}
+	}
     provide('type', type)
     return {
       store,
@@ -232,7 +273,10 @@ export default defineComponent({
       tableLocale,
       projectSetting,
       tableSearchBar,
-      currentProjectPath
+      currentProjectPath,
+	  updateName,
+	  setUpdateName,
+	  submitUpdateName,
     }
   },
   data() {
@@ -608,6 +652,7 @@ export default defineComponent({
     customTableRow(record: any) {
       return {
         onDblclick: () => {
+			if(this.updateName.selectIndex !== -1)return
           this.retrieveHome(record)
         }
       }
@@ -726,6 +771,11 @@ export default defineComponent({
           }
           :deep(.ant-table-tbody > tr:hover) {
             background: #ededed;
+			.update_name{
+				> .fi-rr-edit{
+					display: flex;
+				}
+			}
           }
           :deep(.ant-table-tbody > tr > td) {
             border: none;
@@ -780,7 +830,26 @@ export default defineComponent({
               color: #000;
             }
           }
-
+		  .update_name{
+			display: flex;
+			align-items: center;
+			> div{
+				> input{
+					width: 12rem;
+					border-radius: .8rem;
+					padding-left: 1.5rem;
+				}
+			}
+			> i{
+				margin-left: 1.5rem;
+				cursor: pointer;
+				font-size: 2rem;
+				display: flex;
+			}
+			> .fi-rr-edit{
+				display: none;
+			}
+		  }
           .operate_list {
             display: flex;
             align-items: center;

src/views/Register.vue

@@ -1,24 +1,35 @@
 <template>
-    <div class="homeRecommend_max openSignUp">
-        <header class="homeRecommend_heade">
-            <div class="homeRecommend_right_content">
-                <div class="homeRecommend_user_content">
-                    <!-- <img
+  <div class="homeRecommend_max openSignUp">
+    <header class="homeRecommend_heade">
+      <div class="homeRecommend_right_content">
+        <div class="homeRecommend_user_content">
+          <!-- <img
 						class="homeRecommend_logo"
 						@click="turnToNewPage('https://www.aidlab.hk/en/')"
 						src="@/assets/images/loginPage/aida_logo.png"
 					/> -->
-					<!-- <img
+          <!-- <img
 						class="homeRecommend_logo"
 						@click="turnToNewPage('https://www.aidlab.hk/en/')"
 						src="@/assets/images/loginPage/aida_Logo_login.png"
 					/> -->
-					<img
-						class="homeRecommend_logo"
-						@click="turnToNewPage('/')"
-						src="@/assets/images/homePage/aidaIcon.png"
-					/>
-					<!-- <div
+          <div class="mobile_logo_group" v-if="isMoblie" @click="turnToNewPage('/')">
+            <img
+              class="homeRecommend_logo aid"
+              src="@/assets/images/loginPage/aida_logo.png"
+            />
+            <img
+              class="homeRecommend_logo code"
+              src="@/assets/images/loginPage/aida_Logo_login.png"
+            />
+          </div>
+          <img
+            v-else
+            class="homeRecommend_logo"
+            @click="turnToNewPage('/')"
+            src="@/assets/images/homePage/aidaIcon.png"
+          />
+          <!-- <div
 						class="login_footer_item_text"
 						@click="turnToWindow(
 							'https://code-create.com.hk/aida-terms-and-conditions/'
@@ -34,288 +45,321 @@
 					>
 						Privacy Policy
 					</div> -->
-                </div>
-            </div>
-			<!-- <div class="homeRecommend_right">
+        </div>
+      </div>
+      <!-- <div class="homeRecommend_right">
 				<div class="gallery_btn" v-if="userDetail.systemList.indexOf(1) > -1 && !isMoblie" @click="goHome">Home</div>
 				<div class="gallery_btn white" v-if="userDetail.systemUser != -1" @click="logout">log off</div>
 			</div> -->
-			<div class="homeRecommend_right">
-				<!-- <div class="homeRecommend_right" v-if="userDetail.systemUser == -1"> -->
-				<div class="cutLangue">
-					<div @click="()=>isSelectSuccessively = !isSelectSuccessively">
-						<i class="fi fi-rr-globe"></i>
-						<!-- <a-switch :checked="isSelectSuccessively" @click="()=>isSelectSuccessively = !isSelectSuccessively" checked-children="EN" un-checked-children="CN"/> -->
-						{{ isSelectSuccessively? 'CN':'EN'}}
-					</div>
-				</div>
-				<div class="gallery_btn" @click="setLogin">{{ isSelectSuccessively?'登录':'Login' }}</div>
-			</div>
-        </header>
-				<div class="content">
-					<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
-				</div>
+      <div class="homeRecommend_right">
+        <!-- <div class="homeRecommend_right" v-if="userDetail.systemUser == -1"> -->
+        <div class="cutLangue">
+          <div @click="() => (isSelectSuccessively = !isSelectSuccessively)">
+            <i class="fi fi-rr-globe"></i>
+            <!-- <a-switch :checked="isSelectSuccessively" @click="()=>isSelectSuccessively = !isSelectSuccessively" checked-children="EN" un-checked-children="CN"/> -->
+            {{ isSelectSuccessively ? 'CN' : 'EN' }}
+          </div>
+        </div>
+        <div class="gallery_btn" @click="setLogin">
+          {{ isSelectSuccessively ? '登录' : 'Login' }}
+        </div>
+      </div>
+    </header>
+    <div class="content">
+      <signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
     </div>
-	
+  </div>
 </template>
-<script >
-import { defineComponent, toRefs, reactive, ref , nextTick,computed, onMounted, onBeforeUnmount } from "vue";
-import { setCookie, getCookie, WriteCookie,clonAllCookie } from "@/tool/cookie";
-import { Https } from "@/tool/https";
-import { useStore } from "vuex";
-import { useRouter } from 'vue-router';
+<script>
+import {
+  defineComponent,
+  toRefs,
+  reactive,
+  ref,
+  nextTick,
+  computed,
+  onMounted,
+  onBeforeUnmount,
+  watch
+} from 'vue'
+import { setCookie, getCookie, WriteCookie, clonAllCookie } from '@/tool/cookie'
+import { Https } from '@/tool/https'
+import { useStore } from 'vuex'
+import { useRouter } from 'vue-router'
 import signUp from '@/component/mainPage/signUp/index.vue'
 export default defineComponent({
-    components: {
-		signUp,
+  components: {
+    signUp
+  },
+  setup() {
+    const store = useStore()
+    const router = useRouter()
+    let data = reactive({
+      homeRecommendMax: null,
+      signUp: null,
+      isSelectSuccessively: false
+    })
+    let isMoblie = ref(false)
+    let userDetail = computed(() => {
+      return store.state.UserHabit.userDetail
+    })
+    let setLogin = () => {
+      router.push('/login')
+    }
+    let logout = () => {
+      let userInfo = store.state.UserHabit.userDetail
+      let data = {
+        userId: userInfo?.userId
+      }
+      store.commit('createDetail')
+      store.commit('createProbject')
+      if (!data.userId) return
+      Https.axiosPost(Https.httpUrls.accountLogout, data).then(rv => {
+        clonAllCookie()
+      })
+    }
+    let goHome = () => {
+      router.push('/home')
+    }
+    let time
+    let updataIsMoblie = () => {
+      clearTimeout(time)
+      time = setTimeout(() => {
+        if (window.innerWidth < 768) {
+          isMoblie.value = true
+        } else {
+          isMoblie.value = false
+        }
+      }, 500)
+    }
+
+    watch(
+      () => data.isSelectSuccessively,
+      val => {
+        let str = ''
+        if (val) {
+          str = 'CHINESE_SIMPLIFIED'
+        } else {
+          str = 'ENGLISH'
+        }
+        localStorage.setItem('loginLanguage', str)
+      }
+    )
+
+    onMounted(() => {
+      updataIsMoblie()
+      const savedLang = localStorage.getItem('loginLanguage')
+      if (savedLang) {
+        data.isSelectSuccessively = savedLang === 'CHINESE_SIMPLIFIED'
+      }
+      window.addEventListener('resize', updataIsMoblie)
+    })
+    onBeforeUnmount(() => {
+      window.removeEventListener('resize', updataIsMoblie)
+    })
+    return {
+      ...toRefs(data),
+      userDetail,
+      setLogin,
+      logout,
+      goHome,
+      isMoblie
+    }
+  },
+  data() {
+    return {}
+  },
+  watch: {
+    // credits.value(newVal,oldVal){
+    // 	console.log(String(newVal).length);
+    // }
+  },
+  mounted() {},
+  methods: {
+    turnToNewPage(url) {
+      window.open(url)
     },
-	setup(){
-        const store = useStore();
-		const router = useRouter();
-		let data = reactive({
-			homeRecommendMax:null,
-			signUp:null,
-			isSelectSuccessively:false,
-		})
-		let isMoblie = ref(false)
-		let userDetail = computed(()=>{
-			return store.state.UserHabit.userDetail
-		})
-		let setLogin = ()=>{
-			router.push("/login");
-		}
-		let logout = ()=>{
-			let userInfo = store.state.UserHabit.userDetail;
-			let data = {
-                userId: userInfo?.userId,
-            };
-			store.commit('createDetail')
-			store.commit('createProbject')
-			if(!data.userId) return
-			Https.axiosPost(Https.httpUrls.accountLogout, data).then((rv) => {
-				clonAllCookie();
-			});
-		}
-		let goHome = ()=>{
-			router.push('/home');
-		}
-		let time
-		let updataIsMoblie = ()=>{
-			clearTimeout(time)
-			time = setTimeout(()=>{
-				if(window.innerWidth < 768){
-					isMoblie.value = true
-				}else{
-					isMoblie.value = false
-				}    
-			},500)
-			
-		}
-		onMounted(()=>{
-			window.addEventListener('resize',updataIsMoblie)
-		})
-		onBeforeUnmount(() => {
-			window.removeEventListener('resize', updataIsMoblie);
-			
-		});
-		return {
-			...toRefs(data),
-			userDetail,
-			setLogin,
-			logout,
-			goHome,
-			isMoblie,
-		}
-	},
-    data() {
-        return {
-        };
-    },
-	watch: {
-		// credits.value(newVal,oldVal){
-		// 	console.log(String(newVal).length);
-		// }
-	},
-    mounted() {
-		
-    },
-    methods: {
-		turnToNewPage(url) {
-            window.open(url);
-        },
-		turnToWindow(url) {
-            window.open(url);
-        },
-    },
-});
+    turnToWindow(url) {
+      window.open(url)
+    }
+  }
+})
 </script>
 
 <style lang="less" scoped>
-.homeRecommend_max{
-	position: relative;
-	display: flex;
-	height: 100%;
-	flex-direction: column;
-	
-	
-	&.openSignUp{
-		.homeRecommend_heade{
-			position: relative;
-			background: #fff !important;
-			.login_footer_item_text{
-				display: block;
-			}
-		}
-		
-		.homeRecommend_content_adminTop{
-			display: none;
-		}
-	}
+.homeRecommend_max {
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+
+  &.openSignUp {
+    .homeRecommend_heade {
+      position: relative;
+      background: #fff !important;
+      .login_footer_item_text {
+        display: block;
+      }
+    }
+
+    .homeRecommend_content_adminTop {
+      display: none;
+    }
+  }
 }
 .homeRecommend_heade {
+  display: flex;
+  justify-content: space-between;
+  // padding: 0 30px;
+  padding: 2rem 4rem;
+  width: 100%;
+  // height: 7rem;
+  flex-shrink: 0;
+  // background: rgba(255, 255, 255, 0.2);
+  // border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
+  position: absolute;
+  align-items: center;
+  z-index: 2;
+  border-bottom: 1px solid #ddd;
+  @media (max-width: 768px) {
+    z-index: 1000;
+    padding: 1.4rem 2.1rem;
+  }
+  .homeRecommend_right {
+    width: 33%;
     display: flex;
-	justify-content: space-between;
-	// padding: 0 30px;
-	padding: 2rem 4rem;
-    width: 100%;
-    // height: 7rem;
-	flex-shrink: 0;
-    // background: rgba(255, 255, 255, 0.2);
-    // border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
-    position: absolute;
+    justify-content: flex-end;
     align-items: center;
-	z-index: 2;
-	border-bottom: 1px solid #DDD;
-	@media (max-width: 768px) {
-		z-index: 1000;
-		padding: 1.4rem 2.1rem;
-	}
-	.homeRecommend_right{
-		width: 33%;
-		display: flex;
-		justify-content: flex-end;
-		align-items: center;
-		.gallery_btn{
-			// color: #000;
-			// background: #fff;
-			// border: 2px solid #000;
-			// margin-left: 2rem;
-			width: 13rem;
-			text-align: center;
-			@media (max-width: 768px) {
-				width: 5.2rem;
-				padding: 0;
-				display: none;
-			}
-			&.gallery_btn:nth-child(1){
-			    margin-right: 3rem;
-				@media (max-width: 768px) {
-					margin-right: 1.8rem;
-				}
-			}
-		}
-		> .cutLangue{
-			display: flex;
-			align-items: center;
-			margin-right: 4rem;
-			@media (max-width: 768px) {
-				margin-right: 2.8rem;
-			}
-			> i{
-				font-size: 5rem;
-			}
-			> div{
-				cursor: pointer;
-				display: flex;
-				align-items: center;
-				@media (max-width: 768px) {
-					font-size: 1.5rem;
-				}
-				> i{
-					font-size: 3.5rem;
-					display: flex;
-					margin-right: 1rem;
-					@media (max-width: 768px) {
-						margin-right: .7rem;
-						font-size: 2rem;
-					}
-				}
-			}
-			> button{
-				height: 4rem;
-				min-width: 8rem;
-			}
-			> .text{
-				margin-right: 1rem;
-			}
-		}
-	}
-    .homeRecommend_logo {
-        // width: 14.4rem;
-        height: 8rem;
-        // height: 4rem;
-
-		margin-top: 0;
-		margin-right: 2rem;
-		@media (max-width: 768px) {
-			// height: 1.76rem;
-			height: 4.5rem;
-			margin-right: .9rem;
-		}
-		// &:last-child{
-		// 	margin-right: 2rem;
-		// }
-    }
-	.login_footer_item_text{
-		// margin-left: 5rem;
-		margin-right: 2rem;
-		font-size: 1.6rem;
-		text-decoration: underline;
-		display: none;
-		cursor: pointer;
-	}
-    .homeRecommend_right_content {
-        top: 0;
-		left: 0;
-        display: flex;
-		width: 40%;
-		height: 100%;
-		align-items: center;
-		overflow: hidden;
-        .homeRecommend_user_content {
-            display: flex;
-            align-items: center;
-            position: relative;
-            height: 3.7rem;
-			&.marLeft2{
-				margin-left: 2rem;
-			}
-            .username {
-                font-size: 1.8rem;
-                color: #1a1a1a;
-                margin: 0 0.8rem;
-				font-weight: 900;
-				span{
-					margin: .7rem;
-				}
-            }
-            .icon-xiala {
-                font-size: 1.4rem;
-                cursor: pointer;
-				transition: .3s all;
-            }
-            .icon_rotate {
-                -moz-transform: rotate(180deg);
-                -webkit-transform: rotate(180deg);
-                transform: rotate(180deg);
-                animation-direction: 0.5s;
-            }
+    .gallery_btn {
+      // color: #000;
+      // background: #fff;
+      // border: 2px solid #000;
+      // margin-left: 2rem;
+      width: 13rem;
+      text-align: center;
+      @media (max-width: 768px) {
+        width: 5.2rem;
+        padding: 0;
+        display: none;
+      }
+      &.gallery_btn:nth-child(1) {
+        margin-right: 3rem;
+        @media (max-width: 768px) {
+          margin-right: 1.8rem;
         }
+      }
     }
-    
+    > .cutLangue {
+      display: flex;
+      align-items: center;
+      margin-right: 4rem;
+      @media (max-width: 768px) {
+        margin-right: 2.8rem;
+      }
+      > i {
+        font-size: 5rem;
+      }
+      > div {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        @media (max-width: 768px) {
+          font-size: 1.5rem;
+        }
+        > i {
+          font-size: 3.5rem;
+          display: flex;
+          margin-right: 1rem;
+          @media (max-width: 768px) {
+            margin-right: 0.7rem;
+            font-size: 2rem;
+          }
+        }
+      }
+      > button {
+        height: 4rem;
+        min-width: 8rem;
+      }
+      > .text {
+        margin-right: 1rem;
+      }
+    }
+  }
+  .homeRecommend_logo {
+    height: 8rem;
+    margin-top: 0;
+    margin-right: 2rem;
+    @media (max-width: 768px) {
+      // height: 1.76rem;
+      height: 4.5rem;
+      margin-right: 0.9rem;
+    }
+  }
+  .login_footer_item_text {
+    // margin-left: 5rem;
+    margin-right: 2rem;
+    font-size: 1.6rem;
+    text-decoration: underline;
+    display: none;
+    cursor: pointer;
+  }
+  .homeRecommend_right_content {
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 40%;
+    height: 100%;
+    align-items: center;
+    overflow: hidden;
+    .homeRecommend_user_content {
+      display: flex;
+      align-items: center;
+      position: relative;
+      height: 3.7rem;
+      .mobile_logo_group {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        column-gap: 0.9rem;
+        .homeRecommend_logo {
+          &.aid {
+            width: 8rem;
+            height: 1.75rem;
+          }
+          &.code {
+            width: 5rem;
+            height: 1.98rem;
+          }
+        }
+      }
+      &.marLeft2 {
+        margin-left: 2rem;
+      }
+      .username {
+        font-size: 1.8rem;
+        color: #1a1a1a;
+        margin: 0 0.8rem;
+        font-weight: 900;
+        span {
+          margin: 0.7rem;
+        }
+      }
+      .icon-xiala {
+        font-size: 1.4rem;
+        cursor: pointer;
+        transition: 0.3s all;
+      }
+      .icon_rotate {
+        -moz-transform: rotate(180deg);
+        -webkit-transform: rotate(180deg);
+        transform: rotate(180deg);
+        animation-direction: 0.5s;
+      }
+    }
+  }
 }
-.content{
-	flex: 1;
-	overflow-y: auto;
+.content {
+  flex: 1;
+  overflow-y: auto;
 }
 </style>