重置按钮,车辆以及司机无法重置问题

This commit is contained in:
ljx 2024-05-21 17:34:37 +08:00
parent b0f2ed1d96
commit 037dc2d101
9 changed files with 56 additions and 31 deletions

View File

@ -7,6 +7,7 @@
:default-active-first-option="false" :default-active-first-option="false"
:show-arrow="false" :show-arrow="false"
:filter-option="false" :filter-option="false"
:allowClear ="true"
:not-found-content="null" :not-found-content="null"
@search="handleSearch" @search="handleSearch"
@change="handleChange" @change="handleChange"
@ -88,6 +89,9 @@ export default {
}); });
}, },
reset(){
this.value = undefined;
}
}, },
}; };
</script> </script>

View File

@ -4,10 +4,10 @@
<a-row type="flex"> <a-row type="flex">
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset">
<template #driver_id="{ }"> <template #driver_id="{ }">
<ZkSelectSearch :ListTitle="'请选择司机'" :IsListShowCode="true" :ListUrl="zkSelectSearch2.Search" <ZkSelectSearch ref="refTruck" :ListTitle="'请选择司机'" :IsListShowCode="true" :ListUrl="zkSelectSearch2.Search"
:ListUrlData="zkSelectSearch2.zkSelectData" :ListUrlData="zkSelectSearch2.zkSelectData"
:ListFieldName="zkSelectSearch2.zkSelectDataFieldName" :ListFieldName="zkSelectSearch2.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch2.zkBackFieldNames" @zkSelectSearch="StaffhandleChange"> :BackFieldNames="zkSelectSearch2.zkBackFieldNames" @zkSelectSearch="StaffhandleChange">
@ -422,7 +422,11 @@ export default {
onSearch() { onSearch() {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
onReset() {
this.searchFormData = {}; //
this.$refs['refTruck'].reset();
this.$refs.xGrid.commitProxy('query') //
},
// //
grant(row){ grant(row){
console.log("row",row); console.log("row",row);

View File

@ -27,6 +27,8 @@
<mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
<vxe-toolbar ref="xToolbar" custom export>
</vxe-toolbar>
<!-- 表格区 --> <!-- 表格区 -->
<div class="gridPanel"> <div class="gridPanel">
<vxe-grid ref='xGrid' :export-config="{}" v-bind="gridOptions"> <vxe-grid ref='xGrid' :export-config="{}" v-bind="gridOptions">
@ -159,7 +161,6 @@
align: 'right', span: 6, itemRender: { // align: 'right', span: 6, itemRender: { //
name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, // name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, //
{ props: { type: 'reset', content: '重置' } }, { props: { type: 'reset', content: '重置' } },
{ props: { type: 'reset', content: '打印' } }
] ]
} }
} }

View File

