|
@@ -7,23 +7,23 @@
|
|
|
<el-row :gutter="35">
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
<el-form-item label="油站名称">
|
|
|
- <el-input v-model="sdkData.filterModel.serviceStationName" placeholder="单行输入" clearable></el-input>
|
|
|
+ <el-input v-model="sdkData.filterModel.oilStation" placeholder="单行输入" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
<el-form-item label="项目名称">
|
|
|
- <el-input v-model="sdkData.filterModel.entryName" placeholder="单行输入" clearable></el-input>
|
|
|
+ <el-input v-model="sdkData.filterModel.project" placeholder="单行输入" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
<el-form-item label="SN">
|
|
|
- <el-input v-model="sdkData.filterModel.SN" placeholder="单行输入" clearable></el-input>
|
|
|
+ <el-input v-model="sdkData.filterModel.sn" placeholder="单行输入" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
<el-form-item label="选择时间">
|
|
|
<el-date-picker
|
|
|
- v-model="sdkData.filterModel.selectDate"
|
|
|
+ v-model="sdkData.filterModel.beginTime"
|
|
|
type="datetimerange"
|
|
|
range-separator="To"
|
|
|
start-placeholder="Start date"
|
|
@@ -90,8 +90,9 @@
|
|
|
|
|
|
<script setup lang="ts" name="authorize/fuelingsdk">
|
|
|
import {defineAsyncComponent, onMounted, reactive, ref} from "vue";
|
|
|
-import {OilSdkAuthorDto} from "/@/api/admin/deviceAuthorization/oilSdkAuthorDto";
|
|
|
+import {OilSdkAuthorDto, oilSdkFilterModel, oilSdkTableModel} from "/@/api/admin/deviceAuthorization/oilSdkAuthorDto";
|
|
|
import {OilSdkAuthor} from "/@/api/admin/deviceAuthorization/oilSdkAuthor";
|
|
|
+import type {pageInput} from "/@/api/admin/shareDto/shareDto";
|
|
|
|
|
|
/**引入组件*/
|
|
|
const EditDialog = defineAsyncComponent(() => import('./component/editInfo.vue'))
|
|
@@ -103,22 +104,28 @@ const sdkData = reactive({
|
|
|
loading: false,
|
|
|
/**条件查询模块 */
|
|
|
filterModel: {
|
|
|
+ /**guid*/
|
|
|
+ guid: 0 ,
|
|
|
/**油站名称 */
|
|
|
- serviceStationName: '',
|
|
|
+ oilStation: "",
|
|
|
/**项目名称 */
|
|
|
- entryName: '',
|
|
|
+ project: "",
|
|
|
/**设备SN */
|
|
|
- SN: '',
|
|
|
- /**选择的时间 */
|
|
|
- selectDate:'',
|
|
|
- },
|
|
|
+ sn: "",
|
|
|
+ /**授权码*/
|
|
|
+ key: "",
|
|
|
+ /**开始的时间 */
|
|
|
+ beginTime: "",
|
|
|
+ /**开始的时间 */
|
|
|
+ endTime: "",
|
|
|
+ } as oilSdkFilterModel,
|
|
|
/**表格信息 */
|
|
|
- tableModel: [],
|
|
|
+ tableModel: [] as oilSdkTableModel,
|
|
|
/**分页标识 */
|
|
|
pageInput:{
|
|
|
currentPage: 1,
|
|
|
pageSize: 20,
|
|
|
- },
|
|
|
+ } as pageInput,
|
|
|
/**分页总数 */
|
|
|
total: 0,
|
|
|
} as OilSdkAuthorDto)
|
|
@@ -130,10 +137,10 @@ const onQuery = () => {
|
|
|
|
|
|
/**重置表单 */
|
|
|
const resetForm = () => {
|
|
|
- sdkData.filterModel.serviceStationName = ''
|
|
|
- sdkData.filterModel.entryName = ''
|
|
|
- sdkData.filterModel.SN = ''
|
|
|
- sdkData.filterModel.selectDate = ''
|
|
|
+ sdkData.filterModel.oilStation = ''
|
|
|
+ sdkData.filterModel.project = ''
|
|
|
+ sdkData.filterModel.sn = ''
|
|
|
+ sdkData.filterModel.beginTime = ''
|
|
|
}
|
|
|
/**重置 */
|
|
|
const onReset = () => {
|
|
@@ -144,11 +151,11 @@ const onReset = () => {
|
|
|
/**初始化 */
|
|
|
const init = async () => {
|
|
|
sdkData.loading = true
|
|
|
- const res = await new OilSdkAuthor().getPageData()
|
|
|
+ const res = await new OilSdkAuthor().getPageData({...sdkData.pageInput, filter: sdkData.filterModel})
|
|
|
console.log(res)
|
|
|
- sdkData.tableModel = res?.tableModel ?? []
|
|
|
- sdkData.pageInput = res?.pageInput ?? {}
|
|
|
- sdkData.total = res?.total ?? 0
|
|
|
+ // sdkData.tableModel = res?.tableModel ?? []
|
|
|
+ // sdkData.pageInput = res?.pageInput ?? {}
|
|
|
+ // sdkData.total = res?.total ?? 0
|
|
|
sdkData.loading = false
|
|
|
}
|
|
|
|