| | |
| | | <div class="system-user-search mb15"> |
| | | <el-form ref="ruleFormRef" size="default" label-width="80px" :inline="true"> |
| | | <el-form-item prop="telephone"> |
| | | <el-input v-model="listQuery.searchParams.accidentName" placeholder="请选择事故快报" :disabled="true" |
| | | class="input-with-select"> |
| | | <el-input v-model="accidentName" placeholder="请选择事故快报" :disabled="true" class="input-with-select"> |
| | | <template #append> |
| | | <el-button :icon="Search" @click="daiInpt"/> |
| | | </template> |
| | |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | <el-table :data="tableData" style="width: 100%" ref="multipleTableRef" |
| | | @selection-change="handleSelectionChange"> |
| | | <el-table :data="tableData" style="width: 100%" ref="multipleTableRef" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55"/> |
| | | <el-table-column prop="declareUserName" label="申报人名称" show-overflow-tooltip sortable></el-table-column> |
| | | <el-table-column prop="deptName" label="申报人部门" show-overflow-tooltip sortable></el-table-column> |
| | |
| | | defineComponent, |
| | | onMounted, |
| | | } from 'vue'; |
| | | import { |
| | | ElMessageBox, |
| | | ElMessage |
| | | } from 'element-plus'; |
| | | import { |
| | | Plus, |
| | | Download, |
| | | Refresh, |
| | | View, |
| | | EditPen, |
| | | Edit, |
| | | Delete, |
| | | Search, |
| | | Upload |
| | | } from '@element-plus/icons-vue'; |
| | | import { ElMessageBox, ElMessage } from 'element-plus'; |
| | | import { Plus, Download, Refresh, View, EditPen, Edit, Delete, Search, Upload } from '@element-plus/icons-vue'; |
| | | import AccidentName from '/@/views/accidentManagementSystem/workInjuryDeclaration/component/accidentName.vue'; |
| | | import OpenAdd from '/@/views/accidentManagementSystem/workInjuryDeclaration/component/openAdd.vue'; |
| | | import OpenEdit from '/@/views/accidentManagementSystem/workInjuryDeclaration/component/openEdit.vue'; |
| | |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | searchParams: { |
| | | accidentExpressId: "", |
| | | accidentExpressId: '', |
| | | }, |
| | | }); |
| | | //搜索条件回填 |
| | | const onSelectItem = (item: any) => { |
| | | console.log('item', item[0].accidentName); |
| | | listQuery.searchParams.accidentExpressId = item[0].id |
| | | listQuery.searchParams.accidentName = item[0].accidentName |
| | | listQuery.searchParams.accidentExpressId = item[0].id; |
| | | accidentName.value = item[0].accidentName; |
| | | }; |
| | | // 定义表格数据 |
| | | const tableData = ref([]); |
| | |
| | | onMounted(() => { |
| | | listApi(); |
| | | }); |
| | | const accidentName = ref(); |
| | | // 重置 |
| | | const submitReset = () => { |
| | | listQuery.searchParams.accidentExpressId = '' |
| | | listQuery.searchParams.accidentName = '' |
| | | listQuery.searchParams.accidentExpressId = ''; |
| | | accidentName.value = ''; |
| | | listApi(); |
| | | } |
| | | }; |
| | | const warning = ref(true); |
| | | const danger = ref(true); |
| | | const deletAll = ref(); |
| | |
| | | } |
| | | }); |
| | | }) |
| | | .catch(() => { |
| | | }); |
| | | .catch(() => {}); |
| | | }; |
| | | // 多选删除 |
| | | const onDeleteAll = () => { |
| | |
| | | } |
| | | }); |
| | | }) |
| | | .catch(() => { |
| | | }); |
| | | .catch(() => {}); |
| | | }; |
| | | // 分页 |
| | | const pageIndex = ref(); |
| | |
| | | listQuery.pageIndex = val; |
| | | }; |
| | | return { |
| | | accidentName, |
| | | daiInpt, |
| | | showRef, |
| | | upButton, |
| | |
| | | onRowDel, |
| | | total, |
| | | onMyAdd, |
| | | onSelectItem |
| | | onSelectItem, |
| | | }; |
| | | }, |
| | | }); |