master
parent
8d8a6f15ed
commit
b5df5a87aa
|
@ -12,16 +12,18 @@
|
|||
</view>
|
||||
<view class="appreciationServe-from">
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
<text class="cor">*</text>产品名称
|
||||
</view>
|
||||
<input class="input" type="text" value="全彩LED显示屏" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
<text class="cor">*</text>规格型号
|
||||
</view>
|
||||
<input class="input" type="text" value="P2.5" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="title">*规格型号</view>
|
||||
</view>
|
||||
|
||||
<view class="li">
|
||||
<view class="title">产品品牌</view>
|
||||
<input class="input" type="text" value="" placeholder="请输入品牌" />
|
||||
|
@ -30,7 +32,7 @@
|
|||
<view class="title">
|
||||
<text class="cor">*</text>产品尺寸
|
||||
</view>
|
||||
<view class="title">*产品尺寸</view>
|
||||
|
||||
<input class="input" type="text" value="宽:38.5m x 高14.5m" />
|
||||
</view>
|
||||
</view>
|
||||
|
@ -54,21 +56,9 @@
|
|||
</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>
|
||||
<view class="li">
|
||||
<view class="">*联系电话</view>
|
||||
<input type="text" class="input" value="18256666666" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="">*预约时间</view>
|
||||
<input type="text" class="input" value="2022-02-16" />
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="li-textarea">
|
||||
<view class="title">*详细地址</view>
|
||||
<textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" />
|
||||
|
@ -132,6 +122,7 @@
|
|||
<style>
|
||||
.content {
|
||||
padding-top: 80rpx;
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
.cor{
|
||||
color: #FF0000;
|
||||
|
@ -170,6 +161,7 @@
|
|||
line-height: 44rpx;
|
||||
text-align: center;
|
||||
height: 44rpx;
|
||||
color: #bbbbbb;
|
||||
border-radius: 50rpx;
|
||||
font-size: 24rpx;
|
||||
border: solid 2rpx #99999b;
|
||||
|
@ -237,6 +229,7 @@
|
|||
}
|
||||
.supplement-from .li .input{
|
||||
text-align: right;
|
||||
font-size: 24rpx
|
||||
}
|
||||
.supplement-from .li-textarea {
|
||||
font-size: 27rpx;
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
<statusNav navBarTitle="(备品)查询结果"></statusNav>
|
||||
<view class="dataQuery-content">
|
||||
<view class="li">
|
||||
|
||||
<view class="title">
|
||||
项目名称:湖南工业大学生化学院三楼会议室
|
||||
</view>
|
||||
|
@ -143,6 +144,8 @@
|
|||
.dataQuery-content .li{
|
||||
background-color: #FFFFFF;
|
||||
padding: 26rpx 28rpx;
|
||||
|
||||
|
||||
margin-bottom: 14rpx;
|
||||
}
|
||||
|
||||
|
@ -151,6 +154,8 @@
|
|||
}
|
||||
.dataQuery-content .li .text-content{
|
||||
display: flex;
|
||||
border-bottom: 2rpx solid #EEEEEE;
|
||||
padding-bottom: 10rpx;
|
||||
|
||||
}
|
||||
.dataQuery-content .li .text-content .left{
|
||||
|
|
|
@ -86,7 +86,7 @@
|
|||
qq:<text class="cor">9090000</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
邮箱:<text class="cor1">1216311@qq.com</text>
|
||||
邮箱:<text class="cor">1216311@qq.com</text>
|
||||
</view>
|
||||
<view class="li">
|
||||
负责时间段:<text class="cor">xxxxx </text>
|
||||
|
|
|
@ -345,6 +345,7 @@
|
|||
|
||||
.project-list-address .address {
|
||||
display: flex;
|
||||
color: #666666;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
|
|
@ -9,8 +9,8 @@
|
|||
|
||||
<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':'' ]"
|
||||
|
||||
<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>
|
||||
|
@ -48,6 +48,11 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="imgJCon">
|
||||
<image class="imgJ" src="../../static/iocn/jh.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
@ -128,6 +133,7 @@
|
|||
font-size: 35rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.typeActive {
|
||||
position: absolute;
|
||||
width: 30%;
|
||||
|
@ -138,6 +144,7 @@
|
|||
border-radius: 21%;
|
||||
background-color: #00A2E9;
|
||||
}
|
||||
|
||||
.queryFunction-head-nav .li1:nth-child(2) {
|
||||
border-radius: 15rpx 0rpx 0rpx 15rpx;
|
||||
}
|
||||
|
@ -229,4 +236,20 @@
|
|||
font-size: 27rpx;
|
||||
margin-bottom: 25rpx;
|
||||
}
|
||||
|
||||
.imgJ {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
position: fixed;
|
||||
display: block;
|
||||
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
.imgJCon{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 40rpx;
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -454,7 +454,9 @@
|
|||
padding-top: 90rpx;
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
|
||||
.charts-box{
|
||||
width: 100%;
|
||||
}
|
||||
.settlement-type-title {
|
||||
font-size: 32rpx;
|
||||
color: #2c2c2c;
|
||||
|
@ -543,7 +545,7 @@
|
|||
|
||||
.project-gross-box .li .date-con .date-con-li {
|
||||
border-right: 2rpx solid #E6E6E6;
|
||||
padding-right: 60rpx;
|
||||
padding-right: 58rpx;
|
||||
padding-left: 60rpx;
|
||||
}
|
||||
|
||||
|
|
|
@ -112,12 +112,15 @@
|
|||
}
|
||||
.content{
|
||||
padding-top: 76rpx;
|
||||
padding-bottom: 180rpx;
|
||||
}
|
||||
.opinion-type {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
padding: 0 40rpx;
|
||||
border-top: 2rpx solid #EAEAEA;
|
||||
border-bottom: 2rpx solid #EAEAEA;
|
||||
margin-top: 24rpx;
|
||||
background-color: #FFFFFF;
|
||||
font-size: 36rpx;
|
||||
|
@ -130,7 +133,7 @@
|
|||
background-color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 68rpx;
|
||||
color: #dddddd;
|
||||
color: #9f9898;
|
||||
border-radius: 8rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
|
|
@ -4,6 +4,9 @@
|
|||
<view class="mountingsList-input">
|
||||
<input type="text" class="int" value="" placeholder="请输入关键字" />
|
||||
<image class="search" src="../../static/iocn/ss.png" mode=""></image>
|
||||
<view class="xian">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="mountings-list">
|
||||
|
@ -132,8 +135,17 @@
|
|||
<style>
|
||||
.content {
|
||||
padding-top: 70rpx;
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
.mountingsList-input .xian {
|
||||
width: 3rpx;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
background-color: #EAEAEA;
|
||||
right: 100rpx;
|
||||
top: 50%;
|
||||
margin-top: -14rpx;
|
||||
}
|
||||
|
||||
.submit-button {
|
||||
width: 686rpx;
|
||||
border-radius: 50rpx;
|
||||
|
@ -230,6 +242,7 @@
|
|||
.mountings-list .li .text .p {
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
.mountings-list .li .text .num {
|
||||
|
|
|
@ -4,6 +4,9 @@
|
|||
<view class="peopleManagement-input">
|
||||
<input type="text" class="int" value="" placeholder="请输入关键字" />
|
||||
<image class="search" src="../../static/iocn/ss.png" mode=""></image>
|
||||
<view class="xian">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="peopleManagement-content">
|
||||
|
@ -41,7 +44,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="p">
|
||||
<view class="">
|
||||
<view class="one">
|
||||
待处理:1单
|
||||
</view>
|
||||
|
||||
|
@ -56,11 +59,11 @@
|
|||
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="">
|
||||
<view class="bottom-content">
|
||||
|
||||
联系电话: <text class="cor3">157xxxx8279</text>
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="bottom-content">
|
||||
|
||||
注册时间: <text class="cor3">2018-12-12</text>
|
||||
</view>
|
||||
|
@ -115,6 +118,7 @@
|
|||
<style>
|
||||
.content {
|
||||
padding-top: 80rpx;
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
.submit-button {
|
||||
width: 686rpx;
|
||||
|
@ -143,7 +147,15 @@
|
|||
box-sizing: border-box;
|
||||
border-radius: 36rpx;
|
||||
}
|
||||
|
||||
.peopleManagement-input .xian {
|
||||
width: 3rpx;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
background-color: #EAEAEA;
|
||||
right: 100rpx;
|
||||
top: 50%;
|
||||
margin-top: -14rpx;
|
||||
}
|
||||
.peopleManagement-input .search {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
|
@ -246,6 +258,10 @@
|
|||
display: flex;
|
||||
font-size: 24rpx;
|
||||
padding: 22rpx 0rpx;
|
||||
}
|
||||
|
||||
.peopleManagement-content .li .con .text .p .one{
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
.peopleManagement-content .li .con .text .address{
|
||||
color: #7a7979;
|
||||
|
@ -253,7 +269,7 @@
|
|||
}
|
||||
.peopleManagement-content .li .bottom{
|
||||
display: flex;
|
||||
padding: 30rpx 0rpx;
|
||||
padding: 10rpx 0rpx;
|
||||
padding-left: 40rpx;
|
||||
color: #333333;
|
||||
font-size: 24rpx;
|
||||
|
@ -265,4 +281,16 @@
|
|||
.peopleManagement-content .li .bottom .cor3{
|
||||
color: #666666;
|
||||
}
|
||||
.peopleManagement-content .li .bottom .bottom-content{
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
.peopleManagement-content .li .bottom .bottom-content:last-child{
|
||||
text-align: right;
|
||||
width: 48%;
|
||||
}
|
||||
.peopleManagement-content .li .bottom .bottom-content:first-child{
|
||||
border-right: 2rpx dashed #eaeaea;
|
||||
width: 52%;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,6 +1,8 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<statusNav navBarTitle="项目详情"></statusNav>
|
||||
|
||||
<view class="head-top">
|
||||
<view class="details-head">
|
||||
<view class="swiper-head">
|
||||
<swiper class="swiper" @change="changeAutoplay" :autoplay="autoplay" :interval="interval"
|
||||
|
@ -51,6 +53,9 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="project-message-title">
|
||||
<view class="icon">
|
||||
|
@ -267,6 +272,8 @@
|
|||
|
||||
.content {
|
||||
padding: 16rpx 0;
|
||||
padding-top: 80rpx;
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
|
@ -278,6 +285,12 @@
|
|||
height: 500rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.head-top{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: 15rpx;
|
||||
box-shadow: 0rpx 5rpx 5rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.details-head {
|
||||
width: 725rpx;
|
||||
|
@ -347,6 +360,7 @@
|
|||
padding-left: 20rpx;
|
||||
align-items: center;
|
||||
border-radius: 10rpx;
|
||||
|
||||
background: linear-gradient(to right, #FFEBEB, #F7F7F7);
|
||||
}
|
||||
|
||||
|
@ -364,9 +378,13 @@
|
|||
.project-message-title {
|
||||
display: flex;
|
||||
padding: 0 33rpx;
|
||||
padding-top: 23rpx;
|
||||
|
||||
align-items: center;
|
||||
border-bottom: 2rpx solid #ebebeb;
|
||||
margin-top: 23rpx;
|
||||
|
||||
margin-top: 2rpx;
|
||||
background-color: #FFFFFF;
|
||||
padding-bottom: 21rpx;
|
||||
}
|
||||
|
||||
|
@ -379,13 +397,16 @@
|
|||
}
|
||||
|
||||
.project-message-title .text {
|
||||
font-size: 13rpx
|
||||
font-size: 26rpx
|
||||
}
|
||||
|
||||
.project-message-content {
|
||||
display: flex;
|
||||
box-shadow: 0rpx 5rpx 5rpx rgba(0, 0, 0, 0.1);
|
||||
padding: 30rpx 25rpx 0rpx;
|
||||
background-color: #FFFFFF;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
@ -417,9 +438,11 @@
|
|||
}
|
||||
|
||||
.record-nav {
|
||||
padding: 55rpx 50rpx 33rpx;
|
||||
padding: 51rpx 50rpx 33rpx;
|
||||
display: flex;
|
||||
margin-top: 4rpx;
|
||||
justify-content: space-between;
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 2rpx solid #D5D4D4;
|
||||
}
|
||||
|
||||
|
@ -475,7 +498,7 @@
|
|||
|
||||
.record-content .list .li .icon::after {
|
||||
content: "";
|
||||
width: 1rpx;
|
||||
width: 2rpx;
|
||||
position: absolute;
|
||||
left: 7rpx;
|
||||
height: 64rpx;
|
||||
|
@ -509,10 +532,10 @@
|
|||
}
|
||||
.record-content .list .on .icon::after {
|
||||
content: "";
|
||||
width: 1rpx;
|
||||
width: 2rpx;
|
||||
position: absolute;
|
||||
left: 9rpx;
|
||||
height: 167rpx;
|
||||
height: 170rpx;
|
||||
z-index: -1;
|
||||
background-color: #0084ff;
|
||||
top: 20rpx;
|
||||
|
|
|
@ -3,6 +3,9 @@
|
|||
<statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav>
|
||||
<view class="project-list-input">
|
||||
<input type="text" class="int" value="" placeholder="请输入关键字" />
|
||||
<view class="xian">
|
||||
|
||||
</view>
|
||||
<image class="search" src="../../static/iocn/ss.png" mode="aspectFill" lazy-load></image>
|
||||
</view>
|
||||
<view class="screen bbot mar-sx20">
|
||||
|
@ -44,28 +47,10 @@
|
|||
</view>
|
||||
<view class="date scal09">2022/01/08</view>
|
||||
</view>
|
||||
<!-- <view class="icon iconBera">质保中</view> -->
|
||||
<view class="icon iconBer">质保到期</view>
|
||||
</view>
|
||||
<!-- <view class="li">
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill" lazy-load></image>
|
||||
<view class="text">
|
||||
<view class="title">湖南工业大学化工学院会议室P2.5全彩LED显示屏</view>
|
||||
<view class="serial-number">项目编号:20220108-1001</view>
|
||||
<view class="specification">规格型号:DS-CK25FI/H</view>
|
||||
<view class="specification">产品尺寸:3.94m*2.02m</view>
|
||||
<view class="installation-site">安装位置:xxx综合楼2楼会议室</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="project-list-address">
|
||||
<view class="address">
|
||||
<image class="img" src="../../static/iocn/im.png" mode="aspectFill" lazy-load></image>
|
||||
<view class="text">湖南省长沙市高新开发区谷园路109号像素大厦1205</view>
|
||||
</view>
|
||||
<view class="date">2022/01/08</view>
|
||||
</view>
|
||||
<view class="icon iconBera">质保中</view>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
|
||||
<footTabOne :current="1"></footTabOne>
|
||||
|
@ -147,10 +132,20 @@
|
|||
height: 100%;
|
||||
background-color: #F7F7F7;
|
||||
padding: 0 25rpx;
|
||||
padding-right: 100rpx;
|
||||
|
||||
box-sizing: border-box;
|
||||
border-radius: 36rpx;
|
||||
}
|
||||
|
||||
.project-list-input .xian {
|
||||
width: 3rpx;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
background-color: #EAEAEA;
|
||||
right: 100rpx;
|
||||
top: 50%;
|
||||
margin-top: -14rpx;
|
||||
}
|
||||
.project-list-input .search {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
|
|
|
@ -52,8 +52,10 @@
|
|||
|
||||
<input type="text" class="inputCss" placeholder="请填写您的姓名" placeholder-class="inputCss-input" value="" />
|
||||
<input type="text" class="inputCss" placeholder="请填写联系电话" placeholder-class="inputCss-input" value="" />
|
||||
<uni-datetime-picker type="date" class="uni-datetime-pickerCss" :value="single" :border="false"
|
||||
@change="change" />
|
||||
<picker mode="date" >
|
||||
<input type="text" class="inputCss" placeholder="请选择上门时间" placeholder-class="inputCss-input" value="" />
|
||||
</picker>
|
||||
|
||||
|
||||
<button class="submit-button" type="default">提交故障申报</button>
|
||||
</view>
|
||||
|
|
|
@ -224,7 +224,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
role: 2, // 1:业务员 2:表示客户 3:表示客服 4:表示工程师
|
||||
role: 4, // 1:业务员 2:表示客户 3:表示客服 4:表示工程师
|
||||
statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
|
||||
messageNumber: 16 ,// 消息数量
|
||||
noticeList:['2021年11月06日公司团建,维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告
|
||||
|
|
|
@ -113,7 +113,7 @@
|
|||
<view class="title">
|
||||
服务方式:
|
||||
</view>
|
||||
<input type="text" class="input" placeholder="" value="上门服务" />
|
||||
<input type="text" class="input input-black" placeholder="" value="上门服务" />
|
||||
|
||||
</view>
|
||||
<view class="li">
|
||||
|
@ -187,8 +187,27 @@
|
|||
更换配件:
|
||||
</view>
|
||||
<view class="rideo">
|
||||
<view class="isrideo" @click="isrideoFun(true)">
|
||||
<view class="icon " :class="isrideo?'on':''">
|
||||
<view class="icon-content">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="">
|
||||
是
|
||||
</view>
|
||||
</view>
|
||||
<view class="isrideo" @click="isrideoFun(false)" >
|
||||
<view class="icon" :class="isrideo?'':'on'">
|
||||
<view class="icon-content">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="">
|
||||
否
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
@ -207,15 +226,13 @@
|
|||
<view class="title">
|
||||
维保图片:
|
||||
</view>
|
||||
|
||||
<view class="input add-display">
|
||||
<view class="">
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png"
|
||||
mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png"
|
||||
mode="aspectFill"></image>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
|
@ -230,7 +247,7 @@
|
|||
</view>
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
主维保人:
|
||||
维保人员:
|
||||
</view>
|
||||
<input type="text" class="input " placeholder="" value="罗帅 陈志远" />
|
||||
|
||||
|
@ -251,7 +268,56 @@
|
|||
|
||||
<view class="list">
|
||||
<view class="li">
|
||||
<image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill">
|
||||
</image>
|
||||
<view class="text-content">
|
||||
<view class="title">
|
||||
|
||||
<view class="text clips1">
|
||||
全彩LED显示屏电源
|
||||
</view>
|
||||
<view class="date">
|
||||
1011-1
|
||||
</view>
|
||||
</view>
|
||||
<view class="text">
|
||||
配件品牌:华鑫电源
|
||||
</view>
|
||||
<view class="text">
|
||||
规格型号:5A-75B
|
||||
</view>
|
||||
<view class="text">
|
||||
使用数量:1张
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill">
|
||||
</image>
|
||||
<view class="text-content">
|
||||
<view class="title">
|
||||
|
||||
<view class="text clips1">
|
||||
全彩LED显示屏电源
|
||||
</view>
|
||||
<view class="date">
|
||||
1011-1
|
||||
</view>
|
||||
</view>
|
||||
<view class="text">
|
||||
配件品牌:华鑫电源
|
||||
</view>
|
||||
<view class="text">
|
||||
规格型号:5A-75B
|
||||
</view>
|
||||
<view class="text">
|
||||
使用数量:1张
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill">
|
||||
</image>
|
||||
<view class="text-content">
|
||||
<view class="title">
|
||||
|
||||
|
@ -429,6 +495,7 @@
|
|||
return {
|
||||
swiperCurrent: 0,
|
||||
textTitle: "工单详情",
|
||||
isrideo:true,
|
||||
detailsNav: [{
|
||||
title: "基础信息",
|
||||
state: true
|
||||
|
@ -460,7 +527,9 @@
|
|||
|
||||
},
|
||||
methods: {
|
||||
|
||||
isrideoFun(is){
|
||||
this.isrideo=is
|
||||
},
|
||||
copy(value) {
|
||||
//提示模板
|
||||
uni.showModal({
|
||||
|
@ -662,15 +731,15 @@
|
|||
}
|
||||
|
||||
.record-content {
|
||||
margin-top: 33rpx;
|
||||
|
||||
padding: 0 34rpx;
|
||||
}
|
||||
|
||||
.course-content {
|
||||
background-color: #FFFFFF;
|
||||
padding-top: 30rpx;
|
||||
margin-top: 16rpx;
|
||||
padding-bottom: 60rpx;
|
||||
margin-top: 20rpx;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
|
||||
.record-content .title {
|
||||
|
@ -698,7 +767,7 @@
|
|||
|
||||
.record-content .list .li .icon::after {
|
||||
content: "";
|
||||
width: 1rpx;
|
||||
width: 2rpx;
|
||||
position: absolute;
|
||||
left: 7rpx;
|
||||
height: 106rpx;
|
||||
|
@ -734,11 +803,11 @@
|
|||
|
||||
.record-content .list .on .icon::after {
|
||||
content: "";
|
||||
width: 1rpx;
|
||||
width: 2rpx;
|
||||
position: absolute;
|
||||
left: 9rpx;
|
||||
height: 167rpx;
|
||||
z-index: -1;
|
||||
z-index: 1;
|
||||
background-color: #0084ff;
|
||||
top: 20rpx;
|
||||
}
|
||||
|
@ -771,6 +840,7 @@
|
|||
margin-top: 101rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.work-order-from .li .input .add-img {
|
||||
width: 136rpx;
|
||||
height: 127rpx;
|
||||
|
@ -788,38 +858,80 @@
|
|||
.work-order-from .li .add-display {
|
||||
display: flex;
|
||||
}
|
||||
.change-accessory {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.change-accessory .li .img {
|
||||
width: 185rpx;
|
||||
height: 185rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.change-accessory .li {
|
||||
padding: 34rpx;
|
||||
|
||||
display: flex;
|
||||
border-bottom: 2rpx solid #EEEEEE;
|
||||
}
|
||||
|
||||
.change-accessory .li .text-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.change-accessory .li .text-content .title {
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.change-accessory .li .text-content .title .text {
|
||||
width: 77%;
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.change-accessory .li .text-content .date {
|
||||
color: #ff0000;
|
||||
font-size: 24rpx;font-weight: bold;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.change-accessory .li .text-content .text {
|
||||
width: auto;
|
||||
font-size: 26rpx;
|
||||
margin-bottom: 12rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.work-order-from .rideo{
|
||||
display: flex;
|
||||
}
|
||||
.work-order-from .isrideo{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 41rpx;
|
||||
}
|
||||
.work-order-from .isrideo .icon{
|
||||
width: 26rpx;
|
||||
border: 2rpx solid #818181;
|
||||
border-radius: 50%;
|
||||
height: 26rpx;
|
||||
margin-right: 10rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.work-order-from .isrideo .icon .icon-content{
|
||||
width: 19rpx;
|
||||
height: 19rpx;
|
||||
background-color: #818181;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.work-order-from .isrideo .on{
|
||||
border: 2rpx solid #D81E06;
|
||||
}
|
||||
.work-order-from .isrideo .on .icon-content{
|
||||
background-color: #D81E06
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
</view>
|
||||
<view class="payReturnVisit-input">
|
||||
<view class="title">
|
||||
联系电话
|
||||
回访时间
|
||||
</view>
|
||||
<input class="input" placeholder="2022/02/13 14:18:00" type="text" value="" />
|
||||
</view>
|
||||
|
|
|
@ -49,7 +49,8 @@
|
|||
<view class="title">
|
||||
项目名称:
|
||||
</view>
|
||||
<input type="text" class="input" placeholder="" value="湖南省林业科学院11楼会议室P2.5" />
|
||||
<input type="text" class="input input-black
|
||||
" placeholder="" value="湖南省林业科学院11楼会议室P2.5" />
|
||||
|
||||
</view>
|
||||
<view class="li">
|
||||
|
@ -123,7 +124,7 @@
|
|||
<view class="title">
|
||||
服务方式:
|
||||
</view>
|
||||
<input type="text" class="input" placeholder="" value="上门服务" />
|
||||
<input type="text" class="input input-black" placeholder="" value="上门服务" />
|
||||
|
||||
</view>
|
||||
<view class="li">
|
||||
|
@ -161,6 +162,7 @@
|
|||
<style>
|
||||
.content {
|
||||
padding-top: 80rpx;
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
.submit-button {
|
||||
width: 686rpx;
|
||||
|
@ -244,4 +246,7 @@
|
|||
height: 127rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.work-order-from .li .input-black {
|
||||
color: #292929;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -4,6 +4,9 @@
|
|||
<view class="project-list-input">
|
||||
<input type="text" class="int" value="" placeholder="请输入关键字" />
|
||||
<image class="search" src="../../static/iocn/ss.png" mode=""></image>
|
||||
<view class="xian">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
@ -79,7 +82,7 @@
|
|||
|
||||
<view class="project-list-address">
|
||||
<view class="address clips2">
|
||||
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/iocn/dz2.png" mode="aspectFill"></image>
|
||||
<view class="text">
|
||||
湖南省长沙市高新开发区谷园路109号像素大厦1205
|
||||
</view>
|
||||
|
@ -132,7 +135,7 @@
|
|||
|
||||
<view class="project-list-address">
|
||||
<view class="address clips2">
|
||||
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/iocn/dz2.png" mode="aspectFill"></image>
|
||||
<view class="text">
|
||||
湖南省长沙市高新开发区谷园路109号像素大厦1205
|
||||
</view>
|
||||
|
@ -185,7 +188,7 @@
|
|||
|
||||
<view class="project-list-address">
|
||||
<view class="address clips2">
|
||||
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/iocn/dz2.png" mode="aspectFill"></image>
|
||||
<view class="text">
|
||||
湖南省长沙市高新开发区谷园路109号像素大厦1205
|
||||
</view>
|
||||
|
@ -262,8 +265,17 @@
|
|||
|
||||
.content {
|
||||
padding-top: 76rpx;
|
||||
padding-bottom: 140rpx;
|
||||
}
|
||||
.project-list-input .xian {
|
||||
width: 3rpx;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
background-color: #EAEAEA;
|
||||
right: 100rpx;
|
||||
top: 50%;
|
||||
margin-top: -14rpx;
|
||||
}
|
||||
|
||||
.project-list-input {
|
||||
width: 100%;
|
||||
height: 114rpx;
|
||||
|
@ -294,7 +306,10 @@
|
|||
.screen {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding: 46rpx 20rpx;
|
||||
padding: 25rpx 20rpx;
|
||||
border-bottom: 2rpx solid #E6E6E6;
|
||||
border-top: 2rpx solid #E6E6E6;
|
||||
margin: 20rpx 0rpx;
|
||||
}
|
||||
|
||||
.screen .li {
|
||||
|
@ -390,7 +405,7 @@
|
|||
.project-list .li .message .text .title .icon1{
|
||||
background-color: #00a2e9;
|
||||
}
|
||||
.project-list .li .message .text .title .icon1{
|
||||
.project-list .li .message .text .title .icon3{
|
||||
background-color: #009a44;
|
||||
}
|
||||
|
||||
|
@ -415,7 +430,7 @@
|
|||
}
|
||||
|
||||
.project-list .li .message .specification .text {
|
||||
color: #f5b0b0;
|
||||
color: #e90000;
|
||||
}
|
||||
|
||||
.project-list .li .message .installation-site {
|
||||
|
@ -455,7 +470,7 @@
|
|||
|
||||
.project-list-address .address .img {
|
||||
width: 22rpx;
|
||||
height: 28rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
|
|
|
@ -381,6 +381,7 @@
|
|||
<style>
|
||||
.content {
|
||||
padding-top: 80rpx;
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
|
||||
.submit-button {
|
||||
|
@ -658,6 +659,7 @@
|
|||
.money-receiving-code .img{
|
||||
width: 22rpx;
|
||||
height: 12rpx;
|
||||
transform: rotateZ(-90deg);
|
||||
}
|
||||
.address{
|
||||
width: 100%;
|
||||
|
|
|
@ -155,8 +155,27 @@
|
|||
更换配件:
|
||||
</view>
|
||||
<view class="rideo">
|
||||
<view class="isrideo" @click="isrideoFun(true)">
|
||||
<view class="icon " :class="isrideo?'on':''">
|
||||
<view class="icon-content">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="">
|
||||
是
|
||||
</view>
|
||||
</view>
|
||||
<view class="isrideo" @click="isrideoFun(false)" >
|
||||
<view class="icon" :class="isrideo?'':'on'">
|
||||
<view class="icon-content">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="">
|
||||
否
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
@ -204,7 +223,7 @@
|
|||
</view>
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
主维保人:
|
||||
维保人员:
|
||||
</view>
|
||||
<input type="text" class="input input-black" placeholder="" value="罗帅 陈志远" />
|
||||
|
||||
|
@ -265,6 +284,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
isrideo:true,
|
||||
accessoriesData: [{
|
||||
id: 1,
|
||||
title: "全彩LED显示屏接收卡",
|
||||
|
@ -290,7 +310,9 @@
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
isrideoFun(is){
|
||||
this.isrideo=is
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -298,6 +320,7 @@
|
|||
<style>
|
||||
.content {
|
||||
padding-top: 80rpx;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.submit-button {
|
||||
|
@ -494,5 +517,35 @@
|
|||
.cost-breakdown-content .title .li:nth-child(4){
|
||||
width: 120rpx;
|
||||
}
|
||||
.work-order-from .rideo{
|
||||
display: flex;
|
||||
}
|
||||
.work-order-from .isrideo{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 41rpx;
|
||||
}
|
||||
.work-order-from .isrideo .icon{
|
||||
width: 26rpx;
|
||||
border: 2rpx solid #818181;
|
||||
border-radius: 50%;
|
||||
height: 26rpx;
|
||||
margin-right: 10rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.work-order-from .isrideo .icon .icon-content{
|
||||
width: 19rpx;
|
||||
height: 19rpx;
|
||||
background-color: #818181;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.work-order-from .isrideo .on{
|
||||
border: 2rpx solid #D81E06;
|
||||
}
|
||||
.work-order-from .isrideo .on .icon-content{
|
||||
background-color: #D81E06
|
||||
}
|
||||
</style>
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 403 B |
Binary file not shown.
After Width: | Height: | Size: 296 B |
Loading…
Reference in New Issue