|
|
@@ -1,21 +1,13 @@
|
|
|
<template>
|
|
|
<div class="app-container h-full flex flex-1 flex-col">
|
|
|
<!-- 搜索 -->
|
|
|
- <page-search
|
|
|
- ref="searchRef"
|
|
|
- :search-config="searchConfig"
|
|
|
- @query-click="handleQueryClick"
|
|
|
- @reset-click="handleResetClick"
|
|
|
- >
|
|
|
+ <page-search ref="searchRef" :search-config="searchConfig" @query-click="handleQueryClick"
|
|
|
+ @reset-click="handleResetClick">
|
|
|
<template #orderType="scope">
|
|
|
<Dict v-model="scope.formData[scope.prop]" code="charge_order_type" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
<template #status="scope">
|
|
|
- <Dict
|
|
|
- v-model="scope.formData[scope.prop]"
|
|
|
- code="charge_order_status"
|
|
|
- v-bind="scope.attrs"
|
|
|
- />
|
|
|
+ <Dict v-model="scope.formData[scope.prop]" code="charge_order_status" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
<template #stopReason="scope">
|
|
|
<Dict v-model="scope.formData[scope.prop]" code="charge_stop_reason" v-bind="scope.attrs" />
|
|
|
@@ -26,16 +18,9 @@
|
|
|
</page-search>
|
|
|
|
|
|
<!-- 列表 -->
|
|
|
- <page-content
|
|
|
- ref="contentRef"
|
|
|
- :content-config="contentConfig"
|
|
|
- @add-click="handleAddClick"
|
|
|
- @export-click="handleExportClick"
|
|
|
- @search-click="handleSearchClick"
|
|
|
- @toolbar-click="handleToolbarClick"
|
|
|
- @operate-click="handleOperateClick"
|
|
|
- @filter-change="handleFilterChange"
|
|
|
- >
|
|
|
+ <page-content ref="contentRef" :content-config="contentConfig" @add-click="handleAddClick"
|
|
|
+ @export-click="handleExportClick" @search-click="handleSearchClick" @toolbar-click="handleToolbarClick"
|
|
|
+ @operate-click="handleOperateClick" @filter-change="handleFilterChange">
|
|
|
<template #orderType="scope">
|
|
|
<DictLabel v-model="scope.row[scope.prop]" code="charge_order_type" />
|
|
|
</template>
|
|
|
@@ -62,11 +47,7 @@
|
|
|
<Dict v-model="scope.formData[scope.prop]" code="charge_order_type" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
<template #status="scope">
|
|
|
- <Dict
|
|
|
- v-model="scope.formData[scope.prop]"
|
|
|
- code="charge_order_status"
|
|
|
- v-bind="scope.attrs"
|
|
|
- />
|
|
|
+ <Dict v-model="scope.formData[scope.prop]" code="charge_order_status" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
<template #stopType="scope">
|
|
|
<Dict v-model="scope.formData[scope.prop]" code="stop_type" v-bind="scope.attrs" />
|
|
|
@@ -77,11 +58,7 @@
|
|
|
</page-modal>
|
|
|
|
|
|
<!-- 编辑 -->
|
|
|
- <page-modal
|
|
|
- ref="editModalRef"
|
|
|
- :modal-config="editModalConfig"
|
|
|
- @submit-click="handleSubmitClick"
|
|
|
- >
|
|
|
+ <page-modal ref="editModalRef" :modal-config="editModalConfig" @submit-click="handleSubmitClick">
|
|
|
<template #chargeOrderNo="scope">
|
|
|
<span class="color-coolGray">{{ scope.formData[scope.prop] }}</span>
|
|
|
</template>
|
|
|
@@ -89,11 +66,7 @@
|
|
|
<Dict v-model="scope.formData[scope.prop]" code="charge_order_type" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
<template #status="scope">
|
|
|
- <Dict
|
|
|
- v-model="scope.formData[scope.prop]"
|
|
|
- code="charge_order_status"
|
|
|
- v-bind="scope.attrs"
|
|
|
- />
|
|
|
+ <Dict v-model="scope.formData[scope.prop]" code="charge_order_status" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
<template #stopType="scope">
|
|
|
<Dict v-model="scope.formData[scope.prop]" code="stop_type" v-bind="scope.attrs" />
|
|
|
@@ -102,11 +75,7 @@
|
|
|
<Dict v-model="scope.formData[scope.prop]" code="masp_status" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
<template #remark="scope">
|
|
|
- <el-input
|
|
|
- v-model="scope.formData[scope.prop]"
|
|
|
- type="textarea"
|
|
|
- v-bind="scope.attrs"
|
|
|
- />
|
|
|
+ <el-input v-model="scope.formData[scope.prop]" type="textarea" v-bind="scope.attrs" />
|
|
|
</template>
|
|
|
</page-modal>
|
|
|
</div>
|
|
|
@@ -262,6 +231,25 @@ const searchConfig: ISearchConfig = reactive({
|
|
|
}));
|
|
|
},
|
|
|
},
|
|
|
+ {
|
|
|
+ type: "select",
|
|
|
+ label: "所属运营商",
|
|
|
+ prop: "operatorId",
|
|
|
+ attrs: {
|
|
|
+ placeholder: "请选择运营商",
|
|
|
+ clearable: true,
|
|
|
+ filterable: true,
|
|
|
+ style: { width: "200px" },
|
|
|
+ },
|
|
|
+ options: [],
|
|
|
+ async initFn(formItem) {
|
|
|
+ const data = await BillingStrategyAPI.getOperatorSelect();
|
|
|
+ formItem.options = (data || []).map((item: any) => ({
|
|
|
+ label: item.ecName,
|
|
|
+ value: item.operatorId,
|
|
|
+ }));
|
|
|
+ },
|
|
|
+ },
|
|
|
{
|
|
|
type: "date-picker",
|
|
|
label: "创建时间",
|
|
|
@@ -325,8 +313,10 @@ const contentConfig: IContentConfig<ChargeOrderInfoPageQuery> = reactive({
|
|
|
templet: "custom",
|
|
|
slotName: "orderType",
|
|
|
},
|
|
|
+ { label: "车牌号", prop: "plateNum" },
|
|
|
{ label: "充电站名称", prop: "stationName" },
|
|
|
{ label: "设备名称", prop: "connectorName" },
|
|
|
+ { label: "运营商名称", prop: "ecName" },
|
|
|
{ label: "充电桩编号", prop: "equipmentId" },
|
|
|
{ label: "终端编号", prop: "connectorId" },
|
|
|
{ label: "充电开始时间", prop: "startTime" },
|