修复bug,更改图标
This commit is contained in:
@@ -290,8 +290,22 @@
|
||||
height="368"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column prop="label" label="项目" align="center" />
|
||||
<el-table-column prop="value" label="数量" align="center">
|
||||
<el-table-column prop="label" align="center">
|
||||
<template v-slot:header>
|
||||
<div class="table-header">
|
||||
<svg
|
||||
class="header-icon"
|
||||
viewBox="0 0 1024 1024"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M410.67 544H133.33A69.33 69.33 0 0 0 64 613.33v277.34A69.33 69.33 0 0 0 133.33 960h277.34A69.33 69.33 0 0 0 480 890.67V613.33A69.33 69.33 0 0 0 410.67 544zM402 842a40 40 0 0 1-40 40H182a40 40 0 0 1-40-40V662a40 40 0 0 1 40-40h180a40 40 0 0 1 40 40z m488.67-298H613.33A69.33 69.33 0 0 0 544 613.33v277.34A69.33 69.33 0 0 0 613.33 960h277.34A69.33 69.33 0 0 0 960 890.67V613.33A69.33 69.33 0 0 0 890.67 544zM882 842a40 40 0 0 1-40 40H662a40 40 0 0 1-40-40V662a40 40 0 0 1 40-40h180a40 40 0 0 1 40 40zM410.67 64H133.33A69.33 69.33 0 0 0 64 133.33v277.34A69.33 69.33 0 0 0 133.33 480h277.34A69.33 69.33 0 0 0 480 410.67V133.33A69.33 69.33 0 0 0 410.67 64zM402 362a40 40 0 0 1-40 40H182a40 40 0 0 1-40-40V182a40 40 0 0 1 40-40h180a40 40 0 0 1 40 40z m292.49 94.18a81.35 81.35 0 0 0 115 0l126.69-126.67a81.35 81.35 0 0 0 0-115L809.51 87.82a81.35 81.35 0 0 0-115 0L567.82 214.49a81.35 81.35 0 0 0 0 115z"
|
||||
fill="#3283FA"
|
||||
></path>
|
||||
</svg>
|
||||
<span>项目</span>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot="scope">
|
||||
<div class="project-name-bold">
|
||||
{{ scope.row.label }}
|
||||
@@ -307,8 +321,12 @@
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M896 123.712C808.704 49.92 704.768 0 512 0 319.168 0 215.296 49.92 128 123.712c-40.768 34.56-64 74.112-64 116.288v365.952c0 0.704 0 1.408 0.128 1.984L64 784C64 916.48 229.184 1024 512 1024c282.816 0 448-107.52 448-240V608 240c0-42.24-23.232-81.792-64-116.288zM512 480.064c192.768 0 296.704-49.92 384-123.712v79.168c-17.92 11.52-37.504 22.208-58.816 32.256C732.224 516.928 657.984 544 512 544c-145.984 0-220.16-27.136-325.184-76.416A508.288 508.288 0 0 1 128 435.456V356.352C215.296 430.08 319.168 480 512 480z m0 181.312c192.768 0 296.704-49.92 384-123.712v79.168c-17.92 11.456-37.504 22.208-58.816 32.256-104.96 49.152-179.264 76.288-325.184 76.288-145.92 0-220.16-27.136-325.184-76.288A508.288 508.288 0 0 1 128 616.832V537.664c87.296 73.792 191.168 123.712 384 123.712z m325.184 168.96c-104.96 49.28-179.264 76.352-325.184 76.352-145.92 0-220.16-27.072-325.184-76.288a533.504 533.504 0 0 1-56.384-30.592A53.952 53.952 0 0 1 128 784v-65.024c87.296 73.856 191.168 123.712 384 123.712 192.768 0 296.704-49.92 384-123.712v65.024c0 5.12-0.768 10.432-2.368 15.744-17.28 10.88-36.16 21.12-56.448 30.592z"
|
||||
fill="#00AAFB"
|
||||
d="M88.533333 612.053333h430.506667v300.16H88.533333z"
|
||||
fill="#81D3F8"
|
||||
></path>
|
||||
<path
|
||||
d="M950.613333 740.693333L710.613333 500.906667a79.189333 79.189333 0 0 0-112 0l-52.053333 52.053333a80.213333 80.213333 0 0 0-23.253333-42.666667 78.933333 78.933333 0 0 0 24.533333-57.173333v-89.386667c0-21.76-8.746667-41.173333-22.826667-55.466666a78.933333 78.933333 0 0 0 22.826667-55.466667v-89.6c0-43.733333-35.626667-79.146667-79.146667-79.146667H129.28c-43.733333 0-79.146667 35.626667-79.146667 79.146667v89.386667c0 21.76 8.746667 41.173333 22.826667 55.466666a78.933333 78.933333 0 0 0-22.826667 55.466667v89.386667c0 22.613333 9.6 42.88 24.533334 57.173333a78.933333 78.933333 0 0 0-24.533334 57.173333v89.386667c0 22.613333 9.6 42.88 24.533334 57.173333a78.933333 78.933333 0 0 0-24.533334 57.173334v89.386666c0 43.733333 35.626667 79.146667 79.146667 79.146667h339.626667c43.733333 0 79.146667-35.626667 79.146666-79.146667v-89.386666c0-22.613333-9.6-42.88-24.533333-57.173334 8.746667-8.32 15.573333-18.773333 19.84-30.293333l232.533333 232.533333c15.573333 15.573333 35.84 23.04 56.106667 23.04s40.533333-7.68 56.106667-23.04L951.04 853.333333c30.506667-31.36 30.506667-81.706667-0.426667-112.64z m-457.386666-173.44v89.386667c0 13.44-10.88 24.32-24.32 24.32H129.28c-13.44 0-24.32-10.88-24.32-24.32v-89.386667c0-13.44 10.88-24.32 24.32-24.32h339.626667c13.44 0 24.32 11.093333 24.32 24.32z m-388.266667-203.733333c0-13.44 10.88-24.32 24.32-24.32h339.626667c13.44 0 24.32 10.88 24.32 24.32v89.386667c0 13.44-10.88 24.32-24.32 24.32H129.28c-13.44 0-24.32-10.88-24.32-24.32v-89.386667z m0-200.32c0-13.44 10.88-24.32 24.32-24.32h339.626667c13.44 0 24.32 10.88 24.32 24.32v89.386667c0 13.44-10.88 24.32-24.32 24.32H129.28c-13.44 0-24.32-10.88-24.32-24.32V163.2z m388.266667 697.173333c0 13.44-10.88 24.32-24.32 24.32H129.28c-13.44 0-24.32-10.88-24.32-24.32v-89.386666c0-13.44 10.88-24.32 24.32-24.32h339.626667c13.44 0 24.32 10.88 24.32 24.32v89.386666z m418.773333-46.293333l-63.146667 63.146667c-9.386667 9.386667-24.96 9.6-34.56 0L574.293333 637.013333a24.746667 24.746667 0 0 1 0-34.56l63.146667-63.146666a24.746667 24.746667 0 0 1 34.56 0l240 240c9.386667 9.813333 9.386667 25.386667 0 34.773333z"
|
||||
fill="#0097fd"
|
||||
></path>
|
||||
</svg>
|
||||
<span>数量</span>
|
||||
@@ -867,7 +885,11 @@
|
||||
|
||||
/* 蓝色按钮样式 */
|
||||
.action-button {
|
||||
background: linear-gradient(135deg, rgba(64, 169, 255, 0.85) 0%, rgba(24, 144, 255, 0.85) 100%);
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
rgba(64, 169, 255, 0.85) 0%,
|
||||
rgba(24, 144, 255, 0.85) 100%
|
||||
);
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
@@ -879,7 +901,11 @@
|
||||
}
|
||||
|
||||
.action-button:hover {
|
||||
background: linear-gradient(135deg, rgba(105, 192, 255, 0.9) 0%, rgba(64, 169, 255, 0.9) 100%);
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
rgba(105, 192, 255, 0.9) 0%,
|
||||
rgba(64, 169, 255, 0.9) 100%
|
||||
);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(64, 169, 255, 0.25);
|
||||
}
|
||||
@@ -1135,17 +1161,26 @@ export default {
|
||||
loadTaskData(retryCount = 0) {
|
||||
const maxRetries = 10; // 最大重试次数
|
||||
const retryDelay = 100; // 重试间隔(ms)
|
||||
|
||||
|
||||
try {
|
||||
const listDataTask = [];
|
||||
let allComponentsReady = true;
|
||||
|
||||
|
||||
// 检查所有子组件是否已准备就绪
|
||||
const childRefs = [
|
||||
'childOne', 'child2', 'child3', 'child4', 'child5', 'child6',
|
||||
'child7', 'child8', 'child9', 'child10', 'child11'
|
||||
"childOne",
|
||||
"child2",
|
||||
"child3",
|
||||
"child4",
|
||||
"child5",
|
||||
"child6",
|
||||
"child7",
|
||||
"child8",
|
||||
"child9",
|
||||
"child10",
|
||||
"child11",
|
||||
];
|
||||
|
||||
|
||||
for (const refName of childRefs) {
|
||||
const childRef = this.$refs[refName];
|
||||
if (!isEmpty(childRef)) {
|
||||
@@ -1157,12 +1192,12 @@ export default {
|
||||
allComponentsReady = false;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (allComponentsReady || retryCount >= maxRetries) {
|
||||
// 所有组件都准备好了,或者已达到最大重试次数
|
||||
this.listData = listDataTask;
|
||||
this.listData.sort((a, b) => b.value - a.value);
|
||||
console.log('代办数据加载完成,共', this.listData.length, '条数据');
|
||||
console.log("代办数据加载完成,共", this.listData.length, "条数据");
|
||||
} else {
|
||||
// 还有组件未准备好,延迟重试
|
||||
setTimeout(() => {
|
||||
@@ -1170,7 +1205,7 @@ export default {
|
||||
}, retryDelay);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载代办数据时出错:', error);
|
||||
console.error("加载代办数据时出错:", error);
|
||||
// 出错时也尝试重试
|
||||
if (retryCount < maxRetries) {
|
||||
setTimeout(() => {
|
||||
|
Reference in New Issue
Block a user