feat: 视频预览/数据看板/下载配置 三项业务功能

- 新增视频预览：VideoPlayer 组件、VideoController/DyCollectVideoService/Repository、VideoPageRequestDTO 对应后端改动
- 新增数据看板：workplace/statics.vue、RecordTable、相关 store/http/axios 改动
- 新增下载配置：DownloadConfigService、ConfigController、AppSet.vue、AppConfig
- 其他：DyHttpClientService / 同步 Job(Collect, Favorit) / Cookie 表 / CommonService / ServiceExtension 的配套调整
- 仓库卫生：.gitignore 追加 feiniu 过滤；运维脚本归档到 docs/scripts/

app/src/pages/cok/CookieTable.vue

@@ -13,17 +13,12 @@ const columns = [
   {
     title: 'Cookie名',
     dataIndex: 'userName',
-    width: 100,
+    width: 120,
   },
   { title: '状态', dataIndex: 'status', width: 80 },
-  { title: '收藏路径', dataIndex: 'savePath', width: 100 },
-  { title: '喜欢路径', dataIndex: 'favSavePath', width: 100 },
-  { title: 'Up主路径', dataIndex: 'upSavePath', width: 100 },
-  // { title: 'Cookie', dataIndex: 'cookies' },
-  { title: 'Up主secUserId', dataIndex: 'upSecUserIds' },
-  { title: '用户secUserId', dataIndex: 'secUserId' },
-  { title: '操作', dataIndex: 'edit', width: 200 },
-  // { title: 'id', dataIndex: 'id', width: 200, hiden: false },
+  { title: '存储路径', dataIndex: 'paths', width: 300, ellipsis: true },
+  { title: 'SecUserId', dataIndex: 'userIds', width: 200, ellipsis: true },
+  { title: '操作', dataIndex: 'edit', width: 180, fixed: 'right' },
 ];
 
 // 定义数组中单个对象的类型：包含uper和uid字段（可选字符串类型，根据实际需求调整是否可选）
@@ -47,16 +42,6 @@ type DataItem = {
   upSavePath?: string;
 };
 
