|
@@ -1,7 +1,6 @@
|
|
|
<template>
|
|
|
<div class="asset-detail">
|
|
|
- <van-nav-bar title="维修及维保事项" @click-left="backPage"
|
|
|
- @click-right="handleRightClick">
|
|
|
+ <van-nav-bar title="维修及维保事项" @click-left="backPage" @click-right="handleRightClick">
|
|
|
<template #left>
|
|
|
<van-icon name="arrow-left" size="18" color="#333333" />
|
|
|
</template>
|
|
@@ -9,13 +8,12 @@
|
|
|
<i class="iconfont wanda-scan"></i>
|
|
|
</template>
|
|
|
</van-nav-bar>
|
|
|
- <van-tabs v-model="active" class="other-tabs" color="#025BAA" @change="changeTab"
|
|
|
- title-active-color="#025BAA" :line-width="60">
|
|
|
+ <van-tabs v-model="active" class="other-tabs" color="#025BAA" title-active-color="#025BAA" :line-width="60">
|
|
|
<van-tab title="重要维保">
|
|
|
- <RepairMaintenance ref="maintenance" type="maintenance" :list="maintenanceData" @onSearch="getData" />
|
|
|
+ <RepairMaintenance ref="repair" type="repair" :list="repairData" @onSearch="getData" />
|
|
|
</van-tab>
|
|
|
<van-tab title="重要维修">
|
|
|
- <RepairMaintenance ref="repair" type="repair" :list="repairData" @onSearch="getData" />
|
|
|
+ <RepairMaintenance ref="maintenance" type="maintenance" :list="maintenanceData" @onSearch="getData" />
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
|
|
@@ -78,14 +76,14 @@ export default {
|
|
|
props: {},
|
|
|
components: { RepairMaintenance },
|
|
|
computed: {
|
|
|
- ...mapGetters([ "plazaId", "smsxt" ]),
|
|
|
+ ...mapGetters(["plazaId", "smsxt"]),
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
active: 0,
|
|
|
showPopup: false,
|
|
|
- maintenanceData: [],
|
|
|
- repairData: [],
|
|
|
+ maintenanceData: [],//维修
|
|
|
+ repairData: [],//维保
|
|
|
sfghpjList: [
|
|
|
{ text: "是", value: 1, active: "active" },
|
|
|
{ text: "否", value: 0, active: "" },
|
|
@@ -114,6 +112,11 @@ export default {
|
|
|
props: {},
|
|
|
beforeMount() { },
|
|
|
mounted() { },
|
|
|
+ activated() {
|
|
|
+ if (this.$route.params.isInit) {
|
|
|
+ this.initData();
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
backPage() {
|
|
|
if (this.$route.query.first) {
|
|
@@ -128,222 +131,247 @@ export default {
|
|
|
handleRightClick() {
|
|
|
this.showPopup = true;
|
|
|
},
|
|
|
- changeTab(active) {
|
|
|
- console.log(this.active);
|
|
|
+ // 初始化
|
|
|
+ initData() {
|
|
|
+ this.active = 0;
|
|
|
+ this.keyword = "";
|
|
|
+ this.sfghpjList.map((item, index) => {
|
|
|
+ item.active = "";
|
|
|
+ if (index === 0) {
|
|
|
+ item.active = "active";
|
|
|
+ this.isParts = item.value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.fillinList.map((item, index) => {
|
|
|
+ item.active = "";
|
|
|
+ if (index === 0) {
|
|
|
+ item.active = "active";
|
|
|
+ this.fillinDate = item.value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.acceptanceList.map((item, index) => {
|
|
|
+ item.active = "";
|
|
|
+ if (index === 0) {
|
|
|
+ item.active = "active";
|
|
|
+ this.acceptanceDate = item.value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.getRepairData();
|
|
|
+ this.getMaintenanceData();
|
|
|
},
|
|
|
// 查询设备信息/维修/维保数据
|
|
|
getData() {
|
|
|
if (this.active === 0) {
|
|
|
//维保
|
|
|
- this.getMaintenanceData();
|
|
|
+ this.getRepairData();
|
|
|
} else if (this.active === 1) {
|
|
|
//维修
|
|
|
- this.getRepairData();
|
|
|
+ this.getMaintenanceData();
|
|
|
}
|
|
|
},
|
|
|
// 查询维保数据
|
|
|
- getMaintenanceData() {
|
|
|
- let getParams = {
|
|
|
- smsxt: this.smsxt,
|
|
|
- plazaId: this.plazaId,
|
|
|
- onlyMainAsset: true, //仅查询重要维修/维保
|
|
|
- ismodel: this.isParts, //是否更换配件
|
|
|
- };
|
|
|
- //查询关键字(重要事项记录)
|
|
|
- if (this.$refs.maintenance && this.$refs.maintenance.keyword) {
|
|
|
- getParams.keyword = `${this.$refs.maintenance.keyword}:matters`;
|
|
|
- }
|
|
|
- //填报日期
|
|
|
- switch (this.fillinDate) {
|
|
|
- // 七天
|
|
|
- case 1:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(7, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 15天
|
|
|
- case 2:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(15, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 30天
|
|
|
- case 3:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(1, "months")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 6个月
|
|
|
- case 4:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(6, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 一年
|
|
|
- case 5:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(1, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 默认 全部
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
- //验收日期
|
|
|
- switch (this.acceptanceDate) {
|
|
|
- // 七天
|
|
|
- case 1:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(7, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 15天
|
|
|
- case 2:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(15, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 30天
|
|
|
- case 3:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(1, "months")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 6个月
|
|
|
- case 4:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(6, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 一年
|
|
|
- case 5:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(1, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 默认 全部
|
|
|
- default:
|
|
|
- break;
|
|
|
+ getRepairData() {
|
|
|
+ let getParams = {
|
|
|
+ smsxt: this.smsxt,
|
|
|
+ plazaId: this.plazaId,
|
|
|
+ onlyMainAsset: true, //仅查询重要维修/维保
|
|
|
+ ismodel: this.isParts, //是否更换配件
|
|
|
+ };
|
|
|
+ //查询关键字(重要事项记录)
|
|
|
+ if (this.$refs.repair && this.$refs.repair.keyword) {
|
|
|
+ getParams.keyword = `${this.$refs.repair.keyword}:matters`;
|
|
|
+ }
|
|
|
+ //填报日期
|
|
|
+ switch (this.fillinDate) {
|
|
|
+ // 七天
|
|
|
+ case 1:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(7, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 15天
|
|
|
+ case 2:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(15, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 30天
|
|
|
+ case 3:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(1, "months")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 6个月
|
|
|
+ case 4:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(6, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 一年
|
|
|
+ case 5:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(1, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 默认 全部
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ //验收日期
|
|
|
+ switch (this.acceptanceDate) {
|
|
|
+ // 七天
|
|
|
+ case 1:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(7, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 15天
|
|
|
+ case 2:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(15, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 30天
|
|
|
+ case 3:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(1, "months")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 6个月
|
|
|
+ case 4:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(6, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 一年
|
|
|
+ case 5:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(1, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 默认 全部
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ getUpdateDetail1({ getParams }).then((res) => {
|
|
|
+ if (res.data && res.data.length) {
|
|
|
+ this.repairData = res.data;
|
|
|
+ } else {
|
|
|
+ this.repairData = [];
|
|
|
}
|
|
|
- getUpdateDetail1({ getParams }).then((res) => {
|
|
|
- if (res.data && res.data.length) {
|
|
|
- this.maintenanceData = res.data;
|
|
|
- } else {
|
|
|
- this.maintenanceData = [];
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
// 查询维修数据
|
|
|
- getRepairData() {
|
|
|
- let getParams = {
|
|
|
- smsxt: this.smsxt,
|
|
|
- plazaId: this.plazaId,
|
|
|
- onlyMainAsset: true, //仅查询重要维修/维保
|
|
|
- ismodel: this.isParts, //是否更换配件
|
|
|
- };
|
|
|
- //查询关键字(重要事项记录)
|
|
|
- if (this.$refs.repair && this.$refs.repair.keyword) {
|
|
|
- getParams.keyword = `${this.$refs.repair.keyword}:matters`;
|
|
|
- }
|
|
|
- //填报日期
|
|
|
- switch (this.fillinDate) {
|
|
|
- // 七天
|
|
|
- case 1:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(7, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 15天
|
|
|
- case 2:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(15, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 30天
|
|
|
- case 3:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(1, "months")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 6个月
|
|
|
- case 4:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(6, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 一年
|
|
|
- case 5:
|
|
|
- getParams.reportdateStartDate = moment()
|
|
|
- .subtract(1, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 默认 全部
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
- //验收日期
|
|
|
- switch (this.acceptanceDate) {
|
|
|
- // 七天
|
|
|
- case 1:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(7, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 15天
|
|
|
- case 2:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(15, "days")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 30天
|
|
|
- case 3:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(1, "months")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 6个月
|
|
|
- case 4:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(6, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 一年
|
|
|
- case 5:
|
|
|
- getParams.sjjssjStartDate = moment()
|
|
|
- .subtract(1, "years")
|
|
|
- .format("YYYYMMDD000000");
|
|
|
- getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
- break;
|
|
|
- // 默认 全部
|
|
|
- default:
|
|
|
- break;
|
|
|
+ getMaintenanceData() {
|
|
|
+ let getParams = {
|
|
|
+ smsxt: this.smsxt,
|
|
|
+ plazaId: this.plazaId,
|
|
|
+ onlyMainAsset: true, //仅查询重要维修/维保
|
|
|
+ ismodel: this.isParts, //是否更换配件
|
|
|
+ };
|
|
|
+ //查询关键字(重要事项记录)
|
|
|
+ if (this.$refs.maintenance && this.$refs.maintenance.keyword) {
|
|
|
+ getParams.keyword = `${this.$refs.maintenance.keyword}:matters`;
|
|
|
+ }
|
|
|
+ //填报日期
|
|
|
+ switch (this.fillinDate) {
|
|
|
+ // 七天
|
|
|
+ case 1:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(7, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 15天
|
|
|
+ case 2:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(15, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 30天
|
|
|
+ case 3:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(1, "months")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 6个月
|
|
|
+ case 4:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(6, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 一年
|
|
|
+ case 5:
|
|
|
+ getParams.reportdateStartDate = moment()
|
|
|
+ .subtract(1, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.reportdateEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 默认 全部
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ //验收日期
|
|
|
+ switch (this.acceptanceDate) {
|
|
|
+ // 七天
|
|
|
+ case 1:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(7, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 15天
|
|
|
+ case 2:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(15, "days")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 30天
|
|
|
+ case 3:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(1, "months")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 6个月
|
|
|
+ case 4:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(6, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 一年
|
|
|
+ case 5:
|
|
|
+ getParams.sjjssjStartDate = moment()
|
|
|
+ .subtract(1, "years")
|
|
|
+ .format("YYYYMMDD000000");
|
|
|
+ getParams.sjjssjEndDate = moment().format("YYYYMMDD000000");
|
|
|
+ break;
|
|
|
+ // 默认 全部
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ getUpdateDetail4({ getParams }).then((res) => {
|
|
|
+ if (res.data && res.data.length) {
|
|
|
+ this.maintenanceData = res.data;
|
|
|
+ } else {
|
|
|
+ this.maintenanceData = [];
|
|
|
}
|
|
|
- getUpdateDetail4({ getParams }).then((res) => {
|
|
|
- if (res.data && res.data.length) {
|
|
|
- this.repairData = res.data;
|
|
|
- } else {
|
|
|
- this.repairData = [];
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
// 修改是否更换配件
|
|
|
isChangeParts(data) {
|
|
@@ -413,17 +441,7 @@ export default {
|
|
|
this.getData();
|
|
|
this.showPopup = false;
|
|
|
},
|
|
|
- },
|
|
|
- watch: {
|
|
|
- "$route.path": {
|
|
|
- handler(path) {
|
|
|
- this.getMaintenanceData();
|
|
|
- this.getRepairData();
|
|
|
- },
|
|
|
- immediate: true,
|
|
|
- deep: true,
|
|
|
- },
|
|
|
- },
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
<style lang='less' scoped>
|