gitY
/
DiKongGanZhiPingTai
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ai算法，ai算法实例，设备管理，媒体库，字典分类，部门管理，职级管理，菜单管理，账号管理，角色管理画面修改数据为空时展示效果

Browse Source
main
zhufu 2 days ago
parent 951adc0c4b
commit 884e028b66
20 changed files with 762 additions and 89 deletions
Show Stats Download Patch File Download Diff File

BIN
public/emptyTable/empty_table_1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
public/emptyTable/empty_table_2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/emptyTable/empty_table_3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/emptyTable/empty_table_4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/emptyTable/empty_table_5.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
public/emptyTable/empty_table_6.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
public/emptyTable/empty_table_7.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
public/emptyTable/empty_table_8.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
public/emptyTable/empty_table_9.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

63
src/views/demo/Categories/index.vue
Unescape Escape View File

@ -35,7 +35,7 @@
</div>
</div>
<div class="right-div w-3/4 xl:w-4/5">
<BasicTable @register="registerTable">
<BasicTable @register="registerTable" class="table-class">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'enabledMark'">
<a-tag v-if="record.enabledMark" color="success">正常</a-tag>
@ -45,6 +45,15 @@
<template #toolbar>
<PermissionBtn @btnEvent="buttonClick"></PermissionBtn>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询关键名称，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
</div>
<a-modal
@ -291,6 +300,11 @@
</script>
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.page-div {
position: relative;
top: 10px;
@ -332,6 +346,53 @@
flex-direction: column;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_5.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>
<style lang="scss">
.categories-page {

135
src/views/demo/resourcemanagement/aiinstance/index.vue
Unescape Escape View File

@ -19,49 +19,63 @@
<a-button class="add-instance" type="primary" :icon="h(PlusOutlined)" @click="changeAddModal(true)">新建算法实例</a-button>
</div>
<div class="show-list-div">
<div class="show-list">
<div class="item-list" v-for="item in dataList">
<div class="image-div">
<img class="image-item" :src="`${VITE_GLOB_API_URL}/${item.cover}`">
<!--<div class="image-icon">盖板缺失</div> -->
</div>
<div class="show-info-div">
<div class="info-title-div">
<div class="info-icon"></div>
<div class="info-title-inner">
<div class="info-title">{{ item.name }}</div>
<div style="display: flex;justify-content: space-between;">
<div class="info-subtitle">{{ item.description? item.description: '暂无描述' }}</div>
</div>
</div>
<template v-if="total !== 0">
<div class="show-list">
<div class="item-list" v-for="item in dataList">
<div class="image-div">
<img class="image-item" :src="`${VITE_GLOB_API_URL}/${item.cover}`">
<!--<div class="image-icon">盖板缺失</div> -->
</div>
<div class="info-content-div">
<div class="content-div">
<div style="width: 153px;margin-right: 14px;">
<div class="content-title-div">关联算法</div>
<div class="content-info" v-html="getContentStr(item.algoIds)"></div>
<div class="show-info-div">
<div class="info-title-div">
<div class="info-icon"></div>
<div class="info-title-inner">
<div class="info-title">{{ item.name }}</div>
<div style="display: flex;justify-content: space-between;">
<div class="info-subtitle">{{ item.description? item.description: '暂无描述' }}</div>
</div>
</div>
<div class="button-div">
<a-button class="delete-button" @click="delData(item)">删除</a-button>
<a-button class="show-info-button" type="primary" @click="showInfo(item)">查看</a-button>
</div>
<div class="info-content-div">
<div class="content-div">
<div style="width: 153px;margin-right: 14px;">
<div class="content-title-div">关联算法</div>
<div class="content-info" v-html="getContentStr(item.algoIds)"></div>
</div>
<div class="button-div">
<a-button class="delete-button" @click="delData(item)">删除</a-button>
<a-button class="show-info-button" type="primary" @click="showInfo(item)">查看</a-button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination-div">
<a-pagination
size="small"
:total="total"
v-model:current="page"
v-model:page-size="limit"
show-size-changer
show-quick-jumper
:show-total="total => `共 ${total} 条数据`"
@change="changePagination"
/>
</div>
<div class="pagination-div">
<a-pagination
size="small"
:total="total"
v-model:current="page"
v-model:page-size="limit"
show-size-changer
show-quick-jumper
:show-total="total => `共 ${total} 条数据`"
@change="changePagination"
/>
</div>
</template>
<template v-else>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先新建算法实例，没有搜索到相关的数据</div>
<div style="display: flex;justify-content: center;">
<a-button class="empty_add_instance" type="primary" :icon="h(PlusOutlined)" @click="changeAddModal(true)">新建算法实例</a-button>
</div>
</div>
</div>
</template>
</div>
<a-modal width="853px" v-model:open="addInstanceModal" :footer="false" :closable="false" :destroyOnClose="true" :maskClosable="false" :keyboard="false">
<AddInstanceModal :modalType="modalType" :showInfoData="showInfoData" :algorithmOptions="algorithmOptions" @changeAddModal="changeAddModal" @query="query"/>
@ -97,7 +111,7 @@ const addInstanceModal = ref(false)
const showInfoDrawer = ref(false)
const page = ref('1')
const limit = ref('10')
const total = ref('0')
const total = ref(0)
const dataList = ref<DataListType[]>([])
const loading = ref(false)
const algorithmOptions = ref([])
@ -445,6 +459,53 @@ const getContentStr = (listId: string) => {
margin-right: -26px;
padding-right: 45px;
}
.empty-box{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_1.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
}
}

117
src/views/demo/resourcemanagement/ailist/index.vue
Unescape Escape View File

@ -46,38 +46,52 @@
<div class="interval-icon"></div>
</div>
<div class="show-list-div">
<div class="list-div">
<div class="item" v-for="item in dataList">
<div class="image-div">
<img class="image-item" :src="`${VITE_GLOB_API_URL}/${item.pic}`">
<div class="image-span">
<div class="image-span-icon"></div>
<div class="image-span-info">{{ getModelLabels(item.modelLabels) }}</div>
<template v-if="total !== 0">
<div class="list-div">
<div class="item" v-for="item in dataList">
<div class="image-div">
<img class="image-item" :src="`${VITE_GLOB_API_URL}/${item.pic}`">
<div class="image-span">
<div class="image-span-icon"></div>
<div class="image-span-info">{{ getModelLabels(item.modelLabels) }}</div>
</div>
</div>
<div class="info-div">
<div class="info-icon"></div>
<div class="info-span-div">
<div class="info-span-title">{{ item.name }}</div>
<div class="info-span-subtitle">{{ item.describe }}</div>
</div>
<a-button class="show-info-button" type="primary" @click="openChangeAddModal(false,item)">查看</a-button>
</div>
</div>
<div class="info-div">
<div class="info-icon"></div>
<div class="info-span-div">
<div class="info-span-title">{{ item.name }}</div>
<div class="info-span-subtitle">{{ item.describe }}</div>
</div>
<div class="pagination-div">
<a-pagination
size="small"
:total="total"
v-model:current="page"
v-model:page-size="limit"
show-size-changer
show-quick-jumper
:page-size-options="pageSizeOptions"
:show-total="total => `共 ${total} 条数据`"
@change="changePagination"
/>
</div>
</template>
<template v-else>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先创建自定义算法，没有搜索到相关的数据</div>
<div style="display: flex;justify-content: center;">
<a-button class="empty_add_instance" type="primary" :icon="h(PlusOutlined)" @click="openChangeAddModal(true)">创建自定义算法</a-button>
</div>
<a-button class="show-info-button" type="primary" @click="openChangeAddModal(false,item)">查看</a-button>
</div>
</div>
</div>
<div class="pagination-div">
<a-pagination
size="small"
:total="total"
v-model:current="page"
v-model:page-size="limit"
show-size-changer
show-quick-jumper
:page-size-options="pageSizeOptions"
:show-total="total => `共 ${total} 条数据`"
@change="changePagination"
/>
</div>
</template>
</div>
</div>
<a-modal width="631px" v-model:open="addAlgorithmModal" :footer="null" :closable="false" :destroyOnClose="true" :maskClosable="false" :keyboard="false">
@ -118,7 +132,7 @@
const addAlgorithmModal = ref(false)
const page = ref('1')
const limit = ref('8')
const total = ref('0')
const total = ref(0)
const dataList = ref<DataListType[]>([])
const pageSizeOptions = ref<string[]>(['8', '16', '32', '64']);
const loading = ref(false)
@ -450,6 +464,53 @@
align-items: center;
justify-content: end;
}
.empty-box{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_2.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
}
.right-box{
width: 100%;

66
src/views/demo/system/account/index.vue
Unescape Escape View File

@ -1,11 +1,20 @@
<template>
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
<DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
<BasicTable @register="registerTable" class="w-3/4 xl:w-4/5" :searchInfo="searchInfo">
<BasicTable @register="registerTable" class="w-3/4 xl:w-4/5 table-class" :searchInfo="searchInfo">
<template #toolbar>
<!-- <a-button type="primary" @click="handleCreate">新增账号</a-button> -->
<PermissionBtn @btnEvent="onBtnClicked" />
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询关键名称，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<AccountModal @register="registerModal" @success="handleSuccess" />
<AssignRoleModal @register="registerRoleModal" @success="handleSuccess" />
@ -145,4 +154,57 @@
}
}
</script>
./page.ts
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_8.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

