|
@ -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;
|
||||
|
|
|
@ -69,8 +69,8 @@
|
|||
<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>
|
||||
<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>
|
||||
|
@ -80,9 +80,11 @@
|
|||
<button class="submit-button" type="default">确认提交</button>
|
||||
|
||||
</view>
|
||||
|
||||
</container-subgroup-two>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
@ -128,11 +130,12 @@
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
}
|
||||
.content {}
|
||||
|
||||
.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;
|
||||
|
@ -233,10 +238,12 @@
|
|||
justify-content: space-between;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.supplement-from .li .input {
|
||||
text-align: right;
|
||||
font-size: 24rpx
|
||||
}
|
||||
|
||||
.supplement-from .li-textarea {
|
||||
font-size: 27rpx;
|
||||
line-height: 27rpx;
|
||||
|
@ -249,6 +256,7 @@
|
|||
padding-top: 26rpx;
|
||||
padding-bottom: 17rpx;
|
||||
}
|
||||
|
||||
.supplement-from .li-textarea .textarea {
|
||||
width: 100%;
|
||||
height: 127rpx;
|
||||
|
@ -257,28 +265,34 @@
|
|||
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;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.scene-img .iocn-content .icon {
|
||||
|
||||
width: 62rpx;
|
||||
|
@ -286,4 +300,3 @@ justify-content: center;
|
|||
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<statusNav navBarTitle="客户详情"></statusNav>
|
||||
|
||||
<container-subgroup-two>
|
||||
<view slot="content" style="margin: 0 -30rpx;">
|
||||
<view class="details-nav">
|
||||
<view class="li">
|
||||
<image class="icon" src="../../static/iocn/ty.png" mode=""></image>
|
||||
|
@ -157,14 +158,20 @@
|
|||
</view>
|
||||
<image class="icon1" src="../../static/iocn/dh.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</container-subgroup-two>
|
||||
|
||||
</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 |