|
|
@@ -12,8 +12,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="任务状态：" prop="task_status">
|
|
|
- <el-radio-group v-model="queryParams.task_status">
|
|
|
+ <el-form-item label="任务状态：" prop="submission_status">
|
|
|
+ <el-radio-group v-model="queryParams.submission_status">
|
|
|
<el-radio value="0" size="large">待填报</el-radio>
|
|
|
<el-radio value="1" size="large">已上报</el-radio>
|
|
|
</el-radio-group>
|
|
|
@@ -29,14 +29,14 @@
|
|
|
</transition>
|
|
|
<!-- 表格组件 -->
|
|
|
<el-table ref="multipleTable" v-loading="loading" :data="tableData" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column label="序号" align="center" prop="table_id" />
|
|
|
+ <el-table-column label="序号" align="center" prop="report_id" />
|
|
|
<el-table-column label="表格名称" align="center" prop="table_name" />
|
|
|
- <el-table-column label="开始日期" align="center" prop="run_time" />
|
|
|
- <el-table-column label="截止填报时间" align="center" prop="filling_time" />
|
|
|
- <el-table-column label="任务状态" align="center" prop="status" />
|
|
|
+ <el-table-column label="开始日期" align="center" prop="start_time" />
|
|
|
+ <el-table-column label="截止填报时间" align="center" prop="end_time" />
|
|
|
+ <el-table-column label="任务状态" align="center" prop="submission_status" />
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template #default="scope">
|
|
|
- <el-text v-if="scope.row.status === '待填报'" class="common-btn-text-primary" @click="handleWrite(scope.row)">填表</el-text>
|
|
|
+ <el-text v-if="scope.row.submission_status === '待填报'" class="common-btn-text-primary" @click="handleWrite(scope.row)">填表</el-text>
|
|
|
<el-text class="common-btn-text-primary" @click="handleView(scope.row)">详情</el-text>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -44,12 +44,13 @@
|
|
|
<pagination v-show="total > 0" v-model:page="queryParams.page" v-model:limit="queryParams.pageSize" :total="total" @pagination="tableData" />
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <WriteForm v-if="writeFormState.show" :event-id="writeFormState.eventId" @close="handleCancel" />
|
|
|
+ <FormDetail v-if="formDetailState.show" :event-id="formDetailState.eventId" @close="handleCancel" />
|
|
|
</div>
|
|
|
- <WriteForm v-if="writeFormState.show" :event-id="writeFormState.eventId" @close="handleCancel" />
|
|
|
- <FormDetail v-if="formDetailState.show" :event-id="formDetailState.eventId" @close="handleCancel" />
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
import { onMounted, reactive, ref } from 'vue';
|
|
|
+import { fillList } from '@/api/dataFilling/datafilling';
|
|
|
import WriteForm from './writeForm.vue';
|
|
|
import FormDetail from './formDetail.vue';
|
|
|
const loading = ref(true);
|
|
|
@@ -61,11 +62,11 @@ const total = ref(0);
|
|
|
const tableData = ref([]);
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
const initFormData = reactive({
|
|
|
- table_id: '',
|
|
|
+ report_id: '',
|
|
|
table_name: '',
|
|
|
- filling_time: '',
|
|
|
- run_time: '',
|
|
|
- task_status: ''
|
|
|
+ start_time: '',
|
|
|
+ end_time: '',
|
|
|
+ submission_status: ''
|
|
|
});
|
|
|
const data = reactive({
|
|
|
form: { ...initFormData },
|
|
|
@@ -73,35 +74,12 @@ const data = reactive({
|
|
|
page: 1,
|
|
|
pageSize: 10,
|
|
|
table_name: '',
|
|
|
- task_status: ''
|
|
|
+ submission_status: ''
|
|
|
}
|
|
|
});
|
|
|
|
|
|
const { queryParams, form } = toRefs(data);
|
|
|
// 模拟数据源
|
|
|
-const staticData = [
|
|
|
- {
|
|
|
- table_id: 1,
|
|
|
- table_name: '测试表单',
|
|
|
- run_time: '2024-10-15',
|
|
|
- filling_time: '2024-10-15 18:00:00',
|
|
|
- status: '待填报'
|
|
|
- },
|
|
|
- {
|
|
|
- table_id: 2,
|
|
|
- table_name: '应急工单数据表',
|
|
|
- run_time: '2024-06-24',
|
|
|
- filling_time: '2025-06-24 18:00:00',
|
|
|
- status: '待填报'
|
|
|
- },
|
|
|
- {
|
|
|
- table_id: 3,
|
|
|
- table_name: '安全风险通告数据表',
|
|
|
- run_time: '2024-06-24',
|
|
|
- filling_time: '2025-06-24 18:00:00',
|
|
|
- status: '已上报'
|
|
|
- }
|
|
|
-];
|
|
|
let writeFormState = reactive({
|
|
|
show: false,
|
|
|
eventId: ''
|
|
|
@@ -126,11 +104,20 @@ const handleView = (row) => {
|
|
|
formDetailState.show = true;
|
|
|
}
|
|
|
};
|
|
|
+const fetchFillList = () => {
|
|
|
+ loading.value = true;
|
|
|
+ fillList(queryParams.value)
|
|
|
+ .then((res) => {
|
|
|
+ tableData.value = res.data;
|
|
|
+ total.value = res.total;
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ loading.value = false;
|
|
|
+ });
|
|
|
+};
|
|
|
// 初始化数据
|
|
|
onMounted(() => {
|
|
|
- tableData.value = staticData;
|
|
|
- total.value = staticData.length;
|
|
|
- loading.value = false;
|
|
|
+ fetchFillList();
|
|
|
});
|
|
|
const handleQuery = () => {
|
|
|
queryParams.value.page = 1;
|
zhangyihao