Browse Source

隐藏巡检任务,巡视方案,点位管理的新增修改按钮

inspection_yanyuan
douyage 3 days ago
parent
commit
5c2c45e6e5
6 changed files with 47 additions and 11 deletions
  1. BIN
      src/assets/portal/tree-collapse.png
  2. +9
    -1
      src/views/cards/patrolPlan/notstart.vue
  3. +17
    -3
      src/views/cards/site_management/site_management.vue
  4. +10
    -3
      src/views/cards/taskSummary/inspectionTask.vue
  5. +1
    -1
      src/views/portal/components/PortalDeviceTree.vue
  6. +10
    -3
      src/views/portal/index.vue

BIN
src/assets/portal/tree-collapse.png View File

Before After
Width: 50  |  Height: 217  |  Size: 6.2 KiB

+ 9
- 1
src/views/cards/patrolPlan/notstart.vue View File

@ -75,7 +75,9 @@
@click="handleQuery" @click="handleQuery"
>搜索</el-button >搜索</el-button
> >
<!-- 添加方案按钮汇聚门户进入的只读视图下隐藏 -->
<el-button <el-button
v-if="!$store.getters.fromPortal"
class="task-toolbar-btn" class="task-toolbar-btn"
type="primary" type="primary"
icon="el-icon-plus" icon="el-icon-plus"
@ -143,7 +145,13 @@
prop="taskCycle" prop="taskCycle"
:formatter="stateTask" :formatter="stateTask"
/> --> /> -->
<el-table-column label="操作" align="center" width="150" :resizable="true">
<el-table-column
v-if="!$store.getters.fromPortal"
label="操作"
align="center"
width="150"
:resizable="true"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip content="立即执行" placement="bottom"> <el-tooltip content="立即执行" placement="bottom">
<i <i


+ 17
- 3
src/views/cards/site_management/site_management.vue View File

@ -70,7 +70,9 @@
<div class="form" style="padding-top: 10px" ref="form"> <div class="form" style="padding-top: 10px" ref="form">
<div class="line"> <div class="line">
<div class="left-buttons"> <div class="left-buttons">
<!-- 添加点位按钮汇聚门户进入的只读视图下隐藏 -->
<el-button <el-button
v-if="!$store.getters.fromPortal"
type="primary" type="primary"
class="task-toolbar-btn" class="task-toolbar-btn"
@click="addAlertShow1" @click="addAlertShow1"
@ -83,8 +85,9 @@
icon="el-icon-plus" icon="el-icon-plus"
>添加</el-button >添加</el-button
> >
<!-- 批量删除模式切换按钮 -->
<!-- 批量删除模式切换按钮汇聚门户进入的只读视图下隐藏 -->
<el-button <el-button
v-if="!$store.getters.fromPortal"
class="task-toolbar-btn" class="task-toolbar-btn"
:type="batchDeleteMode ? 'info' : 'danger'" :type="batchDeleteMode ? 'info' : 'danger'"
@click="toggleBatchDeleteMode" @click="toggleBatchDeleteMode"
@ -95,7 +98,7 @@
</el-button> </el-button>
<!-- 确认删除按钮 - 仅在批量删除模式下显示 --> <!-- 确认删除按钮 - 仅在批量删除模式下显示 -->
<el-button <el-button
v-if="batchDeleteMode"
v-if="batchDeleteMode && !$store.getters.fromPortal"
type="danger" type="danger"
class="task-toolbar-btn" class="task-toolbar-btn"
@click="confirmBatchDelete" @click="confirmBatchDelete"
@ -312,7 +315,12 @@
</el-select> </el-select>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column label="操作" align="center" width="150">
<el-table-column
v-if="!$store.getters.fromPortal"
label="操作"
align="center"
width="150"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
class="task-row-btn" class="task-row-btn"
@ -488,7 +496,9 @@
<el-tabs v-model="activeTab" :stretch="true" class="right-tabs"> <el-tabs v-model="activeTab" :stretch="true" class="right-tabs">
<el-tab-pane label="视频设备预置点" name="first"> <el-tab-pane label="视频设备预置点" name="first">
<div class="eq-a2"> <div class="eq-a2">
<!-- 绑定入口汇聚门户进入的只读视图下隐藏 -->
<el-button <el-button
v-if="!$store.getters.fromPortal"
class="task-toolbar-btn" class="task-toolbar-btn"
@click="visibleShow1" @click="visibleShow1"
title="一个监控点位只允许绑定一个预置点" title="一个监控点位只允许绑定一个预置点"
@ -498,6 +508,7 @@
>绑定可见光监测点</el-button >绑定可见光监测点</el-button
> >
<el-button <el-button
v-if="!$store.getters.fromPortal"
class="task-toolbar-btn" class="task-toolbar-btn"
@click="infraredShow1" @click="infraredShow1"
title="一个监控点位只允许绑定一个预置点" title="一个监控点位只允许绑定一个预置点"
@ -539,6 +550,7 @@
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
v-if="!$store.getters.fromPortal"
label="操作" label="操作"
width="150" width="150"
fixed="right" fixed="right"
@ -832,6 +844,7 @@
> >
</div> </div>
<img <img
v-if="!$store.getters.fromPortal"
slot="reference" slot="reference"
class="alert1_img1" class="alert1_img1"
src="@/assets/images/r7.png" src="@/assets/images/r7.png"
@ -845,6 +858,7 @@
placeholder="请输入内容" placeholder="请输入内容"
></el-input> ></el-input>
<img <img
v-if="!$store.getters.fromPortal"
class="alert1_img1" class="alert1_img1"
@click="editPresetDot1" @click="editPresetDot1"
src="@/assets/images/r8.png" src="@/assets/images/r8.png"


