| | |
| | | <div class="app-container"> |
| | | <div class="search_form mb20"> |
| | | <div> |
| | | <span class="search_title">申请人:</span> |
| | | <span class="search_title">审批单号:</span> |
| | | <el-input |
| | | v-model="searchForm.instanceNo" |
| | | style="width: 220px" |
| | | placeholder="请输入审批单号" |
| | | clearable |
| | | @keyup.enter="onSearch" |
| | | /> |
| | | <span class="search_title" style="margin-left: 12px">申请人:</span> |
| | | <el-select |
| | | v-model="searchForm.applicantId" |
| | | filterable |
| | |
| | | :label="userSelectLabel(u)" |
| | | :value="u.userId" |
| | | /> |
| | | </el-select> |
| | | <span class="search_title" style="margin-left: 12px">交接状态:</span> |
| | | <el-select v-model="searchForm.handoverStatus" placeholder="全部" clearable style="width: 140px"> |
| | | <el-option v-for="o in handoverStatusOptions" :key="o.value" :label="o.label" :value="o.value" /> |
| | | </el-select> |
| | | <span class="search_title" style="margin-left: 12px">交接类型:</span> |
| | | <el-select v-model="searchForm.handoverType" placeholder="全部" clearable style="width: 140px"> |
| | | <el-option v-for="o in handoverTypeOptions" :key="o.value" :label="o.label" :value="o.value" /> |
| | | </el-select> |
| | | <el-button type="primary" style="margin-left: 10px" @click="onSearch">搜索</el-button> |
| | | <el-button @click="resetSearch">重置</el-button> |
| | |
| | | ]; |
| | | |
| | | const searchForm = reactive({ |
| | | instanceNo: "", |
| | | applicantId: "", |
| | | handoverStatus: "", |
| | | handoverType: "", |
| | | }); |
| | | |
| | | const mod = useApprovalInstanceModule({ |
| | |
| | | } |
| | | } |
| | | |
| | | const tableColumn = buildInstanceTableColumns(tableData, buildTableActions); |
| | | const tableColumn = buildInstanceTableColumns(tableData, buildTableActions, { |
| | | moduleKey: APPROVAL_MODULE_KEYS.WORK_HANDOVER, |
| | | }); |
| | | |
| | | function onSearch() { |
| | | handleQuery(searchForm); |
| | | } |
| | | |
| | | async function resetSearch() { |
| | | searchForm.instanceNo = ""; |
| | | searchForm.applicantId = ""; |
| | | searchForm.handoverStatus = ""; |
| | | searchForm.handoverType = ""; |
| | | onSearch(); |
| | | await remoteSearchApplicant(""); |
| | | } |