chen
/
flying-monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

新增页面

master
tangyi 2022-03-22 11:38:06 +08:00
parent 7201fad8ef
commit 5a50209ee1
26 changed files with 1555 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
pages.json
View File

@ -166,6 +166,60 @@
}
}
,{
"path" : "pages/peopleManagement/peopleManagement",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/mountingsList/mountingsList",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/appreciationServe/appreciationServe",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/dataQuery/dataQuery",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/dataQuery/client",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/dataQuery/details",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
],
"subPackages": [{ //A包
"root": "pagesA",

284
pages/appreciationServe/appreciationServe.vue Normal file
View File

@ -0,0 +1,284 @@
<template>
<view class="content">
<statusNav navBarTitle="增值服务"></statusNav>
<view class="select-type">
<view class="text">
选择类型
</view>
<view class="type">
<view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''"
v-for="(item,index) in typeData">
{{item.title}}
</view>
</view>
</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">
*规格型号
</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">
*产品尺寸
</view>
<input class="input" type="text" value="宽:38.5m x 高14.5m" />
</view>
</view>
<view class="supplementTitle">
补充信息
</view>
<view class="supplement-from">
<view class="li">
<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="" />
</view>
<view class="scene-img">
<view class="title">
现场图片
</view>
<view class="img-content">
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode=""></image>
</view>
<view class="iocn-content">
<image class="icon" src="../../static/iocn/jia.png" mode=""></image>
</view>
</view>
</view>
<button class="submit-button" type="default">确认提交</button>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav,
},
data() {
return {
typeIndex: 0,
typeData: [{
title: '巡检',
state: false
},
{
title: '保养',
state: false
},
{
title: '移屏',
state: false
},
{
title: '拆屏',
state: false
},
]
}
},
methods: {
typeIndexFun(index) {
this.typeIndex = index
}
}
}
</script>
<style>
.content {
padding-top: 80rpx;
}
.select-type {
display: flex;
margin-top: 10rpx;
height: 80rpx;
background-color: #FFFFFF;
align-items: center;
padding: 0rpx 28rpx;
}
.submit-button {
width: 686rpx;
border-radius: 50rpx;
height: 90rpx;
background-color: #02A2ea;
line-height: 90rpx;
color: #FFFFFF;
margin-top: 60rpx;
text-align: center;
font-size: 30rpx;
}
.select-type .text {
font-size: 28rpx;
color: #333333;
margin-right: 34rpx;
}
.select-type .type {
display: flex;
}
.select-type .type .li {
width: 106rpx;
line-height: 44rpx;
text-align: center;
height: 44rpx;
border-radius: 50rpx;
font-size: 24rpx;
border: solid 2rpx #99999b;
margin-right: 20rpx;
}
.select-type .type .on {
background-color: #0051ff;
border: none;
color: #FFFFFF;
box-shadow: 2rpx 2px 10rpx rgba(0, 81, 255, 0.5);
}
.appreciationServe-from {
padding: 0rpx 25rpx;
background-color: #FFFFFF;
margin-top: 10rpx;
}
.appreciationServe-from .li {
display: flex;
height: 80rpx;
align-items: center;
}
.appreciationServe-from .li .title {
font-size: 26rpx;
color: #333333;
margin-right: 28rpx;
width: 118rpx;
text-align: right;
}
.appreciationServe-from .li .input {
font-size: 26rpx;
color: #333333;
flex: 1;
}
.supplementTitle {
padding: 20rpx 25rpx;
font-size: 26rpx;
color: #333333;
}
.supplement-from {
background-color: #FFFFFF;
padding: 0rpx 25rpx;
}
.supplement-from .li {
display: flex;
align-items: center;
height: 80rpx;
font-size: 27rpx;
border-bottom: 2rpx solid #f5f5f7;
line-height: 27rpx;
justify-content: space-between;
color: #333333;
}
.supplement-from .li .input{
text-align: right;
}
.supplement-from .li-textarea {
font-size: 27rpx;
line-height: 27rpx;
justify-content: space-between;
color: #333333;
padding-bottom: 13rpx;
}
.supplement-from .li-textarea .title{
padding-top: 26rpx;
padding-bottom: 17rpx;
}
.supplement-from .li-textarea .textarea{
width: 100%;
height: 127rpx;
background-color: #F5F5F5;
box-sizing: border-box;
padding: 20rpx;
font-size: 24rpx
}
.scene-img{
display: flex;
margin-top: 27rpx;
padding-bottom: 30rpx;
}
.scene-img .title{
margin-right: 28rpx;
font-size: 26rpx;
color: #333333;
}
.scene-img .img-content .img{
width: 170rpx;
height: 130rpx;
margin-right: 10rpx;
}
.scene-img .iocn-content{
width: 135rpx;
height: 135rpx;
background-color: #DCDCDC;
display: flex;align-items: center;
justify-content: center;
}
.scene-img .iocn-content .icon{
width: 62rpx;
height: 62rpx;
}
</style>

