2
App.vue
|
@ -20,7 +20,7 @@
|
|||
},
|
||||
onShow: function() {
|
||||
if(uni.getStorageSync('phone_active')){
|
||||
// 刷新token
|
||||
// 刷新token
|
||||
this.$toolAll.tools.refreshToken();
|
||||
}
|
||||
},
|
||||
|
|
|
@ -18,20 +18,22 @@
|
|||
<!-- 绘制圈 end -->
|
||||
<!-- 状态文本 start -->
|
||||
<block v-if="showInfo">
|
||||
<text class="cmd-progress-text" :title="setFormat">
|
||||
<text class="cmd-progress-text" :title="setFormat" :style="{color: strokeColor}">
|
||||
<block v-if="status != 'success' && status != 'exception' && setProgress < 100">{{setFormat}}</block>
|
||||
<!-- #ifdef H5 -->
|
||||
<svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor"
|
||||
aria-hidden="true">
|
||||
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
|
||||
</svg>
|
||||
<svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check" width="1em"
|
||||
<!-- <svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check" width="1em"
|
||||
height="1em" fill="currentColor" aria-hidden="true" :style="{'color': strokeColor ? strokeColor : ''}">
|
||||
<path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path>
|
||||
</svg>
|
||||
</svg> -->
|
||||
<text v-if="status == 'exception' || status == 'success' || setProgress == 100">{{setFormat}}</text>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef H5 -->
|
||||
<text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setCircleIcon"></text>
|
||||
<!-- <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setCircleIcon"></text> -->
|
||||
<text v-if="status == 'exception' || status == 'success' || setProgress == 100">{{setFormat}}</text>
|
||||
<!-- #endif -->
|
||||
</text>
|
||||
</block>
|
||||
|
@ -64,7 +66,8 @@
|
|||
</svg>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef H5 -->
|
||||
<text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setLineStatusIcon"></text>
|
||||
<!-- <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setLineStatusIcon"></text> -->
|
||||
<text v-if="status == 'exception' || status == 'success' || setProgress == 100">{{setFormat}}</text>
|
||||
<!-- #endif -->
|
||||
</text>
|
||||
</block>
|
||||
|
@ -311,8 +314,7 @@
|
|||
// 完成进度
|
||||
if (this.status == 'success' || this.setProgress >= 100) {
|
||||
currentColor = this.strokeColor || '#52c41a'
|
||||
svgToBase =
|
||||
`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check' width='1em' height='1em' fill='${escape(currentColor)}' aria-hidden='true'%3E %3Cpath d='M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z'%3E%3C/path%3E %3C/svg%3E`;
|
||||
// svgToBase = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check' width='1em' height='1em' fill='${escape(currentColor)}' aria-hidden='true'%3E %3Cpath d='M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z'%3E%3C/path%3E %3C/svg%3E`;
|
||||
}
|
||||
return `background-image: url("${svgToBase}");
|
||||
background-size: cover;
|
||||
|
|
|
@ -1,92 +1,94 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<statusNav navBarTitle="增值服务"></statusNav>
|
||||
<container-subgroup-two >
|
||||
<view slot="content" style="margin: 0 -30rpx;">
|
||||
<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">
|
||||
<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>
|
||||
<input class="input" type="text" value="" placeholder="请输入品牌" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
<text class="cor">*</text>产品尺寸
|
||||
</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">
|
||||
<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">*详细地址</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>
|
||||
|
||||
<container-subgroup-two>
|
||||
<view slot="content" style="margin: 0 -30rpx;">
|
||||
<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>
|
||||
|
||||
</container-subgroup-two>
|
||||
<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>
|
||||
<input class="input" type="text" value="" placeholder="请输入品牌" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
<text class="cor">*</text>产品尺寸
|
||||
</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">
|
||||
<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">*详细地址</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/img003.png" mode=""></image>
|
||||
<image class="img" src="../../static/del/img003.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>
|
||||
</container-subgroup-two>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
||||
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
||||
import statusNav from '../../components/status-nav.vue';
|
||||
export default {
|
||||
components: {
|
||||
|
@ -116,9 +118,9 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
onLoad(op) {
|
||||
if(op.index!=undefined) this.typeIndex = op.index;
|
||||
},
|
||||
onLoad(op) {
|
||||
if (op.index != undefined) this.typeIndex = op.index;
|
||||
},
|
||||
methods: {
|
||||
typeIndexFun(index) {
|
||||
this.typeIndex = index
|
||||
|
@ -128,11 +130,12 @@
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
.content {}
|
||||
|
||||
.cor {
|
||||
color: #FF0000;
|
||||
}
|
||||
.cor{
|
||||
color: #FF0000;
|
||||
}
|
||||
|
||||
.select-type {
|
||||
display: flex;
|
||||
margin-top: 10rpx;
|
||||
|
@ -141,6 +144,7 @@
|
|||
align-items: center;
|
||||
padding: 0rpx 28rpx;
|
||||
}
|
||||
|
||||
.submit-button {
|
||||
width: 686rpx;
|
||||
border-radius: 50rpx;
|
||||
|
@ -152,6 +156,7 @@
|
|||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.select-type .text {
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
|
@ -219,13 +224,13 @@
|
|||
|
||||
.supplement-from {
|
||||
background-color: #FFFFFF;
|
||||
padding: 0rpx 25rpx;
|
||||
padding: 0rpx 25rpx;
|
||||
}
|
||||
|
||||
.supplement-from .li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
||||
height: 80rpx;
|
||||
font-size: 27rpx;
|
||||
border-bottom: 2rpx solid #f5f5f7;
|
||||
|
@ -233,10 +238,12 @@
|
|||
justify-content: space-between;
|
||||
color: #333333;
|
||||
}
|
||||
.supplement-from .li .input{
|
||||
|
||||
.supplement-from .li .input {
|
||||
text-align: right;
|
||||
font-size: 24rpx
|
||||
}
|
||||
|
||||
.supplement-from .li-textarea {
|
||||
font-size: 27rpx;
|
||||
line-height: 27rpx;
|
||||
|
@ -244,46 +251,52 @@
|
|||
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>
|
||||
|
||||
.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>
|
||||
|
|
|
@ -1,170 +1,177 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<statusNav navBarTitle="客户详情"></statusNav>
|
||||
|
||||
<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">
|
||||
<container-subgroup-two>
|
||||
<view slot="content" style="margin: 0 -30rpx;">
|
||||
<view class="details-nav">
|
||||
<view class="li">
|
||||
客户名称:<text class="cor">长沙警校</text>
|
||||
<image class="icon" src="../../static/iocn/ty.png" mode=""></image>
|
||||
<view class="text">
|
||||
基本信息
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
客户编号:<text class="cor">xxxxxxxxx</text>
|
||||
<image class="icon" src="../../static/iocn/kh.png" mode=""></image>
|
||||
<view class="text">
|
||||
联系人
|
||||
</view>
|
||||
</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="cor">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>
|
||||
<image class="icon" src="../../static/iocn/xs.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>
|
||||
<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>
|
||||
</picker>
|
||||
<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="cor">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 class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
</view>
|
||||
<view class="date">
|
||||
2022/3/1
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
</view>
|
||||
<view class="date">
|
||||
2022/3/1
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
</view>
|
||||
<view class="date">
|
||||
2022/3/1
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contact-way">
|
||||
<view class="title">
|
||||
客户微信
|
||||
</view>
|
||||
<image class="icon" src="../../static/iocn/wx.png" mode=""></image>
|
||||
</view>
|
||||
<view class="contact-way">
|
||||
<view class="title">
|
||||
客户电话
|
||||
</view>
|
||||
<image class="icon1" src="../../static/iocn/dh.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</container-subgroup-two>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="project-list-content">
|
||||
<view class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
</view>
|
||||
<view class="date">
|
||||
2022/3/1
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
</view>
|
||||
<view class="date">
|
||||
2022/3/1
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
</view>
|
||||
<view class="date">
|
||||
2022/3/1
|
||||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
</view>
|
||||
<view class="date">
|
||||
2022/3/1
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contact-way">
|
||||
<view class="title">
|
||||
客户微信
|
||||
</view>
|
||||
<image class="icon" src="../../static/iocn/wx.png" mode=""></image>
|
||||
</view>
|
||||
<view class="contact-way">
|
||||
<view class="title">
|
||||
客户电话
|
||||
</view>
|
||||
<image class="icon1" src="../../static/iocn/dh.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
||||
import statusNav from '../../components/status-nav.vue';
|
||||
export default {
|
||||
components: {
|
||||
statusNav
|
||||
statusNav,
|
||||
containerSubgroupTwo
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
@ -181,7 +188,6 @@
|
|||
|
||||
<style>
|
||||
.content {
|
||||
padding-top: 100rpx;
|
||||
padding-right: 27rpx;
|
||||
padding-left: 27rpx;
|
||||
}
|
||||
|
|
|
@ -9,17 +9,17 @@
|
|||
>
|
||||
<swiper-item>
|
||||
<view class="swiper-item uni-bg-red">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item uni-bg-red">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item uni-bg-red">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<view class="project-list">
|
||||
<view class="li" @click="projectDetailsFun()">
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
|
||||
<view class="text">
|
||||
<view class="title">
|
||||
|
@ -43,7 +43,7 @@
|
|||
</view>
|
||||
<view class="li">
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
|
||||
<view class="text">
|
||||
<view class="title">
|
||||
|
@ -81,7 +81,7 @@
|
|||
</view>
|
||||
<view class="li">
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
|
||||
<view class="text">
|
||||
<view class="title">
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
<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>
|
||||
<image src="../../static/del/img001.png" class="img" mode="aspectFill"></image>
|
||||
</view>
|
||||
|
||||
<view class="text">
|
||||
|
|
|
@ -9,17 +9,17 @@
|
|||
:duration="duration">
|
||||
<swiper-item>
|
||||
<view class="swiper-item uni-bg-red">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item uni-bg-red">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item uni-bg-red">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
<view class="project-list">
|
||||
<view class="li" @click="projectDetailsFun()" v-for="(item,index) in 10" :key="index">
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill" lazy-load></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill" lazy-load></image>
|
||||
<view class="text disjb fc" style="height: 180rpx;">
|
||||
<view class="clips1 fon24 bold">湖南工业大学化工学院会议室P2.5全彩LED显示屏</view>
|
||||
<view class="disjb fc" style="margin-left: -20rpx;height: 80%;">
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
<!-- 预约及时率、上门准时率、项目报修率 -->
|
||||
<view class="disja mar-s20">
|
||||
<view v-for="(item,index) in percentageList" :key="index" class="disjcac fc col3">
|
||||
<cmd-progress type="circle" :percent="item.num" :width="60" :stroke-color="['#00a2e9','#e87c00','#0b56ec'][index]" :circleStrokeColor="['rgba(0, 162, 233, 0.2)','rgba(232, 124, 0, 0.2)','rgba(11, 86, 236, 0.2)'][index]" :strokeShape="'square'"></cmd-progress>
|
||||
<cmd-progress type="circle" :percent="item.num" :width="60" :stroke-color="['#00a2e9','#e87c00','#0b56ec'][index]" :circleStrokeColor="['#c6e6f5','#f4dfc6','#c8d7f5'][index]" :strokeShape="'square'"></cmd-progress>
|
||||
<view class="fon24 mar-s20">{{item.title}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -73,7 +73,7 @@
|
|||
{imgsrc:'/static/public/icon-my-notEvaluated.png',title:'未评价',num:0},
|
||||
],
|
||||
percentageList:[
|
||||
{title:'预约及时率',num:89},
|
||||
{title:'预约及时率',num:100},
|
||||
{title:'上门准时率',num:60},
|
||||
{title:'项目报修率',num:40},
|
||||
],
|
||||
|
|
|
@ -83,9 +83,9 @@
|
|||
</view>
|
||||
|
||||
<view class="input">
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill">
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill">
|
||||
</image>
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png" mode="aspectFill">
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -228,9 +228,9 @@
|
|||
</view>
|
||||
<view class="input add-display">
|
||||
<view class="">
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png"
|
||||
<image class="img" src="../../static/del/img001.png"
|
||||
mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/微信图片_20220113152400.png"
|
||||
<image class="img" src="../../static/del/img001.png"
|
||||
mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -268,7 +268,7 @@
|
|||
|
||||
<view class="list">
|
||||
<view class="li">
|
||||
<image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill">
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill">
|
||||
</image>
|
||||
<view class="text-content">
|
||||
<view class="title">
|
||||
|
@ -292,7 +292,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill">
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill">
|
||||
</image>
|
||||
<view class="text-content">
|
||||
<view class="title">
|
||||
|
@ -316,7 +316,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<image class="img" src="../../static/del/QQ截图20220210213041.png" mode="aspectFill">
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill">
|
||||
</image>
|
||||
<view class="text-content">
|
||||
<view class="title">
|
||||
|
|
|
@ -96,8 +96,8 @@
|
|||
</view>
|
||||
|
||||
<view class="input">
|
||||
<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/img001.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
@ -45,7 +45,7 @@
|
|||
工单编号:222226666558
|
||||
</view>
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
|
||||
<view class="text">
|
||||
<view class="title">
|
||||
|
@ -98,7 +98,7 @@
|
|||
工单编号:222226666558
|
||||
</view>
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
|
||||
<view class="text">
|
||||
<view class="title">
|
||||
|
@ -151,7 +151,7 @@
|
|||
工单编号:222226666558
|
||||
</view>
|
||||
<view class="message">
|
||||
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
|
||||
<view class="text">
|
||||
<view class="title">
|
||||
|
|
|
@ -97,8 +97,8 @@
|
|||
|
||||
<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/img001.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
|
||||
|
||||
|
@ -201,8 +201,8 @@
|
|||
|
||||
<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/img001.png" mode="aspectFill"></image>
|
||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<container-subgroup>
|
||||
<view slot="content" style="margin: 0 -16rpx;" class="fon28">
|
||||
<view @tap="goDetail(index)" class="bacf radius10 pad-sx20 pad-zy10 disjbac mar-x20" style="box-shadow: 0rpx 3rpx 20rpx rgba(0,0,0,.3);" v-for="(item,index) in 20" :key="index">
|
||||
<image src="/static/del/QQ截图20220210213041.png" mode="aspectFill" lazy-load class="flexs" style="width: 240rpx;height: 184rpx;"></image>
|
||||
<image src="/static/del/img001.png" mode="aspectFill" lazy-load class="flexs" style="width: 240rpx;height: 184rpx;"></image>
|
||||
<view style="height: 184rpx;" class="width100 disjb fc pad-zy20 fon24">
|
||||
<view class=" clips2">智能会议平板交互电子白板会议一体机视 频会议多媒体教学培训</view>
|
||||
<view style="display: flex;align-items: center;font-size: 26rpx;">
|
||||
|
|
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 67 KiB |
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |