|
@@ -7,7 +7,7 @@
|
|
|
<mt-button slot="right" v-if="power.indexOf('assets_operation')>-1" v-on:click.native="jumpTo(3)">操作记录</mt-button>
|
|
|
</mt-header>
|
|
|
<div class="detail_body">
|
|
|
- <div class="detailBox userInfo" v-on:click="power.indexOf('update_assets') > -1 ?jumpTo(0):''">
|
|
|
+ <div class="detailBox userInfo" v-on:click="showBase()">
|
|
|
<div class="left">
|
|
|
<img v-if="detail.pic != null" :src="detail.pic">
|
|
|
<img v-else src="../../assets/image/noPic.png">
|
|
@@ -56,7 +56,6 @@
|
|
|
|
|
|
<mt-cell-swipe v-if="power.indexOf('handle_assets') > -1 && power.indexOf('update_assets') == -1" :right="[
|
|
|
{ content: '处置', style: { background: 'rgba(38,162,255,0.9)', color: '#fff' }, handler: () => handle(item.id) },
|
|
|
-
|
|
|
]" :class="item.username==null?'noName':''">
|
|
|
<div class="one_assDel_head">
|
|
|
<span class="canJump"><span style="color:#DC143C;font-weight:600">{{item.isMaintain == 1?"[待维护] ":""}}</span>{{item.modelNo}}</span>
|
|
@@ -101,6 +100,45 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <mt-popup v-model="popupVisible" position="right" class="allocation">
|
|
|
+ <mt-header class="detail_head" fixed title="资产基本信息">
|
|
|
+ <router-link to="" slot="left">
|
|
|
+ <mt-button icon="back" v-on:click="closeBase()"></mt-button>
|
|
|
+ </router-link>
|
|
|
+ </mt-header>
|
|
|
+ <div class="detail_body">
|
|
|
+ <div class="detailBox userInfo" v-on:click="power.indexOf('update_assets') > -1 ?jumpTo(0):''">
|
|
|
+ <div class="left">
|
|
|
+ <img v-if="detail.pic != null" :src="detail.pic">
|
|
|
+ <img v-else src="../../assets/image/noPic.png">
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <div>
|
|
|
+ <span class="nameEdit">{{detail.name}}</span>
|
|
|
+ <span v-if="power.indexOf('update_assets')>-1" class="arrowEdit"><img src="../../assets/image/edit.png"></span>
|
|
|
+ </div>
|
|
|
+ <div class="department">
|
|
|
+ {{detail.modelNumber}}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span class="num">{{detail.goodsNosVO!=null?detail.goodsNosVO.length:0}}{{detail.unit}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="detailBox">
|
|
|
+ <mt-cell title="所属分类" :value="detail.tagName"></mt-cell>
|
|
|
+ <mt-cell title="数量" :value="detail.goodsNosVO!=null?detail.goodsNosVO.length:0"></mt-cell>
|
|
|
+ <mt-cell title="单位" :value="detail.unit"></mt-cell>
|
|
|
+ <mt-cell title="地址" :value="detail.address"></mt-cell>
|
|
|
+ </div>
|
|
|
+ <div class="detailBox">
|
|
|
+ <mt-cell title="生产厂家" :value="detail.factory"></mt-cell>
|
|
|
+ <mt-cell title="服务期限" :value="detail.serviceLife"></mt-cell>
|
|
|
+ <mt-cell title="下次维护时间" :value="detail.nextIndate"></mt-cell>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </mt-popup>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -118,6 +156,8 @@
|
|
|
scrList: [],
|
|
|
unuList: [],
|
|
|
state: -1,
|
|
|
+
|
|
|
+ popupVisible: false,
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -312,7 +352,17 @@
|
|
|
|
|
|
handle(id) {
|
|
|
this.$router.push("/assetsHandle/" + id );
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 展示基础资料
|
|
|
+ showBase() {
|
|
|
+ this.popupVisible = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ closeBase() {
|
|
|
+ this.popupVisible = false;
|
|
|
+ },
|
|
|
+
|
|
|
},
|
|
|
created() {
|
|
|
this.getDetail();
|
|
@@ -373,6 +423,15 @@
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+
|
|
|
+ span.nameEdit {
|
|
|
+ font-size: 0.16rem;
|
|
|
+ font-weight: 600;
|
|
|
+ margin: 0 0.15rem 0 0;
|
|
|
+ width: 80%;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
|
|
|
span.num {
|
|
|
font-size: 0.14rem;
|
|
@@ -398,6 +457,15 @@
|
|
|
-o-transform: rotate(-90deg); /* Opera */
|
|
|
}
|
|
|
|
|
|
+ span.arrowEdit {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ span.arrowEdit img {
|
|
|
+ width: 0.15rem;
|
|
|
+ margin-right: 0.05rem;
|
|
|
+ }
|
|
|
+
|
|
|
.assDel {
|
|
|
padding: 0.12rem 0.1rem;
|
|
|
}
|
|
@@ -456,16 +524,11 @@
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
- .one_assDel_head > span:nth-child(1).canJump {
|
|
|
- /* color: #26a2ff; */
|
|
|
- }
|
|
|
-
|
|
|
.one_assDel_head > span:nth-child(2){
|
|
|
float: right;
|
|
|
}
|
|
|
|
|
|
.one_assDel_body span {
|
|
|
- /* display:inline-block; */
|
|
|
color: #aaa;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
@@ -476,6 +539,18 @@
|
|
|
height: 0.25rem;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
+
|
|
|
+ /* 资产基础数据样式 */
|
|
|
+ .allocation {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .address_first .current{
|
|
|
+ background:#eee;
|
|
|
+ color: #6f83ff;
|
|
|
+ border-left: 2px solid #6f83ff;
|
|
|
+ }
|
|
|
</style>
|
|
|
<style>
|
|
|
.detail_head .mint-header-title {
|