Merge pull request 'lyc-dev' (#39 ) from lyc-dev into main

Merge pull request 'fix：部分修改优化；' (#38 ) from yangws_ws into main
Reviewed-on: #38
2024-11-14 11:20:41 +08:00 · 2024-11-14 09:51:48 +08:00 · 2024-11-14 09:51:13 +08:00 · 2024-11-13 17:07:30 +08:00 · 2024-11-13 17:07:06 +08:00 · 2024-11-13 11:27:35 +08:00
12 changed files with 399 additions and 74 deletions
--- a/src/renderer/src/api/file/index.js
+++ b/src/renderer/src/api/file/index.js
@ -64,3 +64,10 @@ export const addFileToPrepareThird = (data) => {
    data
  })
 }
+
+export const addFileToKj = (id) => {
+  return request({
+    url: '/smarttalk/file/addFileToKj/' + id,
+    method: 'get'
+  })
+}
--- a/src/renderer/src/router/index.js
+++ b/src/renderer/src/router/index.js
@ -60,7 +60,21 @@ export const constantRoutes = [
        path: 'management',
        component: () => import('@/views/job-management/index.vue'),
        name: 'job-management',
-        meta: { title: '作业管理' }
+        meta: { title: '作业管理' },
+        // children: [
+        //   {
+        //     path: 'details',
+        //     component: () => import('@/views/job-management/Details/index.vue'),
+        //     name: 'details',
+        //     meta: { title: '详情' }
+        //   },
+        //   {
+        //     path: 'right',
+        //     component: () => import('@/views/job-management/Right/index.vue'),
+        //     name: 'right',
+        //     meta: { title: '主页' }
+        //   },
+        // ]
      },
    ]
  },
--- a/src/renderer/src/views/job-management/Details/classroomPresentation/index.vue
+++ b/src/renderer/src/views/job-management/Details/classroomPresentation/index.vue
@ -0,0 +1,5 @@
+<template>
+    <div>
+        2222
+    </div>
+</template>
--- a/src/renderer/src/views/job-management/Details/index.vue
+++ b/src/renderer/src/views/job-management/Details/index.vue
@ -0,0 +1,96 @@
+<template>
+    <div class="tabs-container">
+      <div class="button-div">
+        <el-button @click="goBack" type="primary" size="small">返回主页</el-button>
+        <el-button type="default" size="small">推送</el-button>
+        <el-button type="primary" size="small">保存</el-button>
+      </div>
+      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+        <template v-for="(item,index) in props.parameter.titleList">
+          <el-tab-pane :label="item.label" :name="item.id">
+            <el-row :gutter="10" class="tempalte-main">
+              <el-col :span="16">
+              <!-- 左侧组件 -->
+                <transition name="fade">
+                  <component :is="currentComponent"/>
+                </transition>
+              </el-col>
+              <el-col :span="8">
+              <!-- 右侧 -->
+                <el-scrollbar class="right-box" :height="pageHeight">
+                  <el-form label-position="top">
+                    <el-form-item label="作业名称">
+                      <el-input></el-input>
+                    </el-form-item>
+                    <el-form-item label="作业说明">
+                      <el-input type="textarea" :row="5"></el-input>
+                    </el-form-item>
+                  </el-form>
+                </el-scrollbar>
+              </el-col>
+            </el-row>
+          </el-tab-pane>
+        </template>
+      </el-tabs>
+      
+      
+    </div>
+    
+</template>
+<script setup>
+import { ref,defineProps ,defineEmits,nextTick , onMounted,shallowRef } from 'vue'
+import ClassroomPresentation from './classroomPresentation/index.vue'
+import selfSearchQuestions from './selfSearchQuestions/index.vue'
+const props = defineProps({
+  parameter: Object
+});
+const emits = defineEmits(['goBack'])
+const currentComponent = shallowRef(null)
+
+const activeName = ref(1)
+const pageHeight = ref(0)
+
+const handleClick = (tab, event) => {
+  console.log(tab, event)
+}
+// 返回主页
+const goBack = () => {
+  emits('goBack')
+}
+
+// 对应的组件
+const rightComponets = (str) => {
+  switch (str) {
+    case 'classroomPresentation':
+      return ClassroomPresentation
+    case 'selfSearchQuestions':
+      return selfSearchQuestions
+    default:
+      return null
+  }
+}
+// 监听主页传过来的值
+onMounted(() => {
+  currentComponent.value = rightComponets(props.parameter.components)
+  // 获取当前高度加上滚动条的高度
+  nextTick(() => {
+    pageHeight.value = window.innerHeight + window.scrollY - 156;
+  });
+})
+</script>
+<style lang="scss" scoped>
+.tabs-container{
+  position: relative;
+}
+.button-div{
+  position: absolute;
+  top: 5px;
+  right: 0;
+  z-index: 999;
+}
+.right-box{
+  background-color: #fff;
+  padding:5px;
+  border-radius: 4px;
+}
+</style>
--- a/src/renderer/src/views/job-management/Details/selfSearchQuestions/index.vue
+++ b/src/renderer/src/views/job-management/Details/selfSearchQuestions/index.vue
@ -0,0 +1,5 @@
+<template>
+    <div>
+        11111
+    </div>
+</template>
--- a/src/renderer/src/views/job-management/Header/index.vue
+++ b/src/renderer/src/views/job-management/Header/index.vue
@ -1,27 +0,0 @@
-<template>
-    <div class="mb-4">
-        <div>
-            <el-button type="danger" disabled>批量删除</el-button>
-            <el-button type="primary" disabled>批量推送</el-button>
-        </div>
-        <CustomSelect 
-            :options="options" 
-            placeholder="设计新作业" 
-        />
-    </div>
-</template>
-<script setup>
-import { ref } from 'vue';
-import CustomSelect from '../components/customSelect.vue';
-const options = ref(['自主搜题', '校本题库', '个人题库', '智能推荐', '课堂展示', '常规作业', 'AI作业设计']);
-</script>
-<style lang="scss" scoped>
-.mb-4{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-    background-color: #fff;
-    padding: 10px;
-}
-</style>
--- a/src/renderer/src/views/job-management/Left/index.vue
+++ b/src/renderer/src/views/job-management/Left/index.vue
@ -2,10 +2,10 @@
 <div class="list-container">
    <div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
    <div class="item-content">
