Tenlion/bt-xtgxq-system-bigdata-examine
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调度员表

Browse Source
This commit is contained in:
TS-QD1 2023-05-05 10:05:31 +08:00
parent 553d244b43
commit b3798fef0a
3 changed files with 142 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/App.vue
View File

@ -1,13 +1,14 @@
<template>
<n-message-provider>
<!-- <scroing/> -->
<wgy />
<!-- <wgy /> -->
<ddy/>
</n-message-provider>
</template>
<script setup>
import { NMessageProvider } from 'naive-ui';
import Wgy from './components/wgy/Wgy.vue';
import Ddy from './components/ddy/Ddy.vue';
</script>
<style scoped></style>

135
src/components/ddy/Ddy.vue Normal file
View File

@ -0,0 +1,135 @@
<template>
<n-space vertical>
<n-data-table :columns="table.columns" :data="table.data" :bordered="true" :single-line="false"
:min-height="table.minHeight" :max-height="table.maxHeight" :scroll-x="table.scrollX" />
</n-space>
</template>
<script>
import { h } from 'vue'
import {
NSpace,
NGrid,
NGridItem,
NDataTable,
NSelect,
NInput,
NButton,
} from 'naive-ui'
export default {
name: 'Ddy',
components: {
NSpace,
NGrid,
NGridItem,
NDataTable,
NSelect,
NInput,
NButton,
},
data() {
let vueSelf = this;
return {
table: {
minHeight: 300,
maxHeight: 300,
scrollX: 800,
columns: [
{
align: 'center',
title: '序号',
key: 'A',
keyName: 'key',
fixed: 'left',
width: 60
},
{
align: 'center',
title: '姓名',
key: 'B',
keyName: 'name',
fixed: 'left',
width: 60
},
{
align: 'center',
title: '签到情况（30分）',
key: 'C',
keyName: 'sign',
width: 60
},
{
align: 'center',
title: '网格案件调度情况',
children: [
{
align: 'center',
title: '基础分',
key: 'D',
keyName: 'baseScore',
width: 60
},
{
align: 'center',
title: '案件调度',
key: 'dispatchCase',
width: 60,
children: [
{
align: 'center',
title: '数量',
key: 'E',
keyName: 'dispatchCaseCount',
width: 60
},
{
align: 'center',
title: '扣分',
key: 'F',
keyName: 'dispatchCaseDeductPoints',
width: 60
}
]
},
{
align: 'center',
title: '案件调度过程质量凡属下列情况之一经核准予以扣分',
width: 60,
children: [
{
align: 'center',
title: '应调度却未及时调度',
key: 'G',
keyName: 'shouldButNot',
width: 60,
render(row, index) {
return h('a', {
href: 'javascript:void(0)',
onClick() {
vueSelf.onReportDayClick(row, index)
}
}, row.G)
}
}
]
},
]
},
],
data: []
}
}
},
methods: {
},
mounted() {
}
}
</script>
<style lang="stylus" scoped>
</style>

9
src/components/wgy/Wgy.vue
View File

@ -43,7 +43,7 @@
</n-space>
<n-space class="body">
<n-data-table size="small" :columns="table.columns" :data="table.data" :bordered="true" :single-line="false"
:min-height="300" :max-height="300" :scroll-x="2420" />
:min-height="table.minHeight" :max-height="table.maxHeight" :scroll-x="table.scrollX" />
</n-space>
</n-space>
<n-modal preset="dialog" style="width: 800px" :show="modal.distance.show" :show-icon="false" :mask-closable="true"
@ -136,10 +136,9 @@ export default {
}
},
table: {
scrollbar: {
trigger: 'hover',
xScrollable: true,
},
minHeight: 300,
maxHeight: 300,
scrollX: 2420,
columns: [
{
align: 'center',