|
|
@@ -61,7 +61,7 @@
|
|
|
<DarkDrawer
|
|
|
:show-footer="false"
|
|
|
:visible.sync="drawerVisible"
|
|
|
- size="50%"
|
|
|
+ size="55%"
|
|
|
title="选择方案"
|
|
|
>
|
|
|
<!-- 选择总体任务 -->
|
|
|
@@ -72,14 +72,14 @@
|
|
|
<p class="section-desc">请选择要关联的总体任务,系统将根据总体任务推荐对应的子任务</p>
|
|
|
|
|
|
<el-row :gutter="20">
|
|
|
- <el-col :span="8" v-for="(task, index) in taskList" :key="index">
|
|
|
+ <el-col :span="8" class="mb-4" v-for="(task, index) in taskList" :key="index">
|
|
|
<div
|
|
|
class="task-card"
|
|
|
:class="{ 'task-card--active': selectedTask && selectedTask.id === task.id }"
|
|
|
@click="handleTaskSelect(task)"
|
|
|
>
|
|
|
<div class="flex justify-between items-center mb-3">
|
|
|
- <h4 class="task-title">{{ task.taskName }}</h4>
|
|
|
+ <h4 class="task-title">{{ task.taskName || "-" }}</h4>
|
|
|
</div>
|
|
|
<div class="task-info">
|
|
|
<li>任务代号: {{ task.taskCode || "-" }}</li>
|
|
|
@@ -98,8 +98,8 @@
|
|
|
<h3 class="section-title">
|
|
|
<i class="el-icon-document mr-2"></i> 选择子任务
|
|
|
</h3>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="8" v-for="(task, index) in subTaskList" :key="index">
|
|
|
+ <el-row :gutter="20" >
|
|
|
+ <el-col :span="8" class="mb-4" v-for="(task, index) in subTaskList" :key="index">
|
|
|
<div
|
|
|
class="task-card"
|
|
|
:class="{ 'task-card--active': selectedSubTask && selectedSubTask.id === task.id }"
|
|
|
@@ -209,8 +209,8 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<div class="pt-4 w-full flex justify-center">
|
|
|
- <el-button type="info" @click="drawerVisible = false">取消</el-button>
|
|
|
- <el-button @click="handleConfirm">确定</el-button>
|
|
|
+ <el-button class="blue-btn" @click="drawerVisible = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirm">确定</el-button>
|
|
|
</div>
|
|
|
</DarkDrawer>
|
|
|
|
|
|
@@ -313,7 +313,6 @@
|
|
|
<el-input
|
|
|
v-model="createForm.simulationName"
|
|
|
placeholder="例如:2024年度实弹保障任务"
|
|
|
- class="bg-form-input"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
|
|
|
@@ -322,7 +321,6 @@
|
|
|
v-model="createForm.testTaskType"
|
|
|
placeholder="选择任务类型"
|
|
|
style="width: 100%;"
|
|
|
- class="bg-form-input"
|
|
|
>
|
|
|
<el-option v-for="item in $getDictList('test_task_type')" key="item" :value="item.dictValue"
|
|
|
:label="item.dictName"></el-option>
|
|
|
@@ -334,7 +332,6 @@
|
|
|
v-model="createForm.secretLevel"
|
|
|
placeholder="选择秘级"
|
|
|
style="width: 100%;"
|
|
|
- class="bg-form-input"
|
|
|
>
|
|
|
<el-option v-for="item in $getDictList('secret_level')" key="item" :value="item.dictValue"
|
|
|
:label="item.dictName"></el-option>
|
|
|
@@ -348,7 +345,6 @@
|
|
|
style="width: 100%;"
|
|
|
type="datetime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="bg-form-input"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="试验任务描述" prop="remarks" style="grid-column: span 2">
|
|
|
@@ -979,7 +975,6 @@ export default {
|
|
|
|
|
|
/* 详情/新增抽屉通用样式 */
|
|
|
.detail-container {
|
|
|
- padding: 20px;
|
|
|
height: 100%;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
@@ -1004,7 +999,7 @@ export default {
|
|
|
|
|
|
/* 卡片样式 */
|
|
|
.detail-card {
|
|
|
- background-color: #1e293b;
|
|
|
+ background-color: #123e7f;
|
|
|
border-radius: 8px;
|
|
|
padding: 16px;
|
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
|
|
|
@@ -1035,7 +1030,7 @@ export default {
|
|
|
|
|
|
/* 详情抽屉信息项背景色:深灰底色增强区分度 */
|
|
|
.bg-info-item {
|
|
|
- background-color: #253347;
|
|
|
+ background-color: #011d5c;
|
|
|
padding: 10px 12px;
|
|
|
border-radius: 6px;
|
|
|
}
|
|
|
@@ -1146,7 +1141,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.task-card {
|
|
|
- background: #1e293b;
|
|
|
+ background: #09264c;
|
|
|
border: 1px solid #334155;
|
|
|
border-radius: 8px;
|
|
|
padding: 16px;
|
|
|
@@ -1171,6 +1166,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.task-title {
|
|
|
+ height: 45px;
|
|
|
font-size: 15px;
|
|
|
font-weight: 600;
|
|
|
color: #fff;
|