update: 通知管理,视频中心所有页面表格撑满屏幕
This commit is contained in:
JiangQiming
parent
8239b2c308
commit
f960e2df76
|
|
@ -2,7 +2,7 @@
|
|||
<template>
|
||||
<page-container>
|
||||
<pro-search :columns="columns" target="media" @search="handleSearch" />
|
||||
|
||||
<FullPage>
|
||||
<JProTable
|
||||
ref="listRef"
|
||||
model="table"
|
||||
|
|
@ -91,7 +91,10 @@
|
|||
保存
|
||||
</j-button>
|
||||
</template>
|
||||
<j-button type="link" @click="slotProps.popVis = true">
|
||||
<j-button
|
||||
type="link"
|
||||
@click="slotProps.popVis = true"
|
||||
>
|
||||
<AIcon type="EditOutlined" />
|
||||
</j-button>
|
||||
</j-popover>
|
||||
|
|
@ -145,6 +148,7 @@
|
|||
</j-space>
|
||||
</template>
|
||||
</JProTable>
|
||||
</FullPage>
|
||||
|
||||
<BindChannel v-model:visible="bindVis" @submit="listRef.reload()" />
|
||||
</page-container>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
target="media-cascade"
|
||||
@search="handleSearch"
|
||||
/>
|
||||
|
||||
<FullPage>
|
||||
<JProTable
|
||||
ref="listRef"
|
||||
:columns="columns"
|
||||
|
|
@ -22,7 +22,9 @@
|
|||
@click="handleAdd"
|
||||
hasPermission="media/Cascade:add"
|
||||
>
|
||||
<template #icon><AIcon type="PlusOutlined" />新增</template>
|
||||
<template #icon
|
||||
><AIcon type="PlusOutlined" />新增</template
|
||||
>
|
||||
</PermissionButton>
|
||||
</template>
|
||||
<template #card="slotProps">
|
||||
|
|
@ -42,7 +44,9 @@
|
|||
<slot name="img">
|
||||
<img
|
||||
:src="
|
||||
getImage('/device/instance/device-card.png')
|
||||
getImage(
|
||||
'/device/instance/device-card.png',
|
||||
)
|
||||
"
|
||||
/>
|
||||
</slot>
|
||||
|
|
@ -132,12 +136,15 @@
|
|||
style="padding: 0px"
|
||||
:hasPermission="'media/Cascade:' + i.key"
|
||||
>
|
||||
<template #icon><AIcon :type="i.icon" /></template>
|
||||
<template #icon
|
||||
><AIcon :type="i.icon"
|
||||
/></template>
|
||||
</PermissionButton>
|
||||
</template>
|
||||
</j-space>
|
||||
</template>
|
||||
</JProTable>
|
||||
</FullPage>
|
||||
|
||||
<Publish v-model:visible="publishVis" :data="currentData" />
|
||||
</page-container>
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
target="channel"
|
||||
@search="handleSearch"
|
||||
/>
|
||||
|
||||
<FullPage>
|
||||
<JProTable
|
||||
ref="listRef"
|
||||
model="table"
|
||||
|
|
@ -45,9 +45,12 @@
|
|||
v-if="route?.query.type === 'gb28181-2016'"
|
||||
title="接入方式为GB/T28281时，不支持新增"
|
||||
>
|
||||
<j-button type="primary" disabled> 新增 </j-button>
|
||||
<j-button type="primary" disabled>
|
||||
新增
|
||||
</j-button>
|
||||
</j-tooltip>
|
||||
<PermissionButton
|
||||
v-else
|
||||
type="primary"
|
||||
@click="handleAdd"
|
||||
hasPermission="media/Device:add"
|
||||
|
|
@ -77,7 +80,8 @@
|
|||
>
|
||||
<PermissionButton
|
||||
v-if="
|
||||
i.key !== 'play' && i.key !== 'backPlay'
|
||||
i.key !== 'play' &&
|
||||
i.key !== 'backPlay'
|
||||
"
|
||||
:danger="i.key === 'delete'"
|
||||
:disabled="i.disabled"
|
||||
|
|
@ -96,7 +100,10 @@
|
|||
</PermissionButton>
|
||||
<!-- 回放/播放不要权限控制 -->
|
||||
<template v-else>
|
||||
<j-tooltip :key="i.key" v-bind="i.tooltip">
|
||||
<j-tooltip
|
||||
:key="i.key"
|
||||
v-bind="i.tooltip"
|
||||
>
|
||||
<j-button
|
||||
style="padding: 0px"
|
||||
type="link"
|
||||
|
|
@ -119,6 +126,7 @@
|
|||
</j-space>
|
||||
</template>
|
||||
</JProTable>
|
||||
</FullPage>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
<!-- 回放 -->
|
||||
<template>
|
||||
<page-container>
|
||||
<FullPage>
|
||||
<div class="playback-warp">
|
||||
<!-- 播放器/进度条 -->
|
||||
<div class="playback-left">
|
||||
|
|
@ -59,7 +60,9 @@
|
|||
<div>云端：存储在服务器中</div>
|
||||
<div>本地：存储在设备本地</div>
|
||||
</template>
|
||||
<div>类型: <AIcon type="QuestionCircleOutlined" /></div>
|
||||
<div>
|
||||
类型: <AIcon type="QuestionCircleOutlined" />
|
||||
</div>
|
||||
</j-tooltip>
|
||||
<RadioCard
|
||||
layout="horizontal"
|
||||
|
|
@ -152,7 +155,8 @@
|
|||
:item="item"
|
||||
:on-cloud-view="cloudView"
|
||||
:on-down-load="
|
||||
() => downloadClick(item)
|
||||
() =>
|
||||
downloadClick(item)
|
||||
"
|
||||
/>
|
||||
</j-tooltip>
|
||||
|
|
@ -181,6 +185,7 @@
|
|||
</j-spin>
|
||||
</div>
|
||||
</div>
|
||||
</FullPage>
|
||||
</page-container>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
target="notice-config"
|
||||
@search="handleSearch"
|
||||
/>
|
||||
<FullPage>
|
||||
<JProTable
|
||||
ref="listRef"
|
||||
:columns="columns"
|
||||
|
|
@ -21,7 +22,9 @@
|
|||
@click="handleAdd"
|
||||
hasPermission="media/Device:add"
|
||||
>
|
||||
<template #icon><AIcon type="PlusOutlined" />新增</template>
|
||||
<template #icon
|
||||
><AIcon type="PlusOutlined" />新增</template
|
||||
>
|
||||
</PermissionButton>
|
||||
</template>
|
||||
<template #card="slotProps">
|
||||
|
|
@ -32,7 +35,10 @@
|
|||
:showStatus="true"
|
||||
:status="slotProps.state.value"
|
||||
:statusText="slotProps.state.text"
|
||||
:statusNames="{ online: 'processing', offline: 'error' }"
|
||||
:statusNames="{
|
||||
online: 'processing',
|
||||
offline: 'error',
|
||||
}"
|
||||
>
|
||||
<template #img>
|
||||
<slot name="img">
|
||||
|
|
@ -45,7 +51,9 @@
|
|||
</h3>
|
||||
<j-row>
|
||||
<j-col :span="12">
|
||||
<div class="card-item-content-text">厂商</div>
|
||||
<div class="card-item-content-text">
|
||||
厂商
|
||||
</div>
|
||||
<div>{{ slotProps.manufacturer }}</div>
|
||||
</j-col>
|
||||
<j-col :span="12">
|
||||
|
|
@ -55,7 +63,9 @@
|
|||
<div>{{ slotProps.channelNumber }}</div>
|
||||
</j-col>
|
||||
<j-col :span="12">
|
||||
<div class="card-item-content-text">型号</div>
|
||||
<div class="card-item-content-text">
|
||||
型号
|
||||
</div>
|
||||
<div>{{ slotProps.model }}</div>
|
||||
</j-col>
|
||||
<j-col :span="12">
|
||||
|
|
@ -139,12 +149,15 @@
|
|||
: 'update')
|
||||
"
|
||||
>
|
||||
<template #icon><AIcon :type="i.icon" /></template>
|
||||
<template #icon
|
||||
><AIcon :type="i.icon"
|
||||
/></template>
|
||||
</PermissionButton>
|
||||
</template>
|
||||
</j-space>
|
||||
</template>
|
||||
</JProTable>
|
||||
</FullPage>
|
||||
</page-container>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<template>
|
||||
<page-container>
|
||||
<FullPage>
|
||||
<j-card class="splitScreen">
|
||||
<div class="split-screen">
|
||||
<LeftTree @onSelect="mediaStart" />
|
||||
|
|
@ -8,9 +9,12 @@
|
|||
ref="player"
|
||||
:id="deviceId"
|
||||
:channelId="channelId"
|
||||
:onMouseUp="(id, cId) => channelApi.ptzStop(id, cId)"
|
||||
:onMouseUp="
|
||||
(id, cId) => channelApi.ptzStop(id, cId)
|
||||
"
|
||||
:onMouseDown="
|
||||
(id, cId, type) => channelApi.ptzTool(id, cId, type)
|
||||
(id, cId, type) =>
|
||||
channelApi.ptzTool(id, cId, type)
|
||||
"
|
||||
:historyHandle="(dId, cId) => getMediaUrl(dId, cId)"
|
||||
showScreen
|
||||
|
|
@ -18,6 +22,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</j-card>
|
||||
</FullPage>
|
||||
</page-container>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
target="notice-config"
|
||||
@search="handleSearch"
|
||||
/>
|
||||
<FullPage>
|
||||
<JProTable
|
||||
ref="configRef"
|
||||
:columns="columns"
|
||||
|
|
@ -31,7 +32,9 @@
|
|||
:showUploadList="false"
|
||||
:before-upload="beforeUpload"
|
||||
>
|
||||
<PermissionButton hasPermission="notice/Config:import">
|
||||
<PermissionButton
|
||||
hasPermission="notice/Config:import"
|
||||
>
|
||||
导入
|
||||
</PermissionButton>
|
||||
</j-upload>
|
||||
|
|
@ -41,7 +44,9 @@
|
|||
cancel-text="取消"
|
||||
@confirm="handleExport"
|
||||
>
|
||||
<PermissionButton hasPermission="notice/Config:export">
|
||||
<PermissionButton
|
||||
hasPermission="notice/Config:export"
|
||||
>
|
||||
导出
|
||||
</PermissionButton>
|
||||
</j-popconfirm>
|
||||
|
|
@ -58,7 +63,10 @@
|
|||
<slot name="img">
|
||||
<img
|
||||
:src="
|
||||
getLogo(slotProps.type, slotProps.provider)
|
||||
getLogo(
|
||||
slotProps.type,
|
||||
slotProps.provider,
|
||||
)
|
||||
"
|
||||
class="logo"
|
||||
/>
|
||||
|
|
@ -78,7 +86,9 @@
|
|||
</div>
|
||||
</j-col>
|
||||
<j-col :span="12">
|
||||
<div class="card-item-content-text">说明</div>
|
||||
<div class="card-item-content-text">
|
||||
说明
|
||||
</div>
|
||||
<Ellipsis>
|
||||
{{ slotProps.description }}
|
||||
</Ellipsis>
|
||||
|
|
@ -179,12 +189,15 @@
|
|||
style="padding: 0px"
|
||||
:hasPermission="'notice/Config:' + i.key"
|
||||
>
|
||||
<template #icon><AIcon :type="i.icon" /></template>
|
||||
<template #icon
|
||||
><AIcon :type="i.icon"
|
||||
/></template>
|
||||
</PermissionButton>
|
||||
</template>
|
||||
</j-space>
|
||||
</template>
|
||||
</JProTable>
|
||||
</FullPage>
|
||||
|
||||
<Debug v-model:visible="debugVis" :data="currentConfig" />
|
||||
<Log v-model:visible="logVis" :data="currentConfig" />
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
target="notice-config"
|
||||
@search="handleSearch"
|
||||
/>
|
||||
<FullPage>
|
||||
<JProTable
|
||||
ref="configRef"
|
||||
:columns="columns"
|
||||
|
|
@ -62,7 +63,10 @@
|
|||
<slot name="img">
|
||||
<img
|
||||
:src="
|
||||
getLogo(slotProps.type, slotProps.provider)
|
||||
getLogo(
|
||||
slotProps.type,
|
||||
slotProps.provider,
|
||||
)
|
||||
"
|
||||
class="logo"
|
||||
/>
|
||||
|
|
@ -82,7 +86,9 @@
|
|||
</div>
|
||||
</j-col>
|
||||
<j-col :span="12">
|
||||
<div class="card-item-content-text">说明</div>
|
||||
<div class="card-item-content-text">
|
||||
说明
|
||||
</div>
|
||||
<Ellipsis>
|
||||
{{ slotProps.description }}
|
||||
</Ellipsis>
|
||||
|
|
@ -183,12 +189,15 @@
|
|||
style="padding: 0px"
|
||||
:hasPermission="'notice/Template:' + i.key"
|
||||
>
|
||||
<template #icon><AIcon :type="i.icon" /></template>
|
||||
<template #icon
|
||||
><AIcon :type="i.icon"
|
||||
/></template>
|
||||
</PermissionButton>
|
||||
</template>
|
||||
</j-space>
|
||||
</template>
|
||||
</JProTable>
|
||||
</FullPage>
|
||||
|
||||
<Debug v-model:visible="debugVis" :data="currentConfig" />
|
||||
<Log v-model:visible="logVis" :data="currentConfig" />
|
||||
|
|
|
|||
Loading…
Reference in New Issue