|
|
@@ -4,35 +4,35 @@
|
|
|
:leave-active-class="proxy?.animate.searchAnimate.leave">
|
|
|
<div class="search" v-show="showSearch" style="display: flex;flex-direction: row;">
|
|
|
<div style="width: 85%;">
|
|
|
- <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
|
|
|
- <el-form-item label="车牌号" prop="carNum">
|
|
|
- <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="驾驶员" prop="carNum">
|
|
|
- <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="业务类型" prop="carNum">
|
|
|
- <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="能耗类型" prop="carNum">
|
|
|
- <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="网格" prop="carNum">
|
|
|
- <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="单位" prop="carNum">
|
|
|
- <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
|
|
|
+ <el-form-item label="车牌号" prop="carNum">
|
|
|
+ <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="驾驶员" prop="carNum">
|
|
|
+ <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="业务类型" prop="carNum">
|
|
|
+ <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="能耗类型" prop="carNum">
|
|
|
+ <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="网格" prop="carNum">
|
|
|
+ <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="单位" prop="carNum">
|
|
|
+ <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable style="width: 160px"
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
<div style="width: 15%;">
|
|
|
- <el-form-item>
|
|
|
+ <el-form-item>
|
|
|
<el-button type="primary" @click="goadd">新增</el-button>
|
|
|
<el-button type="primary" @click="resetQuery">查询</el-button>
|
|
|
</el-form-item>
|
|
|
@@ -42,7 +42,7 @@
|
|
|
|
|
|
<el-card shadow="never">
|
|
|
|
|
|
- <tableElm :columns="columns" @childToParent='childrenClick' ref="table"></tableElm>
|
|
|
+ <tableElm :columns="columns" @childToParent='childrenClick' ref="table"></tableElm>
|
|
|
|
|
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
|
|
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
|
|
@@ -63,12 +63,13 @@
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
+
|
|
|
<script setup name="CarInfo" lang="ts">
|
|
|
import { listCarInfo, getCarInfo, delCarInfo, addCarInfo, updateCarInfo } from '@/api/carInfo';
|
|
|
import { CarInfoVO, CarInfoQuery, CarInfoForm } from '@/api/carInfo/types';
|
|
|
import tableElm from "@/components/Public/table.vue";
|
|
|
import { useRoute, useRouter } from "vue-router";
|
|
|
+import useTagsViewStore from '@/store/modules/tagsView';
|
|
|
|
|
|
const route = useRoute();
|
|
|
const router = useRouter();
|
|
|
@@ -98,9 +99,9 @@ const columns = ref([
|
|
|
// {label: '上层位置', prop: 'v', visible: true},
|
|
|
{ label: '车牌号', prop: 'carNum', visible: true, isTemplate: false },
|
|
|
{ label: '能源类型、业务类型', prop: 'ext1', visible: true, isTemplate: false, isTemplateTag: true },
|
|
|
- { label: '车辆分类', prop: 'type',pprop:"ext1",visible: true, isTemplate: false,isTemplateJson:true },
|
|
|
- { label: '网格', prop: 'wangge',pprop:"ext1",visible: true, isTemplate: false,isTemplateJson:true },
|
|
|
- { label: '单位', prop: 'dept',pprop:"ext1",visible: true, isTemplate: false,isTemplateJson:true },
|
|
|
+ { label: '车辆分类', prop: 'type', pprop: "ext1", visible: true, isTemplate: false, isTemplateJson: true },
|
|
|
+ { label: '网格', prop: 'wangge', pprop: "ext1", visible: true, isTemplate: false, isTemplateJson: true },
|
|
|
+ { label: '单位', prop: 'dept', pprop: "ext1", visible: true, isTemplate: false, isTemplateJson: true },
|
|
|
])
|
|
|
|
|
|
const initFormData: CarInfoForm = {
|
|
|
@@ -184,13 +185,17 @@ const data = reactive<PageData<CarInfoForm, CarInfoQuery>>({
|
|
|
const { queryParams, form, rules } = toRefs(data);
|
|
|
|
|
|
const goadd = () => {
|
|
|
- router.push("/car/carInfo/add")
|
|
|
+ useTagsViewStore().delView(route);
|
|
|
+ // 跳转路由
|
|
|
+ router.push({ path: "/car/carInfo/add" });
|
|
|
+ // router.push("/car/carInfo/add")
|
|
|
}
|
|
|
|
|
|
/** 查询车辆信息列表 */
|
|
|
const getList = async () => {
|
|
|
loading.value = true;
|
|
|
const res = await listCarInfo(queryParams.value);
|
|
|
+ console.log(res)
|
|
|
table.value.setDataList(res.rows);
|
|
|
total.value = res.total;
|
|
|
loading.value = false;
|
|
|
@@ -236,6 +241,7 @@ const handleAdd = () => {
|
|
|
|
|
|
/** 修改按钮操作 */
|
|
|
const handleUpdate = async (row?: CarInfoVO) => {
|
|
|
+ useTagsViewStore().delView(route);
|
|
|
router.push({ path: '/car/carInfo/add', query: { id: row.id } })
|
|
|
}
|
|
|
|
|
|
@@ -272,12 +278,15 @@ const handleExport = () => {
|
|
|
}, `carInfo_${new Date().getTime()}.xlsx`)
|
|
|
}
|
|
|
|
|
|
-const childrenClick = (data) =>{
|
|
|
- eval(data.func+"(data.data)")
|
|
|
+const childrenClick = (data) => {
|
|
|
+ eval(data.func + "(data.data)")
|
|
|
}
|
|
|
|
|
|
+getList();
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
- getList();
|
|
|
+ // getList();
|
|
|
});
|
|
|
-</script>
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
+</script>
|