paginStart: true, //是否显示分页查询 (默认false) | paginStart: true, //是否显示分页查询 (默认false) | ||||
dataListLoading: false, | dataListLoading: false, | ||||
paging: { | paging: { | ||||
pageSize: 10, | |||||
pageSize: 15, | |||||
currentPage: 1, | currentPage: 1, | ||||
total: 0 | total: 0 | ||||
}, | }, | ||||
type: 'input', | type: 'input', | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
prop: "provider", | |||||
label: "卡片厂商", | |||||
form: { | |||||
formLabelWidth: formLabelWidth, | |||||
type: 'input', | |||||
} | |||||
}, | |||||
{ | { | ||||
prop: "cardType", | prop: "cardType", | ||||
label: "卡片类型", | label: "卡片类型", | ||||
}, | }, | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
prop: "issueCount", | |||||
label: "发行次数", | |||||
form: { | |||||
formLabelWidth: formLabelWidth, | |||||
type: 'input', | |||||
} | |||||
}, | |||||
{ | { | ||||
prop: "chanel", | prop: "chanel", | ||||
label: "渠道", | label: "渠道", | ||||
type: 'input', | type: 'input', | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
prop: "provider", | |||||
label: "卡片厂商", | |||||
form: { | |||||
formLabelWidth: formLabelWidth, | |||||
type: 'input', | |||||
} | |||||
}, | |||||
{ | { | ||||
prop: "insertTime", | prop: "insertTime", | ||||
label: "创建时间", | label: "创建时间", |
@btnSearch="btnSearch" @CurrentChange="handleCurrentChange" @importData="importData" @download="downloadHandle" | @btnSearch="btnSearch" @CurrentChange="handleCurrentChange" @importData="importData" @download="downloadHandle" | ||||
@refreshLeft="refreshLeft" @add="Adds" @cancel="cancel" @submit="submitAdd" @handleEdit="itemEdit"> | @refreshLeft="refreshLeft" @add="Adds" @cancel="cancel" @submit="submitAdd" @handleEdit="itemEdit"> | ||||
<template #search> | <template #search> | ||||
<el-input maxlength="60" v-trim clearable v-model="searchForm.batchNo" style="width: 200px" | |||||
<el-input maxlength="30" v-trim clearable v-model="searchForm.batchNo" style="width: 200px" | |||||
placeholder="请输入批次号" /> | placeholder="请输入批次号" /> | ||||
<el-input maxlength="60" v-trim clearable v-model="searchForm.cardNo" style="width: 200px" | |||||
placeholder="请输入卡号" /> | |||||
<el-input maxlength="60" v-trim clearable v-model="searchForm.startCardNo" style="width: 200px" | |||||
<!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.cardNo" style="width: 200px"--> | |||||
<!-- placeholder="请输入卡号" />--> | |||||
<el-input maxlength="20" v-trim clearable v-model="searchForm.startCardNo" style="width: 200px" | |||||
placeholder="请输入起始卡号" /> | placeholder="请输入起始卡号" /> | ||||
<el-input maxlength="60" v-trim clearable v-model="searchForm.endCardNo" style="width: 200px" | |||||
<el-input maxlength="20" v-trim clearable v-model="searchForm.endCardNo" style="width: 200px" | |||||
placeholder="请输入结束卡号" /> | placeholder="请输入结束卡号" /> | ||||
<!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.version" style="width: 200px" placeholder="请输入卡片版本号" />--> | <!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.version" style="width: 200px" placeholder="请输入卡片版本号" />--> | ||||
<el-select clearable v-model="searchForm.cardType" style="width: 200px;" placeholder="请选择卡片类型"> | |||||
<el-select clearable v-model="searchForm.cardType" style="width: 150px;" placeholder="请选择卡片类型"> | |||||
<el-option v-for="item in CARD_TYPE" :key="item.value" :label="item.label" :value="item.value" /> | <el-option v-for="item in CARD_TYPE" :key="item.value" :label="item.label" :value="item.value" /> | ||||
</el-select> | </el-select> | ||||
<el-select clearable v-model="searchForm.status" style="width: 200px;" placeholder="请选择发行状态"> | |||||
<el-select clearable v-model="searchForm.status" style="width: 150px;" placeholder="请选择发行状态"> | |||||
<el-option v-for="item in ISSUE_STATUS" :key="item.value" :label="item.label" :value="item.value" /> | <el-option v-for="item in ISSUE_STATUS" :key="item.value" :label="item.label" :value="item.value" /> | ||||
</el-select> | </el-select> | ||||
</template> | </template> | ||||
params[key] = searchFormList[key] | params[key] = searchFormList[key] | ||||
} | } | ||||
} | } | ||||
if(searchFormList.status === 0){ | |||||
params.status = 0 | |||||
} | |||||
BaseService.postN('/invw/api/cards/page', params).then((res: any) => { | BaseService.postN('/invw/api/cards/page', params).then((res: any) => { | ||||
if (res && res.code === 0) { | if (res && res.code === 0) { | ||||
//数据转换 | //数据转换 |
paginStart: true, //是否显示分页查询 (默认false) | paginStart: true, //是否显示分页查询 (默认false) | ||||
dataListLoading: false, | dataListLoading: false, | ||||
paging: { | paging: { | ||||
pageSize: 10, | |||||
pageSize: 15, | |||||
currentPage: 1, | currentPage: 1, | ||||
total: 0 | total: 0 | ||||
}, | }, | ||||
{ | { | ||||
prop: "status", | prop: "status", | ||||
label: "申请状态", | label: "申请状态", | ||||
width: "150", | |||||
listData: APPLY_STATUS, | listData: APPLY_STATUS, | ||||
funRuleStarts: true, //是否启用转换规则 | funRuleStarts: true, //是否启用转换规则 | ||||
funRule: (value) => { | funRule: (value) => { | ||||
type: 'input', | type: 'input', | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
prop: "cardProvider", | |||||
label: "厂商", | |||||
hide: true, | |||||
form: { | |||||
formLabelWidth: formLabelWidth, | |||||
type: 'input', | |||||
} | |||||
}, | |||||
{ | { | ||||
prop: "insertTime", | prop: "insertTime", | ||||
label: "创建时间", | label: "创建时间", |
<el-select clearable v-model="searchForm.cardType" style="width: 200px;" placeholder="请选择卡片类型"> | <el-select clearable v-model="searchForm.cardType" style="width: 200px;" placeholder="请选择卡片类型"> | ||||
<el-option v-for="item in CARD_TYPE" :key="item.value" :label="item.label" :value="item.value" /> | <el-option v-for="item in CARD_TYPE" :key="item.value" :label="item.label" :value="item.value" /> | ||||
</el-select> | </el-select> | ||||
<el-date-picker unlink-panels v-model="value1" type="daterange" range-separator="到" start-placeholder="开始日期" | |||||
end-placeholder="结束日期" format="YYYYMMDD" value-format="YYYYMMDD" @change="dateChangeHandle" /> | |||||
<el-date-picker unlink-panels v-model="value1" type="daterange" range-separator="到" start-placeholder="批次申请开始日期" | |||||
end-placeholder="批次申请结束日期" format="YYYYMMDD" value-format="YYYYMMDD" @change="dateChangeHandle" /> | |||||
</template> | </template> | ||||
</crud-template> | </crud-template> | ||||
</div> | </div> |
paginStart: true, //是否显示分页查询 (默认false) | paginStart: true, //是否显示分页查询 (默认false) | ||||
dataListLoading: false, | dataListLoading: false, | ||||
paging: { | paging: { | ||||
pageSize: 10, | |||||
pageSize: 15, | |||||
currentPage: 1, | currentPage: 1, | ||||
total: 0 | total: 0 | ||||
}, | }, | ||||
{ | { | ||||
prop: "batchNo", | prop: "batchNo", | ||||
label: "批次号", | label: "批次号", | ||||
width: "140", | |||||
width: "115", | |||||
form: { | form: { | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, | ||||
type: 'input', | type: 'input', | ||||
}, | }, | ||||
{ | { | ||||
prop: "serialNo", | prop: "serialNo", | ||||
label: "OBU合同序列号", | |||||
label: "合同序列号", | |||||
width: "135", | |||||
form: { | form: { | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, | ||||
type: 'input', | type: 'input', | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
prop: "encryptType", | |||||
label: "OBU类型", | |||||
listData: ENCRYPT_TYPE, | |||||
width: '100', | |||||
form: { | |||||
formLabelWidth: formLabelWidth, | |||||
type: 'input', | |||||
listData: ENCRYPT_TYPE, | |||||
funRuleStarts: true, //是否启用转换规则 | |||||
funRule: (value) => { | |||||
return getLabel(ENCRYPT_TYPE, value); | |||||
}, | |||||
} | |||||
}, | |||||
{ | { | ||||
prop: "cardNo", | prop: "cardNo", | ||||
label: "卡号", | label: "卡号", | ||||
width: '160', | |||||
form: { | form: { | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, | ||||
type: 'input', | type: 'input', | ||||
prop: "status", | prop: "status", | ||||
label: "发行状态", | label: "发行状态", | ||||
listData: ISSUE_STATUS, | listData: ISSUE_STATUS, | ||||
width: "80", | |||||
width: "75", | |||||
funRuleStarts: true, | funRuleStarts: true, | ||||
funRule: (value) => { | funRule: (value) => { | ||||
return getLabel(ISSUE_STATUS, value); | return getLabel(ISSUE_STATUS, value); | ||||
} | } | ||||
}, | }, | ||||
{ | { | ||||
prop: "providerID", | |||||
label: "卡片厂商代码", | |||||
prop: "version", | |||||
label: "版本号", | |||||
hide: true, | hide: true, | ||||
form: { | form: { | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, |
@refreshLeft="refreshLeft" @add="Adds" @cancel="cancel" @submit="submitAdd" @handleEdit="itemEdit"> | @refreshLeft="refreshLeft" @add="Adds" @cancel="cancel" @submit="submitAdd" @handleEdit="itemEdit"> | ||||
<template #search> | <template #search> | ||||
<el-input maxlength="60" v-trim clearable v-model="searchForm.batchNo" style="width: 200px" placeholder="请输入批次号" /> | <el-input maxlength="60" v-trim clearable v-model="searchForm.batchNo" style="width: 200px" placeholder="请输入批次号" /> | ||||
<el-input maxlength="60" v-trim clearable v-model="searchForm.serialNo" style="width: 200px" placeholder="请输入OBU合同序列号" /> | |||||
<el-input maxlength="60" v-trim clearable v-model="searchForm.serialNo" style="width: 200px" placeholder="请输入合同序列号" /> | |||||
<!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.startSerialNo" style="width: 200px" placeholder="请输入起始OBU合同序列号" />--> | <!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.startSerialNo" style="width: 200px" placeholder="请输入起始OBU合同序列号" />--> | ||||
<!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.endSerialNo" style="width: 200px" placeholder="请输入结束OBU合同序列号" />--> | <!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.endSerialNo" style="width: 200px" placeholder="请输入结束OBU合同序列号" />--> | ||||
<el-select maxlength="60" v-trim clearable v-model="searchForm.encryptType" style="width: 200px" placeholder="请选OBU择类型" > | |||||
<el-option v-for="item in ENCRYPT_TYPE" :key="item.value" :label="item.label" :value="item.value"/> | |||||
</el-select> | |||||
<el-select maxlength="60" v-trim clearable v-model="searchForm.status" style="width: 200px" placeholder="请选择发行状态" > | <el-select maxlength="60" v-trim clearable v-model="searchForm.status" style="width: 200px" placeholder="请选择发行状态" > | ||||
<el-option v-for="item in ISSUE_STATUS" :key="item.value" :label="item.label" :value="item.value"/> | <el-option v-for="item in ISSUE_STATUS" :key="item.value" :label="item.label" :value="item.value"/> | ||||
</el-select> | </el-select> | ||||
import { | import { | ||||
ElMessage, | ElMessage, | ||||
} from 'element-plus' //提示 | } from 'element-plus' //提示 | ||||
import { getZxqdFindConfig,ISSUE_STATUS } from "./data.js"; | |||||
import { getZxqdFindConfig,ISSUE_STATUS,ENCRYPT_TYPE } from "./data.js"; | |||||
import { useRoute } from 'vue-router' | import { useRoute } from 'vue-router' | ||||
import { exportFn } from '@/views/settlement/exportFn' | import { exportFn } from '@/views/settlement/exportFn' | ||||
//或取路由传入过来的对象数据 | //或取路由传入过来的对象数据 | ||||
params[key] = searchFormList[key] | params[key] = searchFormList[key] | ||||
} | } | ||||
} | } | ||||
if(searchFormList.status === 0){ | |||||
params.status = 0 | |||||
} | |||||
BaseService.postN('/invw/api/queryGmobus/page', params).then((res: any) => { | BaseService.postN('/invw/api/queryGmobus/page', params).then((res: any) => { | ||||
if (res && res.code === 0) { | if (res && res.code === 0) { | ||||
//数据转换 | //数据转换 |
paginStart: true, //是否显示分页查询 (默认false) | paginStart: true, //是否显示分页查询 (默认false) | ||||
dataListLoading: false, | dataListLoading: false, | ||||
paging: { | paging: { | ||||
pageSize: 10, | |||||
pageSize: 15, | |||||
currentPage: 1, | currentPage: 1, | ||||
total: 0 | total: 0 | ||||
}, | }, | ||||
{ | { | ||||
prop: "batchNo", | prop: "batchNo", | ||||
label: "批次号", | label: "批次号", | ||||
width: "130", | |||||
form: { | form: { | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, | ||||
type: 'input', | type: 'input', | ||||
{ | { | ||||
prop: "startNum", | prop: "startNum", | ||||
label: "OBU起始号", | label: "OBU起始号", | ||||
width: "150", | |||||
width: "145", | |||||
form: { | form: { | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, | ||||
type: 'input', | type: 'input', | ||||
{ | { | ||||
prop: "endNum", | prop: "endNum", | ||||
label: "OBU结束号", | label: "OBU结束号", | ||||
width: "150", | |||||
width: "145", | |||||
form: { | form: { | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, | ||||
type: 'input', | type: 'input', | ||||
type: 'input', | type: 'input', | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
prop: "cardProvider", | |||||
label: "厂商", | |||||
hide: true, | |||||
form: { | |||||
formLabelWidth: formLabelWidth, | |||||
type: 'input', | |||||
} | |||||
}, | |||||
{ | { | ||||
prop: "insertTime", | prop: "insertTime", | ||||
label: "创建时间", | label: "创建时间", |
<el-select maxlength="60" v-trim clearable v-model="searchForm.obuType" style="width: 200px" placeholder="请选择设备类型" > | <el-select maxlength="60" v-trim clearable v-model="searchForm.obuType" style="width: 200px" placeholder="请选择设备类型" > | ||||
<el-option v-for="item in OBU_TYPE" :key="item.value" :label="item.label" :value="item.value"/> | <el-option v-for="item in OBU_TYPE" :key="item.value" :label="item.label" :value="item.value"/> | ||||
</el-select> | </el-select> | ||||
<el-date-picker unlink-panels v-model="value1" type="daterange" range-separator="到" start-placeholder="批次申请开始日期" | |||||
end-placeholder="批次申请结束日期" format="YYYYMMDD" value-format="YYYYMMDD" @change="dateChangeHandle" /> | |||||
<!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.providerID" style="width: 200px" placeholder="请输入卡片厂商代码" />--> | <!-- <el-input maxlength="60" v-trim clearable v-model="searchForm.providerID" style="width: 200px" placeholder="请输入卡片厂商代码" />--> | ||||
</template> | </template> | ||||
</crud-template> | </crud-template> | ||||
//或取路由传入过来的对象数据 | //或取路由传入过来的对象数据 | ||||
const route = useRoute() | const route = useRoute() | ||||
const widthBase = '120px'; | const widthBase = '120px'; | ||||
const value1 = ref(); | |||||
const crudRef = ref() | const crudRef = ref() | ||||
let tableData: any = ref([]) | let tableData: any = ref([]) | ||||
const itemStartValue = ref("1") | const itemStartValue = ref("1") | ||||
}) | }) | ||||
} | } | ||||
function dateChangeHandle(val: any) { | |||||
if (val) { | |||||
searchForm.value.batchDateStart = val[0]; | |||||
searchForm.value.batchDateEnd = val[1]; | |||||
} else { | |||||
searchForm.value.batchDateStart = ""; | |||||
searchForm.value.batchDateEnd = ""; | |||||
} | |||||
} | |||||
const Adds = () => { | const Adds = () => { | ||||
itemStartValue.value = 1 | itemStartValue.value = 1 | ||||
// 搜索重置 | // 搜索重置 | ||||
function refreshLeft() { | function refreshLeft() { | ||||
searchForm.value = {} | searchForm.value = {} | ||||
value1.value = '' | |||||
getList() | getList() | ||||
} | } | ||||
width: '45%', | width: '45%', | ||||
formLabelWidth: formLabelWidth, | formLabelWidth: formLabelWidth, | ||||
type: 'select', | type: 'select', | ||||
required: false, | |||||
required: true, | |||||
listData: WHETHER_TYPE, | listData: WHETHER_TYPE, | ||||
}, | }, | ||||
}, | }, |