122
pages/dataQuery/client.vue Normal file
View File

@ -0,0 +1,122 @@
<template>
<view class="content">
<statusNav navBarTitle="客户(查询结果列表)"></statusNav>
<view class="client-content">
<view class="li">
<view class="li-content">
<view class="">
<view class="title">
湖南争鸣光电科技有限公司
</view>
<view class="code">
编号：KH20220304-002
</view>
<view class="label-content">
<view class="label">
弱电安防
</view>
<view class="label">
弱电安防
</view>
<view class="label">
弱电安防
</view>
</view>
</view>
<view class="icon">
13
</view>
</view>
<view class="address">
<image class="img" src="../../static/iocn/dizi.png" mode=""></image>
<view class="text">
湖南省长沙市高新开发区谷园路109号像素大厦1205
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.content{
padding-top: 80rpx;
}
.client-content .li{
background-color: #FFFFFF;
margin-top: 20rpx;
padding: 30rpx 34rpx 30rpx 53rpx;
}
.client-content .li .title{
font-size: 28rpx;
color: #333333;
margin-bottom: 25rpx;
}
.client-content .li .code{
font-size: 24rpx;
margin-bottom: 25rpx;
color: #666666;
}
.client-content .li .label-content{
display: flex;
padding-bottom: 22rpx;
}
.client-content .li .label-content .label{
padding: 10rpx 21rpx;
background-color: #EDEDED;margin-right: 12rpx;
color: #999999;
font-size: 24rpx;
border-radius: 5rpx;
}
.client-content .li .li-content{
display: flex;
align-items: center;
border-bottom: 2rpx solid #EDEDED;
justify-content: space-between;
}
.client-content .li .li-content .icon{
width: 71rpx;
height: 66rpx;
background-color: #00A2E9;
box-shadow: -5rpx 5rpx 10rpx rgba(0,0,0,0.2);
font-size: 36rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
.client-content .li .address{
display: flex;
align-items: center;
padding-top: 20rpx;
color: #666666;
font-size: 24rpx
}
.client-content .li .address .img{
width: 17rpx;
height: 24rpx;
margin-right: 10rpx;
}
</style>

132
pages/dataQuery/dataQuery.vue Normal file
View File

@ -0,0 +1,132 @@
<template>
<view class="content">
<statusNav navBarTitle="(备品)查询结果"></statusNav>
<view class="dataQuery-content">
<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>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.content{
padding-top: 80rpx;
}
.dataQuery-content {
font-size: 24rpx;
color: #333333;
margin-top: 15rpx;
}
.dataQuery-content .li{
background-color: #FFFFFF;
padding: 26rpx 28rpx;
}
.dataQuery-content .li {
position: relative;
}
.dataQuery-content .li .text-content{
display: flex;
}
.dataQuery-content .li .text-content .left{
width: 48%;
}
.dataQuery-content .li .text-content .text{
margin-top: 20rpx;
}
.cor{
color: #ff9000;
}
.cor1{
color: #999999;
}
.dataQuery-content .li .icon{
background-image: url(../../static/iocn/zc.png);
width: 125rpx;
height: 91rpx;
display: flex;
align-items: center;
box-sizing: border-box;
background-size: 100%;
padding-left:30rpx;
right: 20rpx;
top: 20rpx;
position: absolute;
}
.dataQuery-content .li .icon .icon-text{
transform: rotateZ(20deg);
color: #53e5d0;
}
.dataQuery-content .li .icon1{
background-image: url(../../static/iocn/dwx.png);
width: 125rpx;
height: 91rpx;
display: flex;
align-items: center;
box-sizing: border-box;
background-size: 100%;
padding-left:30rpx;
right: 20rpx;
top: 20rpx;
position: absolute;
}
.dataQuery-content .li .icon1 .icon-text{
transform: rotateZ(20deg);
color: #ff0006;
}
</style>

259
pages/dataQuery/details.vue Normal file
View File

@ -0,0 +1,259 @@
<template>
<view class="content">
<view class="details-nav">
<view class="li">
<image class="icon" src="../../static/iocn/ty.png" mode=""></image>
<view class="text">
基本信息
</view>
</view>
<view class="li">
<image class="icon" src="../../static/iocn/kh.png" mode=""></image>
<view class="text">
联系人
</view>
</view>
<view class="li">
<image class="icon" src="../../static/iocn/xs.png" mode=""></image>
<view class="text">
项目列表
</view>
</view>
</view>
<view class="details-content">
<view class="title">
<image class="img" src="../../static/iocn/dn.png" mode=""></image>
<text class="text">基本信息</text>
</view>
<view class="text-content">
<view class="li">
客户名称：<text class="cor">长沙警校</text>
</view>
<view class="li">
客户编号：<text class="cor">xxxxxxxxx</text>
</view>
<view class="li">
客户等级：<text class="cor">VIP1</text>
</view>
<view class="li">
所属行业：<text class="cor">安防</text>
</view>
<view class="li">
客户类型：<text class="cor">xxxx</text>
</view>
<view class="li">
入库时间：<text class="cor">2022.3.1</text>
</view>
<view class="li">
项目数量：<text class="cor1">50</text>
</view>
<view class="li">
所属区域：<text class="cor">长沙</text>
</view>
<view class="li">
详细地址：<text class="cor">长沙xxxxx</text>
</view>
</view>
</view>
<view class="details-content">
<view class="title">
<image class="img" src="../../static/iocn/lxr.png" mode=""></image>
<text class="text">联系人</text>
</view>
<view class="text-content">
<view class="li">
姓名：<text class="cor">Eveal</text>
</view>
<view class="li">
所属部门：<text class="cor">产品研发部</text>
</view>
<view class="li">
职务：<text class="cor">经理</text>
</view>
<view class="li">
电话：<text class="cor">154751787</text>
</view>
<view class="li">
微信：<text class="cor">14250</text>
</view>
<view class="li">
qq：<text class="cor">9090000</text>
</view>
<view class="li">
邮箱：<text class="cor1">1216311@qq.com</text>
</view>
<view class="li">
负责时间段：<text class="cor">xxxxx </text>
</view>
</view>
</view>
<view class="project-list">
<view class="title-content">
<view class="title">
<image class="icon" src="../../static/iocn/xmlb.png" mode=""></image>
<view class="text">
项目列表
</view>
</view>
<picker mode="date" :value="time" @change="bindTimeChange">
<view class="date">
选择年份 <image class="icon" src="../../static/iocn/sjx.png" mode=""></image>
</view>
</picker>
</view>
<view class="project-list-content">
<view class="li">
<view class="text">
南城校区液晶显示屏
</view>
<view class="date">
2022/3/1
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
time: '12:01'
}
},
methods: {
bindTimeChange() {
}
}
}
</script>
<style>
.content {
padding-top: 80rpx;
padding-right: 27rpx;
padding-left: 27rpx;
}
.details-nav {
display: flex;
justify-content: space-between;
padding: 23rpx 63rpx;
background-color: #FFFFFF;
}
.details-nav .li .icon {
width: 79rpx;
height: 79rpx;
}
.details-nav .li {
text-align: center;
}
.details-nav .li .text {
font-size: 24rpx;
color: #333333;
}
.details-content {
margin-top: 20rpx;
background-color: #FFFFFF;
padding: 20rpx 18rpx;
border-bottom: 2rpx solid #DFDFDF;
border-radius:0rpx 0rpx 10rpx 10rpx;
}
.details-content .title {
display: flex;
align-items: center;
padding-bottom: 15rpx;
border-bottom: 2rpx solid #E5E5E5;
}
.details-content .title .img {
width: 27rpx;
height: 26rpx;
margin-right: 9rpx;
}
.details-content .title .text {
font-size: 28rpx;
color: #999999;
}
.text-content {
display: flex;
flex-wrap: wrap;
}
.text-content .li {
width: 50%;
font-size: 24rpx;
color: #999999;
margin-top: 22rpx;
}
.cor {
color: #333333;
}
.cor1 {
color: #FF4C4C;
}
.project-list{
background-color: #FFFFFF;
padding: 22rpx 18rpx;
margin-top: 20rpx;
}
.project-list .title-content{
display: flex;
justify-content: space-between;
font-size: 24rpx;
color: #999999;
}
.project-list .title-content .title{
display: flex;
align-items: center;
}
.project-list .title-content .title .icon{
width: 23rpx;
height: 25rpx;
margin-right: 10rpx;
}
.project-list .title-content .date{
width: 120rpx;
height: 40rpx;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10rpx;
border: 2rpx solid #999999;
font-size: 24rpx;
display: flex;
align-items: center;
}
.project-list .title-content .date .icon{
width: 12rpx;
height: 18rpx;
margin-left: 5rpx;
}
.project-list-content .li{
display: flex;
justify-content: space-between;
}
</style>

