修改菜单层级结构,及部分样式问题
This commit is contained in:
parent
36f4fd992c
commit
501e3f4629
|
@ -101,6 +101,7 @@ export default {
|
||||||
this.menus = f.children
|
this.menus = f.children
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
console.log("路由信息",this.menus);
|
||||||
this.initDefaultKeys(this.menus[0])
|
this.initDefaultKeys(this.menus[0])
|
||||||
// 将从缓存中取出openKeys
|
// 将从缓存中取出openKeys
|
||||||
const openKeys = window.sessionStorage.getItem('openKeys')
|
const openKeys = window.sessionStorage.getItem('openKeys')
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
|
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
|
||||||
<a-space style="float: right" class="btn-group" slot="additional">
|
<a-space style="float: right" class="btn-group" slot="additional">
|
||||||
<a-button @click="handleEdit" type="primary">
|
<a-button @click="handleEdit" type="primary">
|
||||||
<img src="@/assets/images/global/edit.png" alt="" />
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
Excel
|
Excel
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-space>
|
</a-space>
|
||||||
|
@ -35,7 +35,6 @@ const columns = [
|
||||||
{
|
{
|
||||||
title: 'NO',
|
title: 'NO',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 50,
|
|
||||||
scopedSlots: {
|
scopedSlots: {
|
||||||
customRender: 'index',
|
customRender: 'index',
|
||||||
},
|
},
|
||||||
|
@ -58,37 +57,32 @@ const columns = [
|
||||||
title: 'STATION',
|
title: 'STATION',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'stationName',
|
dataIndex: 'stationName',
|
||||||
width: 130,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'DETECTOR CODE',
|
title: 'DETECTOR CODE',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'siteDetCode',
|
dataIndex: 'siteDetCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'SPECTRAL QUALIFIER',
|
title: 'SPECTRAL QUALIFIER',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'spectralQualifie',
|
dataIndex: 'spectralQualifie',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION START TIME',
|
title: 'ACQUISITION START TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'acquisitionStart',
|
dataIndex: 'acquisitionStart',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION STOP TIME',
|
title: 'ACQUISITION STOP TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 120,
|
|
||||||
dataIndex: 'acquisitionStop',
|
dataIndex: 'acquisitionStop',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
||||||
import { getAction } from '../../api/manage'
|
import { getAction } from '../../../../../api/manage'
|
||||||
import dateFormat from '../../components/jeecg/JEasyCron/format-date'
|
import dateFormat from '../../../../../components/jeecg/JEasyCron/format-date'
|
||||||
import Detail from "./detail.vue"
|
import Detail from "../../../detail.vue"
|
||||||
export default {
|
export default {
|
||||||
name: 'menuTree',
|
name: 'menuTree',
|
||||||
mixins: [JeecgListMixin],
|
mixins: [JeecgListMixin],
|
||||||
|
@ -248,9 +242,8 @@ export default {
|
||||||
type: 'custom-date-picker',
|
type: 'custom-date-picker',
|
||||||
name: 'startTime',
|
name: 'startTime',
|
||||||
props: {
|
props: {
|
||||||
showTime: { format: 'HH:mm' },
|
|
||||||
format: 'YYYY-MM-DD',
|
format: 'YYYY-MM-DD',
|
||||||
valueFormat: 'YYYY-MM-DD:ss',
|
valueFormat: 'YYYY-MM-DD',
|
||||||
style: {
|
style: {
|
||||||
minWidth: 'auto',
|
minWidth: 'auto',
|
||||||
width: '200px',
|
width: '200px',
|
||||||
|
@ -265,9 +258,8 @@ export default {
|
||||||
type: 'custom-date-picker',
|
type: 'custom-date-picker',
|
||||||
name: 'endTime',
|
name: 'endTime',
|
||||||
props: {
|
props: {
|
||||||
showTime: { format: 'HH:mm' },
|
|
||||||
format: 'YYYY-MM-DD',
|
format: 'YYYY-MM-DD',
|
||||||
valueFormat: 'YYYY-MM-DD:ss',
|
valueFormat: 'YYYY-MM-DD',
|
||||||
style: {
|
style: {
|
||||||
minWidth: 'auto',
|
minWidth: 'auto',
|
||||||
width: '200px',
|
width: '200px',
|
||||||
|
@ -283,6 +275,8 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
.icon-edit{
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -5,14 +5,13 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import List from "./list.vue"
|
import List from "../../../list.vue"
|
||||||
import { getAction } from '../../api/manage'
|
import { getAction } from '../../../../../api/manage'
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: 'NO',
|
title: 'NO',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 50,
|
|
||||||
scopedSlots: {
|
scopedSlots: {
|
||||||
customRender: 'index',
|
customRender: 'index',
|
||||||
},
|
},
|
||||||
|
@ -35,36 +34,30 @@ const columns = [
|
||||||
title: 'STATION',
|
title: 'STATION',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'stationName',
|
dataIndex: 'stationName',
|
||||||
width: 130,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'DETECTOR CODE',
|
title: 'DETECTOR CODE',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'siteDetCode',
|
dataIndex: 'siteDetCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'SPECTRAL QUALIFIER',
|
title: 'SPECTRAL QUALIFIER',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'spectralQualifie',
|
dataIndex: 'spectralQualifie',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION START TIME',
|
title: 'ACQUISITION START TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'acquisitionStart',
|
dataIndex: 'acquisitionStart',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION STOP TIME',
|
title: 'ACQUISITION STOP TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 120,
|
|
||||||
dataIndex: 'acquisitionStop',
|
dataIndex: 'acquisitionStop',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'CALIB REPORTS',
|
title: 'CALIB REPORTS',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 120,
|
|
||||||
dataIndex: 'calibReports',
|
dataIndex: 'calibReports',
|
||||||
},
|
},
|
||||||
]
|
]
|
|
@ -5,14 +5,13 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import List from "./list.vue"
|
import List from "../../../list.vue"
|
||||||
import { getAction } from '../../api/manage'
|
import { getAction } from '../../../../../api/manage'
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: 'NO',
|
title: 'NO',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 50,
|
|
||||||
scopedSlots: {
|
scopedSlots: {
|
||||||
customRender: 'index',
|
customRender: 'index',
|
||||||
},
|
},
|
||||||
|
@ -35,30 +34,25 @@ const columns = [
|
||||||
title: 'STATION',
|
title: 'STATION',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'stationName',
|
dataIndex: 'stationName',
|
||||||
width: 130,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'DETECTOR CODE',
|
title: 'DETECTOR CODE',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'siteDetCode',
|
dataIndex: 'siteDetCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'SPECTRAL QUALIFIER',
|
title: 'SPECTRAL QUALIFIER',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'spectralQualifie',
|
dataIndex: 'spectralQualifie',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION START TIME',
|
title: 'ACQUISITION START TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'acquisitionStart',
|
dataIndex: 'acquisitionStart',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION STOP TIME',
|
title: 'ACQUISITION STOP TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 120,
|
|
||||||
dataIndex: 'acquisitionStop',
|
dataIndex: 'acquisitionStop',
|
||||||
},
|
},
|
||||||
]
|
]
|
|
@ -5,14 +5,13 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import List from "./list.vue"
|
import List from "../../../list.vue"
|
||||||
import { getAction } from '../../api/manage'
|
import { getAction } from '../../../../../api/manage'
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: 'NO',
|
title: 'NO',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 50,
|
|
||||||
scopedSlots: {
|
scopedSlots: {
|
||||||
customRender: 'index',
|
customRender: 'index',
|
||||||
},
|
},
|
||||||
|
@ -35,30 +34,25 @@ const columns = [
|
||||||
title: 'STATION',
|
title: 'STATION',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'stationName',
|
dataIndex: 'stationName',
|
||||||
width: 130,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'DETECTOR CODE',
|
title: 'DETECTOR CODE',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'siteDetCode',
|
dataIndex: 'siteDetCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'SPECTRAL QUALIFIER',
|
title: 'SPECTRAL QUALIFIER',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'spectralQualifie',
|
dataIndex: 'spectralQualifie',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION START TIME',
|
title: 'ACQUISITION START TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'acquisitionStart',
|
dataIndex: 'acquisitionStart',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION STOP TIME',
|
title: 'ACQUISITION STOP TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 120,
|
|
||||||
dataIndex: 'acquisitionStop',
|
dataIndex: 'acquisitionStop',
|
||||||
},
|
},
|
||||||
]
|
]
|
|
@ -5,14 +5,13 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import List from "./list.vue"
|
import List from "../../../list.vue"
|
||||||
import { getAction } from '../../api/manage'
|
import { getAction } from '../../../../../api/manage'
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: 'NO',
|
title: 'NO',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 50,
|
|
||||||
scopedSlots: {
|
scopedSlots: {
|
||||||
customRender: 'index',
|
customRender: 'index',
|
||||||
},
|
},
|
||||||
|
@ -35,31 +34,26 @@ const columns = [
|
||||||
title: 'STATION',
|
title: 'STATION',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'stationName',
|
dataIndex: 'stationName',
|
||||||
width: 130,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'DETECTOR CODE',
|
title: 'DETECTOR CODE',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'siteDetCode',
|
dataIndex: 'siteDetCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'SPECTRAL QUALIFIER',
|
title: 'SPECTRAL QUALIFIER',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'spectralQualifie',
|
dataIndex: 'spectralQualifie',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION START TIME',
|
title: 'COLLECTION START TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
dataIndex: 'collectStart',
|
||||||
dataIndex: 'acquisitionStart',
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION STOP TIME',
|
title: 'COLLECTION STOP TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 120,
|
dataIndex: 'collectStop',
|
||||||
dataIndex: 'acquisitionStop',
|
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
export default {
|
export default {
|
|
@ -5,14 +5,13 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import List from "./list.vue"
|
import List from "../../../list.vue"
|
||||||
import { getAction } from '../../api/manage'
|
import { getAction } from '../../../../../api/manage'
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
title: 'NO',
|
title: 'NO',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 50,
|
|
||||||
scopedSlots: {
|
scopedSlots: {
|
||||||
customRender: 'index',
|
customRender: 'index',
|
||||||
},
|
},
|
||||||
|
@ -35,31 +34,26 @@ const columns = [
|
||||||
title: 'STATION',
|
title: 'STATION',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'stationName',
|
dataIndex: 'stationName',
|
||||||
width: 130,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'DETECTOR CODE',
|
title: 'DETECTOR CODE',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'siteDetCode',
|
dataIndex: 'siteDetCode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'SPECTRAL QUALIFIER',
|
title: 'SPECTRAL QUALIFIER',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
|
||||||
dataIndex: 'spectralQualifie',
|
dataIndex: 'spectralQualifie',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION START TIME',
|
title: 'COLLECTION START TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 100,
|
dataIndex: 'collectionStart',
|
||||||
dataIndex: 'acquisitionStart',
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'ACQUISITION STOP TIME',
|
title: 'COLLECTION STOP TIME',
|
||||||
align: 'left',
|
align: 'left',
|
||||||
width: 120,
|
dataIndex: 'collectionStop',
|
||||||
dataIndex: 'acquisitionStop',
|
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
export default {
|
export default {
|
Loading…
Reference in New Issue
Block a user