DeXun/fad_oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

安装前准备页面图标改造

Browse Source
This commit is contained in:
jhd
2026-07-01 14:40:12 +08:00
parent 980aeb1bb0
commit 5790f7e9ec
4 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ruoyi-ui/src/views/rm/installPrep/index.vue
View File

@@ -3,20 +3,24 @@
<div class="current-project-bar">当前项目：{{ currentProjectName }}</div>
<div class="rm-panel">
<div class="rm-panel-header">
<span>🛠️ 安装前准备</span>
<span>安装前准备</span>
</div>
<div class="rm-panel-body">
<el-tabs v-model="activeTab" @tab-click="onTabClick">
<el-tab-pane label="🔧 工具准备" name="tools">
<el-tab-pane name="tools">
<span slot="label"><i class="el-icon-s-tools"></i> 工具准备</span>
<install-tools ref="toolsTab" :project-id="currentProjectId" />
</el-tab-pane>
<el-tab-pane label="👷 安装人员" name="personnel">
<el-tab-pane name="personnel">
<span slot="label"><i class="el-icon-user-solid"></i> 安装人员</span>
<install-personnel ref="personnelTab" :project-id="currentProjectId" />
</el-tab-pane>
<el-tab-pane label="📏 安装精度" name="precision">
<el-tab-pane name="precision">
<span slot="label"><i class="el-icon-data-line"></i> 安装精度</span>
<install-precision ref="precisionTab" :project-id="currentProjectId" />
</el-tab-pane>
<el-tab-pane label="📊 安装进度" name="progress">
<el-tab-pane name="progress">
<span slot="label"><i class="el-icon-timer"></i> 安装进度</span>
<install-progress ref="progressTab" :project-id="currentProjectId" />
</el-tab-pane>
</el-tabs>

4
ruoyi-ui/src/views/rm/installPrep/precision.vue
View File

