From 6c11e2bd5451a1ee410ebdb27d724567c6b697d7 Mon Sep 17 00:00:00 2001 From: du <13220750630.163.com> Date: 星期五, 30 五月 2025 13:51:36 +0800 Subject: [PATCH] 模板管理的模板类型修改 课程中心的模板设置修改模板类型 --- easegen-front/src/views/digitalcourse/template/index.vue | 270 +++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 189 insertions(+), 81 deletions(-) diff --git a/easegen-front/src/views/digitalcourse/template/index.vue b/easegen-front/src/views/digitalcourse/template/index.vue index 1af6ecb..c1cfed8 100644 --- a/easegen-front/src/views/digitalcourse/template/index.vue +++ b/easegen-front/src/views/digitalcourse/template/index.vue @@ -45,87 +45,178 @@ <!-- 鍒楄〃 --> <ContentWrap> - <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> - <el-table-column :label="t('table.index')" align="center" type='index' width="60"/> - <el-table-column :label="t('template.name')" align="center" prop="templateName" /> - <el-table-column :label="t('template.isShowBackground')" align="center" prop="showBackground" > - <template #default="scope"> - <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showBackground" /> - </template> - </el-table-column> - <el-table-column :label="t('template.isShowDigitalPeople')" align="center" prop="showDigitalHuman" > - <template #default="scope"> - <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showDigitalHuman" /> - </template> - </el-table-column> - <el-table-column :label="t('template.isShowPPt')" align="center" prop="showPpt" > - <template #default="scope"> - <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showPpt" /> - </template> - </el-table-column> -<!-- <el-table-column label="ppt瀹�" align="center" prop="pptW" /> - <el-table-column label="ppt楂�" align="center" prop="pptH" /> - <el-table-column label="ppt璺濈椤堕儴浣嶇疆" align="center" prop="pptX" /> - <el-table-column label="ppt璺濈宸︿晶浣嶇疆" align="center" prop="pptY" /> - <el-table-column label="鏁板瓧浜哄" align="center" prop="humanW" /> - <el-table-column label="鏁板瓧浜洪珮" align="center" prop="humanH" /> - <el-table-column label="鏁板瓧浜鸿窛绂婚《閮ㄤ綅缃�" align="center" prop="humanX" /> - <el-table-column label="鏁板瓧浜鸿窛绂诲乏渚т綅缃�" align="center" prop="humanY" />--> - <el-table-column label="鑳屾櫙鍥剧墖" align="center" prop="bgImage"> - <template #default="scope"> - <el-image - :src="scope.row.bgImage" - :preview-src-list="[scope.row.bgImage]" - fit="cover" - preview-teleported + <el-tabs v-model="activeName" class="demo-tabs" @click="iszg"> + <el-tab-pane label="鎴戠殑妯℃澘" name="first"> + <el-table :default-sort="{ prop: 'createTime', order: 'descending' }" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> + <el-table-column :label="t('table.index')" align="center" type='index' width="60"/> + <el-table-column :label="t('template.name')" align="center" prop="templateName" /> + <el-table-column :label="t('template.isShowBackground')" align="center" prop="showBackground" > + <template #default="scope"> + <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showBackground" /> + </template> + </el-table-column> + <el-table-column :label="t('template.isShowDigitalPeople')" align="center" prop="showDigitalHuman" > + <template #default="scope"> + <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showDigitalHuman" /> + </template> + </el-table-column> + <el-table-column :label="t('template.isShowPPt')" align="center" prop="showPpt" > + <template #default="scope"> + <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showPpt" /> + </template> + </el-table-column> + <!-- <el-table-column label="ppt瀹�" align="center" prop="pptW" /> + <el-table-column label="ppt楂�" align="center" prop="pptH" /> + <el-table-column label="ppt璺濈椤堕儴浣嶇疆" align="center" prop="pptX" /> + <el-table-column label="ppt璺濈宸︿晶浣嶇疆" align="center" prop="pptY" /> + <el-table-column label="鏁板瓧浜哄" align="center" prop="humanW" /> + <el-table-column label="鏁板瓧浜洪珮" align="center" prop="humanH" /> + <el-table-column label="鏁板瓧浜鸿窛绂婚《閮ㄤ綅缃�" align="center" prop="humanX" /> + <el-table-column label="鏁板瓧浜鸿窛绂诲乏渚т綅缃�" align="center" prop="humanY" />--> + <el-table-column label="鑳屾櫙鍥剧墖" align="center" prop="bgImage"> + <template #default="scope"> + <el-image + :src="scope.row.bgImage" + :preview-src-list="[scope.row.bgImage]" + fit="cover" + preview-teleported + /> + </template> + </el-table-column> + <el-table-column label="棰勮鍥剧墖" align="center" prop="previewImage"> + <template #default="scope"> + <el-image + :src="scope.row.previewImage" + :preview-src-list="[scope.row.previewImage]" + fit="cover" + preview-teleported + /> + </template> + </el-table-column> + <el-table-column + :label="t('table.createTime')" + align="center" + prop="createTime" + sortable + :formatter="dateFormatter" + width="180px" /> - </template> - </el-table-column> - <el-table-column label="棰勮鍥剧墖" align="center" prop="previewImage"> - <template #default="scope"> - <el-image - :src="scope.row.previewImage" - :preview-src-list="[scope.row.previewImage]" - fit="cover" - preview-teleported + <el-table-column :label="t('table.action')" align="center" min-width="120px"> + <template #default="scope"> + <el-button + link + type="primary" + @click="openForm('update', scope.row.id)" + v-hasPermi="['digitalcourse:template:update']" + > + {{ t('action.edit') }} + </el-button> + <el-button + link + type="danger" + @click="handleDelete(scope.row.id)" + v-hasPermi="['digitalcourse:template:delete']" + > + {{ t('action.del') }} + </el-button> + </template> + </el-table-column> + </el-table> + <!-- 鍒嗛〉 --> + <Pagination + :total="total" + v-model:page="queryParams.pageNo" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + </el-tab-pane> + <el-tab-pane label="妯℃澘搴撴ā鏉�" name="second"> + <el-table :default-sort="{ prop: 'createTime', order: 'descending' }" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> + <el-table-column :label="t('table.index')" align="center" type='index' width="60"/> + <el-table-column :label="t('template.name')" align="center" prop="templateName" /> + <el-table-column :label="t('template.isShowBackground')" align="center" prop="showBackground" > + <template #default="scope"> + <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showBackground" /> + </template> + </el-table-column> + <el-table-column :label="t('template.isShowDigitalPeople')" align="center" prop="showDigitalHuman" > + <template #default="scope"> + <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showDigitalHuman" /> + </template> + </el-table-column> + <el-table-column :label="t('template.isShowPPt')" align="center" prop="showPpt" > + <template #default="scope"> + <dict-tag :type="DICT_TYPE.IS_OR_NOT" :value="scope.row.showPpt" /> + </template> + </el-table-column> + <!-- <el-table-column label="ppt瀹�" align="center" prop="pptW" /> + <el-table-column label="ppt楂�" align="center" prop="pptH" /> + <el-table-column label="ppt璺濈椤堕儴浣嶇疆" align="center" prop="pptX" /> + <el-table-column label="ppt璺濈宸︿晶浣嶇疆" align="center" prop="pptY" /> + <el-table-column label="鏁板瓧浜哄" align="center" prop="humanW" /> + <el-table-column label="鏁板瓧浜洪珮" align="center" prop="humanH" /> + <el-table-column label="鏁板瓧浜鸿窛绂婚《閮ㄤ綅缃�" align="center" prop="humanX" /> + <el-table-column label="鏁板瓧浜鸿窛绂诲乏渚т綅缃�" align="center" prop="humanY" />--> + <el-table-column label="鑳屾櫙鍥剧墖" align="center" prop="bgImage"> + <template #default="scope"> + <el-image + :src="scope.row.bgImage" + :preview-src-list="[scope.row.bgImage]" + fit="cover" + preview-teleported + /> + </template> + </el-table-column> + <el-table-column label="棰勮鍥剧墖" align="center" prop="previewImage"> + <template #default="scope"> + <el-image + :src="scope.row.previewImage" + :preview-src-list="[scope.row.previewImage]" + fit="cover" + preview-teleported + /> + </template> + </el-table-column> + <el-table-column + :label="t('table.createTime')" + align="center" + prop="createTime" + sortable + :formatter="dateFormatter" + width="180px" /> - </template> - </el-table-column> - <el-table-column - :label="t('table.createTime')" - align="center" - prop="createTime" - :formatter="dateFormatter" - width="180px" - /> - <el-table-column :label="t('table.action')" align="center" min-width="120px"> - <template #default="scope"> - <el-button - link - type="primary" - @click="openForm('update', scope.row.id)" - v-hasPermi="['digitalcourse:template:update']" - > - {{ t('action.edit') }} - </el-button> - <el-button - link - type="danger" - @click="handleDelete(scope.row.id)" - v-hasPermi="['digitalcourse:template:delete']" - > - {{ t('action.del') }} - </el-button> - </template> - </el-table-column> - </el-table> - <!-- 鍒嗛〉 --> - <Pagination - :total="total" - v-model:page="queryParams.pageNo" - v-model:limit="queryParams.pageSize" - @pagination="getList" - /> + <el-table-column :label="t('table.action')" align="center" min-width="120px" v-if="hasAdminRole"> + <template #default="scope"> + <el-button + link + type="primary" + @click="openForm('update', scope.row.id)" + v-hasPermi="['digitalcourse:template:update']" + > + {{ t('action.edit') }} + </el-button> + <el-button + link + type="danger" + @click="handleDelete(scope.row.id)" + v-hasPermi="['digitalcourse:template:delete']" + > + {{ t('action.del') }} + </el-button> + </template> + </el-table-column> + </el-table> + <!-- 鍒嗛〉 --> + <Pagination + :total="total" + v-model:page="queryParams.pageNo" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + </el-tab-pane> + </el-tabs> + + </ContentWrap> <!-- 琛ㄥ崟寮圭獥锛氭坊鍔�/淇敼 --> @@ -138,13 +229,14 @@ import { TemplateApi, TemplateVO } from '@/api/digitalcourse/template' import TemplateForm from './TemplateForm.vue' import {DICT_TYPE} from "@/utils/dict"; +import type { TabsPaneContext } from 'element-plus' +import {getUserProfile} from "@/api/system/user/profile"; /** 妯℃澘 鍒楄〃 */ defineOptions({ name: 'Template' }) - const message = useMessage() // 娑堟伅寮圭獥 const { t } = useI18n() // 鍥介檯鍖� - +const activeName = ref('first') const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑 const list = ref<TemplateVO[]>([]) // 鍒楄〃鐨勬暟鎹� const total = ref(0) // 鍒楄〃鐨勬�婚〉鏁� @@ -164,13 +256,18 @@ humanY: undefined, bgImage: undefined, createTime: [], + zg: 2 }) const queryFormRef = ref() // 鎼滅储鐨勮〃鍗� const exportLoading = ref(false) // 瀵煎嚭鐨勫姞杞戒腑 +let userInfo = ref() +let hasAdminRole = ref(false) /** 鏌ヨ鍒楄〃 */ const getList = async () => { loading.value = true + userInfo.value = await getUserProfile() + hasAdminRole = userInfo.value.roles.some(role => role.name === '鏁板瓧浜虹鐞嗗憳') try { const data = await TemplateApi.getTemplatePage(queryParams) list.value = data.list @@ -189,6 +286,7 @@ /** 閲嶇疆鎸夐挳鎿嶄綔 */ const resetQuery = () => { queryFormRef.value.resetFields() + queryParams.zg = '2' handleQuery() } @@ -225,6 +323,16 @@ exportLoading.value = false } } +const iszg = () => { + console.log(activeName) + if (activeName.value == 'first') { + queryParams.zg = 2 + getList() + }else if (activeName.value == 'second') { + queryParams.zg = 1 + getList() + } +} /** 鍒濆鍖� **/ onMounted(() => { -- Gitblit v1.9.3