@ -4,9 +4,9 @@
<a-row type="flex"> <a-row type="flex">
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset">
<template #truck_id="{ }"> <template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search" <ZkSelectSearch ref="refTruck" :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData" :ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName" :ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange"> :BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
@ -395,6 +395,11 @@ export default {
onSearch() { onSearch() {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
onReset() {
this.searchFormData = {}; //
this.$refs['refTruck'].reset();
this.$refs.xGrid.commitProxy('query') //
},
// //
TruckhandleChange(value) { TruckhandleChange(value) {

View File

@ -4,9 +4,9 @@
<a-row type="flex"> <a-row type="flex">
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset">
<template #truck_id="{ }"> <template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search" <ZkSelectSearch ref="refTruck" :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData" :ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName" :ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange"> :BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
@ -383,7 +383,11 @@ export default {
onSearch() { onSearch() {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
onReset() {
this.searchFormData = {}; //
this.$refs['refTruck'].reset();
this.$refs.xGrid.commitProxy('query') //
},
// //
TruckhandleChange(value) { TruckhandleChange(value) {

View File

@ -4,9 +4,9 @@
<a-row type="flex"> <a-row type="flex">
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset">
<template #truck_id="{ }"> <template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search" <ZkSelectSearch ref="refTruck" :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData" :ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName" :ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange"> :BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
@ -363,6 +363,11 @@ export default {
onSearch() { onSearch() {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
onReset() {
this.searchFormData = {}; //
this.$refs['refTruck'].reset();
this.$refs.xGrid.commitProxy('query') //
},
// //
TruckhandleChange(value) { TruckhandleChange(value) {

View File

@ -4,9 +4,9 @@
<a-row type="flex"> <a-row type="flex">
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset">
<template #truck_id="{ }"> <template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search" <ZkSelectSearch ref="refTruck" :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData" :ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName" :ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange"> :BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
@ -418,7 +418,11 @@ export default {
onSearch() { onSearch() {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
onReset() {
this.searchFormData = {}; //
this.$refs['refTruck'].reset();
this.$refs.xGrid.commitProxy('query') //
},
// //
TruckhandleChange(value) { TruckhandleChange(value) {
this.$data.searchFormData.truck_id = value.id; this.$data.searchFormData.truck_id = value.id;

View File

@ -4,16 +4,16 @@
<a-row type="flex"> <a-row type="flex">
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset">
<template #truck_id="{ }"> <template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search" <ZkSelectSearch ref="refTruck" :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData" :ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName" :ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange"> :BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
</ZkSelectSearch> </ZkSelectSearch>
</template> </template>
<template #driver_id="{ }"> <template #driver_id="{ }">
<ZkSelectSearch :ListTitle="'请选择司机'" :IsListShowCode="true" :ListUrl="zkSelectSearch2.Search" <ZkSelectSearch ref="refDriver" :ListTitle="'请选择司机'" :IsListShowCode="true" :ListUrl="zkSelectSearch2.Search"
:ListUrlData="zkSelectSearch2.zkSelectData" :ListUrlData="zkSelectSearch2.zkSelectData"
:ListFieldName="zkSelectSearch2.zkSelectDataFieldName" :ListFieldName="zkSelectSearch2.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch2.zkBackFieldNames" @zkSelectSearch="StaffhandleChange"> :BackFieldNames="zkSelectSearch2.zkBackFieldNames" @zkSelectSearch="StaffhandleChange">
@ -507,20 +507,22 @@ export default {
onSearch() { onSearch() {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
onReset() {
this.searchFormData = {}; //
this.$refs['refTruck'].reset();
this.$refs['refDriver'].reset();
this.$refs.xGrid.commitProxy('query') //
},
// //
StaffhandleChange(value) { StaffhandleChange(value) {
console.log(value,'++++')
this.$data.searchFormData.driver_id = value.id; this.$data.searchFormData.driver_id = value.id;
console.log("this.$data.searchFormData.driver_id:",this.$data.searchFormData.driver_id);
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
// //
TruckhandleChange(value) { TruckhandleChange(value) {
this.$data.searchFormData.truck_id = value.id; this.$data.searchFormData.truck_id = value.id;
console.log("this.$data.searchFormData.truck_id:",this.$data.searchFormData.truck_id);
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
} }
}, },

View File

@ -2,7 +2,7 @@
<div> <div>
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch" @reset="onReset">
<template #driver_id="{ }"> <template #driver_id="{ }">
<ZkSelectSearch :ListTitle="'请选择司机'" :IsListShowCode="true" <ZkSelectSearch :ListTitle="'请选择司机'" ref="refTruck" :IsListShowCode="true"
:ListUrl="zkSelectSearch2.Search" :ListUrl="zkSelectSearch2.Search"
:ListUrlData="zkSelectSearch2.zkSelectData" :ListUrlData="zkSelectSearch2.zkSelectData"
:ListFieldName="zkSelectSearch2.zkSelectDataFieldName" :ListFieldName="zkSelectSearch2.zkSelectDataFieldName"
@ -419,15 +419,11 @@ export default {
// console.log(this.$refs.xGrid) // console.log(this.$refs.xGrid)
// this.$refs.xGrid.commitProxy('query') // // this.$refs.xGrid.commitProxy('query') //
}, },
onReset(){ onReset() {
this.start_time = null; this.searchFormData = {}; //
this.end_time = null; this.$refs['refTruck'].reset();
this.searchFormData = {
code: '',
driver_id:'',
}
this.initListData(); this.initListData();
} },
} }
} }