65
src/views/demo/system/dept/index.vue
Unescape Escape View File

@ -1,12 +1,21 @@
<template>
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
<DeptTree ref="childRef" class="w-1/4 xl:w-1/5" @select="handleSelect" />
<BasicTable class="w-3/4 xl:w-4/5" @register="registerTable" :searchInfo="searchInfo">
<BasicTable class="w-3/4 xl:w-4/5 table-class" @register="registerTable" :searchInfo="searchInfo">
<template #toolbar>
<!-- <a-button type="primary" @click="handleCreate"> 新增部门 </a-button> -->
<!-- <a-button type="primary" @click="handlePoGroup"> 部门关联职级组 </a-button> -->
<PermissionBtn @btnEvent="onBtnClicked"></PermissionBtn>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询关键名称，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<DeptModal @register="registerModal" @success="handleSuccess" />
<PosGroupModal @register="registerPosGroupModal" @success="handleSuccess"></PosGroupModal>
@ -136,3 +145,57 @@
reload();
}
</script>
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_6.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

65
src/views/demo/system/mediaLibrary/index.vue
Unescape Escape View File

@ -2,7 +2,7 @@
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
<LeftTree v-if="!pathDivShow" ref="childRef" class="w-1/5 xl:w-1/6" @select="handleSelect" />
<div v-if="!pathDivShow" class="w-4/5 xl:w-5/6">
<BasicTable @register="registerTable" :searchInfo="searchInfo">
<BasicTable @register="registerTable" :searchInfo="searchInfo" class="table-class">
<template #toolbar>
<span v-for="(f, index) in floders" :key="f.id" class="floderTitle">
<span v-if="f.name != '全部文件'" style="margin-right: 10px"> / </span>
@ -191,6 +191,15 @@
</template>
</div>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询文件名称，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<div v-if="tableTypeAfterShow == 'store'" class="storeDivsAllChoose">
<a-checkbox v-model:checked="checkNameChecked" @change="changeStore($event, 'allChoose')">
@ -1266,3 +1275,57 @@
justify-content: flex-end !important;
}
</style>
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_4.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

