dev
/
GScreenWEB_TPMes
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

替换图片

This commit is contained in:
ljx 2025-03-18 18:08:18 +08:00
parent 6729cc3719
commit 46787bcf0c
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/baozuo-demo/CenterCmp.vue
View File

@ -22,8 +22,8 @@
<div class="ccmc-items" v-show="dataType =='3'"> <div class="ccmc-items" v-show="dataType =='3'">
<div class="station-info" v-for="(item, index) in leftData.slice(0,2)" :key="index"> <div class="station-info" v-for="(item, index) in leftData.slice(0,2)" :key="index">
<img :src="item.icon" alt="icon" class="station-icon"> <img :src="item.icon" alt="icon" class="station-icon">
<div class="station-name">{{ item.name }}</div> <div class="station-name" style="margin-left: 30px;">{{ item.name }}</div>
<div class="station-value">{{ item.value }}</div> <div class="station-value" style="margin-left: 30px;">{{ item.value }}</div>
</div> </div>
<div class="station-info"> <div class="station-info">
<dv-charts :option="oiloption" style="width: 300px;height: 300px;"/> <dv-charts :option="oiloption" style="width: 300px;height: 300px;"/>
@ -119,9 +119,9 @@ export default {
{ icon: require(`@/img/icons/12.png`), name: '本月派工完成率', value: '100%' } { icon: require(`@/img/icons/12.png`), name: '本月派工完成率', value: '100%' }
]; ];
const originalLeftData2 = [ const originalLeftData2 = [
{ icon: require(`@/img/icons/1.png`), name: '派工数量', value: '1120' }, { icon: require(`@/img/icons/12.png`), name: '派工数量', value: '1120' },
{ icon: require(`@/img/icons/2.png`), name: '未完工数量', value: '600' }, { icon: require(`@/img/icons/12.png`), name: '未完工数量', value: '600' },
{ icon: require(`@/img/icons/3.png`), name: '工单订成率', value: '100%' } { icon: require(`@/img/icons/12.png`), name: '工单订成率', value: '100%' }
]; ];
const originalRightData = [ const originalRightData = [
@ -294,7 +294,9 @@ export default {
flex-direction: column; flex-direction: column;
.station-icon { .station-icon {
width: 220px; width: 225px;
margin-top: 60px;
margin-left: 30px;
margin-bottom: 20px; margin-bottom: 20px;
// height: 80px; // height: 80px;
// margin-bottom: 18px; // margin-bottom: 18px;