|
|
@@ -22,17 +22,16 @@
|
|
|
</div>
|
|
|
<div style="margin-bottom: 20px">
|
|
|
<span>上报时间范围:</span>
|
|
|
- <el-date-picker
|
|
|
+ <DataRangePicker
|
|
|
v-model="queryParams.updateTime"
|
|
|
- :default-time="defaultTime"
|
|
|
- type="datetimerange"
|
|
|
- range-separator="至"
|
|
|
+ key="daterange"
|
|
|
+ type="daterange"
|
|
|
clearable
|
|
|
+ range-separator="至"
|
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
|
- @change="refresh"
|
|
|
>
|
|
|
- </el-date-picker>
|
|
|
+ </DataRangePicker>
|
|
|
</div>
|
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
|
<el-table-column type="index" label="序号"></el-table-column>
|
|
|
@@ -71,6 +70,7 @@
|
|
|
<script>
|
|
|
import * as api from "@/api/resumption/protection";
|
|
|
import { getLabel } from "./../../commonOption";
|
|
|
+import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
|
|
|
export default {
|
|
|
data() {
|
|
|
const params = this.$route.params;
|
|
|
@@ -79,7 +79,6 @@ export default {
|
|
|
isShow: false,
|
|
|
protection: {},
|
|
|
tableData: [],
|
|
|
- defaultTime: ["00:00:00", "23:59:59"],
|
|
|
queryParams: this.resetSearch(),
|
|
|
total: 1,
|
|
|
};
|
|
|
@@ -89,7 +88,14 @@ export default {
|
|
|
type: Array,
|
|
|
},
|
|
|
},
|
|
|
- watch: {},
|
|
|
+ watch: {
|
|
|
+ "queryParams.updateTime":{
|
|
|
+ deep:true,
|
|
|
+ handler(v){
|
|
|
+ this.refresh();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
getLabel,
|
|
|
@@ -136,7 +142,7 @@ export default {
|
|
|
},
|
|
|
created() {},
|
|
|
mounted() {},
|
|
|
- components: {
|
|
|
+ components: {DataRangePicker
|
|
|
// EditAttribute,
|
|
|
},
|
|
|
};
|