From d026761256877b473a181d1f7c37eb2bce196ea7 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期一, 10 二月 2025 16:01:40 +0800 Subject: [PATCH] 临期、按时完成、超时统计、首页去掉新增图表 --- src/views/index.vue | 198 ++++++++++++++++++++++++------------------------ src/views/projectProcess/detail/index.vue | 2 2 files changed, 100 insertions(+), 100 deletions(-) diff --git a/src/views/index.vue b/src/views/index.vue index e52db1b..00052f0 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -72,105 +72,105 @@ :countExceptionProjectData="countExceptionProjectData" /> </div> - <el-card> - <div style="display: flex;min-height: 300px"> - <div style="flex: 2;display: flex;flex-direction: column; justify-content: center;align-items: flex-start"> - <div class="flex justify-between mb-[15px]" style="align-items: center;margin-bottom: 5px"> - <div class="block mb-3 font-semibold fonts">娴佺▼鎺ㄨ繘鎯呭喌鎬昏</div> - </div> - <el-table - :data="projectProcessData" - :header-cell-style="{ - background: '#F5F7FC', - color: '#454B5E', - fontSize: '12px' - }" - min-height="280" - max-height="280" - > - <el-table-column - label="椤圭洰鍚嶇О" - prop="name" - :show-overflow-tooltip="true" - > - </el-table-column> - <el-table-column - label="褰撳墠/鎬昏" - width="100px" - prop="num" - > - </el-table-column> - </el-table> - </div> - <div style="flex: 1.5;display: flex;justify-content: center;align-items: center"> - <div ref="pie" style="width: 85%; height: 100%;"></div> - </div> - <div style="flex: 2;display: flex;flex-direction: column; justify-content: center;align-items: flex-start"> - <div style="display: flex;align-items: center;margin-bottom: 5px;width: 100%"> - <div class="block font-semibold fonts" style="width: 100%"> - <div style="display: flex; font-size: 12px; justify-content: flex-end;width: 100%"> - <div - :class="{ active: true }" - class="tab" - > - 鍑嗘椂鐜� - </div> - <div - :class="{ active: false }" - class="tab" - > - 寮傚父鐜� - </div> - <div - :class="{ active: false }" - class="tab" - > - 鍔炵粨鐜� - </div> - </div> - </div> - </div> - <el-table - :data="projectProcessData1" - :header-cell-style="{ - background: '#F5F7FC', - color: '#454B5E', - fontSize: '12px' - }" - min-height="280" - max-height="280" - > - <el-table-column - label="鍙戝竷鍗曚綅" - width="150" - prop="name" - > - </el-table-column> - <el-table-column - label="鍐呭" - prop="content" - width="250" - :show-overflow-tooltip="true" - > - </el-table-column> - <el-table-column - label="鏃堕棿" - prop="time" - > - </el-table-column> - <el-table-column - fixed="right" - align="center" - label="鎿嶄綔" - > - <template slot-scope="scope"> - <el-button type="text" size="small">鏌ョ湅</el-button> - </template> - </el-table-column> - </el-table> - </div> - </div> - </el-card> +<!-- <el-card>--> +<!-- <div style="display: flex;min-height: 300px">--> +<!-- <div style="flex: 2;display: flex;flex-direction: column; justify-content: center;align-items: flex-start">--> +<!-- <div class="flex justify-between mb-[15px]" style="align-items: center;margin-bottom: 5px">--> +<!-- <div class="block mb-3 font-semibold fonts">娴佺▼鎺ㄨ繘鎯呭喌鎬昏</div>--> +<!-- </div>--> +<!-- <el-table--> +<!-- :data="projectProcessData"--> +<!-- :header-cell-style="{--> +<!-- background: '#F5F7FC',--> +<!-- color: '#454B5E',--> +<!-- fontSize: '12px'--> +<!-- }"--> +<!-- min-height="280"--> +<!-- max-height="280"--> +<!-- >--> +<!-- <el-table-column--> +<!-- label="椤圭洰鍚嶇О"--> +<!-- prop="name"--> +<!-- :show-overflow-tooltip="true"--> +<!-- >--> +<!-- </el-table-column>--> +<!-- <el-table-column--> +<!-- label="褰撳墠/鎬昏"--> +<!-- width="100px"--> +<!-- prop="num"--> +<!-- >--> +<!-- </el-table-column>--> +<!-- </el-table>--> +<!-- </div>--> +<!-- <div style="flex: 1.5;display: flex;justify-content: center;align-items: center">--> +<!-- <div ref="pie" style="width: 85%; height: 100%;"></div>--> +<!-- </div>--> +<!-- <div style="flex: 2;display: flex;flex-direction: column; justify-content: center;align-items: flex-start">--> +<!-- <div style="display: flex;align-items: center;margin-bottom: 5px;width: 100%">--> +<!-- <div class="block font-semibold fonts" style="width: 100%">--> +<!-- <div style="display: flex; font-size: 12px; justify-content: flex-end;width: 100%">--> +<!-- <div--> +<!-- :class="{ active: true }"--> +<!-- class="tab"--> +<!-- >--> +<!-- 鍑嗘椂鐜�--> +<!-- </div>--> +<!-- <div--> +<!-- :class="{ active: false }"--> +<!-- class="tab"--> +<!-- >--> +<!-- 寮傚父鐜�--> +<!-- </div>--> +<!-- <div--> +<!-- :class="{ active: false }"--> +<!-- class="tab"--> +<!-- >--> +<!-- 鍔炵粨鐜�--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> +<!-- <el-table--> +<!-- :data="projectProcessData1"--> +<!-- :header-cell-style="{--> +<!-- background: '#F5F7FC',--> +<!-- color: '#454B5E',--> +<!-- fontSize: '12px'--> +<!-- }"--> +<!-- min-height="280"--> +<!-- max-height="280"--> +<!-- >--> +<!-- <el-table-column--> +<!-- label="鍙戝竷鍗曚綅"--> +<!-- width="150"--> +<!-- prop="name"--> +<!-- >--> +<!-- </el-table-column>--> +<!-- <el-table-column--> +<!-- label="鍐呭"--> +<!-- prop="content"--> +<!-- width="250"--> +<!-- :show-overflow-tooltip="true"--> +<!-- >--> +<!-- </el-table-column>--> +<!-- <el-table-column--> +<!-- label="鏃堕棿"--> +<!-- prop="time"--> +<!-- >--> +<!-- </el-table-column>--> +<!-- <el-table-column--> +<!-- fixed="right"--> +<!-- align="center"--> +<!-- label="鎿嶄綔"--> +<!-- >--> +<!-- <template slot-scope="scope">--> +<!-- <el-button type="text" size="small">鏌ョ湅</el-button>--> +<!-- </template>--> +<!-- </el-table-column>--> +<!-- </el-table>--> +<!-- </div>--> +<!-- </div>--> +<!-- </el-card>--> <!-- 寰呭姙浜嬮」 --> <div class="flex"> diff --git a/src/views/projectProcess/detail/index.vue b/src/views/projectProcess/detail/index.vue index 3f615c0..27d86e2 100644 --- a/src/views/projectProcess/detail/index.vue +++ b/src/views/projectProcess/detail/index.vue @@ -21,7 +21,7 @@ <div @click="changeTab(2, 'todo')" :class="{'item-warm': true, 'all-color': true, 'active': 2 === selectTabId}">寰呭姙浜嬮」<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.todoTaskNum}}锛�</span></div> <div @click="changeTab(3, 'todo')" :class="{'item-warm': true, 'current-color': true, 'active': 3 === selectTabId}">褰撳墠鐜妭</div> <div @click="changeTab(4, 'remaining')" :class="{'item-warm': true, 'remaining-color': true, 'active': 4 === selectTabId}">鍓╀綑浜嬮」<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.remainingTaskNum}}锛�</span></div> - <div @click="changeTab(5, 'timely')" :class="{'item-warm': true, 'timely-color': true, 'active': 5 === selectTabId}">鎸夋椂瀹屾垚锛�0锛�</div> + <div @click="changeTab(5, 'timely')" :class="{'item-warm': true, 'timely-color': true, 'active': 5 === selectTabId}">鎸夋椂瀹屾垚<span v-if="detailData && detailData.statistics">锛坽{detailData.statistics.timelyFinishedTaskNum}}锛�</span></div> <div @click="changeTab(6, 'overtime')" :class="{'item-warm': true, 'overtime-color': true, 'active': 6 === selectTabId}">瓒呮椂浜嬮」锛�0锛�</div> <div @click="changeTab(7, 'willOvertime')" :class="{'item-warm': true, 'willOvertime-color': true, 'active': 7 === selectTabId}">涓存湡浜嬮」锛�0锛�</div> <div @click="changeTab(8, 'urge')" :class="{'item-warm': true, 'urge-color': true, 'active': 8 === selectTabId}">鐫e姙浜嬮」锛�0锛�</div> -- Gitblit v1.8.0