108 lines
2.3 KiB
JavaScript
108 lines
2.3 KiB
JavaScript
|
import { h, ref, reactive } from 'vue'
|
|||
|
|
import TableAction from '@/components/DataTable/tools/Action.vue'
|
|||
|
|
|
|||
|
|
/* 注册table */
|
|||
|
|
const tableRef = ref()
|
|||
|
|
const searchParams = ref()
|
|||
|
|
|
|||
|
|
function handleSearch(params) {
|
|||
|
|
searchParams.value = { ...params }
|
|||
|
|
tableRef.value.reFetch({ searchParams })
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description: 获取数据及操作
|
|||
|
|
* @param {*} row 单行数据
|
|||
|
|
* @param {*} type 操作类型 create:创建，preview:预览，edit:编辑
|
|||
|
|
* @return {*}
|
|||
|
|
*/
|
|||
|
|
function getRowData(row, type) {
|
|||
|
|
data.rowData = row || {}
|
|||
|
|
data.drawerType = type
|
|||
|
|
data.drawerShow = true
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const data = reactive({
|
|||
|
|
tableRef,
|
|||
|
|
searchParams,
|
|||
|
|
rowData: {},
|
|||
|
|
drawerType: 'create',
|
|||
|
|
drawerShow: false,
|
|||
|
|
handleSearch,
|
|||
|
|
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
title: '任务编码',
|
|||
|
|
key: 'inspectionCode',
|
|||
|
|
align: 'center',
|
|||
|
|
width: 200
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '任务名称',
|
|||
|
|
key: 'inspectionName',
|
|||
|
|
align: 'center',
|
|||
|
|
ellipsis: {
|
|||
|
|
tooltip: true
|
|||
|
|
},
|
|||
|
|
width: 400
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '巡检河道',
|
|||
|
|
key: 'streamName',
|
|||
|
|
align: 'center',
|
|||
|
|
width: 200
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '巡检时间',
|
|||
|
|
key: 'inspectionTime',
|
|||
|
|
align: 'center',
|
|||
|
|
width: 200
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '操作',
|
|||
|
|
align: 'center',
|
|||
|
|
width: 150,
|
|||
|
|
fixed: 'right',
|
|||
|
|
render(row) {
|
|||
|
|
return h(TableAction, {
|
|||
|
|
actions: [
|
|||
|
|
// {
|
|||
|
|
// label: '查看',
|
|||
|
|
// type: 'button',
|
|||
|
|
// props: {
|
|||
|
|
// type: 'primary',
|
|||
|
|
// text: true,
|
|||
|
|
// onClick: getRowData.bind(null, row, 'preview')
|
|||
|
|
// },
|
|||
|
|
// auth: 'basic_list'
|
|||
|
|
// },
|
|||
|
|
{
|
|||
|
|
label: '巡河报告',
|
|||
|
|
type: 'button',
|
|||
|
|
props: {
|
|||
|
|
type: 'primary',
|
|||
|
|
text: true,
|
|||
|
|
onClick: getRowData.bind(null, row, 'river')
|
|||
|
|
},
|
|||
|
|
auth: 'basic_list'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
label: '处理结果',
|
|||
|
|
type: 'button',
|
|||
|
|
props: {
|
|||
|
|
type: 'primary',
|
|||
|
|
text: true,
|
|||
|
|
onClick: getRowData.bind(null, row, 'result')
|
|||
|
|
},
|
|||
|
|
auth: 'basic_list'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
align: 'center'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
export default data
|