589 lines
17 KiB
Vue
589 lines
17 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="top_container">
|
|||
|
|
<view class="report_status" v-if="record.result == '56'">待处理</view>
|
|||
|
|
<view class="report_status" v-else-if="record.result == '57'"
|
|||
|
|
>待验收</view
|
|||
|
|
>
|
|||
|
|
<view class="report_status" v-else-if="record.result == '58'"
|
|||
|
|
>已验收</view
|
|||
|
|
>
|
|||
|
|
<view class="report_status"
|
|||
|
|
>计划编号:{{ record.work_orderNo || "" }}</view
|
|||
|
|
>
|
|||
|
|
<view class="btn" v-if="record.result == '56'" @click="toPatrol()"
|
|||
|
|
>保养执行</view
|
|||
|
|
><!-- 待处理 -->
|
|||
|
|
<view class="btn" v-else-if="record.result == '57'" @click="toEvaluate()"
|
|||
|
|
>验收评价</view
|
|||
|
|
><!-- 待验收 -->
|
|||
|
|
</view>
|
|||
|
|
<view class="detail_name_container">
|
|||
|
|
<view
|
|||
|
|
:class="[current_num == 1 ? 'current' : '']"
|
|||
|
|
@click="changecurrent(1)"
|
|||
|
|
>基本信息</view
|
|||
|
|
>
|
|||
|
|
<view
|
|||
|
|
:class="[current_num == 2 ? 'current' : '']"
|
|||
|
|
@click="changecurrent(2)"
|
|||
|
|
>保养项目</view
|
|||
|
|
>
|
|||
|
|
<view
|
|||
|
|
:class="[current_num == 3 ? 'current' : '']"
|
|||
|
|
@click="changecurrent(3)"
|
|||
|
|
>备件信息</view
|
|||
|
|
>
|
|||
|
|
<view
|
|||
|
|
v-if="record.result == '58'"
|
|||
|
|
:class="[current_num == 4 ? 'current' : '']"
|
|||
|
|
@click="changecurrent(4)"
|
|||
|
|
>验收评价</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="current_num == 1">
|
|||
|
|
<view class="myContainer myContentBox">
|
|||
|
|
<view class="top_container detail_list_top">
|
|||
|
|
<view class="report_status">设备信息</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">设备单号</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.serialno
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">设备名称</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.deviceName
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">规格型号</view>
|
|||
|
|
<view class="list_item_content contentRight">{{ record.model }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">使用部门</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.useDeptName
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">安装地点</view>
|
|||
|
|
<view class="list_item_content contentRight">{{ record.site }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="myContainer myContentBox">
|
|||
|
|
<view class="top_container detail_list_top">
|
|||
|
|
<view class="report_status">保养概况</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养单号</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.work_orderNo
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养级别</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.typeName
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养名称</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.planName
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养负责人</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.userName
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">负责人电话</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.mobile
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养开始时间</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.planStarttime
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养结束时间</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.planendtime
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养总用时</view>
|
|||
|
|
<view class="list_item_content contentRight"
|
|||
|
|
>{{ record.plan_man_hour || "-" }}小时</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="list_item">
|
|||
|
|
<view class="list_item_name">下次保养时间</view>
|
|||
|
|
<view class="list_item_content contentRight">？</view>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">停机时间</view>
|
|||
|
|
<view class="list_item_content contentRight"
|
|||
|
|
>{{ record.downHour || "-" }}小时</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">使用状况</view>
|
|||
|
|
<view class="list_item_content contentRight">{{
|
|||
|
|
record.using_status_name
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">材料费合计</view>
|
|||
|
|
<view class="list_item_content contentRight"
|
|||
|
|
>{{ record.cost }}元</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">工时费合计</view>
|
|||
|
|
<view class="list_item_content contentRight"
|
|||
|
|
>{{ record.manhourCost }}元</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 保养总结（待验收、已验收） -->
|
|||
|
|
<view v-if="record.result != '56' && record.result">
|
|||
|
|
<view class="myContainer myContentBox">
|
|||
|
|
<view class="top_container detail_list_top">
|
|||
|
|
<view class="report_status">保养总结</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="resultContent">{{ record.resultContent }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-else-if="current_num == 2">
|
|||
|
|
<view
|
|||
|
|
class="myContainer myContentBox"
|
|||
|
|
v-for="(items, index) in project"
|
|||
|
|
:key="index"
|
|||
|
|
>
|
|||
|
|
<view class="top_container detail_list_top">
|
|||
|
|
<view class="report_status">保养项目-{{ index }}</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="clear: both">
|
|||
|
|
<view class="multi_list_item">
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">项目:</view>
|
|||
|
|
<view class="list_item_content">{{ items.name }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="multi_list_item">
|
|||
|
|
<view class="list_item list_item-">
|
|||
|
|
<view class="list_item_name">工时:</view>
|
|||
|
|
<view class="list_item_content">{{ items.manhour }}小时</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item list_item-">
|
|||
|
|
<view class="list_item_name">结果:</view>
|
|||
|
|
<view class="list_item_content" v-if="items.result == 1"
|
|||
|
|
>通过</view
|
|||
|
|
>
|
|||
|
|
<view class="list_item_content" v-else-if="items.result == 0"
|
|||
|
|
>不通过</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="multi_list_item">
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">保养工时费:</view>
|
|||
|
|
<view class="list_item_content" style="padding-left: 180upx"
|
|||
|
|
>{{ items.manHourCost || "" }}元</view
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="multi_list_item">
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">方法:</view>
|
|||
|
|
<view class="list_item_content">{{ items.function }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item">
|
|||
|
|
<view class="list_item_name">备注:</view>
|
|||
|
|
<view class="list_item_content">{{ items.remark }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-else-if="current_num == 3" class="difBox">
|
|||
|
|
<view
|
|||
|
|
class="myContainer myContentBox"
|
|||
|
|
v-for="(items, index) in part"
|
|||
|
|
:key="index"
|
|||
|
|
>
|
|||
|
|
<view class="top_container">
|
|||
|
|
<view class="report_status">{{ items.spartName }}</view>
|
|||
|
|
<view class="report_status">[{{ items.code }}]</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="clear: both">
|
|||
|
|
<view class="multi_list_item">
|
|||
|
|
<view class="list_item list_item-">
|
|||
|
|
<view class="list_item_name list_item_name2">规格型号:</view>
|
|||
|
|
<view class="list_item_content list_item_content2">{{
|
|||
|
|
items.type
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list_item list_item-">
|
|||
|
|
<view class="list_item_name">库位:</view>
|
|||
|
|
<view class="list_item_content">{{ items.locationName }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex_list_item">
|
|||
|
|
<view>单价:{{ items.price }}元</view>
|
|||
|
|
<view>总价:{{ items.spart_sum }}元</view>
|
|||
|
|
<view>数量:{{ items.spart_amount }}{{ items.spart_unit }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-else-if="current_num == 4">
|
|||
|
|
<view class="myContainer myContentBox">
|
|||
|
|
<view class="list_item" style="padding: 20upx">
|
|||
|
|
<view
|
|||
|
|
class="list_item_name"
|
|||
|
|
style="padding-top: 28upx; color: #333"
|
|||
|
|
>{{ checkInfo.result_name || "" }}</view
|
|||
|
|
>
|
|||
|
|
<view class="list_item_content content_right">
|
|||
|
|
<view>验收人：{{ checkInfo.user_name || "" }}</view>
|
|||
|
|
<view>验收时间：{{ checkInfo.update_time || "" }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="myContainer myContentBox">
|
|||
|
|
<view class="top_container">验收评价</view>
|
|||
|
|
<view class="star_content">
|
|||
|
|
<view class="star_name">完成效率</view>
|
|||
|
|
<view class="star">
|
|||
|
|
<uni-rate
|
|||
|
|
:value="checkInfo.xl_grade || ''"
|
|||
|
|
active-color="#3382FF"
|
|||
|
|
:disabled="true"
|
|||
|
|
color="#C1C1C1"
|
|||
|
|
></uni-rate>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="star_content">
|
|||
|
|
<view class="star_name">完成质量</view>
|
|||
|
|
<view class="star">
|
|||
|
|
<uni-rate
|
|||
|
|
:value="checkInfo.qa_grade || ''"
|
|||
|
|
active-color="#3382FF"
|
|||
|
|
:disabled="true"
|
|||
|
|
color="#C1C1C1"
|
|||
|
|
></uni-rate>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="star_content">
|
|||
|
|
<view class="star_name">工作态度</view>
|
|||
|
|
<view class="star">
|
|||
|
|
<uni-rate
|
|||
|
|
:value="checkInfo.td_grade || ''"
|
|||
|
|
active-color="#3382FF"
|
|||
|
|
:disabled="true"
|
|||
|
|
color="#C1C1C1"
|
|||
|
|
></uni-rate>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="myContainer myContentBox">
|
|||
|
|
<view class="top_container">验收意见</view>
|
|||
|
|
<view class="resultContent" style="padding-bottom: 5px">{{
|
|||
|
|
checkInfo.content || ""
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="goHome" @click="goMain()">
|
|||
|
|
<img src="../../static/img/gohome.png" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import uniRate from "@/components/uni-rate/uni-rate.vue";
|
|||
|
|
import { config } from "../../request/js/config.js";
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
uniRate,
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
config: config,
|
|||
|
|
current_num: 1,
|
|||
|
|
id: "",
|
|||
|
|
record: {},
|
|||
|
|
part: [],
|
|||
|
|
project: [],
|
|||
|
|
checkInfo: {},
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.id = option.id;
|
|||
|
|
if (this.id == undefined) {
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url: "eqUpkeep",
|
|||
|
|
});
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
var _this = this;
|
|||
|
|
this.$http
|
|||
|
|
.request({
|
|||
|
|
url: "/apis/upkeepPlan/oneRecordDetail",
|
|||
|
|
params: {
|
|||
|
|
recordId: this.id,
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
.then((res) => {
|
|||
|
|
if (res.data.code == 0) {
|
|||
|
|
// this.data_result=res.data.data;
|
|||
|
|
this.record = res.data.data.record[0];
|
|||
|
|
this.part = res.data.data.part;
|
|||
|
|
this.project = res.data.data.project;
|
|||
|
|
if (this.record.result == 58) {
|
|||
|
|
_this.getValues();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "获取信息失败",
|
|||
|
|
duration: 2000,
|
|||
|
|
icon: "none",
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//获取评价详情。
|
|||
|
|
getValues() {
|
|||
|
|
this.$http
|
|||
|
|
.request({
|
|||
|
|
url: "/apis/upkeepRecord/getCheckDetail",
|
|||
|
|
params: {
|
|||
|
|
recordId: this.id,
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
.then((res) => {
|
|||
|
|
if (res.data.code == 0) {
|
|||
|
|
this.checkInfo = res.data.data;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "获取信息失败",
|
|||
|
|
duration: 2000,
|
|||
|
|
icon: "none",
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
changecurrent(num) {
|
|||
|
|
this.current_num = num;
|
|||
|
|
},
|
|||
|
|
//点击立即巡检
|
|||
|
|
toPatrol() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: "keepStep1?id=" + this.id,
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//验收评价
|
|||
|
|
toEvaluate() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: "keepEvaluation?id=" + this.id,
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
onBackPress(options) {
|
|||
|
|
//取消默认的返回事件.
|
|||
|
|
// uni.navigateTo({
|
|||
|
|
// url: "eqUpkeep"
|
|||
|
|
// });
|
|||
|
|
// return true;
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style>
|
|||
|
|
page {
|
|||
|
|
background-color: #f5f7f5;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<style scoped>
|
|||
|
|
.difBox .top_container {
|
|||
|
|
border-radius: 12upx 12upx 0px 0px;
|
|||
|
|
box-shadow: none;
|
|||
|
|
border: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top_container {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: #fff;
|
|||
|
|
padding: 30upx 200upx 30upx 30upx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
color: #333;
|
|||
|
|
/* box-shadow: 2px 2px 20upx rgba(0,0,0,0.1); */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.report_status {
|
|||
|
|
line-height: 40upx;
|
|||
|
|
word-break: break-all;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
}
|
|||
|
|
.btn {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 160upx;
|
|||
|
|
height: 68upx;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 68upx;
|
|||
|
|
border-radius: 10upx;
|
|||
|
|
background-color: #3382ff;
|
|||
|
|
color: #fff;
|
|||
|
|
right: 30upx;
|
|||
|
|
margin: auto;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
}
|
|||
|
|
.detail_name_container {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
padding-left: 30upx;
|
|||
|
|
height: 100upx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.detail_name_container view {
|
|||
|
|
position: relative;
|
|||
|
|
font-size: 30upx;
|
|||
|
|
float: left;
|
|||
|
|
line-height: 100upx;
|
|||
|
|
}
|
|||
|
|
.detail_name_container view {
|
|||
|
|
margin-right: 20upx;
|
|||
|
|
}
|
|||
|
|
.current:after {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
width: 80upx;
|
|||
|
|
height: 8upx;
|
|||
|
|
background-color: #3382ff;
|
|||
|
|
bottom: 8upx;
|
|||
|
|
left: 20upx;
|
|||
|
|
border-radius: 8upx;
|
|||
|
|
}
|
|||
|
|
.detail_list {
|
|||
|
|
position: relative;
|
|||
|
|
background-color: #fff;
|
|||
|
|
width: 90%;
|
|||
|
|
margin: auto;
|
|||
|
|
box-shadow: 1px 1px 20upx rgba(0, 0, 0, 0.1);
|
|||
|
|
margin-bottom: 30upx;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.list_item {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 70upx;
|
|||
|
|
padding: 0 30upx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.multi_list_item {
|
|||
|
|
position: relative;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.list_item- {
|
|||
|
|
width: 50%;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list_item_name {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 30upx;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
color: #999;
|
|||
|
|
line-height: 70upx;
|
|||
|
|
}
|
|||
|
|
.list_item- .list_item_name {
|
|||
|
|
width: 100upx;
|
|||
|
|
}
|
|||
|
|
.list_item_name2 {
|
|||
|
|
width: 140upx !important;
|
|||
|
|
}
|
|||
|
|
.list_item_content {
|
|||
|
|
position: relative;
|
|||
|
|
padding: 14upx 0 14upx 100upx;
|
|||
|
|
font-size: 28upx;
|
|||
|
|
line-height: 40upx;
|
|||
|
|
max-height: 140upx;
|
|||
|
|
color: #333;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
-webkit-line-clamp: 3;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.contentRight {
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
.list_item- .list_item_content {
|
|||
|
|
padding: 14upx 0 14upx 100upx;
|
|||
|
|
}
|
|||
|
|
.list_item_content2 {
|
|||
|
|
padding: 14upx 0 14upx 140upx !important;
|
|||
|
|
}
|
|||
|
|
.flex_list_item {
|
|||
|
|
position: relative;
|
|||
|
|
padding: 0 15px;
|
|||
|
|
height: 70upx;
|
|||
|
|
line-height: 70upx;
|
|||
|
|
border-top: 1px solid #e0e0e0;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
font-size: 24upx;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
.flex_list_item view {
|
|||
|
|
line-height: 70upx;
|
|||
|
|
}
|
|||
|
|
.sign_in_container {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.img-wrap {
|
|||
|
|
position: relative;
|
|||
|
|
background-color: #fff;
|
|||
|
|
float: left;
|
|||
|
|
width: 27%;
|
|||
|
|
margin: 3%;
|
|||
|
|
}
|
|||
|
|
.img-box {
|
|||
|
|
width: 100%;
|
|||
|
|
padding-bottom: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
margin: 0;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.img-box img {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.resultContent {
|
|||
|
|
font-size: 30upx;
|
|||
|
|
color: #333;
|
|||
|
|
padding: 30upx 30upx 0 30upx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
</style>
|