|
|
|
@ -108,6 +108,7 @@ |
|
|
|
搜索 |
|
|
|
搜索 |
|
|
|
</el-button> |
|
|
|
</el-button> |
|
|
|
<el-button icon="el-icon-delete" @click="handleReset" size="medium"> 清空 </el-button> |
|
|
|
<el-button icon="el-icon-delete" @click="handleReset" size="medium"> 清空 </el-button> |
|
|
|
|
|
|
|
<el-button type="primary" size="medium" @click="exportXls">导出</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
@ -117,9 +118,9 @@ |
|
|
|
<!-- 头部标题和图例 --> |
|
|
|
<!-- 头部标题和图例 --> |
|
|
|
<div class="gantt-header"> |
|
|
|
<div class="gantt-header"> |
|
|
|
<div class="status-legend"> |
|
|
|
<div class="status-legend"> |
|
|
|
<div class="legend-item"> |
|
|
|
<!-- <div class="legend-item"> |
|
|
|
<el-button type="primary" size="medium" @click="exportXls">导出</el-button> |
|
|
|
<el-button type="primary" size="medium" @click="exportXls">导出</el-button> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="legend-item"> |
|
|
|
<div class="legend-item"> |
|
|
|
<el-checkbox |
|
|
|
<el-checkbox |
|
|
|
v-model="legendStatus.pending" |
|
|
|
v-model="legendStatus.pending" |
|
|
|
@ -133,19 +134,20 @@ |
|
|
|
<div class="legend-item"> |
|
|
|
<div class="legend-item"> |
|
|
|
<el-checkbox |
|
|
|
<el-checkbox |
|
|
|
v-model="legendStatus.processing" |
|
|
|
v-model="legendStatus.processing" |
|
|
|
:style="{ '--checkbox-color': '#007bff' }" |
|
|
|
:style="{ '--checkbox-color': '#28a745' }" |
|
|
|
@change="handleLegendChange('processing')" |
|
|
|
@change="handleLegendChange('processing')" |
|
|
|
> |
|
|
|
> |
|
|
|
<span class="legend-text" style="color: #007bff">进行中</span> |
|
|
|
<!-- <span class="legend-text" style="color: #007bff">进行中</span> --> |
|
|
|
|
|
|
|
<span class="legend-text" style="color: #28a745">进行中</span> |
|
|
|
</el-checkbox> |
|
|
|
</el-checkbox> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="legend-item"> |
|
|
|
<div class="legend-item"> |
|
|
|
<el-checkbox |
|
|
|
<el-checkbox |
|
|
|
v-model="legendStatus.completed" |
|
|
|
v-model="legendStatus.completed" |
|
|
|
:style="{ '--checkbox-color': '#28a745' }" |
|
|
|
:style="{ '--checkbox-color': '#007bff' }" |
|
|
|
@change="handleLegendChange('completed')" |
|
|
|
@change="handleLegendChange('completed')" |
|
|
|
> |
|
|
|
> |
|
|
|
<span class="legend-text" style="color: #28a745">已完成</span> |
|
|
|
<span class="legend-text" style="color: #007bff">已完成</span> |
|
|
|
</el-checkbox> |
|
|
|
</el-checkbox> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -1116,10 +1118,10 @@ export default { |
|
|
|
getStatusColor(row) { |
|
|
|
getStatusColor(row) { |
|
|
|
switch (row.planStatus) { |
|
|
|
switch (row.planStatus) { |
|
|
|
case '5': |
|
|
|
case '5': |
|
|
|
return '#28a745'; |
|
|
|
return '#007bff'; |
|
|
|
case '2': |
|
|
|
case '2': |
|
|
|
case '3': |
|
|
|
case '3': |
|
|
|
return '#007bff'; |
|
|
|
return '#28a745'; |
|
|
|
case '1': |
|
|
|
case '1': |
|
|
|
return '#6c757d'; |
|
|
|
return '#6c757d'; |
|
|
|
case '6': |
|
|
|
case '6': |
|
|
|
@ -1131,10 +1133,10 @@ export default { |
|
|
|
getStatusTagType(row) { |
|
|
|
getStatusTagType(row) { |
|
|
|
switch (row.planStatus) { |
|
|
|
switch (row.planStatus) { |
|
|
|
case '5': |
|
|
|
case '5': |
|
|
|
return 'success'; |
|
|
|
return 'primary'; |
|
|
|
case '2': |
|
|
|
case '2': |
|
|
|
case '3': |
|
|
|
case '3': |
|
|
|
return 'primary'; |
|
|
|
return 'success'; |
|
|
|
case '1': |
|
|
|
case '1': |
|
|
|
return 'info'; |
|
|
|
return 'info'; |
|
|
|
case '6': |
|
|
|
case '6': |
|
|
|
|