Compare commits
2 Commits
b8ee483e55
...
8d8a6f15ed
| Author | SHA1 | Date |
|---|---|---|
 tangyi
|
8d8a6f15ed | |
|
tangyi
|
8337922096 |
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -182,7 +182,7 @@
|
|||
|
||||
<style>
|
||||
.content {
|
||||
padding-top: 80rpx;
|
||||
padding-top: 100rpx;
|
||||
padding-right: 27rpx;
|
||||
padding-left: 27rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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,14 +598,23 @@
|
|||
|
||||
.record-content .list .li .icon::after {
|
||||
content: "";
|
||||
width: 1rpx;
|
||||
width: 2rpx;
|
||||
position: absolute;
|
||||
left: 7rpx;
|
||||
height: 102rpx;
|
||||
background-color: #999999;
|
||||
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;
|
||||
|
|
|
|||
|
|
@ -322,6 +322,7 @@
|
|||
|
||||
.project-list-address {
|
||||
display: flex;
|
||||
margin-top: 10rpx;
|
||||
/* justify-content: space-between; */
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,34 +1,55 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="head">
|
||||
<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">
|
||||
{{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>
|
||||
</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>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view>
|
||||
<view class="head">
|
||||
<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">
|
||||
{{item.title}}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="queryFunction-head-Fun">
|
||||
<input type="text" placeholder="请输入关键词进行查询" class="queryFunction-head-input" value="" />
|
||||
<view class="button">
|
||||
查询
|
||||
</view>
|
||||
</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>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -131,7 +131,7 @@
|
|||
|
||||
<style>
|
||||
.content {
|
||||
padding-top: 80rpx;
|
||||
padding-top: 70rpx;
|
||||
}
|
||||
|
||||
.submit-button {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue