| | |
|---|
| | | <div class="app-container"> |
|---|
| | | <div class="search_form"> |
|---|
| | | <div> |
|---|
| | | <span class="search_title">课程编号：</span> |
|---|
| | | <el-input v-model="searchForm.courseCode" |
|---|
| | | style="width: 240px" |
|---|
| | | placeholder="请输入培训编号搜索" |
|---|
| | | @change="handleQuery" |
|---|
| | | clearable |
|---|
| | | :prefix-icon="Search" /> |
|---|
| | | <span class="search_title ml10">培训方式：</span> |
|---|
| | | <el-select v-model="searchForm.trainingMode" |
|---|
| | | clearable |
|---|
| | | @change="handleQuery" |
|---|
| | | style="width: 240px"> |
|---|
| | | <el-option v-for="item in trainingModeOptions" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | <span class="search_title">培训日期：</span> |
|---|
| | | <el-date-picker v-model="searchForm.trainingDate" |
|---|
| | | value-format="YYYY-MM-DD" |
|---|
| | | format="YYYY-MM-DD" |
|---|
| | | @change="handleQuery" |
|---|
| | | type="date" |
|---|
| | | placeholder="请选择" |
|---|
| | | clearable /> |
|---|
| | | <el-button type="primary" |
|---|
| | | @click="handleQuery" |
|---|
| | | style="margin-left: 10px"> |
|---|
| | |
|---|
| | | // 响应式数据 |
|---|
| | | const data = reactive({ |
|---|
| | | searchForm: { |
|---|
| | | courseCode: "", |
|---|
| | | trainingMode: "", |
|---|
| | | trainingDate: "", |
|---|
| | | state: 0, |
|---|
| | | }, |
|---|
| | | tableLoading: false, |
|---|
