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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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