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

修改我的页面统计图

master
chen 2022-03-25 13:27:17 +08:00
parent 8a1f359a12
commit 529bed78e6
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/cmd-progress/cmd-progress.vue
View File

@ -18,20 +18,22 @@
<!-- 绘制圈 end --> <!-- 绘制圈 end -->
<!-- 状态文本 start --> <!-- 状态文本 start -->
<block v-if="showInfo"> <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> <block v-if="status != 'success' && status != 'exception' && setProgress < 100">{{setFormat}}</block>
<!-- #ifdef H5 --> <!-- #ifdef H5 -->
<svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" <svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor"
aria-hidden="true"> 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> <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>
<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 : ''}"> 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> <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 --> <!-- #endif -->
<!-- #ifndef H5 --> <!-- #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 --> <!-- #endif -->
</text> </text>
</block> </block>
@ -64,7 +66,8 @@
</svg> </svg>
<!-- #endif --> <!-- #endif -->
<!-- #ifndef H5 --> <!-- #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 --> <!-- #endif -->
</text> </text>
</block> </block>
@ -311,8 +314,7 @@
// 完成进度 // 完成进度
if (this.status == 'success' || this.setProgress >= 100) { if (this.status == 'success' || this.setProgress >= 100) {
currentColor = this.strokeColor || '#52c41a' currentColor = this.strokeColor || '#52c41a'
svgToBase = // 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`;
`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}"); return `background-image: url("${svgToBase}");
background-size: cover; background-size: cover;

4
pages/tabbar/my/my.vue
View File

@ -34,7 +34,7 @@
<!-- 预约及时率、上门准时率、项目报修率 --> <!-- 预约及时率、上门准时率、项目报修率 -->
<view class="disja mar-s20"> <view class="disja mar-s20">
<view v-for="(item,index) in percentageList" :key="index" class="disjcac fc col3"> <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 class="fon24 mar-s20">{{item.title}}</view>
</view> </view>
</view> </view>
@ -73,7 +73,7 @@
{imgsrc:'/static/public/icon-my-notEvaluated.png',title:'未评价',num:0}, {imgsrc:'/static/public/icon-my-notEvaluated.png',title:'未评价',num:0},
], ],
percentageList:[ percentageList:[
{title:'预约及时率',num:89}, {title:'预约及时率',num:100},
{title:'上门准时率',num:60}, {title:'上门准时率',num:60},
{title:'项目报修率',num:40}, {title:'项目报修率',num:40},
], ],