+ 10
- 3
src/views/cards/taskSummary/inspectionTask.vue View File

@ -84,8 +84,9 @@
>下一天 >下一天
<i class="el-icon-arrow-right"></i> <i class="el-icon-arrow-right"></i>
</el-button> </el-button>
<!-- 添加批量归档按钮 -->
<!-- 添加批量归档按钮汇聚门户进入的只读视图下隐藏 -->
<el-button <el-button
v-if="!$store.getters.fromPortal"
class="task-toolbar-btn task-toolbar-btn-archive" class="task-toolbar-btn task-toolbar-btn-archive"
type="primary" type="primary"
icon="el-icon-folder-add" icon="el-icon-folder-add"
@ -115,8 +116,9 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
@header-dragend="handleHeaderDragend" @header-dragend="handleHeaderDragend"
> >
<!-- 添加复选框列 -->
<!-- 添加复选框列汇聚门户进入的只读视图下隐藏 -->
<el-table-column <el-table-column
v-if="!$store.getters.fromPortal"
type="selection" type="selection"
width="55" width="55"
align="center" align="center"
@ -240,7 +242,12 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" min-width="140">
<el-table-column
v-if="!$store.getters.fromPortal"
label="操作"
align="center"
min-width="140"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
class="task-row-btn" class="task-row-btn"


+ 1
- 1
src/views/portal/components/PortalDeviceTree.vue View File

@ -223,7 +223,7 @@ export default {
flex: 1; flex: 1;
min-height: 0; min-height: 0;
overflow: auto; overflow: auto;
padding: 0 0 8px;
padding: 8px;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #2f7fe8 rgba(6, 27, 79, 0.7); scrollbar-color: #2f7fe8 rgba(6, 27, 79, 0.7);
} }


+ 10
- 3
src/views/portal/index.vue View File

@ -247,12 +247,12 @@
<button <button
type="button" type="button"
class="tree-toggle" class="tree-toggle"
:class="{ collapsed: !treeVisible }"
:class="treeVisible ? 'open' : 'collapsed'"
:aria-expanded="String(treeVisible)" :aria-expanded="String(treeVisible)"
:title="treeVisible ? '隐藏设备树' : '显示设备树'" :title="treeVisible ? '隐藏设备树' : '显示设备树'"
@click="toggleDeviceTree" @click="toggleDeviceTree"
> >
<img :src="treeToggleIcon" alt="">
<img :src="treeVisible ? treeToggleIcon : treeCollapseIcon" alt="">
</button> </button>
</div> </div>
</section> </section>
@ -282,6 +282,7 @@ import iconDonghuan from "@/assets/portal/icon-donghuan.png";
import iconFire from "@/assets/portal/icon-fire.png"; import iconFire from "@/assets/portal/icon-fire.png";
import iconSecurity from "@/assets/portal/icon-security.png"; import iconSecurity from "@/assets/portal/icon-security.png";
import treeToggleIcon from "@/assets/portal/tree-toggle.png"; import treeToggleIcon from "@/assets/portal/tree-toggle.png";
import treeCollapseIcon from "@/assets/portal/tree-collapse.png";
const INSPECTION_CATEGORIES = ["表计", "外观", "红外"]; const INSPECTION_CATEGORIES = ["表计", "外观", "红外"];
const PORTAL_HLS_NO_RETRY_POLICY = { const PORTAL_HLS_NO_RETRY_POLICY = {
@ -378,6 +379,7 @@ export default {
triangleIcon, triangleIcon,
enterIcon, enterIcon,
treeToggleIcon, treeToggleIcon,
treeCollapseIcon,
navItems: [ navItems: [
{ key: "home", label: "首页" }, { key: "home", label: "首页" },
{ key: "patrol", label: "动环巡检" }, { key: "patrol", label: "动环巡检" },
@ -1584,6 +1586,10 @@ $panel-border: rgba(84, 130, 255, 0.22);
filter: brightness(1.2) drop-shadow(0 0 6px rgba(32, 218, 255, 0.65)); filter: brightness(1.2) drop-shadow(0 0 6px rgba(32, 218, 255, 0.65));
} }
/* 树展开时:按钮贴到树面板左缘,显示收起箭头 */
&.open {
right: 38.3%;
}
} }
:deep(.panel-select.el-select), :deep(.panel-select.el-select),
@ -1820,7 +1826,8 @@ $panel-border: rgba(84, 130, 255, 0.22);
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover;
/* contain:完整显示画面不裁切;树打开格子变窄时两侧留底色而不是切割视频 */
object-fit: contain;
background: #050b24; background: #050b24;
&.hidden { &.hidden {


Loading…
Cancel
Save