chen
/
flying-monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
flying-monkey/pages/dataQuery/dataQuery.vue

211 lines
6.2 KiB
Vue
Raw Normal View History

新增页面
2022-03-22 03:38:06 +00:00
<template>
<view class="content">
<statusNav navBarTitle="(备品)查询结果"></statusNav>
<view class="dataQuery-content">
<view class="li">
修改
2022-03-25 03:41:31 +00:00
新增页面
2022-03-22 03:38:06 +00:00
<view class="title">
项目名称：湖南工业大学生化学院三楼会议室
</view>
<view class="text-content">
<view class="left">
<view class="text">
核心品牌：海康威视
</view>
<view class="text">
规格型号：DS-CK18FI-H
</view>
<view class="text">
批 次 号：2210122
</view>
</view>
<view class="rigth">
<view class="text">
备品数量：<text class="cor">3张</text>
</view>
<view class="text cor1">
备品尺寸：320*160
</view>
<view class="text cor1">
入库时间：2021-04-06 16:45:45
</view>
</view>
</view>
<view class="icon" v-if="true">
<text class="icon-text">正常</text>
</view>
<view class="icon1" v-else>
<text class="icon-text">待维修</text>
</view>
</view>
xiugai
2022-03-24 09:04:24 +00:00
<view class="li">
<view class="title">
项目名称：湖南工业大学生化学院三楼会议室
</view>
<view class="text-content">
<view class="left">
<view class="text">
核心品牌：海康威视
</view>
<view class="text">
规格型号：DS-CK18FI-H
</view>
<view class="text">
批 次 号：2210122
</view>
</view>
<view class="rigth">
<view class="text">
备品数量：<text class="cor">3张</text>
</view>
<view class="text cor1">
备品尺寸：320*160
</view>
<view class="text cor1">
入库时间：2021-04-06 16:45:45
</view>
</view>
</view>
<view class="icon" v-if="true">
<text class="icon-text">正常</text>
</view>
<view class="icon1" v-else>
<text class="icon-text">待维修</text>
</view>
</view>
<view class="li">
<view class="title">
项目名称：湖南工业大学生化学院三楼会议室
</view>
<view class="text-content">
<view class="left">
<view class="text">
核心品牌：海康威视
</view>
<view class="text">
规格型号：DS-CK18FI-H
</view>
<view class="text">
批 次 号：2210122
</view>
</view>
<view class="rigth">
<view class="text">
备品数量：<text class="cor">3张</text>
</view>
<view class="text cor1">
备品尺寸：320*160
</view>
<view class="text cor1">
入库时间：2021-04-06 16:45:45
</view>
</view>
</view>
<view class="icon" v-if="false">
<text class="icon-text">正常</text>
</view>
<view class="icon1" v-else>
<text class="icon-text">待维修</text>
</view>
</view>
新增页面
2022-03-22 03:38:06 +00:00
</view>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.content{
padding-top: 80rpx;
}
.dataQuery-content {
font-size: 24rpx;
color: #333333;
margin-top: 15rpx;
}
.dataQuery-content .li{
background-color: #FFFFFF;
padding: 26rpx 28rpx;
修改
2022-03-25 03:41:31 +00:00
xiugai
2022-03-24 09:04:24 +00:00
margin-bottom: 14rpx;
新增页面
2022-03-22 03:38:06 +00:00
}
.dataQuery-content .li {
position: relative;
}
.dataQuery-content .li .text-content{
display: flex;
修改
2022-03-25 03:41:31 +00:00
border-bottom: 2rpx solid #EEEEEE;
padding-bottom: 10rpx;
新增页面
2022-03-22 03:38:06 +00:00
}
.dataQuery-content .li .text-content .left{
width: 48%;
}
.dataQuery-content .li .text-content .text{
margin-top: 20rpx;
}
.cor{
color: #ff9000;
}
.cor1{
color: #999999;
}
.dataQuery-content .li .icon{
background-image: url(../../static/iocn/zc.png);
width: 125rpx;
height: 91rpx;
display: flex;
align-items: center;
box-sizing: border-box;
background-size: 100%;
padding-left:30rpx;
right: 20rpx;
top: 20rpx;
position: absolute;
}
.dataQuery-content .li .icon .icon-text{
transform: rotateZ(20deg);
color: #53e5d0;
}
.dataQuery-content .li .icon1{
background-image: url(../../static/iocn/dwx.png);
width: 125rpx;
height: 91rpx;
display: flex;
align-items: center;
box-sizing: border-box;
background-size: 100%;
padding-left:30rpx;
right: 20rpx;
top: 20rpx;
position: absolute;
}
.dataQuery-content .li .icon1 .icon-text{
transform: rotateZ(20deg);
color: #ff0006;
}
</style>