65
src/views/demo/system/menu/index.vue
Unescape Escape View File

@ -2,7 +2,7 @@
<PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
<MenuTree ref="childRef" class="w-1/4 xl:w-1/5" @select="handleSelect" @edit="editMenu" />
<BasicTable
class="w-3/4 xl:w-4/5"
class="w-3/4 xl:w-4/5 table-class"
@register="registerTable"
@fetch-success="onFetchSuccess"
:searchInfo="searchInfo"
@ -11,6 +11,15 @@
<!-- <a-button type="primary" @click="handleCreate"> 新增 </a-button> -->
<PermissionBtn @btnEvent="onBtnClicked"></PermissionBtn>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询关键名称，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<MenuDrawer @register="registerDrawer" :treeData="treeData" @success="handleSuccess" />
</PageWrapper>
@ -146,3 +155,57 @@
}
}
</script>
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_7.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

65
src/views/demo/system/position/index.vue
Unescape Escape View File

@ -5,12 +5,21 @@
@register="registerTable"
@fetch-success="onFetchSuccess"
:searchInfo="searchInfo"
class="w-3/4 xl:w-4/5"
class="w-3/4 xl:w-4/5 table-class"
>
<template #toolbar>
<!-- <a-button type="primary" @click="handleCreate"> 新增 </a-button> -->
<PermissionBtn @btnEvent="onBtnClicked"></PermissionBtn>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询关键名称，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<PositionDrawer @register="registerDrawer" @success="handleSuccess" />
</PageWrapper>
@ -130,3 +139,57 @@
}
}
</script>
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_6.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