290
pages/mountingsList/mountingsList.vue Normal file
View File

@ -0,0 +1,290 @@
<template>
<view class="content">
<statusNav navBarTitle="配件列表"></statusNav>
<view class="mountingsList-input">
<input type="text" class="int" value="" placeholder="请输入关键字" />
<image class="search" src="../../static/iocn/ss.png" mode=""></image>
</view>
<view class="mountings-list">
<view class="li" v-for="(item,index) in dataList">
<view class="textCon">
<view class="imgCon">
<image src="../../static/del/接收卡-图片.png" class="img" mode="aspectFill"></image>
</view>
<view class="text">
<view class="title">
<view class="">
{{item.title}}
</view>
<view class="ispitchOn" @click="ispitchOnFun(item)">
<image v-if="item.isJob" src="../../static/iocn/pxz.png" class="icon1" mode=""></image>
<view v-else class="icon">
</view>
</view>
</view>
<view class="brand p">
配件品牌：卡莱特
</view>
<view class="model p">
规格型号：5A-75E
</view>
<view class="num p">
<view class="">
已用数量：109张
</view>
<view class="numBtn">
<view class="subtract" @click="subtractFun(item)">
-
</view>
<view class="sum">
{{item.num}}
</view>
<view class="add" @click="addFun(item)">
+
</view>
</view>
</view>
</view>
</view>
<view class="bottom">
<view class="p">
*请注意规格型号的选择，不同型号不同价格。
</view>
<view class="sum">
费用合计：¥{{item.sum}}
</view>
</view>
</view>
</view>
<button class="submit-button" type="default">确认提交</button>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav,
},
data() {
return {
dataList: [{
title: "全彩LED显示屏接收卡",
state: true,
isJob: true,
num: 1,
price: 2500,
sum: 2500,
},
{
title: "全彩LED显示屏接收卡",
state: false,
isJob: true,
num: 1,
price: 2500,
sum: 2500,
},
{
title: "全彩LED显示屏接收卡",
state: true,
num: 1,
price: 2500,
sum: 2500,
isJob: false,
},
{
title: "全彩LED显示屏接收卡",
state: true,
num: 1,
price: 2500,
sum: 2500,
isJob: false,
},
]
}
},
methods: {
ispitchOnFun(item) {
item.isJob = !item.isJob
},
subtractFun(item) {
if (item.num >= 1) {
item.num--
item.sum = item.price * item.num
}
},
addFun(item) {
item.num++
item.sum = item.price * item.num
}
}
}
</script>
<style>
.content {
padding-top: 80rpx;
}
.submit-button {
width: 686rpx;
border-radius: 50rpx;
height: 90rpx;
background-color: #02A2ea;
line-height: 90rpx;
color: #FFFFFF;
margin-top: 60rpx;
text-align: center;
font-size: 30rpx;
}
.mountingsList-input {
width: 100%;
position: relative;
padding: 40rpx 16rpx;
box-sizing: border-box;
background-color: #FFFFFF
}
.mountingsList-input .int {
width: 100%;
background-color: #F7F7F7;
padding: 0 25rpx;
height: 67rpx;
box-sizing: border-box;
border-radius: 36rpx;
}
.mountingsList-input .search {
width: 28rpx;
height: 28rpx;
position: absolute;
right: 43rpx;
top: 50%;
margin-top: -14rpx;
}
.mountings-list .li {
width: 680rpx;
margin: auto;
margin-top: 20rpx;
background-color: #FFFFFF;
padding: 30rpx 20rpx 0rpx;
}
.mountings-list .li .textCon {
display: flex;
border-bottom: 2rpx solid #F5F5F5;
}
.mountings-list .li .imgCon {
width: 217rpx;
height: 137rpx;
background-color: #CCCCCC;
border-radius: 5rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 18rpx;
}
.mountings-list .li .text {
flex: 1;
}
.mountings-list .li .imgCon .img {
width: 169rpx;
height: 104rpx;
}
.mountings-list .li .title {
font-weight: bold;
font-size: 24rpx;
display: flex;
justify-content: space-between;
}
.mountings-list .li .title .ispitchOn .icon {
width: 26rpx;
height: 26rpx;
border: 2rpx solid #CCCCCC;
box-sizing: border-box;
border-radius: 50%;
}
.mountings-list .li .title .ispitchOn .icon1 {
width: 26rpx;
height: 26rpx;
border-radius: 50%;
}
.mountings-list .li .text .p {
color: #999999;
font-size: 24rpx;
}
.mountings-list .li .text .num {
display: flex;
justify-content: space-between;
}
.mountings-list .li .text {
padding-bottom: 22rpx;
}
.numBtn {
display: flex;
}
.numBtn .subtract {
border: 2rpx solid #F5F5F5;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
text-align: center;
line-height: 35rpx;
font-size: 36rpx
}
.numBtn .sum {
color: #333333;
padding: 0 15rpx;
}
.numBtn .add {
width: 36rpx;
height: 36rpx;
border-radius: 50%;
text-align: center;
line-height: 35rpx;
font-size: 35rpx;
background-color: #f82a34;
color: #FFFFFF;
}
.mountings-list .li .bottom {
padding: 14rpx;
display: flex;
justify-content: space-between;
font-size: 24rpx;
}
.mountings-list .li .bottom .p {
width: 60%;
}
.mountings-list .li .bottom .sum {
color: #ff0000;
}
</style>

