chen 2022-03-25 10:52:56 +08:00
commit 8a1f359a12
9 changed files with 198 additions and 48 deletions

View File

@ -12,18 +12,24 @@
</view>
<view class="appreciationServe-from">
<view class="li">
<view class="title">*产品名称</view>
<input class="input" type="text" value="全彩LED显示屏" />
</view>
<view class="li">
<view class="title">
<text class="cor">*</text>规格型号
</view>
</view>
<view class="li">
<view class="title">*规格型号</view>
<input class="input" type="text" value="p2.5" />
</view>
<view class="li">
<view class="title">产品品牌</view>
<input class="input" type="text" value="" placeholder="请输入品牌" />
</view>
<view class="li">
<view class="title">
<text class="cor">*</text>产品尺寸
</view>
<view class="title">*产品尺寸</view>
<input class="input" type="text" value="宽:38.5m x 高14.5m" />
</view>
@ -31,6 +37,27 @@
<view class="supplementTitle">补充信息</view>
<view class="supplement-from">
<view class="li">
<view class="title">
<text class="cor">*</text>联系人
</view>
<input type="text" class="input" value="王富贵" />
</view>
<view class="li">
<view class="">
<text class="cor">*</text>联系电话
</view>
<input type="text" class="input" value="18256666666" />
</view>
<view class="li">
<view class="">
<text class="cor">*</text>预约时间
</view>
<input type="text" class="input" value="2022-02-16" />
</view>
<view class="li-textarea">
<view class="title">
<text class="cor">*</text>详细地址
</view>
<view class="title">*联系人</view>
<input type="text" class="input" value="王富贵" />
</view>
@ -106,7 +133,9 @@
.content {
padding-top: 80rpx;
}
.cor{
color: #FF0000;
}
.select-type {
display: flex;
margin-top: 10rpx;

View File

@ -38,6 +38,78 @@
<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="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>
</view>
</view>
</template>
@ -71,6 +143,7 @@
.dataQuery-content .li{
background-color: #FFFFFF;
padding: 26rpx 28rpx;
margin-bottom: 14rpx;
}
.dataQuery-content .li {

View File

@ -182,7 +182,7 @@
<style>
.content {
padding-top: 80rpx;
padding-top: 100rpx;
padding-right: 27rpx;
padding-left: 27rpx;
}

View File

@ -4,7 +4,7 @@
<view class="details-head">
<view class="swiper-head">
<swiper class="swiper" @change="changeAutoplay" :autoplay="autoplay" :interval="interval"
:duration="duration">
>
<swiper-item>
<view class="swiper-item uni-bg-red">
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
@ -220,6 +220,7 @@
</view>
</view>
</view>
<view class="record-nav">
<view class="li" @click="recordNav(index)" :class="item.state?'on':''" v-for="(item,index) in recordState">
{{item.title}}
@ -479,6 +480,7 @@
border-top:2rpx solid #ebebeb;
border-bottom: 2rpx solid #ebebeb;
padding-top: 23rpx;
background-color: #FFFFFF;
padding-bottom: 21rpx;
}
@ -491,7 +493,7 @@
}
.project-message-title .text {
font-size: 13rpx
font-size: 26rpx
}
.project-message-content {
@ -500,6 +502,7 @@
padding: 30rpx 25rpx 0rpx;
flex-wrap: wrap;
margin-bottom: 8rpx;
background-color: #FFFFFF;
justify-content: space-between;
}
@ -515,6 +518,8 @@
.project-message-content .li {
display: flex;
margin-bottom: 31rpx;
margin-right: 20rpx;
}
.project-message-content .title {
@ -529,8 +534,10 @@
}
.record-nav {
padding: 55rpx 50rpx 33rpx;
padding: 33rpx 50rpx 33rpx;
display: flex;
margin-top: 10rpx;
background-color: #FFFFFF;
justify-content: space-between;
border-bottom: 2rpx solid #D5D4D4;
}
@ -558,8 +565,12 @@
}
.record-content {
margin-top: 33rpx;
padding: 0 52rpx;
padding-top: 33rpx;
overflow: hidden;
background-color: #FFFFFF;
padding-bottom: 43rpx;
}
.record-content .title {
@ -587,7 +598,7 @@
.record-content .list .li .icon::after {
content: "";
width: 1rpx;
width: 2rpx;
position: absolute;
left: 7rpx;
height: 102rpx;
@ -595,6 +606,15 @@
top: 14rpx;
}
.record-content .list .li .icon:last-child::after{
content: "";
width: 2rpx;
position: absolute;
left: 7rpx;
height: 102rpx;
background-color: #999999;
top: 14rpx;;
}
.record-content .list .li .con {
display: flex;
align-items: center;
@ -621,10 +641,10 @@
}
.record-content .list .on .icon::after {
content: "";
width: 1rpx;
width: 2rpx;
position: absolute;
left: 9rpx;
height: 186rpx;
height: 170rpx;
z-index: -1;
background-color: #0084ff;
top: 20rpx;
@ -647,6 +667,7 @@
display: flex;
color: #00a2e9;
font-size: 24rpx;
background-color: #FFFFFF;
border-bottom: 2rpx solid #EDEDED;
font-weight: bold;
@ -659,6 +680,7 @@
}
.project-materials-text{
display: flex;
background-color: #FFFFFF;
border-bottom: 2rpx solid #EDEDED;
padding: 26rpx 20rpx;
font-size: 24rpx;

View File

@ -322,6 +322,7 @@
.project-list-address {
display: flex;
margin-top: 10rpx;
/* justify-content: space-between; */
}

View File

@ -1,34 +1,55 @@
<template>
<view>
<view class="head">
<view class="text">查询功能</view>
<view class="text">
查询功能
</view>
</view>
<view class="queryFunction-head-content">
<view class="queryFunction-head-nav">
<view class="li" @click="navIndex(index)"
:class="[dataIndex==0?'li1':'',dataIndex==1?'li2':'',dataIndex==2?'li3':'' ]"
v-for="(item,index) in dataList" :key="index">
<view class="li" @click="navIndex(index)" :class="[dataIndex==0?'li1':'',dataIndex==1?'li2':'',dataIndex==2?'li3':'' ]"
v-for="(item,index) in dataList">
{{item.title}}
<view v-show="dataIndex==index" class="typeActive"></view>
</view>
</view>
<view class="queryFunction-head-Fun">
<input type="text" v-model="key_word" placeholder="请输入关键词进行查询" class="queryFunction-head-input" placeholder-style="font-size:28rpx;color:#959595;" />
<view class="button" @tap="checkEv"></view>
<input type="text" placeholder="请输入关键词进行查询" class="queryFunction-head-input" value="" />
<view class="button">
查询
</view>
</view>
<view class="recently-query-title">最近查询</view>
</view>
<view class="recently-query-title">
最近查询
</view>
<view class="recently-query-content">
<view class="li">
<image class="icon" src="../../static/iocn/jfd.png" mode=""></image>
<view class="text-content">
<view class="title">湖南争鸣光电科技有限公司</view>
<view class="text">编号FRID23123141123321124</view>
<view class="text">2121-1-8 12:23</view>
<view class="title">
湖南争鸣光电科技有限公司
</view>
<view class="text">
编号FRID23123141123321124
</view>
<view class="text">
2121-1-8 12:23
</view>
</view>
</view>
</view>
</view>
</template>
<script>

View File

@ -131,7 +131,7 @@
<style>
.content {
padding-top: 80rpx;
padding-top: 70rpx;
}
.submit-button {

View File

@ -35,7 +35,7 @@
</view>
<view class="iconCon">
<view v-for="(item,index) in 5">
<image class="icon" v-if="index==2" src="../../static/iocn/6.png" mode=""></image>
<image class="icon" v-if="index<=2" src="../../static/iocn/6.png" mode=""></image>
<image class="icon" v-else src="../../static/iocn/7.png" mode=""></image>
</view>
</view>

View File

@ -1,6 +1,6 @@
<template>
<view class="content">
<statusNav navBarTitle="工单详情"></statusNav>
<statusNav :navBarTitle="textTitle"></statusNav>
<view class="details-nav">
<view class="li" @click="detailsNavpa(index)" :class="item.state?'on':''"
@ -427,9 +427,8 @@
},
data() {
return {
swiHeight: 700,
swiperCurrent: 0,
textTitle:"工单详情",
detailsNav: [{
title: "基础信息",
state: true
@ -455,7 +454,7 @@
const query = uni.createSelectorQuery().in(this);
query.select('#swi1').boundingClientRect(data => {
this.swiHeight = data.height
this.swiHeight = data.height-100
}).exec();
this.detailsNavFun(0)
@ -486,24 +485,28 @@
console.log(data.detail.current)
if(data.detail.current==0){
this.textTitle="工单详情"
const query = uni.createSelectorQuery().in(this);
query.select('#swi1').boundingClientRect(data => {
this.swiHeight = data.height
}).exec();
}else if(data.detail.current==1){
this.textTitle="处理详情"
const query = uni.createSelectorQuery().in(this);
query.select('#swi2').boundingClientRect(data => {
this.swiHeight = data.height
}).exec();
}else if(data.detail.current==2){
this.textTitle="工单详情"
const query = uni.createSelectorQuery().in(this);
query.select('#swi3').boundingClientRect(data => {
this.swiHeight = data.height
}).exec();
}else if(data.detail.current==3){
this.textTitle="工单详情"
const query = uni.createSelectorQuery().in(this);
query.select('#swi4').boundingClientRect(data => {
@ -552,6 +555,7 @@
.work-order-from {
margin-top: 10rpx;
background-color: #FFFFFF;
padding-bottom: 40rpx;
}
.work-order-from .li {