@@ -15,7 +15,7 @@
<div v-if="precision.length === 0" style="text-align:center;color:#aaa;padding:40px;">暂无精度数据</div>
<div v-for="(grp, sys) in grouped" :key="sys" class="cat-section">
<div class="cat-header">
<span>{{ sysIcon(sys) }} {{ sys }}</span>
<span><i :class="sysIcon(sys)" style="margin-right:4px;"></i>{{ sys }}</span>
<span class="cat-count">{{ grp.length }}项 · 合格 {{ grp.filter(p=>p.isQualified==='1').length }}/{{ grp.length }}</span>
</div>
<el-table :data="grp" stripe border size="small" style="width:100%;">
@@ -175,7 +175,7 @@ export default {
}
},
methods: {
sysIcon(s) { return { '轧辊系统':'🔄','AGC系统':'📐','主机框架':'🏛️','液压系统':'💧','电气系统':'⚡','辅助设备':'🔩','冷却润滑':'❄️','安全装置':'🛡️' }[s]||'📌' },
sysIcon(s) { return { '轧辊系统':'el-icon-s-operation','AGC系统':'el-icon-s-marketing','主机框架':'el-icon-s-home','液压系统':'el-icon-water-cup','电气系统':'el-icon-s-platform','辅助设备':'el-icon-s-tools','冷却润滑':'el-icon-cold-drink','安全装置':'el-icon-s-check' }[s]||'el-icon-collection' },
cleanForm() { return { systemName:'轧辊系统', itemName:'', nameEn:'', targetValue:'', unit:'mm', importance:'★★★', tool:'', methodDesc:'', standardRef:'', actualValue:'', _qualified:false, photos:'', _files:[] } },
loadData() {
if (!this.projectId) return

16
ruoyi-ui/src/views/rm/installPrep/progress.vue
View File

@@ -12,13 +12,13 @@
</div>
<!-- Bar chart -->
<div style="font-weight:600;font-size:13px;margin-bottom:8px;">📊 安装进度条形图</div>
<div style="font-weight:600;font-size:13px;margin-bottom:8px;"><i class="el-icon-data-line" style="margin-right:4px;"></i>安装进度条形图</div>
<div v-if="progress.length === 0" style="text-align:center;color:#aaa;padding:20px;">暂无安装进度数据</div>
<div v-for="(p,i) in progress" :key="i" style="margin-bottom:8px;">
<div style="display:flex;justify-content:space-between;font-size:11px;margin-bottom:3px;">
<span style="font-weight:600;">
{{ p.itemName }}
<el-tag v-if="isOverdue(p)" size="mini" type="danger" style="margin-left:4px;">逾期</el-tag>
<el-tag v-if="isOverdue(p)" size="mini" type="danger" style="margin-left:4px;"><i class="el-icon-warning-outline" style="margin-right:2px;"></i>逾期</el-tag>
</span>
<span style="color:#6c757d;">{{ p.planStart||'?' }}~{{ p.planEnd||'?' }} · {{ statusLabel(p) }} · {{ barPercent(p) }}%</span>
</div>
@@ -29,14 +29,14 @@
实际: {{ p.actualStart||'-' }}~{{ p.actualEnd||'-' }}
</div>
<div v-if="isOverdue(p) && p.delayReason" style="font-size:10px;color:#e74c3c;margin-top:1px;">
⚠️ 延误原因：{{ p.delayReason }}
<i class="el-icon-warning-outline" style="margin-right:2px;"></i>延误原因：{{ p.delayReason }}
</div>
</div>
<el-divider></el-divider>
<!-- Detail table -->
<div style="font-weight:600;font-size:13px;margin-bottom:8px;">📋 安装进度明细</div>
<div style="font-weight:600;font-size:13px;margin-bottom:8px;"><i class="el-icon-tickets" style="margin-right:4px;"></i>安装进度明细</div>
<el-table :data="progress" v-loading="loading" stripe border size="small" style="width:100%;">
<el-table-column type="index" label="#" width="40" />
<el-table-column prop="itemName" label="安装项目" min-width="130" show-overflow-tooltip />
@@ -62,10 +62,10 @@
<span v-else style="color:#bbb;">0</span>
</template>
</el-table-column>
<el-table-column label="🎬视频" width="55" align="center">
<el-table-column label="视频" width="55" align="center">
<template slot-scope="s">
<el-tag v-if="s.row.videos" size="mini" type="primary">🎬 {{ (s.row.videos||'').split(';').filter(Boolean).length }}</el-tag>
<span v-else style="color:#bbb;">🎬 0</span>
<el-tag v-if="s.row.videos" size="mini" type="primary"><i class="el-icon-video-camera" style="margin-right:2px;"></i> {{ (s.row.videos||'').split(';').filter(Boolean).length }}</el-tag>
<span v-else style="color:#bbb;"><i class="el-icon-video-camera"></i> 0</span>
</template>
</el-table-column>
<el-table-column label="操作" width="80" fixed="right">
@@ -114,7 +114,7 @@
</div>
</div>
</div>
<div class="form-group"><label>🎬 视频（文件名，;分隔）</label><el-input v-model="form.videos" /></div>
<div class="form-group"><label><i class="el-icon-video-camera" style="margin-right:2px;"></i>视频（文件名，;分隔）</label><el-input v-model="form.videos" /></div>
</div>
<div class="form-group"><label>备注</label><el-input v-model="form.remark" /></div>
</el-form>

4
ruoyi-ui/src/views/rm/installPrep/tools.vue
View File

@@ -15,7 +15,7 @@
<div v-if="tools.length === 0" style="text-align:center;color:#aaa;padding:40px;">暂无工具数据</div>
<div v-for="(grp, cat) in grouped" :key="cat" class="cat-section">
<div class="cat-header">
<span>{{ catIcon(cat) }} {{ cat }}</span>
<span><i :class="catIcon(cat)" style="margin-right:4px;"></i>{{ cat }}</span>
<span class="cat-count">{{ grp.length }}项 · ¥{{ groupTotal(grp).toLocaleString() }}</span>
</div>
<el-table :data="grp" stripe border size="small" style="width:100%;">
@@ -113,7 +113,7 @@ export default {
arrivedCount() { return this.tools.filter(t => t.status==='已到位').length }
},
methods: {
catIcon(cat) { return { '起重吊装':'🏗️','测量仪器':'📐','机械安装':'🔩','液压专用':'💧','电气安装':'⚡' }[cat]||'📌' },
catIcon(cat) { return { '起重吊装':'el-icon-ship','测量仪器':'el-icon-rank','机械安装':'el-icon-setting','液压专用':'el-icon-water-cup','电气安装':'el-icon-s-platform' }[cat]||'el-icon-collection' },
groupTotal(arr) { return arr.reduce((s,t) => s+(parseFloat(t.totalPrice)||0), 0) },
cleanForm() { return { name:'', nameEn:'', spec:'', qty:'', unit:'台', unitPrice:'', totalPrice:'', priority:'', arrivalDate:'', purpose:'', responsible:'', status:'待确认', category:'起重吊装', remark:'' } },
loadData() {