-// const dataSource = reactive<DataItem[]>([
-//   {
-//     userName: 'Li Zhi',
-//     cookies: '131231',
-//     savePath: 'x',
-//     status: 1,
-//     id: '1',
-//   },
-// ]);
-
 const loading = ref(false);
 const datas: UnwrapRef<DataItem[]> = reactive([]);
 const pagination = ref({
@@ -153,9 +138,6 @@ function submit() {
       } else {
         copyObject(editRecord.value, resData);
       }
-      // alert(JSON.stringify(form.upSecUserIdsJson));
-      // console.log('1', authors);
-      // console.log('2', res);
       useApiStore()
         .UpdateConfig(resData)
         .then((res) => {
@@ -177,17 +159,15 @@ function submit() {
 
 const editRecord = ref<DataItem>();
 
-import { Modal } from 'ant-design-vue'; // 假设使用Ant Design Vue的Modal组件
+import { Modal } from 'ant-design-vue';
 
 const deleted = (id: string) => {
-  // 显示确认对话框
   Modal.confirm({
     title: '确认删除',
     content: '确定要删除这条记录吗？此操作不可撤销。',
     okText: '确认',
     cancelText: '取消',
     onOk: () => {
-      // 用户确认后执行删除操作
       useApiStore()
         .deleteCookie(id)
         .then((res) => {
@@ -200,15 +180,11 @@ const deleted = (id: string) => {
         });
     },
     onCancel: () => {
-      // 用户取消删除，不执行任何操作
       console.log('已取消删除');
     },
   });
 };
-/**
- * 编辑
- * @param record
- */
+
 function edit(record: DataItem) {
   editRecord.value = record;
   copyObject(form, record);
@@ -264,7 +240,7 @@ const rowCount = 4;
       <a-form-item label="喜欢的存储路径" name="favSavePath">
         <div style="display: flex; align-items: center; gap: 6px;">
           <a-input v-model:value="form.favSavePath" style="flex: 1;" />
-          <a-tooltip title="同步“我喜欢的”视频时，必填！！！">
+          <a-tooltip title="同步'我喜欢的'视频时，必填！！！">
             <ExclamationCircleOutlined style="color: #faad14;font-size: 16px;" />
           </a-tooltip>
         </div>
@@ -272,7 +248,7 @@ const rowCount = 4;
       <a-form-item label="SecUserId" name="secUserId">
         <div style="display: flex; align-items: center; gap: 6px;">
           <a-input v-model:value="form.secUserId" style="flex: 1;" />
-          <a-tooltip title="同步“我喜欢的”视频时，必填！！！">
+          <a-tooltip title="同步'我喜欢的'视频时，必填！！！">
             <ExclamationCircleOutlined style="color: #faad14;font-size: 16px;" />
           </a-tooltip>
         </div>
@@ -287,8 +263,7 @@ const rowCount = 4;
       </a-form-item>
 
       <a-form-item label="博主信息" name="upSecUserIdsJson">
-        <a-form-item-rest> <!-- 用这个包裹所有辅助元素 -->
-          <!-- 添加行按钮 -->
+        <a-form-item-rest>
           <a-button type="primary" @click="addRow" style="margin-bottom: 12px">
             添加抖音Up主
             <template #icon>
@@ -296,23 +271,15 @@ const rowCount = 4;
             </template>
           </a-button>
 
-          <!-- 动态渲染所有行 -->
           <div v-for="(row, index) in form.upSecUserIdsJson" :key="index" style="display: flex; gap: 12px; margin-bottom: 8px; align-items: center">
-            <!-- uper输入框 -->
             <a-input v-model:value="row.uper" placeholder="博主别名，可自定义" style="flex: 1" />
-
-            <!-- uid输入框 -->
             <a-input v-model:value="row.uid" placeholder="博主secUserId" style="flex: 3" />
-
-            <!-- syncAll 开关字段 -->
             <div style="flex: 1; display: flex; align-items: center;">
               <a-tooltip title="默认关闭，仅同步 UP 主最新一页数据；开启将同步全部作品（量大不建议开启）">
                 <span style="margin-right: 8px; cursor: default;color:#faad14">同步全部作品</span>
               </a-tooltip>
               <a-switch v-model:checked="row.syncAll" />
             </div>
-
-            <!-- 删除当前行按钮 -->
             <a-button type="text" danger @click="removeRow(index)">
               <template #icon>
                 <DeleteOutlined />
@@ -330,10 +297,8 @@ const rowCount = 4;
     </a-form>
   </a-modal>
 
-  <!-- 成员表格 -->
-  <a-table v-bind="$attrs" :columns="columns" :dataSource="dataSource" :pagination="false">
+  <a-table v-bind="$attrs" :columns="columns" :dataSource="dataSource" :pagination="false" :scroll="{ x: 900 }">
     <template #title>
-      <!-- 关键修改：将 justify-between 改为 justify-end（使子元素靠右侧对齐） -->
       <div class="flex justify-end pr-4">
         <a-button type="primary" @click="GetRecords()" :loading="formLoading" class="mr-2">
           <template #icon>
@@ -359,23 +324,51 @@ const rowCount = 4;
           </template>
         </a-badge>
       </template>
-      <template v-else-if="column.dataIndex === 'cookies'">
-        <!-- 触发按钮 -->
-        <a-button @click="showCookies(record)">查看</a-button>
+      <template v-else-if="column.dataIndex === 'paths'">
+        <div class="path-info">
+          <div class="path-row" v-if="record.savePath">
+            <span class="path-label">收藏:</span>
+            <a-tooltip :title="record.savePath">
+              <span class="path-value">{{ record.savePath }}</span>
+            </a-tooltip>
+          </div>
+          <div class="path-row" v-if="record.favSavePath">
+            <span class="path-label">喜欢:</span>
+            <a-tooltip :title="record.favSavePath">
+              <span class="path-value">{{ record.favSavePath }}</span>
+            </a-tooltip>
+          </div>
+          <div class="path-row" v-if="record.upSavePath">
+            <span class="path-label">Up主:</span>
+            <a-tooltip :title="record.upSavePath">
+              <span class="path-value">{{ record.upSavePath }}</span>
+            </a-tooltip>
+          </div>
+        </div>
       </template>
-      <template v-else-if="column.dataIndex === 'upSecUserIds'">
-        <!-- 触发按钮 -->
-        <a-button @click="showUpers(record)">查看</a-button>
+      <template v-else-if="column.dataIndex === 'userIds'">
+        <div class="userid-info">
+          <div class="userid-row" v-if="record.secUserId">
+            <span class="userid-label">用户:</span>
+            <a-tooltip :title="record.secUserId">
+              <span class="userid-value">{{ record.secUserId }}</span>
+            </a-tooltip>
+          </div>
+          <div class="userid-row" v-if="record.upSecUserIds">
+            <span class="userid-label">Up主:</span>
+            <a-button size="small" type="link" @click="showUpers(record)" style="padding: 0; height: auto;">查看</a-button>
+          </div>
+        </div>
       </template>
       <template v-else-if="column.dataIndex === 'edit'">
-        <a-button :disabled="showModal" type="link" @click="edit(record)">
+        <a-button :disabled="showModal" type="link" @click="edit(record)" size="small">
           <template #icon>
             <EditFilled />
           </template>
           编辑
         </a-button>
 
-        <a-button type="link" @click="deleted(record.id)" danger>
+        <a-button type="link" @click="deleted(record.id)" danger size="small">
           <template #icon>
             <DeleteFilled />
           </template>
@@ -388,17 +381,13 @@ const rowCount = 4;
     </template>
   </a-table>
 
-  <!-- Modal弹窗 -->
   <a-modal title="Cookie 详情" :visible="showCookiesModal" style="width:1200px;" @cancel="showCookiesModal = false" @ok="showCookiesModal = false">
-    <!-- 弹窗内容 -->
     <div class="cookie-content">
       {{ showCookiesData || '无Cookie数据' }}
     </div>
   </a-modal>
 
-  <!-- Modal弹窗 -->
   <a-modal title="要同步的Up主信息" :visible="showUpersModal" style="width:1200px;" @cancel="showUpersModal = false" @ok="showUpersModal = false">
-    <!-- 弹窗内容 -->
     <div class="cookie-content">
       {{ showUpersData || '未设置' }}
     </div>
@@ -414,100 +403,114 @@ const rowCount = 4;
   box-sizing: border-box;
 }
 
-/* 透明滚动条样式 - WebKit内核浏览器 */
-.cookie-content::-webkit-scrollbar {
-  width: 6px; /* 更细的滚动条 */
-}
-
-/* 轨道完全透明 */
-.cookie-content::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-/* 滑块半透明（默认几乎看不见） */
-.cookie-content::-webkit-scrollbar-thumb {
-  background: rgba(150, 150, 150, 0.2); /* 浅灰透明 */
-  border-radius: 3px;
-}
-
-/* hover时稍微显示一点 */
-.cookie-content::-webkit-scrollbar-thumb:hover {
-  background: rgba(150, 150, 150, 0.4); /* 略深一点的透明 */
-}
-
-/* 角落也透明 */
-.cookie-content::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-/* Firefox 透明滚动条适配 */
-.cookie-content {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(150, 150, 150, 0.2) transparent;
-}
-
-.cookie-content {
-  white-space: pre-wrap;
-  word-break: break-all;
-  max-height: 400px;
-  overflow-y: auto;
-  padding: 10px;
-  box-sizing: border-box;
-}
 .cookie-content::-webkit-scrollbar {
   width: 6px;
 }
+
 .cookie-content::-webkit-scrollbar-track {
   background: transparent;
 }
+
 .cookie-content::-webkit-scrollbar-thumb {
   background: rgba(150, 150, 150, 0.2);
   border-radius: 3px;
 }
+
 .cookie-content::-webkit-scrollbar-thumb:hover {
   background: rgba(150, 150, 150, 0.4);
 }
+
 .cookie-content::-webkit-scrollbar-corner {
   background: transparent;
 }
+
 .cookie-content {
   scrollbar-width: thin;
   scrollbar-color: rgba(150, 150, 150, 0.2) transparent;
 }
 
-/* ---------------------- 新增：a-textarea 透明滚动条 ---------------------- */
-/* 1. 穿透 scoped，定位 a-textarea 内部的原生 textarea 元素 */
 :deep(.ant-input-textarea-input) {
-  /* 确保内容超出时显示滚动条（a-textarea 默认已配置，可省略） */
   overflow-y: auto;
-  /* Firefox 透明滚动条：thin 细滚动条 + 滑块颜色/轨道颜色 */
   scrollbar-width: thin;
   scrollbar-color: rgba(150, 150, 150, 0.2) transparent;
 }
 
-/* 2. WebKit 浏览器（Chrome/Safari/Edge）透明滚动条 */
-/* 滚动条宽度 */
 :deep(.ant-input-textarea-input)::-webkit-scrollbar {
-  width: 6px; /* 与 cookie-content 保持一致的细滚动条 */
-  height: 6px; /* 横向滚动条（如需） */
+  width: 6px;
+  height: 6px;
 }
 
-/* 滚动条轨道（完全透明） */
 :deep(.ant-input-textarea-input)::-webkit-scrollbar-track {
   background: transparent;
 }
 
-/* 滚动条滑块（半透明，hover 时加深） */
 :deep(.ant-input-textarea-input)::-webkit-scrollbar-thumb {
-  background: rgba(150, 150, 150, 0.2); /* 浅灰透明，默认几乎看不见 */
-  border-radius: 3px; /* 圆角优化 */
+  background: rgba(150, 150, 150, 0.2);
+  border-radius: 3px;
 }
 :deep(.ant-input-textarea-input)::-webkit-scrollbar-thumb:hover {
-  background: rgba(150, 150, 150, 0.4); /* hover 时略深，提升交互感知 */
+  background: rgba(150, 150, 150, 0.4);
 }
 
-/* 滚动条角落（完全透明，避免留白） */
 :deep(.ant-input-textarea-input)::-webkit-scrollbar-corner {
   background: transparent;
 }
-</style>
+
+.path-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.path-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.path-label {
+  font-weight: 500;
+  color: #666;
+  white-space: nowrap;
+  min-width: 48px;
+}
+
+.path-value {
+  color: #333;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+
+.userid-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.userid-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.userid-label {
+  font-weight: 500;
+  color: #666;
+  white-space: nowrap;
+  min-width: 48px;
+}
+
+.userid-value {
+  color: #333;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+</style>