268
pages/peopleManagement/peopleManagement.vue Normal file
View File

@ -0,0 +1,268 @@
<template>
<view class="content">
<statusNav navBarTitle="人员状态"></statusNav>
<view class="peopleManagement-input">
<input type="text" class="int" value="" placeholder="请输入关键字" />
<image class="search" src="../../static/iocn/ss.png" mode=""></image>
</view>
<view class="peopleManagement-content">
<view class="li" v-for="(item,index) in dataList">
<view class="head">
<view class="name" @click="listStateFun(item)">
<view class="icon" v-if="item.state">
</view>
<image class="iconImg" v-else src="../../static/iocn/pxz.png" mode=""></image>
<view class="">
{{item.title}}<text class="cor" v-if="item.isJob">(正在作业)</text>
<text class="cor1" v-else>(空闲中)</text>
</view>
</view>
<view class="state">
已审核
</view>
</view>
<view class="con">
<image class="img" src="../../static/del/500478055.png" mode=""></image>
<view class="text">
<view class="code">
<view class="">
编号: YG20211207-001
</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-else src="../../static/iocn/7.png" mode=""></image>
</view>
</view>
</view>
<view class="p">
<view class="">
待处理：1单
</view>
<view class="">
已处理：1305单
</view>
</view>
<view class="address">
当前定位：湖南省株洲市xxxxxxxx小区1栋202室
</view>
</view>
</view>
<view class="bottom">
<view class="">
联系电话： <text class="cor3">157xxxx8279</text>
</view>
<view class="">
注册时间： <text class="cor3">2018-12-12</text>
</view>
</view>
</view>
</view>
<button class="submit-button" type="default">派发工单</button>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav,
},
data() {
return {
dataList: [{
title: "陈志远",
state: true,
isJob: true,
},
{
title: "瓜皮",
state: false,
isJob: true,
},
{
title: "瓜娃子",
state: true,
isJob: false,
},
{
title: "憨批",
state: true,
isJob: false,
},
]
}
},
methods: {
listStateFun(item){
item.state=!item.state
}
}
}
</script>
<style>
.content {
padding-top: 80rpx;
}
.submit-button {
width: 686rpx;
border-radius: 50rpx;
height: 90rpx;
background-color: #02A2ea;
line-height: 90rpx;
color: #FFFFFF;
margin-top: 60rpx;
text-align: center;
font-size: 30rpx;
}
.peopleManagement-input {
width: 100%;
position: relative;
padding: 40rpx 16rpx;
box-sizing: border-box;
background-color: #FFFFFF
}
.peopleManagement-input .int {
width: 100%;
background-color: #F7F7F7;
padding: 0 25rpx;
height: 67rpx;
box-sizing: border-box;
border-radius: 36rpx;
}
.peopleManagement-input .search {
width: 28rpx;
height: 28rpx;
position: absolute;
right: 43rpx;
top: 50%;
margin-top: -14rpx;
}
.peopleManagement-content .li {
background-color: #FFFFFF;
padding-right: 30rpx;
margin-top: 18rpx;
}
.peopleManagement-content .li .head {
display: flex;
padding: 22rpx 0rpx;
padding-left: 40rpx;
border-bottom: 2rpx solid #eaeaea;
justify-content: space-between;
padding-right: 30rpx;
}
.peopleManagement-content .li .head .name {
display: flex;
align-items: center;
color: #333333;
font-size: 27rpx;
font-weight: bold;
}
.peopleManagement-content .li .head .name .icon {
width: 38rpx;
height: 38rpx;
margin-right: 12rpx;
border: solid #969696 2rpx;
box-sizing: border-box;
border-radius: 50%;
}
.peopleManagement-content .li .head .name .iconImg{
width: 38rpx;
height: 38rpx;
margin-right: 12rpx;
box-sizing: border-box;
border-radius: 50%;
}
.cor {
color: #1c9bdb;
}
.cor1 {
color: #ff424d;
}
.peopleManagement-content .li .head .state {
color: #1c9bdb;
font-size: 27rpx;
}
.peopleManagement-content .li .con {
padding: 20rpx 0rpx;
padding-left: 52rpx;
border-bottom: 2rpx solid #eaeaea;
display: flex;
}
.peopleManagement-content .li .con .img {
width: 186rpx;
height: 124rpx;
margin-right: 16rpx;
}
.peopleManagement-content .li .con .text {
flex: 1;
padding-right: 30rpx;
}
.peopleManagement-content .li .con .text .iconCon {
font-size: 0rpx;
display: flex;
}
.peopleManagement-content .li .con .text .icon {
width: 24rpx;
height: 21rpx;
}
.peopleManagement-content .li .con .text .code {
font-size: 24rpx;
display: flex;
justify-content: space-between;
align-items: center;
color: #333333;
}
.peopleManagement-content .li .con .text .p{
color: #7a7979;
display: flex;
font-size: 24rpx;
padding: 22rpx 0rpx;
}
.peopleManagement-content .li .con .text .address{
color: #7a7979;
font-size: 24rpx;
}
.peopleManagement-content .li .bottom{
display: flex;
padding: 30rpx 0rpx;
padding-left: 40rpx;
color: #333333;
font-size: 24rpx;
display: flex;
padding-right: 22rpx
;
justify-content: space-between;
}
.peopleManagement-content .li .bottom .cor3{
color: #666666;
}
</style>

