Compare commits
2 Commits
b8ee483e55
...
8d8a6f15ed
Author | SHA1 | Date |
---|---|---|
tangyi | 8d8a6f15ed | |
tangyi | 8337922096 |
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,34 +1,55 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
|
||||||
<view class="head">
|
<view>
|
||||||
<view class="text">查询功能</view>
|
<view class="head">
|
||||||
</view>
|
<view class="text">
|
||||||
<view class="queryFunction-head-content">
|
查询功能
|
||||||
<view class="queryFunction-head-nav">
|
</view>
|
||||||
<view class="li" @click="navIndex(index)"
|
</view>
|
||||||
:class="[dataIndex==0?'li1':'',dataIndex==1?'li2':'',dataIndex==2?'li3':'' ]"
|
|
||||||
v-for="(item,index) in dataList" :key="index">
|
<view class="queryFunction-head-content">
|
||||||
{{item.title}}
|
<view class="queryFunction-head-nav">
|
||||||
<view v-show="dataIndex==index" class="typeActive"></view>
|
<view class="li" @click="navIndex(index)" :class="[dataIndex==0?'li1':'',dataIndex==1?'li2':'',dataIndex==2?'li3':'' ]"
|
||||||
</view>
|
|
||||||
</view>
|
v-for="(item,index) in dataList">
|
||||||
<view class="queryFunction-head-Fun">
|
{{item.title}}
|
||||||
<input type="text" v-model="key_word" placeholder="请输入关键词进行查询" class="queryFunction-head-input" placeholder-style="font-size:28rpx;color:#959595;" />
|
</view>
|
||||||
<view class="button" @tap="checkEv">查询</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="queryFunction-head-Fun">
|
||||||
<view class="recently-query-title">最近查询</view>
|
<input type="text" placeholder="请输入关键词进行查询" class="queryFunction-head-input" value="" />
|
||||||
<view class="recently-query-content">
|
<view class="button">
|
||||||
<view class="li">
|
查询
|
||||||
<image class="icon" src="../../static/iocn/jfd.png" mode=""></image>
|
</view>
|
||||||
<view class="text-content">
|
</view>
|
||||||
<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="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>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -131,7 +131,7 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.content {
|
.content {
|
||||||
padding-top: 80rpx;
|
padding-top: 70rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-button {
|
.submit-button {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue