提交 6d09fb93 authored 作者: lihuihui's avatar lihuihui

修改bug

上级 da112287
...@@ -53,8 +53,8 @@ const bytesToSize = (bytes: number) => { ...@@ -53,8 +53,8 @@ const bytesToSize = (bytes: number) => {
</div> </div>
<div class="item-b"> <div class="item-b">
<div class="time">{{ props.data.updated_time }}</div> <div class="time">{{ props.data.updated_time }}</div>
<div class="tag" v-if="tabIndex === '2'">{{ props.data.department_public_name }}</div> <div class="tag" v-if="tabIndex === '2'">{{ props.data.department_public === '0' ? '未共享' : '已共享' }}</div>
<div class="tag" v-if="tabIndex === '3'">{{ props.data.platform_public_name }}</div> <div class="tag" v-if="tabIndex === '3'">{{ props.data.platform_public === '0' ? '未共享' : '已共享' }}</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -45,6 +45,7 @@ const dialogVisible = ref(false) ...@@ -45,6 +45,7 @@ const dialogVisible = ref(false)
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.11); box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.11);
border-radius: 50%; border-radius: 50%;
z-index: 999999;
} }
.app-main { .app-main {
position: relative; position: relative;
......
...@@ -20,21 +20,21 @@ const props = defineProps({ ...@@ -20,21 +20,21 @@ const props = defineProps({
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.course_count }}<span></span></div> <div class="unit">{{ props.data?.course_count }}<span></span></div>
<div class="tag">使用课程</div> <div class="tag">使用课程</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.learn_count }}<span></span></div> <div class="unit">{{ props.data?.learn_count }}<span>人次</span></div>
<div class="tag">累计学习人次</div> <div class="tag">累计学习人次</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.learn_time_count }}<span></span></div> <div class="unit">{{ props.data?.learn_time_count }}<span>分钟</span></div>
<div class="tag">累计学习时长</div> <div class="tag">累计学习时长</div>
</div> </div>
</div> </div>
......
...@@ -20,95 +20,91 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp ...@@ -20,95 +20,91 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp
<el-icon class="item-info-icon" v-else> <el-icon class="item-info-icon" v-else>
<Files /> <Files />
</el-icon> </el-icon>
<div class="name">文件类型</div>
</div> </div>
<div class="info-items"> <div class="info-items">
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">状态</div> <div class="name">课件名称</div>
<div class="value active">{{ props.data?.status_name }}</div> <div class="value">{{ props.data?.name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">创建者</div> <div class="name">课件分类</div>
<div class="value">{{ props.data?.created_operator_name }}</div> <div class="value">{{ props.data?.classification_name || '暂无' }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">创建时间</div> <div class="name">状态</div>
<div class="value">{{ props.data?.created_time }}</div> <div class="value active">{{ props.data?.status_name }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">更新时间</div> <div class="name">创建者</div>
<div class="value">{{ props.data?.updated_time }}</div> <div class="value">{{ props.data?.created_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">课件名称</div> <div class="name">负责人</div>
<div class="value">{{ props.data?.name }}</div> <div class="value">{{ props.data?.belong_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items" style="align-items: flex-start">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">负责人</div> <div class="name">知识点</div>
<div class="value">{{ props.data?.belong_operator_name }}</div> <div class="value">{{ props.data?.knowledge_points || '暂无' }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">课件分类</div> <div class="name">创建时间</div>
<div class="value">{{ props.data?.classification_name || '暂无' }}</div> <div class="value">{{ props.data?.created_time }}</div>
</div> </div>
</div> </div>
<div class="i-items" style="align-items: flex-start"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">知识点</div> <div class="name">更新时间</div>
<div class="value">{{ props.data?.knowledge_points || '暂无' }}</div> <div class="value">{{ props.data?.updated_time }}</div>
<!-- <div class="textarea-box" style="min-width:500px;">
{{ props.data?.knowledge_points || '暂无' }}
</div> -->
</div> </div>
</div> </div>
<div class="i-items"></div> <div class="i-items"></div>
......
...@@ -102,7 +102,7 @@ const typeFilter = () => { ...@@ -102,7 +102,7 @@ const typeFilter = () => {
<el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon> <el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon>
</div> </div>
<div class="video-tool-btn"> <div class="video-tool-btn">
<router-link v-permission="'v1-resource-courseware-create'" to="/resource/courseware/update"> <router-link v-if="tabValue === '1'" v-permission="'v1-resource-courseware-create'" to="/resource/courseware/update">
<el-button type="primary" round>新建课件资源</el-button> <el-button type="primary" round>新建课件资源</el-button>
</router-link> </router-link>
</div> </div>
......
...@@ -54,7 +54,8 @@ let form: any = $ref({ ...@@ -54,7 +54,8 @@ let form: any = $ref({
watch( watch(
() => form.file, () => form.file,
value => { value => {
form.name = value[0]?.name || '' const name = value[0]?.name
form.name = name.slice(0, name.lastIndexOf('.')) || ''
} }
) )
...@@ -159,6 +160,7 @@ const protocol = ref(false) ...@@ -159,6 +160,7 @@ const protocol = ref(false)
</el-form-item> </el-form-item>
<el-form-item label="课件名称:" prop="name"> <el-form-item label="课件名称:" prop="name">
<el-input maxlength="40" v-model="form.name" /> <el-input maxlength="40" v-model="form.name" />
<div class="tips">课件名称自动取值于文件名称,可以进行二次修改。</div>
</el-form-item> </el-form-item>
<el-form-item label="课件分类:" prop="classification"> <el-form-item label="课件分类:" prop="classification">
<el-tree-select <el-tree-select
...@@ -192,6 +194,12 @@ const protocol = ref(false) ...@@ -192,6 +194,12 @@ const protocol = ref(false)
</AppCard> </AppCard>
</template> </template>
<style lang="scss"> <style lang="scss">
.tips {
font-size: 12px;
line-height: 100%;
color: #999999;
margin-top: 8px;
}
.upload-box { .upload-box {
// min-width: 400px; // min-width: 400px;
.el-progress__text { .el-progress__text {
......
...@@ -9,106 +9,116 @@ const bytesToSize = (bytes: number) => { ...@@ -9,106 +9,116 @@ const bytesToSize = (bytes: number) => {
return { number: (bytes / Math.pow(k, i)).toPrecision(3), unit: sizes[i] } return { number: (bytes / Math.pow(k, i)).toPrecision(3), unit: sizes[i] }
} }
</script> </script>
<template> <template>
<div class="statistics-list"> <div class="statistics-list">
<div class="item" v-for="(item, index) in prop.data" :key="index"> <div class="item" v-for="(item, index) in prop.data" :key="index">
<template v-if="item.key === 'memory_size'"> <template v-if="item.key === 'memory_size'">
<div class="icon"></div> <div class="icon"></div>
<div class="num">{{ bytesToSize(item.number).number }}<span>{{ bytesToSize(item.number).unit }}</span></div> <div class="num">
{{ bytesToSize(item.number).number }}<span>{{ bytesToSize(item.number).unit }}</span>
</div>
<div class="text">{{ item.text }}</div>
</template>
<template v-else-if="item.key === 'learn_time_length' || item.key === 'length'">
<div class="icon"></div>
<div class="num">
{{ Number((item.number / 60).toString().match(/^\d+(?:\.\d{0,2})?/)) }}<span>{{ item.unit }}</span>
</div>
<div class="text">{{ item.text }}</div> <div class="text">{{ item.text }}</div>
</template> </template>
<template v-else> <template v-else>
<div class="icon"></div> <div class="icon"></div>
<div class="num">{{ item.number }}<span>{{ item.unit }}</span></div> <div class="num">
{{ item.number }}<span>{{ item.unit }}</span>
</div>
<div class="text">{{ item.text }}</div> <div class="text">{{ item.text }}</div>
</template> </template>
</div> </div>
</div> </div>
</template> </template>
<style lang="scss"> <style lang="scss">
.statistics-list{ .statistics-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: -20px; margin-top: -20px;
.item{ .item {
padding-top: 15px; padding-top: 15px;
min-width: 110px; min-width: 110px;
height: 140px; height: 140px;
border: 1px solid #E5E5E5; border: 1px solid #e5e5e5;
border-radius: 6px; border-radius: 6px;
box-sizing: border-box; box-sizing: border-box;
margin-right: 20px; margin-right: 20px;
margin-top: 20px; margin-top: 20px;
&:nth-child(1){ &:nth-child(1) {
.icon{ .icon {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon1.png); background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon1.png);
} }
}
&:nth-child(2) {
.icon {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon2.png);
} }
&:nth-child(2){ }
.icon{ &:nth-child(3) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon2.png); .icon {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon3.png);
}
&:nth-child(3){
.icon{
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon3.png);
}
} }
&:nth-child(4){ }
.icon{ &:nth-child(4) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon4.png); .icon {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon4.png);
} }
&:nth-child(5){ }
.icon{ &:nth-child(5) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon5.png); .icon {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon5.png);
} }
&:nth-child(6){ }
.icon{ &:nth-child(6) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon6.png); .icon {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon6.png);
} }
&:nth-child(7){ }
.icon{ &:nth-child(7) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon7.png); .icon {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon7.png);
} }
&:nth-child(8){ }
.icon{ &:nth-child(8) {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon8.png); .icon {
} background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon8.png);
} }
}
&:nth-child(9){ &:nth-child(9) {
.icon{ .icon {
background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon9.png); background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/home-icon9.png);
}
} }
.icon{ }
.icon {
width: 40px; width: 40px;
height: 40px; height: 40px;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
} }
.num{ .num {
font-size: 26px; font-size: 26px;
line-height: 100%; line-height: 100%;
color: #BF9D6B; color: #bf9d6b;
text-align: center; text-align: center;
padding: 10px; padding: 10px;
span{ span {
font-size: 12px; font-size: 12px;
} }
} }
.text{ .text {
font-size: 14px; font-size: 14px;
line-height: 100%; line-height: 100%;
color: #8E8E8E; color: #8e8e8e;
text-align: center; text-align: center;
} }
} }
} }
</style> </style>
\ No newline at end of file
...@@ -25,9 +25,9 @@ getUtilData().then(res => { ...@@ -25,9 +25,9 @@ getUtilData().then(res => {
{ key: 'question_count', unit: '个', number: 0, text: '题库资源' }, { key: 'question_count', unit: '个', number: 0, text: '题库资源' },
{ key: 'paper_count', unit: '套', number: 0, text: '试卷资源' }, { key: 'paper_count', unit: '套', number: 0, text: '试卷资源' },
{ key: 'memory_size', unit: '', number: 0, text: '资源总体量' }, { key: 'memory_size', unit: '', number: 0, text: '资源总体量' },
{ key: 'length', unit: '小时', number: 0, text: '资源总时长' }, { key: 'length', unit: '分钟', number: 0, text: '资源总时长' },
{ key: 'learn_times', unit: '万人次', number: 0, text: '总学习人次' }, { key: 'learn_times', unit: '万人次', number: 0, text: '总学习人次' },
{ key: 'learn_time_length', unit: '小时', number: 0, text: '总学习时长' } { key: 'learn_time_length', unit: '分钟', number: 0, text: '总学习时长' }
] ]
data.statistics = statisticsData.map((item: any) => { data.statistics = statisticsData.map((item: any) => {
item.number = res.data[item.key] || 0 item.number = res.data[item.key] || 0
......
...@@ -20,21 +20,21 @@ const props = defineProps({ ...@@ -20,21 +20,21 @@ const props = defineProps({
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.course_count }}<span></span></div> <div class="unit">{{ props.data?.course_count }}<span></span></div>
<div class="tag">使用课程</div> <div class="tag">使用课程</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.learn_count }}<span></span></div> <div class="unit">{{ props.data?.learn_count }}<span>人次</span></div>
<div class="tag">累计学习人次</div> <div class="tag">累计学习人次</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.learn_time_count }}<span></span></div> <div class="unit">{{ props.data?.learn_time_count }}<span>分钟</span></div>
<div class="tag">累计学习时长</div> <div class="tag">累计学习时长</div>
</div> </div>
</div> </div>
......
...@@ -21,71 +21,88 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp ...@@ -21,71 +21,88 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp
<el-icon class="item-info-icon" v-else> <el-icon class="item-info-icon" v-else>
<Files /> <Files />
</el-icon> </el-icon>
<div class="name">文件类型</div>
</div> </div>
<div class="info-items"> <div class="info-items">
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png" class="icons" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">状态</div> <div class="name">教案名称</div>
<div class="value active">{{ props.data?.status_name }}</div> <div class="value">{{ props.data?.name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png" class="icons" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">创建者</div> <div class="name">教案分类</div>
<div class="value">{{ props.data?.created_operator_name }}</div> <div class="value">{{ props.data?.classification_name || '暂无' }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png" class="icons" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">创建时间</div> <div class="name">状态</div>
<div class="value">{{ props.data?.created_time }}</div> <div class="value active">{{ props.data?.status_name }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png" class="icons" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">更新时间</div> <div class="name">创建者</div>
<div class="value">{{ props.data?.updated_time }}</div> <div class="value">{{ props.data?.created_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png" class="icons" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">教案名称</div> <div class="name">负责人</div>
<div class="value">{{ props.data?.name }}</div> <div class="value">{{ props.data?.belong_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items" style="align-items: flex-start">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">负责人</div> <div class="name">知识点</div>
<div class="value">{{ props.data?.belong_operator_name }}</div> <div class="value">{{ props.data?.knowledge_points || '暂无' }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png" class="icons" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">教案分类</div> <div class="name">创建时间</div>
<div class="value">{{ props.data?.classification_name || '暂无' }}</div> <div class="value">{{ props.data?.created_time }}</div>
</div> </div>
</div> </div>
<div class="i-items" style="align-items: flex-start;"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png" class="icons" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png" class="icons" />
<div class="text-box"> <div class="text-box">
<div class="name">知识点</div> <div class="name">更新时间</div>
<div class="value">{{ props.data?.knowledge_points || '暂无' }}</div> <div class="value">{{ props.data?.updated_time }}</div>
<!-- <div class="textarea-box" style="min-width:500px;">
{{ props.data?.knowledge_points || '暂无' }}
</div> -->
</div> </div>
</div> </div>
<div class="i-items"></div> <div class="i-items"></div>
...@@ -119,11 +136,11 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp ...@@ -119,11 +136,11 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp
// flex-wrap: wrap; // flex-wrap: wrap;
padding-left: 12px; padding-left: 12px;
flex: 1; flex: 1;
.flex-box{ .flex-box {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
} }
.i-items{ .i-items {
width: 30%; width: 30%;
display: flex; display: flex;
align-items: center; align-items: center;
......
...@@ -102,7 +102,7 @@ const typeFilter = () => { ...@@ -102,7 +102,7 @@ const typeFilter = () => {
<el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon> <el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon>
</div> </div>
<div class="video-tool-btn"> <div class="video-tool-btn">
<router-link v-permission="'v1-resource-lesson-plan-create'" to="/resource/lessonplan/update"> <router-link v-if="tabValue === '1'" v-permission="'v1-resource-lesson-plan-create'" to="/resource/lessonplan/update">
<el-button type="primary" round>新建教案资源</el-button> <el-button type="primary" round>新建教案资源</el-button>
</router-link> </router-link>
</div> </div>
......
...@@ -54,7 +54,8 @@ let form: any = $ref({ ...@@ -54,7 +54,8 @@ let form: any = $ref({
watch( watch(
() => form.file, () => form.file,
value => { value => {
form.name = value[0]?.name || '' const name = value[0]?.name
form.name = name.slice(0, name.lastIndexOf('.')) || ''
} }
) )
...@@ -158,6 +159,7 @@ const protocol = ref(false) ...@@ -158,6 +159,7 @@ const protocol = ref(false)
</el-form-item> </el-form-item>
<el-form-item label="教案名称:" prop="name"> <el-form-item label="教案名称:" prop="name">
<el-input maxlength="40" v-model="form.name" /> <el-input maxlength="40" v-model="form.name" />
<div class="tips">教案名称自动取值于文件名称,可以进行二次修改。</div>
</el-form-item> </el-form-item>
<el-form-item label="教案分类:" prop="classification"> <el-form-item label="教案分类:" prop="classification">
<el-tree-select <el-tree-select
...@@ -190,6 +192,12 @@ const protocol = ref(false) ...@@ -190,6 +192,12 @@ const protocol = ref(false)
</AppCard> </AppCard>
</template> </template>
<style lang="scss"> <style lang="scss">
.tips {
font-size: 12px;
line-height: 100%;
color: #999999;
margin-top: 8px;
}
.upload-box { .upload-box {
position: relative; position: relative;
.el-progress__text { .el-progress__text {
......
...@@ -20,21 +20,21 @@ const props = defineProps({ ...@@ -20,21 +20,21 @@ const props = defineProps({
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.course_count }}<span></span></div> <div class="unit">{{ props.data?.course_count }}<span></span></div>
<div class="tag">使用课程</div> <div class="tag">使用课程</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.learn_count }}<span></span></div> <div class="unit">{{ props.data?.learn_count }}<span>人次</span></div>
<div class="tag">累计学习人次</div> <div class="tag">累计学习人次</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png" />
<div class="content"> <div class="content">
<div class="unit">{{ props.data?.learn_time_count }}<span></span></div> <div class="unit">{{ props.data?.learn_time_count }}<span>分钟</span></div>
<div class="tag">累计学习时长</div> <div class="tag">累计学习时长</div>
</div> </div>
</div> </div>
......
...@@ -21,95 +21,91 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp ...@@ -21,95 +21,91 @@ const fileType = ['doc', 'docx', 'xls', 'xlsx', 'pdf', 'ppt', 'pptx', 'mp3', 'mp
<el-icon class="item-info-icon" v-else> <el-icon class="item-info-icon" v-else>
<Files /> <Files />
</el-icon> </el-icon>
<div class="name">文件类型</div>
</div> </div>
<div class="info-items"> <div class="info-items">
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">状态</div> <div class="name">资料名称</div>
<div class="value active">{{ props.data?.status_name }}</div> <div class="value">{{ props.data?.name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">创建者</div> <div class="name">资料分类</div>
<div class="value">{{ props.data?.created_operator_name }}</div> <div class="value">{{ props.data?.classification_name || '暂无' }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">创建时间</div> <div class="name">状态</div>
<div class="value">{{ props.data?.created_time }}</div> <div class="value active">{{ props.data?.status_name }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">更新时间</div> <div class="name">创建者</div>
<div class="value">{{ props.data?.updated_time }}</div> <div class="value">{{ props.data?.created_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">资料名称</div> <div class="name">负责人</div>
<div class="value">{{ props.data?.name }}</div> <div class="value">{{ props.data?.belong_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items" style="align-items: flex-start">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">负责人</div> <div class="name">知识点</div>
<div class="value">{{ props.data?.belong_operator_name }}</div> <div class="value">{{ props.data?.knowledge_points || '暂无' }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">资料分类</div> <div class="name">创建时间</div>
<div class="value">{{ props.data?.classification_name || '暂无' }}</div> <div class="value">{{ props.data?.created_time }}</div>
</div> </div>
</div> </div>
<div class="i-items" style="align-items: flex-start"> <div class="i-items">
<img <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png"
class="icons" class="icons"
/> />
<div class="text-box"> <div class="text-box">
<div class="name">知识点</div> <div class="name">更新时间</div>
<div class="value">{{ props.data?.knowledge_points || '暂无' }}</div> <div class="value">{{ props.data?.updated_time }}</div>
<!-- <div class="textarea-box" style="min-width:500px;">
{{ props.data?.knowledge_points || '暂无' }}
</div> -->
</div> </div>
</div> </div>
<div class="i-items"></div> <div class="i-items"></div>
......
...@@ -103,7 +103,7 @@ const typeFilter = () => { ...@@ -103,7 +103,7 @@ const typeFilter = () => {
<el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon> <el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon>
</div> </div>
<div class="video-tool-btn"> <div class="video-tool-btn">
<router-link v-permission="'v1-resource-other-information-create'" to="/resource/other/update"> <router-link v-if="tabValue === '1'" v-permission="'v1-resource-other-information-create'" to="/resource/other/update">
<el-button type="primary" round>新建其他资源</el-button> <el-button type="primary" round>新建其他资源</el-button>
</router-link> </router-link>
</div> </div>
......
...@@ -54,7 +54,8 @@ let form: any = $ref({ ...@@ -54,7 +54,8 @@ let form: any = $ref({
watch( watch(
() => form.file, () => form.file,
value => { value => {
form.name = value[0]?.name || '' const name = value[0]?.name
form.name = name.slice(0, name.lastIndexOf('.')) || ''
} }
) )
...@@ -162,6 +163,7 @@ const protocol = ref(false) ...@@ -162,6 +163,7 @@ const protocol = ref(false)
</el-form-item> </el-form-item>
<el-form-item label="资料名称:" prop="name"> <el-form-item label="资料名称:" prop="name">
<el-input maxlength="40" v-model="form.name" /> <el-input maxlength="40" v-model="form.name" />
<div class="tips">资料名称自动取值于文件名称,可以进行二次修改。</div>
</el-form-item> </el-form-item>
<el-form-item label="资料分类:" prop="classification"> <el-form-item label="资料分类:" prop="classification">
<el-tree-select <el-tree-select
...@@ -194,6 +196,12 @@ const protocol = ref(false) ...@@ -194,6 +196,12 @@ const protocol = ref(false)
</AppCard> </AppCard>
</template> </template>
<style lang="scss"> <style lang="scss">
.tips {
font-size: 12px;
line-height: 100%;
color: #999999;
margin-top: 8px;
}
.upload-box { .upload-box {
position: relative; position: relative;
.el-progress__text { .el-progress__text {
......
...@@ -28,8 +28,8 @@ const props:any = defineProps<{ data: object, tabIndex: string }>() ...@@ -28,8 +28,8 @@ const props:any = defineProps<{ data: object, tabIndex: string }>()
</div> </div>
<div class="item-b"> <div class="item-b">
<div class="time">{{ props.data.updated_time }}</div> <div class="time">{{ props.data.updated_time }}</div>
<div class="tag" v-if="tabIndex === '2'">{{ props.data.department_public_name }}</div> <div class="tag" v-if="tabIndex === '2'">{{ props.data.department_public === '0' ? '未共享' : '已共享' }}</div>
<div class="tag" v-if="tabIndex === '3'">{{ props.data.platform_public_name }}</div> <div class="tag" v-if="tabIndex === '3'">{{ props.data.platform_public === '0' ? '未共享' : '已共享' }}</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -155,7 +155,7 @@ const createUploader: any = () => { ...@@ -155,7 +155,7 @@ const createUploader: any = () => {
<div class="upload-btn"> <div class="upload-btn">
本地文件 本地文件
<!-- accept=".mp4" --> <!-- accept=".mp4" -->
<input type="file" id="fileUpload" @change="fileChange($event)" /> <input accept=".mp4" type="file" id="fileUpload" @change="fileChange($event)" />
</div> </div>
<div class="demo-progress" v-if="uploadData.code === 1"> <div class="demo-progress" v-if="uploadData.code === 1">
<el-progress style="width: 340px" :percentage="uploadData.progress" status="success" /> <el-progress style="width: 340px" :percentage="uploadData.progress" status="success" />
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import AppVideoPlayer from '@/components/base/AppVideoPlayer.vue' import AppVideoPlayer from '@/components/base/AppVideoPlayer.vue'
const props = defineProps(['data']) const props = defineProps(['data'])
const videoOptions = $computed(() => { const videoOptions = $computed(() => {
return { sources: [{ src: props.data.play_auth.play_info_list[0].PlayURL }] } return { sources: [{ src: props.data.play_auth.play_info_list.find((item: any) => { return item.Definition === 'SD' }).PlayURL }] }
}) })
</script> </script>
<template> <template>
...@@ -18,21 +18,21 @@ const videoOptions = $computed(() => { ...@@ -18,21 +18,21 @@ const videoOptions = $computed(() => {
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon2.png">
<div class="content"> <div class="content">
<div class="unit">{{ data.course_count }}<span></span></div> <div class="unit">{{ data.course_count }}<span></span></div>
<div class="tag">使用课程</div> <div class="tag">使用课程</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon3.png">
<div class="content"> <div class="content">
<div class="unit">{{ data.learn_count }}<span></span></div> <div class="unit">{{ data.learn_count }}<span>人次</span></div>
<div class="tag">累计学习人次</div> <div class="tag">累计学习人次</div>
</div> </div>
</div> </div>
<div class="stat-item"> <div class="stat-item">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/view-vicon4.png">
<div class="content"> <div class="content">
<div class="unit">{{ data.learn_time_count }}<span></span></div> <div class="unit">{{ data.learn_time_count }}<span>分钟</span></div>
<div class="tag">累计学习时长</div> <div class="tag">累计学习时长</div>
</div> </div>
</div> </div>
......
...@@ -6,73 +6,101 @@ const props = defineProps(['data']) ...@@ -6,73 +6,101 @@ const props = defineProps(['data'])
<template> <template>
<div class="video-info"> <div class="video-info">
<div class="video-img"> <div class="video-img">
<div v-if="props.data.cover != ''" class="img" :style="`width: 210px;height: 140px;background-size: cover;background-image: url(${props.data.cover});`"></div> <div
v-if="props.data.cover != ''"
class="img"
:style="`width: 210px;height: 140px;background-size: cover;background-image: url(${props.data.cover});`"
></div>
<el-icon v-else :size="50" color="#ccc"> <el-icon v-else :size="50" color="#ccc">
<PictureFilled></PictureFilled> <PictureFilled></PictureFilled>
</el-icon> </el-icon>
<!-- <img :src="props.data.cover"> --> <!-- <img :src="props.data.cover"> -->
<div class="name">视频封面</div> <!-- <div class="name">视频封面</div> -->
</div> </div>
<div class="info-items"> <div class="info-items">
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">状态</div> <div class="name">视频名称</div>
<div :class="props.data.status == '1' ? 'value active' : 'value'">{{ props.data.status_name }}</div> <div class="value">{{ props.data.name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon7.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">创建者</div> <div class="name">视频分类</div>
<div class="value">{{ props.data.created_operator_name }}</div> <div class="value">{{ props.data.classification_name || '暂无' }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon1.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">创建时间</div> <div class="name">状态</div>
<div class="value">{{ props.data.created_time }}</div> <div :class="props.data.status == '1' ? 'value active' : 'value'">{{ props.data.status_name }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon12.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">更新时间</div> <div class="name">创建者</div>
<div class="value">{{ props.data.updated_time }}</div> <div class="value">{{ props.data.created_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon5.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">视频名称</div> <div class="name">负责人</div>
<div class="value">{{ props.data.name }}</div> <div class="value">{{ props.data.belong_operator_name }}</div>
</div> </div>
</div> </div>
<div class="i-items"> <div class="i-items" style="align-items: flex-start">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon6.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">负责人</div> <div class="name">知识点</div>
<div class="value">{{ props.data.belong_operator_name }}</div> <div class="value">{{ props.data?.knowledge_points || '暂无' }}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-box"> <div class="flex-box">
<div class="i-items"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon7.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon3.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">视频分类</div> <div class="name">创建时间</div>
<div class="value">{{ props.data.classification_name || '暂无' }}</div> <div class="value">{{ props.data.created_time }}</div>
</div> </div>
</div> </div>
<div class="i-items" style="align-items: flex-start;"> <div class="i-items">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon8.png" class="icons"> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/video-view-icon4.png"
class="icons"
/>
<div class="text-box"> <div class="text-box">
<div class="name">知识点</div> <div class="name">更新时间</div>
<div class="value">{{ props.data?.knowledge_points || '暂无' }}</div> <div class="value">{{ props.data.updated_time }}</div>
</div> </div>
</div> </div>
<div class="i-items"></div> <div class="i-items"></div>
...@@ -81,19 +109,19 @@ const props = defineProps(['data']) ...@@ -81,19 +109,19 @@ const props = defineProps(['data'])
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.video-info{ .video-info {
background: #F7F7F7; background: #f7f7f7;
margin-top: 20px; margin-top: 20px;
padding: 20px; padding: 20px;
display: flex; display: flex;
.video-img{ .video-img {
width: 211px; width: 211px;
text-align: center; text-align: center;
img{ img {
width: 211px; width: 211px;
display: block; display: block;
} }
.name{ .name {
font-size: 16px; font-size: 16px;
line-height: 100%; line-height: 100%;
color: #666666; color: #666666;
...@@ -101,25 +129,25 @@ const props = defineProps(['data']) ...@@ -101,25 +129,25 @@ const props = defineProps(['data'])
text-align: center; text-align: center;
} }
} }
.info-items{ .info-items {
// display: flex; // display: flex;
// flex-wrap: wrap; // flex-wrap: wrap;
padding-left: 12px; padding-left: 12px;
flex: 1; flex: 1;
.flex-box{ .flex-box {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
} }
.i-items{ .i-items {
width: 30%; width: 30%;
display: flex; display: flex;
align-items: center; align-items: center;
height: fit-content; height: fit-content;
margin-right: 80px; margin-right: 80px;
margin-bottom: 30px; margin-bottom: 30px;
.textarea-box{ .textarea-box {
padding: 18px 18px 51px; padding: 18px 18px 51px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
...@@ -127,21 +155,21 @@ const props = defineProps(['data']) ...@@ -127,21 +155,21 @@ const props = defineProps(['data'])
margin-top: 14px; margin-top: 14px;
min-width: 500px; min-width: 500px;
} }
.text-box{ .text-box {
margin-left: 16px; margin-left: 16px;
.name{ .name {
font-size: 14px; font-size: 14px;
line-height: 100%; line-height: 100%;
color: #999999; color: #999999;
} }
.value{ .value {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
line-height: 100%; line-height: 100%;
color: #333333; color: #333333;
margin-top: 8px; margin-top: 8px;
&.active{ &.active {
color: #1AB226; color: #1ab226;
} }
} }
} }
......
...@@ -104,7 +104,7 @@ const changeCard = () => { ...@@ -104,7 +104,7 @@ const changeCard = () => {
<el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon> <el-icon class="video-head-icon" @click="changeCard"><Expand /></el-icon>
</div> </div>
<div class="video-tool-btn"> <div class="video-tool-btn">
<router-link to="/resource/video/update" v-permission="'v1-resource-video-create'"> <router-link v-if="tabValue === '1'" to="/resource/video/update" target="_blank" v-permission="'v1-resource-video-create'">
<el-button type="primary" round>新建视频资源</el-button> <el-button type="primary" round>新建视频资源</el-button>
</router-link> </router-link>
</div> </div>
......
...@@ -138,7 +138,8 @@ const protocol = ref(false) ...@@ -138,7 +138,8 @@ const protocol = ref(false)
// 上传视频成功 // 上传视频成功
const uploadVideo = (data: any) => { const uploadVideo = (data: any) => {
form.data.source_id = data.videoId form.data.source_id = data.videoId
form.data.name = data.name const name = data.name
form.data.name = name.slice(0, name.lastIndexOf('.'))
} }
let isSwiperBtn = $ref(0) let isSwiperBtn = $ref(0)
...@@ -159,6 +160,7 @@ const watchSwiper = (index: number) => { ...@@ -159,6 +160,7 @@ const watchSwiper = (index: number) => {
</el-form-item> </el-form-item>
<el-form-item label="视频名称:" prop="name"> <el-form-item label="视频名称:" prop="name">
<el-input v-model="form.data.name" maxlength="40" /> <el-input v-model="form.data.name" maxlength="40" />
<div class="tips">视频名称自动取值于文件名称,可以进行二次修改。</div>
</el-form-item> </el-form-item>
<el-form-item label="视频分类:" prop="classification"> <el-form-item label="视频分类:" prop="classification">
<el-tree-select <el-tree-select
...@@ -260,6 +262,12 @@ const watchSwiper = (index: number) => { ...@@ -260,6 +262,12 @@ const watchSwiper = (index: number) => {
</AppCard> </AppCard>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.tips {
font-size: 12px;
line-height: 100%;
color: #999999;
margin-top: 8px;
}
.tool-btn-box { .tool-btn-box {
display: flex; display: flex;
justify-content: right; justify-content: right;
......
...@@ -42,7 +42,7 @@ getVideoDetails({ id: id }).then(res => { ...@@ -42,7 +42,7 @@ getVideoDetails({ id: id }).then(res => {
<ViewCenter v-if="Object.keys(videoDetails).length" :data="videoDetails"></ViewCenter> <ViewCenter v-if="Object.keys(videoDetails).length" :data="videoDetails"></ViewCenter>
<ViewBottom></ViewBottom> <ViewBottom></ViewBottom>
</AppCard> </AppCard>
<AppCard title="视频资源信息"> <AppCard title="视频资源关联使用课程">
<AppList v-bind="listOptions" ref="appList" stripe> <AppList v-bind="listOptions" ref="appList" stripe>
<template #table-img="{ row }"> <template #table-img="{ row }">
<img :src="row.img" style="width: 100px;display:block;"> <img :src="row.img" style="width: 100px;display:block;">
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论