|
@@ -2,18 +2,18 @@
|
|
<div class="hc-layout-box anonaly-page">
|
|
<div class="hc-layout-box anonaly-page">
|
|
<hc-card :scrollbar="false" action-size="lg">
|
|
<hc-card :scrollbar="false" action-size="lg">
|
|
<template #header>
|
|
<template #header>
|
|
- <el-select v-model="searchForm.key1" class="w-[148px]" placeholder="异常类型">
|
|
|
|
|
|
+ <el-select v-model="searchForm.type" class="w-[148px]" placeholder="异常类型">
|
|
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
</el-select>
|
|
- <el-select v-model="searchForm.key2" class="ml-2 w-[100px]" placeholder="异常等级">
|
|
|
|
|
|
+ <el-select v-model="searchForm.grade" class="ml-2 w-[100px]" placeholder="异常等级">
|
|
<el-option v-for="item in levelOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
<el-option v-for="item in levelOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
</el-select>
|
|
- <el-select v-model="searchForm.key3" class="ml-2 w-[100px]" placeholder="是否撤销">
|
|
|
|
|
|
+ <el-select v-model="searchForm.isAnnul" class="ml-2 w-[100px]" placeholder="是否撤销">
|
|
<el-option :value="1" label="是" />
|
|
<el-option :value="1" label="是" />
|
|
- <el-option :value="2" label="否" />
|
|
|
|
|
|
+ <el-option :value="0" label="否" />
|
|
</el-select>
|
|
</el-select>
|
|
<div class="relative ml-3 w-[300px]">
|
|
<div class="relative ml-3 w-[300px]">
|
|
- <hc-search-input v-model="searchForm.queryValue" color="#151921" text="搜索" @search="searchClick" />
|
|
|
|
|
|
+ <hc-search-input v-model="searchForm.searchValue" color="#151921" text="搜索" @search="searchClick" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<template #extra>
|
|
<template #extra>
|
|
@@ -57,17 +57,32 @@
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
import { onMounted, ref } from 'vue'
|
|
import { onMounted, ref } from 'vue'
|
|
|
|
+import mainApi from '~api/anomaly/api'
|
|
|
|
|
|
|
|
+//渲染完成
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
|
|
|
})
|
|
})
|
|
|
|
|
|
//搜索表单
|
|
//搜索表单
|
|
const searchForm = ref({
|
|
const searchForm = ref({
|
|
- queryValue: null, current: 1, size: 20, total: 0, key1: '', key2: '', key3: '',
|
|
|
|
|
|
+ searchValue: null, current: 1, size: 20, total: 0, key1: '', key2: '', key3: '',
|
|
})
|
|
})
|
|
-const typeOptions = ref([{ value: '1', label: '项目进度异常' }, { value: '2', label: '项目投资异常' }])
|
|
|
|
-const levelOptions = ref([{ value: '1', label: '三级' }, { value: '2', label: '二级' }])
|
|
|
|
|
|
+
|
|
|
|
+const typeOptions = ref([{ value: '2', label: '项目进度异常' }, { value: '1', label: '项目投资异常' }])
|
|
|
|
+const levelOptions = ref([{ value: '1', label: '一级' }, { value: '2', label: '二级' }, { value: '2', label: '三级' }])
|
|
|
|
+
|
|
|
|
+const searchClick = () => {
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+//分页被点击
|
|
|
|
+const pageChange = ({ current, size }) => {
|
|
|
|
+ searchForm.value.current = current
|
|
|
|
+ searchForm.value.size = size
|
|
|
|
+ getTableData()
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+//表格
|
|
const tableColumn = [
|
|
const tableColumn = [
|
|
{ key: 'key1', name: '项目名称', align: 'center' },
|
|
{ key: 'key1', name: '项目名称', align: 'center' },
|
|
{ key: 'key2', name: '异常类型', align: 'center' },
|
|
{ key: 'key2', name: '异常类型', align: 'center' },
|
|
@@ -79,37 +94,10 @@ const tableColumn = [
|
|
{ key: 'key8', name: '撤销结束时间', align: 'center' },
|
|
{ key: 'key8', name: '撤销结束时间', align: 'center' },
|
|
{ key: 'action', name: '操作', fixed: 'right', align: 'center' },
|
|
{ key: 'action', name: '操作', fixed: 'right', align: 'center' },
|
|
]
|
|
]
|
|
-const tableData = ref([
|
|
|
|
- {
|
|
|
|
- key1: '成渝高速',
|
|
|
|
- key2: '项目进度异常',
|
|
|
|
- key3: '第一季度',
|
|
|
|
- key4: '2021-3-1 14:31',
|
|
|
|
- key5: '三级',
|
|
|
|
- key6: '否',
|
|
|
|
- key7: '',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- key1: '成渝高速',
|
|
|
|
- key2: '项目进度异常',
|
|
|
|
- key3: '第一季度',
|
|
|
|
- key4: '2021-3-1 14:31',
|
|
|
|
- key5: '一级',
|
|
|
|
- key6: '否',
|
|
|
|
- key7: '',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- key1: '成渝铁路重庆站至江津段改造',
|
|
|
|
- key2: '项目进度异常',
|
|
|
|
- key3: '第一季度',
|
|
|
|
- key4: '2021-3-1 14:31',
|
|
|
|
- key5: '二级',
|
|
|
|
- key6: '否',
|
|
|
|
- key7: '',
|
|
|
|
- },
|
|
|
|
-])
|
|
|
|
|
|
+const tableData = ref([])
|
|
|
|
+
|
|
//设置单元格的样式
|
|
//设置单元格的样式
|
|
-const tableCellStyle = ({ row, column, rowIndex, columnIndex }) => {
|
|
|
|
|
|
+const tableCellStyle = ({ row, column }) => {
|
|
if (column.property === 'key5' && row.key5 === '二级') {
|
|
if (column.property === 'key5' && row.key5 === '二级') {
|
|
return {
|
|
return {
|
|
backgroundColor: '#FF9102',
|
|
backgroundColor: '#FF9102',
|
|
@@ -127,19 +115,12 @@ const tableCellStyle = ({ row, column, rowIndex, columnIndex }) => {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-const getTableData = () => {
|
|
|
|
|
|
+
|
|
|
|
+const getTableData = async () => {
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
-const searchClick = () => {
|
|
|
|
|
|
|
|
-}
|
|
|
|
-//分页被点击
|
|
|
|
-const pageChange = ({ current, size }) => {
|
|
|
|
- searchForm.value.current = current
|
|
|
|
- searchForm.value.size = size
|
|
|
|
- getTableData()
|
|
|
|
-}
|
|
|
|
const tableCheckedKeys = ref([])
|
|
const tableCheckedKeys = ref([])
|
|
//多选事件
|
|
//多选事件
|
|
const tableSelectionChange = (rows) => {
|
|
const tableSelectionChange = (rows) => {
|