-        <el-checkbox v-model="item.checked"/>
+        <el-checkbox v-model="item.checked" @click.stop="clickCheckbox(item)"/>
        <div class="item-text">
            <div class="title-header">
-                <div class="item-title">{{ item.title }}</div>
+                <div class="item-title" :title="item.title">{{ item.title }}</div>
                <CustomButton :item="{ type: item.type, text: item.text, plain: true }" />
            </div>
            <div class="item-description" :title="item.description">{{ item.description }}</div>
@ -17,21 +17,39 @@
 </template>
  
  <script setup>
-  import { ref,markRaw  } from 'vue';
+  import { ref  } from 'vue';
  import { ArrowRight } from '@element-plus/icons-vue';
  import CustomButton from '../components/button.vue'
+  const emits = defineEmits(['checked']);
  
  const items = ref([
-    { title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'primary',text:'课堂练习' },
-    { title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
-    { title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'danger',text:'常规作业' },
-    { title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
+    { id:1,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
+    { id:2,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'primary',text:'课堂练习' },
+    { id:3,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
+    { id:4,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'danger',text:'常规作业' },
+    { id:5,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
+    { id:6,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
+    { id:7,title: '沁园春-长沙 习题训练作业', description: '沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业沁园春-长沙 习题训练作业',checked:false,type:'default',text:'习题训练' },
+
  ]);
-  
+  // 获取选中的checkbox的id
+  const selectIds = ref([])
+
  const handleClick = (item) => {
-    console.log('Clicked on:', item.title);
+    console.log(item.title);
  };
+  // 选择多选框
+  const clickCheckbox = (item,e) => {
+    if(item.checked === true){
+      if(selectIds.value.includes(item.id)){
+        const index = selectIds.value.indexOf(item.id)
+        selectIds.value.splice(index,1)
+      }
+    }else{
+      selectIds.value.push(item.id)
+    }
+    emits('checked',selectIds.value)
+  }
  </script>
  
  <style scoped>
@ -40,7 +58,7 @@
    width: 100%;
    max-width: 400px; /* 可以根据需要调整宽度 */
    margin: 0 auto;
-    padding: 16px;
+    padding: 8px;
    background-color: #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@ -50,7 +68,7 @@
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    padding: 16px;
+    padding: 8px;
    margin-bottom: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
@ -80,6 +98,7 @@
    flex-direction: column;
    flex: 1;
    margin-left: 5px;
+   
  }
  .title-header{
    display: flex;
@ -92,6 +111,12 @@
    font-weight: 500;
    color: #303133;
    text-align: left;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1; /* 设置最大行数 */
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
  }
  
  .item-description {
--- a/src/renderer/src/views/job-management/Right/index.vue
+++ b/src/renderer/src/views/job-management/Right/index.vue
@ -1,51 +1,125 @@
 <template>
-  <div class="list-container">
+  <div class="list-content">
+    <div class="list-container">
    <div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
      <div class="item-content">
        <div class="item-text">
-          <div class="item-title">{{ item.title }}</div>
+          <div class="title-header">
+            <div class="item-title">{{ item.title }}</div>
+            <el-icon class="item-icon"><component :is="item.icon" /></el-icon>
+          </div>
          <div class="item-description">{{ item.description }}</div>
+          <div class="item-bottom">
+            <CustomButton :item="{ type: item.type, text: item.text, plain: true }" />
+          </div>
        </div>
-        <el-icon class="item-icon"><component :is="item.icon" /></el-icon>
      </div>
    </div>
  </div>
+  </div>
+
+  
 </template>

 <script setup>
-import { shallowRef } from 'vue';
+import { ref, markRaw } from 'vue';
 import { Plus, ArrowDown, Document, User, Setting } from '@element-plus/icons-vue';
+import CustomButton from '../components/button.vue';
+const emits = defineEmits(['skipDetail']);

-const items = shallowRef([
-  { title: '自主搜题', description: '1111111', icon: Document },
-  { title: '校本题库', description: '222222', icon: User },
-  { title: '个人题库', description: '333333', icon: Setting },
-  { title: '智能推荐', description: '444444', icon: Plus },
-  { title: '课堂展示', description: '555555', icon: ArrowDown },
-  { title: '常规作业', description: '555555', icon: ArrowDown },
-  { title: 'AI设计作业', description: '555555', icon: ArrowDown },
+const items = ref([
+  { title: '自主搜题', description: '1111111', icon: markRaw(Document), type: 'default', text: '习题训练',components:'classroomPresentation',titleList:[
+    {
+      id:1,
+      label:'自主搜题',
+    },
+    {
+      id:2,
+      label:'校本题库',
+    },
+    {
+      id:3,
+      label:'个人题库',
+    },
+]},
+  { title: '校本题库', description: '222222', icon: markRaw(Document), type: 'default', text: '习题训练',components:'classroomPresentation',titleList:[
+    {
+      id:1,
+      label:'自主搜题',
+    },
+    {
+      id:2,
+      label:'校本题库',
+    },
+    {
+      id:3,
+      label:'个人题库',
+    },
+] },
+  { title: '个人题库', description: '333333', icon: markRaw(Document), type: 'default', text: '习题训练',components:'classroomPresentation',titleList:[
+    {
+      id:1,
+      label:'自主搜题',
+    },
+    {
+      id:2,
+      label:'校本题库',
+    },
+    {
+      id:3,
+      label:'个人题库',
+    },
+] },
+  { title: '智能推荐', description: '444444', icon: markRaw(Document), type: '', text: '',components:'classroomPresentation',titleList:[
+    {
+      id:1,
+      label:'智能推荐',
+    },
+] },
+  { title: '课堂展示', description: '555555', icon: markRaw(Document), type: 'primary', text: '课堂展示',components:'selfSearchQuestions',titleList:[
+    {
+      id:1,
+      label:'课堂展示',
+    },
+] },
+  { title: '常规作业', description: '555555', icon: markRaw(Document), type: 'danger', text: '常规作业',components:'selfSearchQuestions',titleList:[
+    {
+      id:1,
+      label:'常规作业',
+    },
+] },
+  { title: 'AI设计作业', description: '555555', icon: markRaw(Document), type: 'danger', text: '常规作业',components:'selfSearchQuestions',titleList:[
+    {
+      id:1,
+      label:'AI设计作业',
+    },
+] },
 ]);

 const handleClick = (item) => {
-  console.log('Clicked on:', item.title);
+  emits('skipDetail', item);
 };
 </script>

 <style scoped>
+.list-content{
+  padding: 8px;
+  background-color: #f5f5f5;
+  border-radius: 8px;
+  height: 100%;
+}
 .list-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
-  padding: 16px;
-  background-color: #f5f5f5;
 }

 .content-list {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  padding: 16px;
-  width: calc(33.333% - 32px); /* 3列布局，每列减去gap */
+  padding: 8px;
+  width: calc(25% - 16px); 
  cursor: pointer;
  transition: all 0.3s ease;
 }
@ -75,10 +149,37 @@ const handleClick = (item) => {
  font-weight: 500;
  color: #303133;
  margin-bottom: 4px;
+  font-weight: bold;
 }

 .item-description {
  font-size: 14px;
  color: #909399;
+  text-align: left;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2; /* 设置最大行数 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+}
+
+.title-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.item-bottom {
+  text-align: right;
+}
+
+/* 过渡动画 */
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.3s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
 }
 </style>
--- a/src/renderer/src/views/job-management/components/customSelect.vue
+++ b/src/renderer/src/views/job-management/components/customSelect.vue
@ -21,7 +21,8 @@
  
  <script setup>
 import { Plus, ArrowDown } from '@element-plus/icons-vue'
-import { ref, computed, defineProps } from 'vue';
+import { ref, defineEmits, defineProps } from 'vue';
+const emits = defineEmits(['select-click']);

 const props = defineProps({
  options: {
@ -45,8 +46,8 @@ const toggleDropup = () => {
 };

 const selectOption = (option) => {
-  selectedOption.value = option;
  isDropdownOpen.value = false;
+  emits('select-click', option)
 };
 </script>
 <style scoped>
--- a/src/renderer/src/views/job-management/index.vue
+++ b/src/renderer/src/views/job-management/index.vue
@ -1,31 +1,115 @@
 <template>
-    <div class="page-template flex">
-        <Header/>
-        <el-row :gutter="20" class="tempalte-main">
+  <div class="page-template flex">
+    <!-- // 顶部 -->
+    <div class="mb-4">
+      <div>
+        <el-button type="danger" :disabled="!isChceked">批量删除</el-button>
+        <el-button type="primary" :disabled="!isChceked">批量推送</el-button>
+      </div>
+      <CustomSelect 
+        :options="options" 
+        placeholder="设计新作业" 
+        @select-click="selectClick"
+      />
+    </div>
+    <div :style="{height: viewportHeight - 72 + 'px'}" class="no-horizontal-scroll">
+      <el-row :gutter="20" class="tempalte-main">
        <el-col :span="6">
-            <!--左侧列表-->
-            <Left/>
+          <!-- 左侧列表 -->
+          <Left @checked="checked"/>
        </el-col>
        <el-col :span="18">
-            <!--右侧-->
-            <Right/>
+          <!-- 右侧 -->
+          <component :is="currentComponent" v-on="listeners" :parameter="parameter" />
        </el-col>
-        </el-row>
+      </el-row>
    </div>
+  </div>
 </template>
-  
+
 <script setup>
-import Header from './Header/index.vue'
-import Right from './Right/index.vue'
-import Left from './Left/index.vue'
+import { ref, shallowRef, onMounted, nextTick, computed } from 'vue';
+import Right from './Right/index.vue';
+import Left from './Left/index.vue';
+import Detials from './Details/index.vue';
+import CustomSelect from './components/customSelect.vue';
+
+const options = ref(['自主搜题', '校本题库', '个人题库', '智能推荐', '课堂展示', '常规作业', 'AI作业设计']);
+
+// 判断是否有选中的checkbox框
+const isChceked = ref(false);
+const viewportHeight = ref(0);
+const isSkip = ref(false);
+// 点击主页传的参数
+const parameter = ref({});
+// 选中的checkbox框
+const checked = (val) => {
+  console.log(val);
+  val.length > 0 ? isChceked.value = true : isChceked.value = false;
+}
+const currentComponent = shallowRef(Right);
+
+// 选择的作业设计类型
+const selectClick = (val) => {
+  console.log(val);
+}
+// 右侧点击路由跳转
+const skipDetail = (val) => {
+  parameter.value = Object.assign({}, val);
+  isSkip.value = true;
+  currentComponent.value = Detials;
+}
+// 回到主页
+const goBack = () => {
+  isSkip.value = false;
+  currentComponent.value = Right;
+}
+
+// 获取视口高度
+const getViewportHeight = () => {
+  return Math.max(
+    document.documentElement.clientHeight,
+    window.innerHeight || 0
+  );
+}
+
+onMounted(() => {
+  nextTick(() => {
+    window.addEventListener('resize', () => {
+      viewportHeight.value = getViewportHeight();
+    });
+  });
+});
+
+const listeners = computed(() => ({
+  skipDetail,
+  goBack
+}));
 </script>
-  
+
 <style lang="scss" scoped>
+.mb-4 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  background-color: #fff;
+  padding: 10px;
+}
+
 .page-template {
  flex-direction: column;
  height: 100%;
+  overflow-x: hidden; // 防止横向滚动条
+
  .tempalte-main {
    flex: 1;
  }
 }
+.no-horizontal-scroll {
+  overflow: auto;
+  overflow-x: hidden;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none;  /* Internet Explorer 10+ */
+}
 </style>
--- a/src/renderer/src/views/prepare/container/file-list-item.vue
+++ b/src/renderer/src/views/prepare/container/file-list-item.vue
@ -126,6 +126,12 @@
                    <span>下载</span>
                  </el-button>
                </div>
+                <div v-if="item.fileSuffix === 'ppt' || item.fileSuffix === 'pptx'" class="item-popover-item">
+                  <el-button text @click="adToKj(item)">
+                    <i class="iconfont icon-jiahao"></i>
+                    <span>加入课件</span>
+                  </el-button>
+                </div>
                <div class="item-popover-item">
                  <el-button text @click="moveSmarttalkFun(item)">
                    <el-icon>
@ -153,7 +159,7 @@ import FileImage from '@/components/file-image/index.vue'
 import { asyncLocalFile } from '@/utils/talkFile'
 import { toTimeText } from '@/utils/date'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { deleteSmarttalk, updateSmarttalk, getPrepareById } from '@/api/file'
+import { deleteSmarttalk, updateSmarttalk, getPrepareById, addFileToKj } from '@/api/file'
 import useUserStore from '@/store/modules/user'
 import outLink from '@/utils/linkConfig'

@ -183,6 +189,14 @@ export default {
    }
  },
  methods: {
+    adToKj(item) {
+      addFileToKj(item.id).then(res=>{
+        console.log(res)
+        item.fileFlag = "课件"
+      },error=>{
+        console.log(error)
+      })
+    },
    editTalk(item) {
      console.log(item,this.userInfo,'this.userInfo')
      ElMessageBox.prompt('请输入新的名称', '重命名', {
--- a/src/renderer/src/views/prepare/index.vue
+++ b/src/renderer/src/views/prepare/index.vue
@ -538,7 +538,7 @@ export default {
      }
    },
    clickChoose(value) {
-      this.checkFileList = value ? this.currentFileList : []
+      this.checkFileList = value ? this.currentSCFileList : []
    },
    deleteTalk(item) {
      let index = this.currentFileList.indexOf(item)
Author	SHA1	Message	Date
lyc	7b65a19483	Merge pull request 'lyc-dev' (#39 ) from lyc-dev into main	2024-11-14 11:20:41 +08:00
yangws	3b053531f9	Merge pull request 'fix：部分修改优化；' (#38 ) from yangws_ws into main Reviewed-on: #38	2024-11-14 09:51:48 +08:00
小杨	27017fc946	fix：部分修改优化；	2024-11-14 09:51:13 +08:00
yangws	c0c7fa3298	Merge pull request 'add：主页进入详情的页面；' (#37 ) from yangws_ws into main Reviewed-on: #37	2024-11-13 17:07:30 +08:00
小杨	3d2b102355	add：主页进入详情的页面；	2024-11-13 17:07:06 +08:00
yangws	4feeb2ef56	Merge pull request 'add:作业管理样式；' (#36 ) from yangws_ws into main Reviewed-on: #36	2024-11-13 11:27:35 +08:00
小杨	af0dd7f565	add:作业管理样式；	2024-11-13 11:27:02 +08:00
朱浩	a2c14b0d0a	Merge remote-tracking branch 'origin/main'	2024-11-13 11:23:16 +08:00
朱浩	fe04f8acbd	三方资源加入备课	2024-11-13 11:23:08 +08:00
lyc	54c2215668	Merge pull request '模板' (#35 ) from lyc-dev into main	2024-11-13 11:22:07 +08:00