2
pages/project/projectList.vue
View File

@ -3,7 +3,7 @@
<statusNav navBarTitle="项目列表"></statusNav>
<view class="project-list-input">
<input type="text" class="int" value="" placeholder="请输入关键字" />
<image class="search" src="../../static/ss.png" mode=""></image>
<image class="search" src="../../static/iocn/ss.png" mode=""></image>
</view>

32
pages/workOrder/payReturnVisit .vue
View File

@ -1,32 +0,0 @@
<template>
<view>
<view class="hint">
客户服务，重在回访仔细倾听，以服务质量求发展
</view>
<view class="123123">
12312313
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.hint{
color: #358ff0;
padding:30rpx;
}
</style>

143
pages/workOrder/payReturnVisit.vue Normal file
View File

@ -0,0 +1,143 @@
<template>
<view class="content">
<statusNav navBarTitle="工单回访"></statusNav>
<view class="hint">
客户服务，重在回访仔细倾听，以服务质量求发展
</view>
<view class="payReturnVisit-from">
<view class="payReturnVisit-input">
<view class="title">
<text>联</text>
<text>系</text>
<text>人</text>
</view>
<input class="input" placeholder="请填写联系人称呼" type="text" value="" />
</view>
<view class="payReturnVisit-input">
<view class="title">
联系电话
</view>
<input class="input" placeholder="请输入手机号码" type="text" value="" />
</view>
<view class="payReturnVisit-input">
<view class="title">
<text>微</text>
<text>信</text>
<text>号</text>
</view>
<input class="input" placeholder="请输入微信号码" type="text" value="" />
</view>
<view class="payReturnVisit-textarea">
<view class="title">
回访内容
</view>
<textarea class="textarea" value="" placeholder="请输入回访内容" />
</view>
<view class="payReturnVisit-input">
<view class="title">
客服电话
</view>
<input class="input" placeholder="400-765-9876" type="text" value="" />
</view>
<view class="payReturnVisit-input">
<view class="title">
联系电话
</view>
<input class="input" placeholder="2022/02/13 14:18:00" type="text" value="" />
</view>
</view>
<button class="submit-button" type="default">确认发送</button>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav,
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.content{
padding-top: 80rpx;
}
.hint {
color: #358ff0;
font-size: 24rpx;
padding: 25rpx 30rpx;
}
.submit-button {
width: 686rpx;
border-radius: 50rpx;
height: 90rpx;
background-color: #02A2ea;
line-height: 90rpx;
color: #FFFFFF;
margin-top: 60rpx;
text-align: center;
font-size: 30rpx;
}
.payReturnVisit-input {
background-color: #FFFFFF;
height: 103rpx;
display: flex;
align-items: center;
width: 700rpx;
border-bottom: 2rpx solid #f4f4f4;
margin: auto;
}
.payReturnVisit-input .title {
display: flex;
justify-content: space-between;
font-size: 30rpx;
font-weight: bold;
width: 120rpx;
color: #333333;
margin-right: 40rpx;
}
.payReturnVisit-input .input {
flex: 1;
font-size: 30rpx;
margin-top: 2rpx;
}
.payReturnVisit-from{
background-color: #FFFFFF;
}
.payReturnVisit-textarea{
width: 700rpx;
border-bottom: 2rpx solid #f4f4f4;
margin: auto;
padding-bottom: 30rpx;
}
.payReturnVisit-textarea .title{
padding: 30rpx 0rpx;
font-size: 30rpx;
font-weight: bold;
}
.payReturnVisit-textarea .textarea{
width: 100%;
height: 200rpx;
background-color: #F5F5F5;
border-radius: 10rpx;
padding: 20rpx;
box-sizing: border-box;
}
</style>

2
pages/workOrder/workOrderLlsit.vue
View File

@ -3,7 +3,7 @@
<statusNav navBarTitle="工单列表"></statusNav>
<view class="project-list-input">
<input type="text" class="int" value="" placeholder="请输入关键字" />
<image class="search" src="../../static/ss.png" mode=""></image>
<image class="search" src="../../static/iocn/ss.png" mode=""></image>
</view>

BIN
static/del/500478055.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
static/del/接收卡-图片.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
static/iocn/6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 456 B

BIN
static/iocn/7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 426 B

BIN
static/iocn/dn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 573 B

BIN
static/iocn/dwx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
static/iocn/kh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/iocn/lxr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 678 B

BIN
static/iocn/pxz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 951 B

BIN
static/iocn/sjx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 177 B

0
static/ss.png → static/iocn/ss.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 714 B

After

Width:  |  Height:  |  Size: 714 B

BIN
static/iocn/ty.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
static/iocn/xmlb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 407 B

BIN
static/iocn/xs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/iocn/zc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB