Merge branch 'master' of http://192.168.1.22:3000/frontend/admin-sjzx
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-select v-model="interval" style="min-width: 90px;width: 90px; margin-right: 10px" @change="timeChange">
|
<el-select v-model="interval" style="min-width: 90px; width: 90px; margin-right: 10px" @change="timeChange">
|
||||||
<el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
<el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { DArrowLeft, VideoPause, DArrowRight } from '@element-plus/icons-vue'
|
import { DArrowLeft, VideoPause, DArrowRight } from '@element-plus/icons-vue'
|
||||||
import { ref, onMounted } from 'vue'
|
import { ref, onMounted, nextTick } from 'vue'
|
||||||
|
|
||||||
const interval = ref(3)
|
const interval = ref(3)
|
||||||
const timeFlag = ref(1)
|
const timeFlag = ref(1)
|
||||||
@@ -31,13 +31,13 @@ const disabledPicker = ref(true)
|
|||||||
const timeValue = ref()
|
const timeValue = ref()
|
||||||
const backDisabled = ref(false)
|
const backDisabled = ref(false)
|
||||||
const preDisabled = ref(false)
|
const preDisabled = ref(false)
|
||||||
const timeOptions = [
|
const timeOptions: any = ref([
|
||||||
{ label: '年份', value: 1 },
|
{ label: '年份', value: 1 },
|
||||||
{ label: '季度', value: 2 },
|
{ label: '季度', value: 2 },
|
||||||
{ label: '月份', value: 3 },
|
{ label: '月份', value: 3 },
|
||||||
{ label: '周', value: 4 },
|
{ label: '周', value: 4 },
|
||||||
{ label: '自定义', value: 5 }
|
{ label: '自定义', value: 5 }
|
||||||
]
|
])
|
||||||
const shortcuts = [
|
const shortcuts = [
|
||||||
{
|
{
|
||||||
text: '最近一周',
|
text: '最近一周',
|
||||||
@@ -447,7 +447,11 @@ const NowgetEndTime = () => {
|
|||||||
let endTime = year + sep + month + sep + date
|
let endTime = year + sep + month + sep + date
|
||||||
return endTime
|
return endTime
|
||||||
}
|
}
|
||||||
defineExpose({ timeValue, interval, timeFlag })
|
const setTimeOptions = (list: any) => {
|
||||||
|
timeOptions.value = list
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({ timeValue, interval, timeFlag, setTimeOptions })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -153,7 +153,12 @@ const onComSearch = async () => {
|
|||||||
const onResetForm = () => {
|
const onResetForm = () => {
|
||||||
tableStore.onTableAction('reset', {})
|
tableStore.onTableAction('reset', {})
|
||||||
}
|
}
|
||||||
defineExpose({ onComSearch, areaRef })
|
const setDatePicker = (list:any) => {
|
||||||
|
datePickerRef.value.setTimeOptions(list)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({ onComSearch, areaRef, setDatePicker })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|||||||
@@ -1,31 +1,31 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class='nav-tabs' ref='tabScrollbarRef'>
|
<div class="nav-tabs" ref="tabScrollbarRef">
|
||||||
<div
|
<div
|
||||||
v-for='(item, idx) in navTabs.state.tabsView'
|
v-for="(item, idx) in navTabs.state.tabsView"
|
||||||
@click='onTab(item)'
|
@click="onTab(item)"
|
||||||
@contextmenu.prevent='onContextmenu(item, $event)'
|
@contextmenu.prevent="onContextmenu(item, $event)"
|
||||||
class='ba-nav-tab'
|
class="ba-nav-tab"
|
||||||
:class="navTabs.state.activeIndex == idx ? 'active' : ''"
|
:class="navTabs.state.activeIndex == idx ? 'active' : ''"
|
||||||
:ref='tabsRefs.set'
|
:ref="tabsRefs.set"
|
||||||
:key='idx'
|
:key="idx"
|
||||||
>
|
>
|
||||||
{{ item.meta.title }}
|
{{ item.meta.title }}
|
||||||
<transition @after-leave='selectNavTab(tabsRefs[navTabs.state.activeIndex])' name='el-fade-in'>
|
<transition @after-leave="selectNavTab(tabsRefs[navTabs.state.activeIndex])" name="el-fade-in">
|
||||||
<Icon
|
<Icon
|
||||||
v-show='navTabs.state.tabsView.length > 1'
|
v-show="navTabs.state.tabsView.length > 1"
|
||||||
class='close-icon'
|
class="close-icon"
|
||||||
@click.stop='closeTab(item)'
|
@click.stop="closeTab(item)"
|
||||||
size='15'
|
size="15"
|
||||||
name='el-icon-Close'
|
name="el-icon-Close"
|
||||||
/>
|
/>
|
||||||
</transition>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div :style='activeBoxStyle' class='nav-tabs-active-box'></div>-->
|
<!-- <div :style='activeBoxStyle' class='nav-tabs-active-box'></div>-->
|
||||||
</div>
|
</div>
|
||||||
<Contextmenu ref='contextmenuRef' :items='state.contextmenuItems' @contextmenuItemClick='onContextmenuItem' />
|
<Contextmenu ref="contextmenuRef" :items="state.contextmenuItems" @contextmenuItemClick="onContextmenuItem" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import { nextTick, onMounted, reactive, ref } from 'vue'
|
import { nextTick, onMounted, reactive, ref } from 'vue'
|
||||||
import { useRoute, useRouter, onBeforeRouteUpdate, type RouteLocationNormalized } from 'vue-router'
|
import { useRoute, useRouter, onBeforeRouteUpdate, type RouteLocationNormalized } from 'vue-router'
|
||||||
import { useConfig } from '@/stores/config'
|
import { useConfig } from '@/stores/config'
|
||||||
@@ -85,7 +85,7 @@ const onContextmenu = (menu: RouteLocationNormalized, el: MouseEvent) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// tab 激活状态切换
|
// tab 激活状态切换
|
||||||
const selectNavTab = function(dom: HTMLDivElement) {
|
const selectNavTab = function (dom: HTMLDivElement) {
|
||||||
if (!dom) {
|
if (!dom) {
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
@@ -169,7 +169,7 @@ const onContextmenuItem = async (item: ContextmenuItemClickEmitArg) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const updateTab = function(newRoute: RouteLocationNormalized) {
|
const updateTab = function (newRoute: RouteLocationNormalized) {
|
||||||
// 添加tab
|
// 添加tab
|
||||||
navTabs.addTab(newRoute)
|
navTabs.addTab(newRoute)
|
||||||
// 激活当前tab
|
// 激活当前tab
|
||||||
@@ -181,7 +181,10 @@ const updateTab = function(newRoute: RouteLocationNormalized) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onBeforeRouteUpdate(async to => {
|
onBeforeRouteUpdate(async to => {
|
||||||
updateTab(to)
|
|
||||||
|
|
||||||
|
updateTab(to)
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@@ -190,7 +193,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang='scss'>
|
<style scoped lang="scss">
|
||||||
.dark {
|
.dark {
|
||||||
.close-icon {
|
.close-icon {
|
||||||
color: v-bind('config.getColorVal("headerBarTabColor")') !important;
|
color: v-bind('config.getColorVal("headerBarTabColor")') !important;
|
||||||
|
|||||||
@@ -20,6 +20,8 @@ router.beforeEach((to, from, next) => {
|
|||||||
if (to.path == '/login' || to.path == '/404') {
|
if (to.path == '/login' || to.path == '/404') {
|
||||||
// 登录或者注册才可以往下进行
|
// 登录或者注册才可以往下进行
|
||||||
next()
|
next()
|
||||||
|
} else if (to.path == '/admin/center/homePage') {
|
||||||
|
window.open(window.location.origin + '/homePage')
|
||||||
} else {
|
} else {
|
||||||
// 获取 token
|
// 获取 token
|
||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
|
|||||||
11
src/views/pms/largeScreen/index.vue
Normal file
11
src/views/pms/largeScreen/index.vue
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div> </div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup lang='ts'>
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<TableHeader datePicker>
|
<TableHeader datePicker ref="TableHeaderRef">
|
||||||
<template #select>
|
<template #select>
|
||||||
<el-form-item label="筛选">
|
<el-form-item label="筛选">
|
||||||
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="输入关键字筛选" />
|
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="输入关键字筛选" />
|
||||||
@@ -45,6 +45,7 @@ defineOptions({
|
|||||||
const dialogAnalysis = ref(false)
|
const dialogAnalysis = ref(false)
|
||||||
const AnalysisData = ref([])
|
const AnalysisData = ref([])
|
||||||
const tableRef = ref()
|
const tableRef = ref()
|
||||||
|
const TableHeaderRef = ref()
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/advance-boot/process/queryEventsAssPage',
|
url: '/advance-boot/process/queryEventsAssPage',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
@@ -101,6 +102,12 @@ const tableStore = new TableStore({
|
|||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
|
TableHeaderRef.value.setDatePicker([
|
||||||
|
{ label: '年份', value: 1 },
|
||||||
|
{ label: '季度', value: 2 },
|
||||||
|
{ label: '月份', value: 3 },
|
||||||
|
{ label: '周', value: 4 }
|
||||||
|
])
|
||||||
})
|
})
|
||||||
//分析记录管理
|
//分析记录管理
|
||||||
const analysis = () => {
|
const analysis = () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user