1

src/layout/content.vue

@@ -20,5 +20,11 @@ const route = useRoute();
   .dj();
   flex-direction: column;
   height: 100vh;
+  & > :nth-child(2) {
+    flex: 1;
+    background: #f9f9f9;
+    max-height: calc(100vh - 60px);
+    overflow-y: auto;
+  }
 }
 </style>

src/layout/header.vue

@@ -40,12 +40,16 @@ const btns = [
     path: '/upload',
   },
   {
-    label: '上传链接',
+    label: '个人修改',
     path: '/uploadlink',
   },
+  // {
+  //   label: '修改简介',
+  //   path: '/Introduction',
+  // },
   {
-    label: '修改简介',
-    path: '/Introduction',
+    label: '养号功能',
+    path: '/RaiseNumber',
   },
 ];
 const logout = async () => {

src/main.ts

@@ -8,8 +8,6 @@ import TDesign from './utils/Tdesign';
 // 引入组件库全局样式资源
 import 'tdesign-vue-next/es/style/index.css';
 import '@/style/ui.less';
-// 全局color
-import '@/style/theme/index.less';
 const app = createApp(App);
 app.use(router);
 app.use(store);

src/pages/Introduction/index.less

 .custom-change-Introduction-page {
-  flex: 1;
-  background: #f9f9f9;
-  max-height: calc(100vh - 60px);
-  overflow-y: auto;
   .custom-change-Introduction-page-child {
     width: 1270px;
     margin: 0 auto;
@@ -10,73 +6,6 @@
     min-height: 300px;
     margin-top: 72px;
     padding: 30px 60px;
-    .change-Introduction-box {
-      margin-top: 30px;
-      .label {
-        font-weight: 700;
-        font-size: 20px;
-        color: #000000;
-      }
-      .value {
-        margin-top: 20px;
-        .upload-textarea {
-          .t-textarea__inner {
-            height: 200px !important;
-          }
-          textarea::placeholder {
-            text-align: center;
-            line-height: 180px;
-            font-weight: 500;
-            font-size: 18px;
-            color: #8b8b8b;
-          }
-          textArea::-webkit-input-placeholder {
-            text-align: center;
-            line-height: 180px;
-            font-weight: 500;
-            font-size: 18px;
-            color: #8b8b8b;
-          }
-          textArea:-moz-placeholder {
-            text-align: center;
-            line-height: 180px;
-            font-weight: 500;
-            font-size: 18px;
-            color: #8b8b8b;
-          }
-          textArea::-moz-placeholder {
-            text-align: center;
-            line-height: 180px;
-            font-weight: 500;
-            font-size: 18px;
-            color: #8b8b8b;
-          }
-          textArea:-ms-input-placeholder {
-            text-align: center;
-            line-height: 180px;
-            font-weight: 500;
-            font-size: 18px;
-            color: #8b8b8b;
-          }
-        }
-      }
-      .submit-btn {
-        margin-top: 20px;
-        background: #ebebeb;
-        border-radius: 8px;
-        color: #9a9a9a;
-        width: 164px;
-        height: 46px;
-        border: none;
-        --ripple-color: none !important;
-        cursor: not-allowed;
-      }
-      .active {
-        background: #fd1753;
-        color: #ffffff;
-        cursor: pointer;
-      }
-    }
     .submit-btn {
       margin-top: 20px;
       background: #ebebeb;

src/pages/RaiseNumber/index.less

+.custom-raise-number {
+}

src/pages/RaiseNumber/index.tsx

+import { defineComponent } from 'vue';
+import './index.less';
+export default defineComponent({
+  setup(props, ctx) {
+    return () => (
+      <div class="custom-raise-number">
+        1<span></span>
+      </div>
+    );
+  },
+});

src/pages/upload/compontent/selectAccount/index.tsx

@@ -20,6 +20,7 @@ export default defineComponent({
       console.log('handleFocus: ', value, e);
     };
     const handleChange = (value: number) => {
+      store.commit('user/setUserChoseAccount', value);
       emit('update:accountId', value);
     };
 

src/pages/upload/index.less

 .custom-upload-page {
-  flex: 1;
-  background: #f9f9f9;
-  max-height: calc(100vh - 60px);
-  overflow-y: auto;
   .custom-upload-page-child {
     width: 1270px;
     margin: 0 auto;

src/pages/uploadLink/components/ChangeName/index.less

+.custom-change-name {
+  .change-name-input {
+    margin: 20px 0;
+    .t-input {
+      width: 300px;
+      height: 55px;
+    }
+  }
+}

src/pages/uploadLink/components/ChangeName/index.tsx

+import { defineComponent, ref } from 'vue';
+import './index.less';
+export default defineComponent({
+  props: {
+    modelValue: String,
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit }) {
+    const input_value = ref(props.modelValue);
+    const inputChange = (value: string) => {
+      emit('update:modelValue', value);
+    };
+    return () => (
+      <div class="custom-change-name">
+        <div class="custom-upload-label">修改名称</div>
+        <div class="change-name-input">
+          <t-input v-model={input_value.value} onChange={inputChange}></t-input>
+        </div>
+      </div>
+    );
+  },
+});

src/pages/uploadLink/components/ChangeProfile/index.less

+.change-Introduction-box {
+  margin-top: 30px;
+  .label {
+    font-weight: 700;
+    font-size: 20px;
+    color: #000000;
+  }
+  .value {
+    margin: 20px 0;
+    .upload-textarea {
+      .t-textarea__inner {
+        height: 200px !important;
+      }
+      textarea::placeholder {
+        text-align: center;
+        line-height: 180px;
+        font-weight: 500;
+        font-size: 18px;
+        color: #8b8b8b;
+      }
+      textArea::-webkit-input-placeholder {
+        text-align: center;
+        line-height: 180px;
+        font-weight: 500;
+        font-size: 18px;
+        color: #8b8b8b;
+      }
+      textArea:-moz-placeholder {
+        text-align: center;
+        line-height: 180px;
+        font-weight: 500;
+        font-size: 18px;
+        color: #8b8b8b;
+      }
+      textArea::-moz-placeholder {
+        text-align: center;
+        line-height: 180px;
+        font-weight: 500;
+        font-size: 18px;
+        color: #8b8b8b;
+      }
+      textArea:-ms-input-placeholder {
+        text-align: center;
+        line-height: 180px;
+        font-weight: 500;
+        font-size: 18px;
+        color: #8b8b8b;
+      }
+    }
+  }
+}

src/pages/uploadLink/components/ChangeProfile/index.tsx

+import { defineComponent, ref } from 'vue';
+import './index.less';
+export default defineComponent({
+  props: {
+    modelValue: String,
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit }) {
+    const input_area = ref('');
+    const textareaChange = (value: string) => {
+      emit('update:modelValue', value);
+    };
+    return () => (
+      <div class="change-Introduction-box">
+        <div class="label">简介</div>
+        <div class="value">
+          <t-textarea
+            placeholder="请输入内容"
+            class="upload-textarea"
+            autosize={{ minRows: 3, maxRows: 5 }}
+            v-model={input_area.value}
+            onChange={textareaChange}
+          />
+        </div>
+      </div>
+    );
+  },
+});

src/pages/uploadLink/components/HideVideo/index.less

+.custom-hide-video {
+  .change-check {
+    margin: 20px 0;
+    .t-radio-group {
+      .t-is-checked {
+        .t-radio__input {
+          &::after {
+            transform: none;
+            border-radius: 50%;
+            background: #fd1753;
+          }
+        }
+      }
+      .t-radio {
+        &:hover {
+          .t-radio__input {
+            border: 1px solid #fd1753;
+          }
+        }
+      }
+    }
+  }
+}

src/pages/uploadLink/components/HideVideo/index.tsx

+import { defineComponent, ref } from 'vue';
+import './index.less';
+export default defineComponent({
+  props: {
+    modelValue: Boolean,
+    options: Array,
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit }) {
+    const status = ref(props.modelValue);
+    const onChange = (value: boolean) => {
+      emit('update:modelValue', value);
+    };
+    return () => (
+      <div class="custom-hide-video">
+        <div class="custom-upload-label">隐藏视频</div>
+        <div class="change-check">
+          <t-radio-group
+            v-model={status.value}
+            options={props.options}
+            onChange={onChange}
+          ></t-radio-group>
+        </div>
+      </div>
+    );
+  },
+});

src/pages/uploadLink/components/UploadLink/index.less

+.custom-up-link {
+  .change-name-input {
+    margin: 20px 0;
+    .t-input {
+      height: 55px;
+    }
+  }
+}

src/pages/uploadLink/components/UploadLink/index.tsx

+import { defineComponent, ref } from 'vue';
+import './index.less';
+export default defineComponent({
+  props: {
+    modelValue: String,
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit }) {
+    const input_value = ref(props.modelValue);
+    const inputChange = (value: string) => {
+      emit('update:modelValue', value);
+    };
+    return () => (
+      <div class="custom-up-link">
+        <div class="custom-upload-label">上传链接</div>
+        <div class="change-name-input">
+          <t-input v-model={input_value.value} onChange={inputChange}></t-input>
+        </div>
+      </div>
+    );
+  },
+});

src/pages/uploadLink/components/uploadAvatar/index.less

+.custom-upload-avatar {
+  .upload-avatar-box {
+    margin: 20px 0;
+    .t-upload {
+      width: 250px;
+      height: 250px;
+      border: 1px solid #dbdbdb;
+      border-radius: 5px;
+      .t-upload__dragger-center {
+        width: 100%;
+        height: 100%;
+        border: none;
+        .t-upload__trigger {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .custom-upload-click-box {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+        width: 100%;
+        height: 100%;
+        .title {
+          font-weight: 500;
+          font-size: 18px;
+          color: #040404;
+        }
+        .title2 {
+          font-weight: 400;
+          font-size: 15px;
+          color: #8b8b8b;
+        }
+        .title3 {
+          font-weight: 400;
+          font-size: 15px;
+          color: #fd1753;
+        }
+        .custom-chose-file {
+          background: #fd1753;
+          border-radius: 8px;
+          width: 200px;
+          height: 46px;
+          border: none;
+          --ripple-color: #dd1753 !important;
+        }
+      }
+    }
+  }
+}

src/pages/uploadLink/components/uploadAvatar/index.tsx

+import { defineComponent, ref, computed } from 'vue';
+import './index.less';
+import UploadTip from '@/assets/svg/upload/uploadTip.svg?component';
+import { getUserCookie } from '@/utils/api/userApi';
+import { useStore } from 'vuex';
+import { MessagePlugin } from 'tdesign-vue-next';
+export default defineComponent({
+  setup(props) {
+    const store = useStore();
+    const files = ref([]);
+    const actionUrl = ref('');
+    const userAccount = computed(() => store.getters['user/getAccount']);
+    // 后台配置的地址
+    const adminConfigUrl = computed(() => store.getters['user/getadminConfig']);
+    const beforeUpload = (file: File) => {
+      if (!userAccount.value) {
+        MessagePlugin.warning('请先选择一个账户');
+        return false;
+      } else if (!adminConfigUrl.value) {
+        MessagePlugin.warning('后台配置链接为空');
+        return false;
+      }
+      return true;
+    };
+    // 第一个上传链接
+    const formatResponseOne = (response: any, context: any) => {
+      console.log(response);
+      //   return { name: 'FileName', url: response.url };
+    };
+    const handleFail = ({ file }: any) => {
+      MessagePlugin.error(`文件 ${file.name} 上传失败`);
+    };
+    // 未上传
+    const notUploadHtml = () => {
+      return (
+        <t-upload
+          v-model={files.value}
+          method="PUT"
+          requestMethod={requestSuccessMethod}
+          action={actionUrl.value}
+          headers={{
+            authorization: `Bearer ${getUserCookie()}`,
+          }}
+          accept={'image/*'}
+          theme="custom"
+          before-upload={beforeUpload}
+          multiple
+          max={1}
+          draggable={true}
+          formatResponse={formatResponseOne}
+          onfail={handleFail}
+        >
+          <div class="custom-upload-click-box">
+            <div class="title">选择照片</div>
+            <div class="title2">或拖照片到此处上传</div>
+            <div class="title3">！注意照片大小要超过100KB</div>
+            <div>
+              <UploadTip></UploadTip>
+            </div>
+            <t-button class="custom-chose-file">选择照片</t-button>
+          </div>
+        </t-upload>
+      );
+    };
+    const requestSuccessMethod = async (file: any) => {};
+    return () => (
+      <div class="custom-upload-avatar">
+        <div class="custom-upload-label">上传头像</div>
+        <div class="upload-avatar-box">{notUploadHtml()}</div>
+      </div>
+    );
+  },
+});

src/pages/uploadLink/index.less

+@import '@/style/page/uploadTitle.less';
 .custom-upload-link-page {
-  flex: 1;
-  background: #f9f9f9;
-  max-height: calc(100vh - 60px);
-  overflow-y: auto;
   .custom-upload-link-page-child {
     width: 1270px;
     margin: 0 auto;

src/pages/uploadLink/index.tsx

-import { defineComponent, ref } from 'vue';
+import { defineComponent, ref, watch } from 'vue';
 import SelectAccount from '@/pages/upload/compontent/selectAccount';
 import './index.less';
 import { SubmitLink } from '@/utils/api/userApi';
 import { MessagePlugin } from 'tdesign-vue-next';
 import Animation from '@/components/Animation.vue';
+import UploadAvatar from './components/uploadAvatar';
+import ChangeName from './components/ChangeName';
+import UploadLink from './components/UploadLink';
+import ChangeProfile from './components/ChangeProfile';
+import HideVideo from './components/HideVideo';
 export default defineComponent({
   setup(props) {
     const accountId = ref(null);
-    const inputValue = ref('');
     const BtnStatus = ref(false);
     const loading = ref(false);
-    const inputchange = (value: string) => {
-      if (value) {
-        BtnStatus.value = true;
-      } else {
-        BtnStatus.value = false;
+    // 上传的图片
+    const MyAvatar = ref('');
+    // 名称输入框
+    const InputName = ref('');
+    // 简介
+    const textValue = ref('');
+    // 上传链接
+    const inputValue = ref('');
+    // 是否隐藏视频
+    const video_is_hide = ref(false);
+    // 选项
+    const hideVideoOptions = [
+      {
+        label: '否',
+        value: false,
+      },
+      {
+        label: '是',
+        value: true,
+      },
+    ];
+    // 能否提交
+    const CanNotSubmit = () => {
+      //  任意一项修改了即可提交
+      if (
+        (MyAvatar.value ||
+          InputName.value ||
+          textValue.value ||
+          inputValue.value) &&
+        accountId.value
+      ) {
+        return true;
       }
+      return false;
     };
     const submit = async () => {
       if (!accountId.value || !inputValue.value || !BtnStatus.value) {
@@ -51,20 +83,19 @@ export default defineComponent({
             v-model:accountId={accountId.value}
           ></SelectAccount>
           <div class="upload-link-box">
-            <div class="label">上传链接</div>
-            <div class="value">
-              <t-input
-                v-model={inputValue.value}
-                onChange={inputchange}
-              ></t-input>
-            </div>
+            <UploadAvatar></UploadAvatar>
+            <ChangeName v-model={InputName.value}></ChangeName>
+            {/* 上传链接 */}
+            <UploadLink v-model={inputValue.value}></UploadLink>
+            {/* 上传简介 */}
+            <ChangeProfile v-model={textValue.value}></ChangeProfile>
+            {/* 隐藏视频 */}
+            <HideVideo
+              v-model={video_is_hide.value}
+              options={hideVideoOptions}
+            ></HideVideo>
             <t-button
-              class={[
-                'submit-btn',
-                accountId.value && inputValue.value && BtnStatus.value
-                  ? 'active'
-                  : '',
-              ]}
+              class={['submit-btn', CanNotSubmit() ? 'active' : '']}
               onClick={submit}
             >
               确认

src/router/modules/home.ts

@@ -28,11 +28,20 @@ export default [
           header: true,
         },
       },
-      // Introduction
+      // Introduction--旧的修改简介
+      // {
+      //   path: '/Introduction',
+      //   name: 'Introduction',
+      //   component: () => import('@/pages/Introduction/index'),
+      //   meta: {
+      //     header: true,
+      //   },
+      // },
+      // 养号--RaiseNumber
       {
-        path: '/Introduction',
-        name: 'Introduction',
-        component: () => import('@/pages/Introduction/index'),
+        path: '/RaiseNumber',
+        name: 'RaiseNumber',
+        component: () => import('@/pages/RaiseNumber/index'),
         meta: {
           header: true,
         },

src/style/page/uploadTitle.less

+// 页面重复的label
+.custom-upload-label {
+  font-weight: 700;
+  font-size: 20px;
+  color: #000000;
+}

src/style/theme/default.less

-:root,
-:root[theme-mode='light'] {
-  --th-color-1: #222222;
-  --th-color-2: #2962ff;
-  --th-color-3: #1e2329;
-  --th-color-4: #1e2329;
-  --th-color-5: white;
-  --th-color-6: #ececec;
-  --th-color-7: #707a8a;
-  --th-color-8: #25a69a;
-  --th-color-9: #f05451;
-  --th-color-10: #1b1e23;
-  --th-color-11: #595a5a;
-  --th-color-12: #fcfcfc;
-  --th-color-13: #b6b6b6;
-  --th-color-14: rgba(132, 142, 156, 0.3);
-  --th-color-15: #feffff;
-  --th-color-16: #848e9c;
-  --th-color-17: #f9f9f9;
-  --th-color-18: rgba(89, 90, 90, 0.8);
-
-  // new
-  --th-color-19: #fafafa;
-  --th-color-20: #000000;
-  --th-color-21: #d7d9e4;
-  --th-color-22: #2c2c2c;
-  --th-color-23: #f5f5f5;
-  --th-color-24: #f0f0f0;
-  --th-color-25: #333333;
-  --th-color-26: #faf6f6;
-  --th-color-27: rgba(0, 0, 0, 0.25);
-  --th-color-28: #11183c;
-  --th-color-29: #ddd;
-}
-
-:root[theme-mode='dark'] {
-  --th-color-1: #ecf1f0;
-  --th-color-2: #2962ff;
-  --th-color-3: #c6c6c6;
-  --th-color-4: #b6b6b6;
-  --th-color-5: #131722;
-  --th-color-6: #15181c;
-  --th-color-7: #848e9c;
-  --th-color-8: rgba(255, 255, 255, 0.02);
-  --th-color-9: #eaecef;
-  --th-color-10: #25a69a;
-  --th-color-11: #f05451;
-  --th-color-12: rgba(255, 255, 255, 0.05);
-  --th-color-13: rgba(132, 142, 156, 0.3);
-  --th-color-14: #2b3139;
-  --th-color-15: #1e2329;
-  --th-color-16: rgba(68, 176, 255, 0.2);
-  --th-color-17: rgba(89, 90, 90, 0.7);
-  --th-color-18: #ffffff;
-  // new
-  --th-color-19: #121620;
-  --th-color-20: #21252f;
-  --th-color-21: #feffff;
-  --th-color-22: #3d455c;
-  --th-color-23: rgba(255, 255, 255, 0.9);
-  --th-color-24: #343a46;
-  --th-color-25: #fafafa;
-  --th-color-26: #282d36;
-  --th-color-27: rgba(0, 0, 0, 0);
-  --th-color-28: #595a5a;
-  --th-color-29: #ddd;
-}

src/style/theme/global.less

-:root,
-:root[theme-mode='light'] {
-  --theme-color-1: var(--th-color-5);
-  --theme-color-2: var(--th-color-20);
-  --theme-color-3: var(--th-color-21);
-  --theme-color-4: var(--th-color-1);
-  --theme-color-5: var(--th-color-22);
-  --theme-color-6: var(--th-color-1);
-  --theme-color-7: var(--th-color-23);
-  --theme-color-8: var(--th-color-24);
-  --theme-color-9: var(--th-color-20);
-  --theme-color-10: var(--th-color-11);
-  --theme-color-11: var(--th-color-20);
-  --theme-color-12: var(--th-color-25);
-  --theme-color-13: var(--th-color-19);
-  --theme-color-14: var(--th-color-26);
-  --theme-color-15: var(--th-color-5);
-  --theme-color-16: var(--th-color-19);
-  --theme-color-17: var(--th-color-16);
-  --theme-color-18: var(--th-color-11);
-  --theme-color-19: var(--th-color-6);
-  --theme-color-20: var(--th-color-27);
-  --theme-color-21: var(--th-color-17);
-  --theme-color-22: var(--th-color-16);
-  --theme-color-23: var(--th-color-17);
-  --theme-color-24: var(--th-color-1);
-  --theme-color-25: var(--th-color-15);
-  --theme-color-26: var(--th-color-16);
-  --theme-color-27: transparent;
-  --theme-color-28: var(--th-color-11);
-  --theme-color-29: var(--th-color-10);
-  --theme-color-30: var(--th-color-17);
-  --theme-color-31: var(--th-color-1);
-  --theme-color-32: var(--th-color-11);
-  --theme-color-33: var(--th-color-11);
-  --theme-color-34: var(--th-color-5);
-  --theme-color-35: var(--th-color-2);
-  --theme-color-36: var(--th-color-8);
-  --theme-color-37: var(--th-color-28);
-  //
-  --theme-color-38: var(--th-color-19);
-  --theme-color-39: var(--th-color-15);
-  --theme-color-40: var(--th-color-29);
-  --theme-color-41: var(--th-color-6);
-}
-
-:root[theme-mode='dark'] {
-  --theme-color-1: var(--th-color-20);
-  --theme-color-2: var(--th-color-21);
-  --theme-color-3: var(--th-color-22);
-  --theme-color-4: var(--th-color-21);
-  --theme-color-5: var(--th-color-21);
-  --theme-color-6: var(--th-color-23);
-  --theme-color-7: var(--th-color-24);
-  --theme-color-8: var(--th-color-22);
-  --theme-color-9: var(--th-color-18);
-  --theme-color-10: var(--th-color-25);
-  --theme-color-11: var(--th-color-21);
-  --theme-color-12: var(--th-color-25);
-  --theme-color-13: var(--th-color-24);
-  --theme-color-14: var(--th-color-22);
-  --theme-color-15: var(--th-color-24);
-  --theme-color-16: var(--th-color-26);
-  --theme-color-17: var(--th-color-22);
-  --theme-color-18: var(--th-color-7);
-  --theme-color-19: transparent;
-  --theme-color-20: var(--th-color-27);
-  --theme-color-21: var(--th-color-24);
-  --theme-color-22: transparent;
-  --theme-color-23: var(--th-color-19);
-  --theme-color-24: var(--th-color-7);
-  --theme-color-25: transparent;
-  --theme-color-26: var(--th-color-24);
-  --theme-color-27: var(--th-color-28);
-  --theme-color-28: var(--th-color-29);
-  --theme-color-29: var(--th-color-21);
-  --theme-color-30: var(--th-color-20);
-  --theme-color-31: var(--th-color-7);
-  --theme-color-32: var(--th-color-24);
-  --theme-color-33: var(--th-color-21);
-  --theme-color-34: var(--th-color-24);
-  --theme-color-35: var(--th-color-2);
-  --theme-color-36: var(--th-color-10);
-  --theme-color-37: var(--th-color-21);
-  //
-  --theme-color-38: var(--th-color-19);
-  --theme-color-39: var(--th-color-5);
-  --theme-color-40: transparent;
-  --theme-color-41: var(--th-color-19);
-}

src/style/theme/index.less

-@import './default.less';
-@import './global.less';

src/style/tradingview.less

-.legend-1WIwNaDF .item-1WIwNaDF {
-  // display: flex;
-}
-.noWrapWrapper-1WIwNaDF {
-  // display: none !important;
-}
-.valuesWrapper-1WIwNaDF {
-  // display: none !important;
-}
-
-.titleWrapper-1WIwNaDF div:nth-child(3) {
-  // display: none;
-}
-.statusesWrapper-1WIwNaDF {
-  // display: none;
-}
-.sources-1WIwNaDF {
-  display: none;
-}
-
-.legend-1WIwNaDF {
-  // display: none;
-}
-
-:root:not(.theme-dark) {
-  // 白色主题
-  // --tv-color-platform-background: white;
-  // 工具栏背景色
-  // --tv-color-pane-background: white;
-}
-
-.theme-dark:root {
-  --theme: rgb(40, 126, 255);
-  // 黑色主题
-  --tv-color-platform-background: #21252f;
-  // 工具栏背景色
-  --tv-color-pane-background: #21252f;
-  // 按钮默认颜色
-  // --tv-color-toolbar-button-text: white;
-  // 鼠标移入按钮后的颜色
-  // --tv-color-toolbar-button-background-hover: rgb(200, 200, 200);
-  // --tv-color-toolbar-button-text-active-hover: var(--theme);
-  // --tv-color-toolbar-button-text-hover: var(--theme);
-  // 收起左侧工具栏按钮hover
-  // --tv-color-toolbar-button-background-secondary-hover: var(--theme);
-  // 按钮选中后的颜色
-  // --tv-color-toolbar-button-text-active: var(--theme);
-  // --tv-color-toolbar-toggle-button-background-active: var(--theme);
-  //
-  // --tv-color-pane-background-secondary: rgb(249, 185, 233);
-  // --tv-color-toolbar-button-background-expanded: rgb(244, 143, 177);
-  // --tv-color-item-active-text: rgb(6, 255, 6);
-  // --tv-color-toolbar-toggle-button-background-active-hover: magenta;
-}

src/utils/Tdesign.ts

@@ -12,6 +12,7 @@ import {
   Progress as TProgress,
   Table as TTable,
   Pagination as TPagination,
+  RadioGroup as TRadioGroup,
 } from 'tdesign-vue-next';
 const components: any[] = [
   TSelect,
@@ -23,6 +24,7 @@ const components: any[] = [
   TUpload,
   TProgress,
   TPagination,
+  TRadioGroup,
 ];
 export default {
   install(app: any) {

src/utils/api/userApi.ts

@@ -61,7 +61,7 @@ export const getConfigPolicy = () => {
   });
 };
 
-// 获取发布表格数据
+// 获取发布记录--上传视频的
 export const getSubmitTableList = (data: any) => {
   let token = getUserCookie();
   return request.get('/api/users/publish-tasks', {

tiktok-upload-2023-2-9--14.52/assets/Animation-823f804a.js

-import{d as t,J as a,K as l,U as e,X as s,D as o,Y as i,Z as d}from"./vue-9e6100c2.js";import{_ as u}from"./_plugin-vue_export-helper-1b428a4d.js";const n=t=>(i("data-v-60ab0cfe"),t=t(),d(),t),p=[n((()=>l("div",null,null,-1))),n((()=>l("div",null,null,-1))),n((()=>l("div",null,null,-1)))],b=u(t({__name:"Animation",props:{background:{default:""},position:{default:"absolute"},width:{default:"100%"},left:{default:"0px"},height:{default:"100%"},top:{default:"0px"},isTable:{type:Boolean,default:!1}},setup:t=>(i,d)=>(o(),a("div",{class:e(["custom-loading-box",{"custom-is-table-box":!t.isTable}]),style:s({width:t.width,height:t.height,background:t.background,position:t.position})},[l("div",{class:e(["ball-beat",{"custom-is-table-child":!t.isTable}]),style:s({top:t.top,left:t.left})},p,6)],6))}),[["__scopeId","data-v-60ab0cfe"]]);export{b as A};

tiktok-upload-2023-2-9--14.52/assets/Animation-legacy-609dc06f.js

-System.register(["./vue-legacy-33acbb9b.js","./_plugin-vue_export-helper-legacy-762b7923.js"],(function(t,e){"use strict";var l,a,i,s,u,o,d,n,c;return{setters:[t=>{l=t.d,a=t.J,i=t.K,s=t.U,u=t.X,o=t.D,d=t.Y,n=t.Z},t=>{c=t._}],execute:function(){const e=t=>(d("data-v-60ab0cfe"),t=t(),n(),t),p=[e((()=>i("div",null,null,-1))),e((()=>i("div",null,null,-1))),e((()=>i("div",null,null,-1)))],b=l({__name:"Animation",props:{background:{default:""},position:{default:"absolute"},width:{default:"100%"},left:{default:"0px"},height:{default:"100%"},top:{default:"0px"},isTable:{type:Boolean,default:!1}},setup:t=>(e,l)=>(o(),a("div",{class:s(["custom-loading-box",{"custom-is-table-box":!t.isTable}]),style:u({width:t.width,height:t.height,background:t.background,position:t.position})},[i("div",{class:s(["ball-beat",{"custom-is-table-child":!t.isTable}]),style:u({top:t.top,left:t.left})},p,6)],6))});t("A",c(b,[["__scopeId","data-v-60ab0cfe"]]))}}}));

tiktok-upload-2023-2-9--14.52/assets/_plugin-vue_export-helper-1b428a4d.js

-const o=(o,t)=>{const c=o.__vccOpts||o;for(const[s,n]of t)c[s]=n;return c};export{o as _};

tiktok-upload-2023-2-9--14.52/assets/_plugin-vue_export-helper-legacy-762b7923.js

-System.register([],(function(t,e){"use strict";return{execute:function(){t("_",((t,e)=>{const c=t.__vccOpts||t;for(const[n,r]of e)c[n]=r;return c}))}}}));

tiktok-upload-2023-2-9--14.52/assets/content-9a85b859.js

-import{D as a,J as t,K as l,d as s,L as e,c,M as n,N as o,r as u,E as r,b as h,O as i,F as d,P as p,C as v,Q as f,R as m,S as w,U as g,V as y,W as k}from"./vue-9e6100c2.js";import{aF as F,aG as b}from"./index-aa6361ed.js";const _={width:"35",height:"35",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x=[l("path",{d:"M29.64 14.146c-2.49 0-4.913-.817-6.905-2.33v10.545c0 5.384-4.11 9.744-9.18 9.744-5.07 0-9.18-4.36-9.18-9.744 0-5.384 4.11-9.746 9.18-9.746.508 0 1 .043 1.479.128v5.585a3.905 3.905 0 0 0-1.44-.277c-2.263 0-4.099 1.947-4.099 4.35 0 2.4 1.836 4.348 4.098 4.348 2.26 0 4.095-1.949 4.095-4.348V1.458h5.12c0 4.025 3.076 7.288 6.87 7.288v5.396l-.037.002",fill:"#03FBFF"},null,-1),l("path",{d:"M30.59 15.58c-2.495 0-4.92-.818-6.907-2.327v10.544c0 5.384-4.11 9.745-9.18 9.745-5.069 0-9.179-4.36-9.179-9.745 0-5.384 4.11-9.745 9.18-9.745.507 0 1 .044 1.48.129v5.585a3.903 3.903 0 0 0-1.441-.277c-2.262 0-4.098 1.947-4.098 4.35 0 2.4 1.836 4.35 4.098 4.35 2.26 0 4.095-1.95 4.095-4.35V2.895h5.12c0 4.025 3.075 7.287 6.869 7.287v5.396l-.037.003Z",fill:"#FD1753"},null,-1)];const C={render:function(l,s){return a(),t("svg",_,x)}},M={width:"45",height:"45",fill:"none",xmlns:"http://www.w3.org/2000/svg"},V=[l("circle",{cx:"22.5",cy:"22.5",r:"22.5",fill:"#393939"},null,-1),l("path",{d:"M34.64 19.146c-2.49 0-4.913-.817-6.905-2.33v10.545c0 5.384-4.11 9.744-9.18 9.744-5.07 0-9.18-4.36-9.18-9.744 0-5.384 4.11-9.746 9.18-9.746.508 0 1 .043 1.479.128v5.585a3.905 3.905 0 0 0-1.44-.277c-2.263 0-4.099 1.947-4.099 4.35 0 2.4 1.836 4.348 4.098 4.348 2.26 0 4.095-1.949 4.095-4.348V6.458h5.12c0 4.025 3.076 7.288 6.87 7.288v5.396l-.037.002",fill:"#03FBFF"},null,-1),l("path",{d:"M35.59 20.58c-2.495 0-4.92-.817-6.907-2.327v10.544c0 5.384-4.11 9.745-9.18 9.745-5.069 0-9.178-4.36-9.178-9.745 0-5.384 4.109-9.745 9.178-9.745.508 0 1 .044 1.48.129v5.585a3.902 3.902 0 0 0-1.44-.277c-2.262 0-4.098 1.947-4.098 4.35 0 2.4 1.836 4.35 4.098 4.35 2.26 0 4.095-1.95 4.095-4.35V7.895h5.12c0 4.025 3.075 7.287 6.869 7.287v5.396l-.037.003Z",fill:"#FD1753"},null,-1)];const D={render:function(l,s){return a(),t("svg",M,V)}},T={class:"custom-layout-head"},j={class:"layout-head-left"},B=l("span",null,"TikToK视频上传",-1),K=["onClick"],Z={class:"layout-head-right"},E=s({__name:"header",setup(s){const k=e(),_=c((()=>k.getters["user/token"])),x=n(),M=o(),V=u(x.path),E=[{label:"上传视频",path:"/upload"},{label:"上传链接",path:"/uploadlink"},{label:"修改简介",path:"/Introduction"}],G=async()=>{try{0==(await F()).code&&(k.commit("user/removeToken"),b.success("退出成功"),M.replace({path:"/"}))}catch(a){}};return(s,e)=>{const c=r("t-button");return a(),t("div",T,[l("div",j,[h(i(C)),B,(a(),t(d,null,p(E,(a=>l("div",{class:g(["layout-chose-button",{active:a.path===i(V)}]),key:a.path,onClick:t=>(a=>{V.value=a.path,M.replace({path:a.path})})(a)},y(a.label),11,K))),64))]),l("div",Z,[i(_)?(a(),v(c,{key:0,class:"logout",onClick:G},{default:f((()=>[m(" 退出 ")])),_:1})):w("",!0),h(i(D))])])}}}),G={class:"custom-layout"},I=s({__name:"content",setup(l){const s=n();return(l,e)=>{const c=r("router-view");return a(),t("div",G,[i(s).meta.header?(a(),v(E,{key:0})):w("",!0),h(c,null,{default:f((({Component:t})=>[(a(),v(k(t)))])),_:1})])}}});export{I as default};

tiktok-upload-2023-2-9--14.52/assets/content-legacy-88d0916b.js

-System.register(["./vue-legacy-33acbb9b.js","./index-legacy-930c27be.js"],(function(t,e){"use strict";var l,a,c,n,u,s,o,r,i,h,d,v,p,f,g,y,m,w,k,F,b,_,x;return{setters:[t=>{l=t.D,a=t.J,c=t.K,n=t.d,u=t.L,s=t.c,o=t.M,r=t.N,i=t.r,h=t.E,d=t.b,v=t.O,p=t.F,f=t.P,g=t.C,y=t.Q,m=t.R,w=t.S,k=t.U,F=t.V,b=t.W},t=>{_=t.aF,x=t.aG}],execute:function(){const e={width:"35",height:"35",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C=[c("path",{d:"M29.64 14.146c-2.49 0-4.913-.817-6.905-2.33v10.545c0 5.384-4.11 9.744-9.18 9.744-5.07 0-9.18-4.36-9.18-9.744 0-5.384 4.11-9.746 9.18-9.746.508 0 1 .043 1.479.128v5.585a3.905 3.905 0 0 0-1.44-.277c-2.263 0-4.099 1.947-4.099 4.35 0 2.4 1.836 4.348 4.098 4.348 2.26 0 4.095-1.949 4.095-4.348V1.458h5.12c0 4.025 3.076 7.288 6.87 7.288v5.396l-.037.002",fill:"#03FBFF"},null,-1),c("path",{d:"M30.59 15.58c-2.495 0-4.92-.818-6.907-2.327v10.544c0 5.384-4.11 9.745-9.18 9.745-5.069 0-9.179-4.36-9.179-9.745 0-5.384 4.11-9.745 9.18-9.745.507 0 1 .044 1.48.129v5.585a3.903 3.903 0 0 0-1.441-.277c-2.262 0-4.098 1.947-4.098 4.35 0 2.4 1.836 4.35 4.098 4.35 2.26 0 4.095-1.95 4.095-4.35V2.895h5.12c0 4.025 3.075 7.287 6.869 7.287v5.396l-.037.003Z",fill:"#FD1753"},null,-1)],M={render:function(t,c){return l(),a("svg",e,C)}},V={width:"45",height:"45",fill:"none",xmlns:"http://www.w3.org/2000/svg"},D=[c("circle",{cx:"22.5",cy:"22.5",r:"22.5",fill:"#393939"},null,-1),c("path",{d:"M34.64 19.146c-2.49 0-4.913-.817-6.905-2.33v10.545c0 5.384-4.11 9.744-9.18 9.744-5.07 0-9.18-4.36-9.18-9.744 0-5.384 4.11-9.746 9.18-9.746.508 0 1 .043 1.479.128v5.585a3.905 3.905 0 0 0-1.44-.277c-2.263 0-4.099 1.947-4.099 4.35 0 2.4 1.836 4.348 4.098 4.348 2.26 0 4.095-1.949 4.095-4.348V6.458h5.12c0 4.025 3.076 7.288 6.87 7.288v5.396l-.037.002",fill:"#03FBFF"},null,-1),c("path",{d:"M35.59 20.58c-2.495 0-4.92-.817-6.907-2.327v10.544c0 5.384-4.11 9.745-9.18 9.745-5.069 0-9.178-4.36-9.178-9.745 0-5.384 4.109-9.745 9.178-9.745.508 0 1 .044 1.48.129v5.585a3.902 3.902 0 0 0-1.44-.277c-2.262 0-4.098 1.947-4.098 4.35 0 2.4 1.836 4.35 4.098 4.35 2.26 0 4.095-1.95 4.095-4.35V7.895h5.12c0 4.025 3.075 7.287 6.869 7.287v5.396l-.037.003Z",fill:"#FD1753"},null,-1)],T={render:function(t,e){return l(),a("svg",V,D)}},j={class:"custom-layout-head"},B={class:"layout-head-left"},K=c("span",null,"TikToK视频上传",-1),S=["onClick"],Z={class:"layout-head-right"},E=n({__name:"header",setup(t){const e=u(),n=s((()=>e.getters["user/token"])),b=o(),C=r(),V=i(b.path),D=[{label:"上传视频",path:"/upload"},{label:"上传链接",path:"/uploadlink"},{label:"修改简介",path:"/Introduction"}],E=async()=>{try{0==(await _()).code&&(e.commit("user/removeToken"),x.success("退出成功"),C.replace({path:"/"}))}catch(t){}};return(t,e)=>{const u=h("t-button");return l(),a("div",j,[c("div",B,[d(v(M)),K,(l(),a(p,null,f(D,(t=>c("div",{class:k(["layout-chose-button",{active:t.path===v(V)}]),key:t.path,onClick:e=>(t=>{V.value=t.path,C.replace({path:t.path})})(t)},F(t.label),11,S))),64))]),c("div",Z,[v(n)?(l(),g(u,{key:0,class:"logout",onClick:E},{default:y((()=>[m(" 退出 ")])),_:1})):w("",!0),d(v(T))])])}}}),G={class:"custom-layout"};t("default",n({__name:"content",setup(t){const e=o();return(t,c)=>{const n=h("router-view");return l(),a("div",G,[v(e).meta.header?(l(),g(E,{key:0})):w("",!0),d(n,null,{default:y((({Component:t})=>[(l(),g(b(t)))])),_:1})])}}}))}}}));

tiktok-upload-2023-2-9--14.52/assets/index-35992b65.js

-import{d as a,r as e,w as l,b as u,R as s,E as t,s as o,v as n}from"./vue-9e6100c2.js";import{S as c}from"./index-f413a1b7.js";import{A as i}from"./Animation-823f804a.js";import{aN as v,aG as r}from"./index-aa6361ed.js";import"./_plugin-vue_export-helper-1b428a4d.js";const d=a({setup(){const a=e(null),d=e(""),m=e(!1),p=e(!1),b=a=>{m.value=!0},g=async()=>{if(a.value&&d.value&&m.value)try{p.value=!0;let e={introduction:d.value};0==(await v({account_id:a.value,parameters:[e]})).code&&(m.value=!1,r.success("提交成功")),p.value=!1}catch(e){p.value=!1}};return l((()=>a.value),(a=>{a&&d.value&&(m.value=!0)})),()=>u("div",{class:"custom-change-Introduction-page"},[u("div",{class:"custom-change-Introduction-page-child"},[u(c,{record:!1,accountId:a.value,"onUpdate:accountId":e=>a.value=e},null),u("div",{class:"change-Introduction-box"},[u("div",{class:"label"},[s("简介")]),u("div",{class:"value"},[u(t("t-textarea"),{placeholder:"请输入内容",class:"upload-textarea",autosize:{minRows:3,maxRows:5},modelValue:d.value,"onUpdate:modelValue":a=>d.value=a,onChange:b},null)])]),u(t("t-button"),{class:["submit-btn",a.value&&d.value&&m.value?"active":""],onClick:g},{default:()=>[s("确认")]}),o(u(i,{poistion:"fixed",background:"rgba(200,200,200,0.2)"},null),[[n,p.value]])])])}});export{d as default};

tiktok-upload-2023-2-9--14.52/assets/index-87cfe19c.js

-import{d as a,r as l,b as e,R as u,E as s,s as o,v as t}from"./vue-9e6100c2.js";import{S as n}from"./index-f413a1b7.js";import{aM as i,aG as c}from"./index-aa6361ed.js";import{A as v}from"./Animation-823f804a.js";import"./_plugin-vue_export-helper-1b428a4d.js";const r=a({setup(a){const r=l(null),d=l(""),p=l(!1),m=l(!1),b=a=>{p.value=!!a},f=async()=>{if(r.value&&d.value&&p.value)try{m.value=!0,0==(await i({account_id:r.value,parameters:[{url:d.value}]})).code&&(p.value=!1,c.success("上传成功")),m.value=!1}catch(a){m.value=!1}};return()=>e("div",{class:"custom-upload-link-page narrow-scrollbar"},[e("div",{class:"custom-upload-link-page-child"},[e(n,{record:!1,accountId:r.value,"onUpdate:accountId":a=>r.value=a},null),e("div",{class:"upload-link-box"},[e("div",{class:"label"},[u("上传链接")]),e("div",{class:"value"},[e(s("t-input"),{modelValue:d.value,"onUpdate:modelValue":a=>d.value=a,onChange:b},null)]),e(s("t-button"),{class:["submit-btn",r.value&&d.value&&p.value?"active":""],onClick:f},{default:()=>[u("确认")]})]),o(e(v,{poistion:"fixed",background:"rgba(200,200,200,0.2)"},null),[[t,m.value]])])])}});export{r as default};

tiktok-upload-2023-2-9--14.52/assets/index-cb043db2.js

-import{d as e,c as t,r,x as a,D as o,J as s,b as l,Q as n,O as c,R as i,s as u,v as p,K as d,N as v,L as m,E as f}from"./vue-9e6100c2.js";import{C as y,D as h,F as O,aG as b,aH as g}from"./index-aa6361ed.js";import{A as w}from"./Animation-823f804a.js";import"./_plugin-vue_export-helper-1b428a4d.js";function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.5 11h5v2H3v1h10v-1H8.5v-2h5a1 1 0 001-1V3a1 1 0 00-1-1h-11a1 1 0 00-1 1v7a1 1 0 001 1zm0-8h11v7h-11V3z",fillOpacity:.9}}]},_=e({name:"DesktopIcon",props:{size:{type:String},onClick:{type:Function}},setup(e,r){var{attrs:a}=r,o=t((()=>e.size)),{className:s,style:l}=y(o),n=t((()=>["t-icon","t-icon-desktop",s.value])),c=t((()=>k(k({},l.value),a.style))),i=t((()=>({class:n.value,style:c.value,onClick:t=>{var r;return null===(r=e.onClick)||void 0===r?void 0:r.call(e,{e:t})}})));return()=>h(P,i.value)}});function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var V={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6 10v1h4v-1H6z",fillOpacity:.9}},{tag:"path",attrs:{fill:"currentColor",d:"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z",fillOpacity:.9}}]},z=e({name:"LockOnIcon",props:{size:{type:String},onClick:{type:Function}},setup(e,r){var{attrs:a}=r,o=t((()=>e.size)),{className:s,style:l}=y(o),n=t((()=>["t-icon","t-icon-lock-on",s.value])),c=t((()=>D(D({},l.value),a.style))),i=t((()=>({class:n.value,style:c.value,onClick:t=>{var r;return null===(r=e.onClick)||void 0===r?void 0:r.call(e,{e:t})}})));return()=>h(V,i.value)}});const C={class:"custom-login"},S=d("div",{class:"custom-login-title"},"登录",-1),E=e({__name:"login",setup(e){const d=v(),y=m(),h=r(!1),O=a({account:"",password:""}),j=t((()=>({account:[{required:!0,messgae:"账号不能为空",type:"error"}],password:[{required:!0,message:"密码不能为空",type:"error"}]}))),k=()=>{b.success("重置成功")},P=async({validateResult:e,firstError:t})=>{if(!0===e)try{h.value=!0;let e=await g({email:O.account,password:O.password});0==e.code&&(b.success("登录成功"),y.commit("user/setToken",{token:e.data.access_token,time:e.data.expires_in}),d.replace({path:"/upload"})),h.value=!1}catch(r){h.value=!1}else b.closeAll(),b.warning(t)};return(e,t)=>{const r=f("t-input"),a=f("t-form-item"),d=f("t-button"),v=f("t-form");return o(),s("div",C,[S,l(v,{ref:"form",class:"custom-login-form",data:O,rules:c(j),colon:!0,"label-width":0,onReset:k,onSubmit:P},{default:n((()=>[l(a,{name:"account"},{default:n((()=>[l(r,{modelValue:O.account,"onUpdate:modelValue":t[0]||(t[0]=e=>O.account=e),clearable:"",placeholder:"请输入账户名"},{"prefix-icon":n((()=>[l(c(_))])),_:1},8,["modelValue"])])),_:1}),l(a,{name:"password"},{default:n((()=>[l(r,{modelValue:O.password,"onUpdate:modelValue":t[1]||(t[1]=e=>O.password=e),type:"password",clearable:"",placeholder:"请输入密码"},{"prefix-icon":n((()=>[l(c(z))])),_:1},8,["modelValue"])])),_:1}),l(a,null,{default:n((()=>[l(d,{theme:"primary",type:"submit",block:""},{default:n((()=>[i("登录")])),_:1})])),_:1})])),_:1},8,["data","rules"]),u(l(w,{poistion:"fixed",background:"rgba(200,200,200,0.2)"},null,512),[[p,h.value]])])}}}),H={class:"custom-home-page-login"},A=e({__name:"index",setup:e=>(e,t)=>(o(),s("div",H,[l(E)]))});export{A as default};

tiktok-upload-2023-2-9--14.52/assets/index-f413a1b7.js

-import{d as e,c as a,r as o,o as l,b as t,R as s,E as u,L as c}from"./vue-9e6100c2.js";const n=e({props:{modelValue:String,record:Boolean},emits:["update:modelValue","update:accountId"],setup(e,{emit:n}){const d=c(),i=a((()=>d.getters["user/getOptions"])),p=o(""),r=({value:e,e:a})=>{},m=({value:e,e:a})=>{},v=e=>{n("update:accountId",e)},h=({value:e,e:a,inputValue:o})=>{},V=()=>{const{modelValue:a}=e;n("update:modelValue","upload"==a?"table":"upload")};return l((()=>{i.value.length||d.dispatch("user/AcountOptions")})),()=>t("div",{class:"custom-chose-account"},[t("div",{class:"chose-account-left"},[t("div",{class:"chose-account-title"},[s("选择账户")]),t(u("t-select"),{class:"chose-account-select",modelValue:p.value,"onUpdate:modelValue":e=>p.value=e,placeholder:"选择一个账户",options:i.value,style:"width: 200px; display: inline-block;",filterable:!0,onblur:r,onfocus:m,onenter:h,onChange:v},null)]),t("div",{class:"choose-account-right"},[e.record?t(u("t-button"),{onClick:V},{default:()=>["upload"==e.modelValue?"发布记录":"发布视频"]}):""])])}});export{n as S};

tiktok-upload-2023-2-9--14.52/assets/index-legacy-05b665bc.js

-System.register(["./vue-legacy-33acbb9b.js","./index-legacy-930c27be.js","./Animation-legacy-609dc06f.js","./_plugin-vue_export-helper-legacy-762b7923.js"],(function(e,t){"use strict";var r,a,o,l,n,c,s,i,u,p,d,v,f,m,y,g,h,O,b,w,j,k;return{setters:[e=>{r=e.d,a=e.c,o=e.r,l=e.x,n=e.D,c=e.J,s=e.b,i=e.Q,u=e.O,p=e.R,d=e.s,v=e.v,f=e.K,m=e.N,y=e.L,g=e.E},e=>{h=e.C,O=e.D,b=e.F,w=e.aG,j=e.aH},e=>{k=e.A},null],execute:function(){function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function P(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?t(Object(a),!0).forEach((function(t){b(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):t(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var _={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.5 11h5v2H3v1h10v-1H8.5v-2h5a1 1 0 001-1V3a1 1 0 00-1-1h-11a1 1 0 00-1 1v7a1 1 0 001 1zm0-8h11v7h-11V3z",fillOpacity:.9}}]},x=r({name:"DesktopIcon",props:{size:{type:String},onClick:{type:Function}},setup(e,t){var{attrs:r}=t,o=a((()=>e.size)),{className:l,style:n}=h(o),c=a((()=>["t-icon","t-icon-desktop",l.value])),s=a((()=>P(P({},n.value),r.style))),i=a((()=>({class:c.value,style:s.value,onClick:t=>{var r;return null===(r=e.onClick)||void 0===r?void 0:r.call(e,{e:t})}})));return()=>O(_,i.value)}});function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function V(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var z={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6 10v1h4v-1H6z",fillOpacity:.9}},{tag:"path",attrs:{fill:"currentColor",d:"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z",fillOpacity:.9}}]},C=r({name:"LockOnIcon",props:{size:{type:String},onClick:{type:Function}},setup(e,t){var{attrs:r}=t,o=a((()=>e.size)),{className:l,style:n}=h(o),c=a((()=>["t-icon","t-icon-lock-on",l.value])),s=a((()=>V(V({},n.value),r.style))),i=a((()=>({class:c.value,style:s.value,onClick:t=>{var r;return null===(r=e.onClick)||void 0===r?void 0:r.call(e,{e:t})}})));return()=>O(z,i.value)}});const S={class:"custom-login"},E=f("div",{class:"custom-login-title"},"登录",-1),H=r({__name:"login",setup(e){const t=m(),r=y(),f=o(!1),h=l({account:"",password:""}),O=a((()=>({account:[{required:!0,messgae:"账号不能为空",type:"error"}],password:[{required:!0,message:"密码不能为空",type:"error"}]}))),b=()=>{w.success("重置成功")},P=async({validateResult:e,firstError:a})=>{if(!0===e)try{f.value=!0;let e=await j({email:h.account,password:h.password});0==e.code&&(w.success("登录成功"),r.commit("user/setToken",{token:e.data.access_token,time:e.data.expires_in}),t.replace({path:"/upload"})),f.value=!1}catch(o){f.value=!1}else w.closeAll(),w.warning(a)};return(e,t)=>{const r=g("t-input"),a=g("t-form-item"),o=g("t-button"),l=g("t-form");return n(),c("div",S,[E,s(l,{ref:"form",class:"custom-login-form",data:h,rules:u(O),colon:!0,"label-width":0,onReset:b,onSubmit:P},{default:i((()=>[s(a,{name:"account"},{default:i((()=>[s(r,{modelValue:h.account,"onUpdate:modelValue":t[0]||(t[0]=e=>h.account=e),clearable:"",placeholder:"请输入账户名"},{"prefix-icon":i((()=>[s(u(x))])),_:1},8,["modelValue"])])),_:1}),s(a,{name:"password"},{default:i((()=>[s(r,{modelValue:h.password,"onUpdate:modelValue":t[1]||(t[1]=e=>h.password=e),type:"password",clearable:"",placeholder:"请输入密码"},{"prefix-icon":i((()=>[s(u(C))])),_:1},8,["modelValue"])])),_:1}),s(a,null,{default:i((()=>[s(o,{theme:"primary",type:"submit",block:""},{default:i((()=>[p("登录")])),_:1})])),_:1})])),_:1},8,["data","rules"]),d(s(k,{poistion:"fixed",background:"rgba(200,200,200,0.2)"},null,512),[[v,f.value]])])}}}),A={class:"custom-home-page-login"};e("default",r({__name:"index",setup:e=>(e,t)=>(n(),c("div",A,[s(H)]))}))}}}));

tiktok-upload-2023-2-9--14.52/assets/index-legacy-3f8ead16.js

-System.register(["./vue-legacy-33acbb9b.js"],(function(e,t){"use strict";var l,o,u,a,c,s,n,d;return{setters:[e=>{l=e.d,o=e.c,u=e.r,a=e.o,c=e.b,s=e.R,n=e.E,d=e.L}],execute:function(){e("S",l({props:{modelValue:String,record:Boolean},emits:["update:modelValue","update:accountId"],setup(e,{emit:t}){const l=d(),i=o((()=>l.getters["user/getOptions"])),r=u(""),p=({value:e,e:t})=>{},v=({value:e,e:t})=>{},h=e=>{t("update:accountId",e)},m=({value:e,e:t,inputValue:l})=>{},g=()=>{const{modelValue:l}=e;t("update:modelValue","upload"==l?"table":"upload")};// 选择列表
-return a((()=>{i.value.length||l.dispatch("user/AcountOptions")})),()=>c("div",{class:"custom-chose-account"},[c("div",{class:"chose-account-left"},[c("div",{class:"chose-account-title"},[s("选择账户")]),c(n("t-select"),{class:"chose-account-select",modelValue:r.value,"onUpdate:modelValue":e=>r.value=e,placeholder:"选择一个账户",options:i.value,style:"width: 200px; display: inline-block;",filterable:!0,onblur:p,onfocus:v,onenter:m,onChange:h},null)]),c("div",{class:"choose-account-right"},[e.record?c(n("t-button"),{onClick:g},{default:()=>["upload"==e.modelValue?"发布记录":"发布视频"]}):""])])}}))}}}));

tiktok-upload-2023-2-9--14.52/assets/index-legacy-54241382.js

-System.register(["./vue-legacy-33acbb9b.js","./index-legacy-3f8ead16.js","./Animation-legacy-609dc06f.js","./index-legacy-930c27be.js","./_plugin-vue_export-helper-legacy-762b7923.js"],(function(e,a){"use strict";var l,u,t,c,n,s,o,v,i,d,r,g;return{setters:[e=>{l=e.d,u=e.r,t=e.w,c=e.b,n=e.R,s=e.E,o=e.s,v=e.v},e=>{i=e.S},e=>{d=e.A},e=>{r=e.aN,g=e.aG},null],execute:function(){e("default",l({setup(){const e=u(null),a=u(""),l=u(!1),p=u(!1),m=e=>{l.value=!0},b=async()=>{if(e.value&&a.value&&l.value)// 通过
-try{p.value=!0;let u={introduction:a.value};0==(await r({account_id:e.value,parameters:[u]})).code&&(l.value=!1,g.success("提交成功")),p.value=!1}catch(u){p.value=!1}};return t((()=>e.value),(e=>{e&&a.value&&(l.value=!0)})),()=>c("div",{class:"custom-change-Introduction-page"},[c("div",{class:"custom-change-Introduction-page-child"},[c(i,{record:!1,accountId:e.value,"onUpdate:accountId":a=>e.value=a},null),c("div",{class:"change-Introduction-box"},[c("div",{class:"label"},[n("简介")]),c("div",{class:"value"},[c(s("t-textarea"),{placeholder:"请输入内容",class:"upload-textarea",autosize:{minRows:3,maxRows:5},modelValue:a.value,"onUpdate:modelValue":e=>a.value=e,onChange:m},null)])]),c(s("t-button"),{class:["submit-btn",e.value&&a.value&&l.value?"active":""],onClick:b},{default:()=>[n("确认")]}),o(c(d,{poistion:"fixed",background:"rgba(200,200,200,0.2)"},null),[[v,p.value]])])])}}))}}}));

tiktok-upload-2023-2-9--14.52/assets/index-legacy-ae43fd3e.js

-System.register(["./vue-legacy-33acbb9b.js","./index-legacy-3f8ead16.js","./index-legacy-930c27be.js","./Animation-legacy-609dc06f.js","./_plugin-vue_export-helper-legacy-762b7923.js"],(function(a,e){"use strict";var l,u,t,c,s,n,v,i,o,d,r;return{setters:[a=>{l=a.d,u=a.r,t=a.b,c=a.R,s=a.E,n=a.s,v=a.v},a=>{i=a.S},a=>{o=a.aM,d=a.aG},a=>{r=a.A},null],execute:function(){a("default",l({setup(a){const e=u(null),l=u(""),p=u(!1),g=u(!1),b=a=>{p.value=!!a},m=async()=>{if(e.value&&l.value&&p.value)// 通过
-try{g.value=!0,0==(await o({account_id:e.value,parameters:[{url:l.value}]})).code&&(// 成功-将提交按钮置灰
-p.value=!1,d.success("上传成功")),g.value=!1}catch(a){g.value=!1}};return()=>t("div",{class:"custom-upload-link-page narrow-scrollbar"},[t("div",{class:"custom-upload-link-page-child"},[t(i,{record:!1,accountId:e.value,"onUpdate:accountId":a=>e.value=a},null),t("div",{class:"upload-link-box"},[t("div",{class:"label"},[c("上传链接")]),t("div",{class:"value"},[t(s("t-input"),{modelValue:l.value,"onUpdate:modelValue":a=>l.value=a,onChange:b},null)]),t(s("t-button"),{class:["submit-btn",e.value&&l.value&&p.value?"active":""],onClick:m},{default:()=>[c("确认")]})]),n(t(r,{poistion:"fixed",background:"rgba(200,200,200,0.2)"},null),[[v,g.value]])])])}}))}}}));

tiktok-upload-2023-2-9--14.52/index.html

-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
-    />
-    <title>TikTok-upload</title>
-    <script type="module" crossorigin src="/assets/index-5e1fb5e0.js"></script>
-    <link rel="modulepreload" crossorigin href="/assets/vue-9e6100c2.js">
-    <link rel="modulepreload" crossorigin href="/assets/index-aa6361ed.js">
-    <link rel="modulepreload" crossorigin href="/assets/_plugin-vue_export-helper-1b428a4d.js">
-    <link rel="stylesheet" href="/assets/style-cceb2b6d.css">
-    <script type="module">try{import.meta.url;import("_").catch(()=>1);}catch(e){}window.__vite_is_modern_browser=true;</script>
-    <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
-  </head>
-  <body>
-    <div id="app"></div>
-    
-    <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-    <script nomodule crossorigin id="vite-legacy-polyfill" src="/assets/polyfills-legacy-b7b22370.js"></script>
-    <script nomodule crossorigin id="vite-legacy-entry" data-src="/assets/index-legacy-2e8d666c.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
-  </body>
-</html>

tiktok-upload-2023-2-9--14.52/ip.txt

-192.168.1.1:3000
\ No newline at end of file

tiktok-upload-2023-2-9--14.52/logo.svg

-<svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.5919 0.5C11.9687 0.5 12.2741 0.800513 12.2741 1.17121V5.57183L14.6679 3.2164C14.9342 2.95427 15.3662 2.95427 15.6325 3.2164C15.8989 3.47853 15.8989 3.90352 15.6325 4.16564L12.2741 7.47031V11.8362L16.1225 9.64986L17.3502 5.14146C17.4477 4.78339 17.8218 4.5709 18.1857 4.66684C18.5496 4.76279 18.7655 5.13084 18.668 5.48891L17.7934 8.70062L21.6627 6.50246C21.989 6.31711 22.4062 6.4271 22.5946 6.74814C22.7829 7.06918 22.6711 7.47969 22.3449 7.66504L18.4718 9.86535L21.7417 10.7275C22.1056 10.8234 22.3216 11.1915 22.2241 11.5496C22.1266 11.9076 21.7525 12.1201 21.3886 12.0242L16.8009 10.8146L12.9584 12.9975L16.8069 15.1838L21.3886 13.9758C21.7525 13.8799 22.1266 14.0924 22.2241 14.4504C22.3216 14.8085 22.1056 15.1766 21.7417 15.2725L18.4778 16.1331L22.3471 18.3312C22.6733 18.5166 22.7851 18.9271 22.5967 19.2481C22.4084 19.5692 21.9912 19.6792 21.6649 19.4938L17.7918 17.2935L18.668 20.5111C18.7655 20.8692 18.5496 21.2372 18.1857 21.3332C17.8218 21.4291 17.4477 21.2166 17.3502 20.8585L16.1209 16.3443L12.2741 14.1589V18.5407L15.6325 21.8454C15.8989 22.1075 15.8989 22.5325 15.6325 22.7946C15.3662 23.0567 14.9342 23.0567 14.6679 22.7946L12.2741 20.4392V24.8288C12.2741 25.1995 11.9687 25.5 11.5919 25.5C11.2152 25.5 10.9098 25.1995 10.9098 24.8288V20.4435L8.52039 22.7946C8.254 23.0567 7.82209 23.0567 7.5557 22.7946C7.28931 22.5325 7.28931 22.1075 7.5557 21.8454L10.9098 18.545V14.1613L7.05762 16.3498L5.82833 20.864C5.73083 21.2221 5.35678 21.4346 4.99288 21.3387C4.62899 21.2427 4.41303 20.8747 4.51054 20.5166L5.38672 17.299L1.52332 19.4938C1.19706 19.6792 0.779871 19.5692 0.591504 19.2481C0.403136 18.9271 0.514921 18.5166 0.841184 18.3312L4.7008 16.1386L1.43681 15.278C1.07291 15.1821 0.856957 14.814 0.954464 14.4559C1.05197 14.0979 1.42601 13.8854 1.78991 13.9813L6.3717 15.1893L10.2298 12.9975L6.37765 10.8091L1.78991 12.0187C1.42601 12.1146 1.05197 11.9021 0.95446 11.5441C0.856953 11.186 1.07291 10.8179 1.43681 10.722L4.70676 9.85984L0.843363 7.66504C0.517099 7.47969 0.405314 7.06918 0.593682 6.74814C0.78205 6.4271 1.19924 6.31711 1.5255 6.50246L5.38512 8.69512L4.51054 5.4834C4.41303 5.12533 4.62898 4.75728 4.99288 4.66134C5.35678 4.56539 5.73083 4.77789 5.82833 5.13596L7.05602 9.64436L10.9098 11.8337V7.46602L7.5557 4.16564C7.28931 3.90352 7.28931 3.47853 7.5557 3.2164C7.82209 2.95427 8.254 2.95427 8.52039 3.2164L10.9098 5.56754V1.17121C10.9098 0.800513 11.2152 0.5 11.5919 0.5Z" fill="#2962FF"/>
-    </svg>
-    
\ No newline at end of file

tiktok-upload-2023-2-9--14.52/serve.js

-const path = require('path');
-const express = require('express');
-const { createProxyMiddleware } = require('http-proxy-middleware');
-// const history = require('connect-history-api-fallback');
-const app = express();
-
-// 处理单页应用路由
-// app.use(history());
-
-// 代理对象地址
-// 读取本地配置的ip
-
-app.use(
-  '/video',
-  createProxyMiddleware({
-    target: 'http://192.168.1.19:5000',
-    changeOrigin: true,
-    // pathRewrite: {
-    //   '^api': '',
-    // },
-  })
-);
-// 加载静态资源
-app.use(express.static('./dist'));
-
-// 启动服务
-app.listen(3001, () => {
-  console.log('success => http://localhost:3001');
-});