|
@@ -1,10 +1,7 @@
|
|
|
<template>
|
|
|
<div class="asset-detail" v-if="isFinish >= 2">
|
|
|
- <van-nav-bar
|
|
|
- :title="isMaintenanceShow || isRepairShow ? '设备详情' : '设备信息'"
|
|
|
- @click-left="backPage"
|
|
|
- @click-right="handleRightClick"
|
|
|
- >
|
|
|
+ <van-nav-bar :title="isMaintenanceShow || isRepairShow ? '设备详情' : '设备信息'" @click-left="backPage"
|
|
|
+ @click-right="handleRightClick">
|
|
|
<template #left>
|
|
|
<van-icon name="arrow-left" size="18" color="#333333" />
|
|
|
</template>
|
|
@@ -15,33 +12,16 @@
|
|
|
<div class="asset-information" v-if="!isMaintenanceShow && !isRepairShow">
|
|
|
<Information :data="informationData" />
|
|
|
</div>
|
|
|
- <van-tabs
|
|
|
- v-else
|
|
|
- v-model="active"
|
|
|
- class="other-tabs"
|
|
|
- color="#025BAA"
|
|
|
- @change="changeTab"
|
|
|
- title-active-color="#025BAA"
|
|
|
- :line-width="60"
|
|
|
- >
|
|
|
+ <van-tabs v-else v-model="active" class="other-tabs" color="#025BAA" @change="changeTab"
|
|
|
+ title-active-color="#025BAA" :line-width="60">
|
|
|
<van-tab title="设备信息">
|
|
|
<Information :data="informationData" />
|
|
|
</van-tab>
|
|
|
<van-tab v-if="isMaintenanceShow" title="重要维保">
|
|
|
- <RepairMaintenance
|
|
|
- ref="maintenance"
|
|
|
- type="maintenance"
|
|
|
- :list="maintenanceData"
|
|
|
- @onSearch="getData"
|
|
|
- />
|
|
|
+ <RepairMaintenance ref="maintenance" type="maintenance" :list="maintenanceData" @onSearch="getData" />
|
|
|
</van-tab>
|
|
|
<van-tab v-if="isRepairShow" title="重要维修">
|
|
|
- <RepairMaintenance
|
|
|
- ref="repair"
|
|
|
- type="repair"
|
|
|
- :list="repairData"
|
|
|
- @onSearch="getData"
|
|
|
- />
|
|
|
+ <RepairMaintenance ref="repair" type="repair" :list="repairData" @onSearch="getData" />
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
|
|
@@ -52,17 +32,8 @@
|
|
|
<div class="system">
|
|
|
<h1 class="title">是否更换配件</h1>
|
|
|
<div class="system-btn-container">
|
|
|
- <div
|
|
|
- class="system-btn"
|
|
|
- v-for="(item, index) in sfghpjList"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- <van-button
|
|
|
- class="m-btn"
|
|
|
- :class="item.active"
|
|
|
- @click="isChangeParts(item)"
|
|
|
- >{{ item.text }}</van-button
|
|
|
- >
|
|
|
+ <div class="system-btn" v-for="(item, index) in sfghpjList" :key="index">
|
|
|
+ <van-button class="m-btn" :class="item.active" @click="isChangeParts(item)">{{ item.text }}</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -71,17 +42,9 @@
|
|
|
<div class="sbss">
|
|
|
<h1 class="title">填报日期</h1>
|
|
|
<div class="system-btn-container">
|
|
|
- <div
|
|
|
- class="system-btn"
|
|
|
- v-for="(item, index) in fillinList"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- <van-button
|
|
|
- class="m-btn"
|
|
|
- :class="item.active"
|
|
|
- @click="changeFillinDate(item)"
|
|
|
- >{{ item.text }}</van-button
|
|
|
- >
|
|
|
+ <div class="system-btn" v-for="(item, index) in fillinList" :key="index">
|
|
|
+ <van-button class="m-btn" :class="item.active" @click="changeFillinDate(item)">{{ item.text }}
|
|
|
+ </van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -90,32 +53,15 @@
|
|
|
<div class="sbss">
|
|
|
<h1 class="title">验收日期</h1>
|
|
|
<div class="system-btn-container">
|
|
|
- <div
|
|
|
- class="system-btn"
|
|
|
- v-for="(item, index) in acceptanceList"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- <van-button
|
|
|
- class="m-btn"
|
|
|
- :class="item.active"
|
|
|
- @click="changeAcceptanceDate(item)"
|
|
|
- >{{ item.text }}
|
|
|
+ <div class="system-btn" v-for="(item, index) in acceptanceList" :key="index">
|
|
|
+ <van-button class="m-btn" :class="item.active" @click="changeAcceptanceDate(item)">{{ item.text }}
|
|
|
</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="footer">
|
|
|
- <van-button
|
|
|
- size="large"
|
|
|
- color="#025BAA"
|
|
|
- plain
|
|
|
- type="info"
|
|
|
- @click="reset"
|
|
|
- >重置</van-button
|
|
|
- >
|
|
|
- <van-button size="large" color="#025BAA" type="info" @click="confirm"
|
|
|
- >确定</van-button
|
|
|
- >
|
|
|
+ <van-button size="large" color="#025BAA" plain type="info" @click="reset">重置</van-button>
|
|
|
+ <van-button size="large" color="#025BAA" type="info" @click="confirm">确定</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-popup>
|
|
@@ -184,8 +130,8 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
props: {},
|
|
|
- beforeMount() {},
|
|
|
- mounted() {},
|
|
|
+ beforeMount() { },
|
|
|
+ mounted() { },
|
|
|
methods: {
|
|
|
backPage() {
|
|
|
if (this.$route.query.first) {
|
|
@@ -218,9 +164,9 @@ export default {
|
|
|
// 查询设备信息数据
|
|
|
getInformationData() {
|
|
|
let data = {
|
|
|
- plazaId: this.plazaId,
|
|
|
- keyword: `${this.$route.query.assetid}:assetid;`,
|
|
|
- },
|
|
|
+ plazaId: this.plazaId,
|
|
|
+ keyword: `${this.$route.query.assetid}:assetid;`,
|
|
|
+ },
|
|
|
postParams = {};
|
|
|
queryEquipmentList({ data, postParams }).then((res) => {
|
|
|
if (res.data.result == "success" && res.data.data && res.data.data[0]) {
|
|
@@ -559,8 +505,16 @@ export default {
|
|
|
/deep/ .van-tab__text {
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
+
|
|
|
/deep/ .van-tabs__wrap {
|
|
|
height: 45px;
|
|
|
+ border-bottom: 1px solid #eaeaea;
|
|
|
+ .van-tabs__nav--line {
|
|
|
+ box-sizing: content-box;
|
|
|
+ height: 100%;
|
|
|
+ width: 80%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
}
|
|
|
/deep/ .van-tabs__content {
|
|
|
height: calc(100% - 45px);
|