| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-position="left"> |
| | | <el-row :gutter="20"> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="业务类型" style="width: 100%;"> |
| | | <el-select v-model="queryParams.bizType" placeholder="请选择"> |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="6"> |
| | | <el-form-item label="请求参数" prop="requestData"> |
| | | <el-input |
| | | v-model="queryParams.requestData" |
| | | placeholder="请输入请求参数" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col>--> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="请求结果" prop="result"> |
| | | <el-form-item label="请求结果" prop="result" style="width: 100%;"> |
| | | <el-input |
| | | v-model="queryParams.result" |
| | | placeholder="请输入请求结果" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="响应数据" prop="requestData"> |
| | | <el-form-item label="响应数据" prop="requestData" style="width: 100%;"> |
| | | <el-input |
| | | v-model="queryParams.responseData" |
| | | placeholder="请输入响应数据" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col |
| | | :span="24" |
| | | style="text-align: right;"> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | >查看</el-button> |
| | | </el-col> |
| | | |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | import HxlhTable from "@/components/HxlhTable/index.vue"; |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | const height = ref(document.documentElement.clientHeight - 270 + "px;") |
| | | const height = ref(document.documentElement.clientHeight - 220 + "px;") |
| | | const virtualYConfig = { |
| | | enabled: true, |
| | | gt: 0 |
| | |
| | | |
| | | /** 搜索按钮操作 */ |
| | | function handleQuery() { |
| | | |
| | | |
| | | getList(); |
| | | } |
| | | |
| | |
| | | |
| | | getList(); |
| | | </script> |
| | | <style scoped> |
| | | .column-with-margin { |
| | | margin-right: 0px; |
| | | } |
| | | </style> |