|
|
@ -31,10 +31,13 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div v-for="(item, index) in levelTree"
|
|
|
|
<div v-for="(item, index) in levelTree"
|
|
|
|
@click="handleClickTree(item, index)"
|
|
|
|
@click="handleClickTree(item, index)"
|
|
|
|
:class="{ active: item.active,redColor:item.key=='CAUTION_NOTICE' }" class="box-item">
|
|
|
|
:class="{ active: item.active, redColor: item.key == 'CAUTION_NOTICE' }"
|
|
|
|
|
|
|
|
class="box-item">
|
|
|
|
<div class="box-text">
|
|
|
|
<div class="box-text">
|
|
|
|
<i v-if="item.key != 'CAUTION_NOTICE'" class="icon-touzijilu iconfont"></i>
|
|
|
|
<i v-if="item.key != 'CAUTION_NOTICE'"
|
|
|
|
<i v-if="item.key == 'CAUTION_NOTICE'" class="icon-jinggao iconfont"></i>
|
|
|
|
class="icon-touzijilu iconfont"></i>
|
|
|
|
|
|
|
|
<i v-if="item.key == 'CAUTION_NOTICE'"
|
|
|
|
|
|
|
|
class="icon-jinggao iconfont"></i>
|
|
|
|
{{ item.name }}
|
|
|
|
{{ item.name }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="box-number">{{ item.total }}</div>
|
|
|
|
<div class="box-number">{{ item.total }}</div>
|
|
|
@ -244,15 +247,17 @@
|
|
|
|
</a-modal>
|
|
|
|
</a-modal>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
|
|
<script lang="ts" setup name="任务管理">
|
|
|
|
import { ref, onMounted } from 'vue'
|
|
|
|
import { ref, onMounted, watch } from 'vue'
|
|
|
|
import { formatParams } from '/@/hooks/web/common'
|
|
|
|
import { formatParams } from '/@/hooks/web/common'
|
|
|
|
import { searchFormSchema } from './columns'
|
|
|
|
import { searchFormSchema } from './columns'
|
|
|
|
import { useOptionsStore } from '/@/store/modules/options'
|
|
|
|
import { useOptionsStore } from '/@/store/modules/options'
|
|
|
|
const optionsStore = useOptionsStore()
|
|
|
|
const optionsStore = useOptionsStore()
|
|
|
|
import { BasicTable, useTable, TableAction } from '/@/components/Table'
|
|
|
|
import { BasicTable, useTable, TableAction } from '/@/components/Table'
|
|
|
|
import { useMessage } from '../../hooks/web/useMessage'
|
|
|
|
import { useMessage } from '../../hooks/web/useMessage'
|
|
|
|
|
|
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
|
const { createMessage } = useMessage()
|
|
|
|
const { createMessage } = useMessage()
|
|
|
|
|
|
|
|
const route = useRoute();
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
GetCurrentTotalStat, GetPageAsync, TaskManageTruckGetInfoByTaskId,
|
|
|
|
GetCurrentTotalStat, GetPageAsync, TaskManageTruckGetInfoByTaskId,
|
|
|
|
TaskManageTruckPrintTemplateWithHistoryList,
|
|
|
|
TaskManageTruckPrintTemplateWithHistoryList,
|
|
|
@ -297,7 +302,11 @@ onMounted(() => {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
watch(() => route.fullPath, (val) => {
|
|
|
|
|
|
|
|
if (val === '/taskmanage') {
|
|
|
|
|
|
|
|
refshTotalStat()
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}, { deep: true });
|
|
|
|
|
|
|
|
|
|
|
|
const levelreLoading = ref(false)
|
|
|
|
const levelreLoading = ref(false)
|
|
|
|
const levelLoading = ref(false)
|
|
|
|
const levelLoading = ref(false)
|
|
|
@ -349,6 +358,26 @@ function getCurrentTotalStat() {
|
|
|
|
levelreLoading.value = false
|
|
|
|
levelreLoading.value = false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function refshTotalStat() {
|
|
|
|
|
|
|
|
levelreLoading.value = true
|
|
|
|
|
|
|
|
levelLoading.value = true
|
|
|
|
|
|
|
|
GetCurrentTotalStat({
|
|
|
|
|
|
|
|
isReCalc: false
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
.then(res => {
|
|
|
|
|
|
|
|
levelLoading.value = false
|
|
|
|
|
|
|
|
levelreLoading.value = false
|
|
|
|
|
|
|
|
levelTop.value = res.data.levelTop
|
|
|
|
|
|
|
|
levelNextAll.value = res.data.levelNext
|
|
|
|
|
|
|
|
levelTreeAll.value = res.data.levelTree
|
|
|
|
|
|
|
|
reload()
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
.catch(err => {
|
|
|
|
|
|
|
|
levelLoading.value = false
|
|
|
|
|
|
|
|
levelreLoading.value = false
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
function selectNextLevel(list, key) {
|
|
|
|
function selectNextLevel(list, key) {
|
|
|
|
const arr = [] as any
|
|
|
|
const arr = [] as any
|
|
|
|
list.map((item, index) => {
|
|
|
|
list.map((item, index) => {
|
|
|
@ -1196,9 +1225,11 @@ function handleClickTree(row, index) {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
font-size: 14px
|
|
|
|
font-size: 14px
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
|
|
|
|
|
|
|
|
.box-text {
|
|
|
|
.box-text {
|
|
|
|