69
src/views/demo/system/role/index.vue
Unescape Escape View File

@ -1,6 +1,6 @@
<template>
<div>
<BasicTable @register="registerTable" :searchInfo="searchInfo">
<BasicTable @register="registerTable" :searchInfo="searchInfo" class="table-class">
<template #toolbar>
<!-- <a-button type="primary" @click="handleCreate"> 新增角色 </a-button> -->
<!-- <a-button type="primary" @click="handleItem"> 获取选中行 </a-button> -->
@ -19,6 +19,15 @@
/>
</template>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询关键名称，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<RoleModal @register="registerModal" @success="handleSuccess" />
<ModulesModal @register="registerModulesModal" @success="handleSuccess" />
@ -50,7 +59,8 @@
// 表格名称
title: '角色列表',
// 获取数据的接口
api: getRoleListByPage,
// api: getRoleListByPage,
dataSource: [],
// 表单列信息 BasicColumn[]
columns,
rowKey: 'id',
@ -83,6 +93,7 @@
// slots: { customRender: 'action' },
fixed: undefined,
},
scroll: { y: '100%' },
});
function handleCreate() {
@ -160,3 +171,57 @@
}
}
</script>
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_9.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

66
src/views/demo/workmanagement/device/Aerocraft/index.vue
Unescape Escape View File

@ -1,5 +1,5 @@
<template>
<BasicTable class="w-4/4 xl:w-5/5" @register="registerTable">
<BasicTable class="w-4/4 xl:w-5/5 table-class" @register="registerTable">
<template #toolbar>
<a-button type="primary" @click="exportDevice">导出飞行器信息</a-button>
</template>
@ -27,6 +27,15 @@
/>
</template>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询机场信息，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<a-modal v-model:open="editDeviceModal" title="飞行器编辑" :footer="null">
<EditDevice :editDeviceDate="editDeviceDate" :projectList="projectList" @changeEditDeviceModal="changeEditDeviceModal" @reload="reload"/>
@ -145,4 +154,57 @@ const exportDevice = () => {
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_3.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

75
src/views/demo/workmanagement/device/Airport/index.vue
Unescape Escape View File

@ -1,5 +1,5 @@
<template>
<BasicTable @register="registerTable">
<BasicTable @register="registerTable" class="table-class">
<template #toolbar>
<!-- <a-button type="primary" @click="openFeedbackDrawer">设备定损与反馈</a-button> -->
<a-button type="primary" @click="openDeviceBindingModal">设备绑定码</a-button>
@ -50,6 +50,15 @@
/>
</template>
</template>
<template #emptyText>
<div class="empty-box">
<div class="empty-content-div">
<div class="empty-image"></div>
<div class="empty_title">暂无数据</div>
<div class="empty_subtitle">请先查询机场信息，没有搜索到相关的数据</div>
</div>
</div>
</template>
</BasicTable>
<a-drawer class="feedback-drawer" v-model:open="feedbackDrawer" width="80%" :closable="false">
<FeedbackDrawer />
@ -261,16 +270,56 @@ const openDeviceWarningDrawer = (record) => {
</script>
<style lang="scss" scoped>
// .feedback-drawer{
// :deep(.ant-drawer-body){
// padding: 0px;
// }
// }
// </style>
// <style lang="scss">
// .feedback-drawer{
// .ant-drawer-body{
// padding: 0px;
// }
// }
.table-class{
:deep(.ant-table-body){
max-height: none !important;
}
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.empty-content-div{
margin-top: 63px;
margin-bottom: 116px;
width: 332px;
.empty-image{
width: 332px;
height: 289px;
background-image: url('/public/emptyTable/empty_table_3.png');
margin-bottom: 18px;
}
.empty_title{
display: flex;
justify-content: center;
font-family: PingFangSC-Medium;
font-weight: 500;
font-size: 14px;
color: #000000;
line-height: 20px;
margin-bottom: 3px;
}
.empty_subtitle{
display: flex;
justify-content: center;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #393939;
line-height: 18px;
margin-bottom: 24px;
}
.empty_add_instance{
width: 167px;
height: 30px;
background: #0D68CB;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
border-radius: 0px;
}
}
}
</style>

Write Preview
Loading…
Cancel
Save