方案筹划 样式调整

src/components/Components/WangEditor.vue

@@ -139,6 +139,7 @@ export default {
 
 ::v-deep .w-e-toolbar{
   background-color: rgb(22 45 85) !important;
+  z-index: 10 !important;
 }
 
 ::v-deep .w-e-text-container{

src/views/planAndDeduction/taskMage/index.vue

@@ -5,48 +5,41 @@
       <template #query-form>
         <el-form-item label="任务名称">
           <el-input
-            v-model="queryForm.name"
-            placeholder="请输入任务名称"
-            clearable
+              v-model="queryForm.name"
+              placeholder="请输入任务名称"
+              clearable
           />
         </el-form-item>
         <el-form-item label="任务代号">
           <el-input
-            v-model="queryForm.taskCode"
-            placeholder="请输入任务代号"
-            clearable
+              v-model="queryForm.taskCode"
+              placeholder="请输入任务代号"
+              clearable
           />
         </el-form-item>
       </template>
 
       <!-- Header右侧操作按钮 -->
       <template #header-actions>
-
         <el-button icon="el-icon-search" type="primary" @click="handleQuery">
           查询
         </el-button>
-
         <el-button
-             @click="handleAdd"
-          icon="el-icon-plus" class="blue-btn"
+            @click="showParseMethodModal"
+            icon="el-icon-plus" class="blue-btn"
         > 添加 </el-button>
-
-
-
-
-
       </template>
 
       <!-- 主要内容 -->
       <template #main>
         <TaskUserCard
-          v-for="plan in planList"
-          :key="plan.id"
-          :plan="plan"
-          v-if="planList.length > 0"
-          @select="handleSelect"
-          @edit="handleEdit"
-          @view-detail="viewDetails"
+            v-for="plan in planList"
+            :key="plan.id"
+            :plan="plan"
+            v-if="planList.length > 0"
+            @select="handleSelect"
+            @edit="handleEdit"
+            @view-detail="viewDetails"
         />
         <el-empty v-else description="暂无方案数据" />
       </template>
@@ -54,35 +47,61 @@
       <!-- 底部右侧分页 -->
       <template #footer-actions>
         <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="pagination.currentPage"
-          :page-sizes="[10, 20, 50, 100]"
-          :page-size="pagination.pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="pagination.total"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="pagination.currentPage"
+            :page-sizes="[10, 20, 50, 100]"
+            :page-size="pagination.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="pagination.total"
         />
       </template>
 
     </DarkLayout>
+
     <!-- 任务详情弹窗 -->
     <DarkDialog title="任务详情"
                 :visible.sync="dialogVisible"
                 width="50%"
                 :before-close="handleClose">
       <el-descriptions :column="2" border>
-        <el-descriptions-item label="方案名称">{{ currentPlan.planName }}</el-descriptions-item>
+        <el-descriptions-item label="任务名称">{{ currentPlan.taskName }}</el-descriptions-item>
         <el-descriptions-item label="任务名称">{{ currentPlan.taskName }}</el-descriptions-item>
         <el-descriptions-item label="任务代号">{{ currentPlan.taskCode }}</el-descriptions-item>
-        <el-descriptions-item label="开始时间">{{ currentPlan.startTime }}</el-descriptions-item>
-        <el-descriptions-item label="结束时间">{{ currentPlan.endTime }}</el-descriptions-item>
-        <el-descriptions-item label="编制状态">{{ currentPlan.compileStatus }}</el-descriptions-item>
+        <el-descriptions-item label="开始时间">{{ currentPlan.taskStartTime }}</el-descriptions-item>
+        <el-descriptions-item label="结束时间">{{ currentPlan.taskEndTime }}</el-descriptions-item>
+        <el-descriptions-item label="处理状态">{{ currentPlan.taskStatus }}</el-descriptions-item>
         <el-descriptions-item label="密级">{{ currentPlan.secretLevel }}</el-descriptions-item>
-        <el-descriptions-item label="保密期限">{{ currentPlan.secretYears }}</el-descriptions-item>
+        <el-descriptions-item label="保密期限">{{ currentPlan.confidentialLevelYears }}</el-descriptions-item>
         <el-descriptions-item label="状态">{{ currentPlan.status }}</el-descriptions-item>
       </el-descriptions>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">关闭</el-button>
+        <el-button @click="dialogVisible = false">确认</el-button>
+      </span>
+    </DarkDialog>
+
+    <!-- 解析方式选择弹窗 -->
+    <DarkDialog
+        title="选择解析方式"
+        :visible.sync="parseMethodVisible"
+        width="400px"
+        :before-close="() => { parseMethodVisible = false; }"
+    >
+      <el-form :model="parseForm" label-width="100px" class="mt-4">
+        <el-form-item label="解析方式" required>
+          <el-select
+              v-model="parseForm.method"
+              placeholder="请选择解析方式"
+              style="width: 100%"
+          >
+            <el-option label="手工录入" value="manual"></el-option>
+            <el-option label="文件上传" value="upload"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="parseMethodVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmParseMethod">确定</el-button>
       </span>
     </DarkDialog>
 
@@ -115,13 +134,18 @@ export default {
         }
       ],
       dialogVisible: false,
+      parseMethodVisible: false, // 解析方式选择弹窗
       currentPlan: {}, // 当前选中的任务数据
       queryForm: {
         name: '',
         taskCode: ''
       },
+      parseForm: {
+        method: 'upload' // 默认选中文件上传
+      },
       planList: [
         {
+          id: '1',
           status: '已确认',
           taskCode: 'plan-001',
           taskName: '新型导弹打击试验',
@@ -134,6 +158,7 @@ export default {
           createTime:"2023-01-01",
         },
         {
+          id: '2',
           status: '已确认',
           taskCode: 'plan-002',
           taskName: '电子对抗演练',
@@ -146,6 +171,7 @@ export default {
           createTime:"2023-01-01",
         },
         {
+          id: '3',
           status: '已确认',
           taskCode: 'plan-003',
           taskName: '电子对抗演练',
@@ -158,6 +184,7 @@ export default {
           createTime:"2023-01-01",
         },
         {
+          id: '4',
           status: '未确认',
           taskCode: 'plan-004',
           taskName: '电子对抗演练',
@@ -170,6 +197,7 @@ export default {
           createTime:"2023-01-01",
         },
         {
+          id: '5',
           status: '未确认',
           taskCode: 'plan-005',
           taskName: '新型导弹打击试验',
@@ -182,6 +210,7 @@ export default {
           createTime:"2023-01-01",
         },
         {
+          id: '6',
           status: '未确认',
           taskCode: 'plan-006',
           taskName: '电子对抗演练',
@@ -194,6 +223,7 @@ export default {
           createTime:"2023-01-01",
         },
         {
+          id: '7',
           status: '未确认',
           taskCode: 'plan-007',
           taskName: '电子对抗演练',
@@ -217,7 +247,6 @@ export default {
   },
   methods: {
     handleClose(done) {
-      // 可以在这里添加关闭前的确认逻辑
       done()
     },
     handleSelect(plan) {
@@ -227,14 +256,20 @@ export default {
       this.$router.push({ path: '/home/taskMage' })
       // this.$router.push({ path: '/home/taskCreate' })
     },
-    handleAdd(){
-      this.$router.push({ path: '/home/taskCreate' })
+    // 显示解析方式选择弹窗
+    showParseMethodModal() {
+      this.parseMethodVisible = true;
+    },
+    // 确认解析方式并跳转
+    confirmParseMethod() {
+      this.parseMethodVisible = false;
+      // 根据选择的解析方式跳转到不同路由
+      // 如果需要区分不同方式，可以在这里添加判断
+      this.$router.push({ path: '/home/taskCreate' });
     },
     viewDetails(plan) {
-      console.log("000")
-      this.currentPlan = plan
-      this.dialogVisible = true
-      console.log(111)
+      this.currentPlan = plan;
+      this.dialogVisible = true;
     },
     handleQuery() {
       // 查询逻辑
@@ -264,3 +299,4 @@ export default {
 <style scoped>
 
 </style>
+

src/views/planAndDeduction/taskMage/taskCreate.vue

@@ -1022,7 +1022,7 @@ export default {
       return '';
     },
     getCardBg(index) {
-      const bgColors = ['green-100', 'yellow-100', 'red-100', 'purple-100'];
+      const bgColors = ['green-900', 'yellow-900', 'red-900', 'purple-900'];
       return bgColors[index % bgColors.length];
     },
     getCardClass(status) {

src/views/programPlanning/collaborativePlanning/collaborativeCreate.vue

@@ -507,7 +507,7 @@ export default {
 <style scoped>
 .bb-layout-page {
   font-size: 16px;
-  background-color: #244786;
+  background-color: #030d1e;
   position: relative; /* 确保悬浮球相对于此容器定位 */
   min-height: calc(100vh - 64px); /* 减去顶部栏高度 */
 }

src/views/programPlanning/collaborativePlanning/collaborativeCreate_CL.vue

@@ -4,7 +4,7 @@
       <!-- 顶部信息栏 -->
       <div class="flex justify-end items-center text-sm text-blue-200">
       <span class="flex flex-1 text-2xl font-bold">
-        ⼲扰装备布站⽅案编制
+        测量装备布设⽅案编制
       </span>
         <span class="mr-4">任务编号: TASK-2024-001</span>
         <span class="mr-4">任务名称: 综合试验任务</span>
@@ -131,9 +131,9 @@
             <h3 class="text-lg font-bold" style="color: #4fc2f7">布设算法</h3>
           </div>
           <el-tabs type="card" stretch v-model="activeTab" class="mb-6">
-            <el-tab-pane label="随机布设" name="random">
+            <el-tab-pane label="视场覆盖" name="random">
               <div class="bg-gray-400 bg-opacity-30 p-4 rounded">
-                <h2 class="text-lg font-semibold mb-4">随机布设参数</h2>
+                <h2 class="text-lg font-semibold mb-4">视场覆盖参数</h2>
                 <el-form :model="randomParams" label-width="120px">
                   <el-form-item label="随机种子">
                     <el-input v-model="randomParams.randomSeed" placeholder="请输入随机种子"></el-input>
@@ -151,9 +151,9 @@
                 </el-form>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="网格布设" name="grid">
+            <el-tab-pane label="路径追踪" name="grid">
               <div class="bg-gray-400 bg-opacity-30 p-4 rounded">
-                <h2 class="text-lg font-semibold mb-4">网格布设参数</h2>
+                <h2 class="text-lg font-semibold mb-4">路径追踪参数</h2>
                 <!-- 可根据需求添加网格布设相关表单元素 -->
                 <el-form :model="randomParams" label-width="120px">
                   <el-form-item label="布设密度">
@@ -169,9 +169,23 @@
                 </el-form>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="聚类布设" name="cluster">
+            <el-tab-pane label="多传感器融合布设" name="cluster">
               <div class="bg-gray-400 bg-opacity-30 p-4 rounded">
-                <h2 class="text-lg font-semibold mb-4">聚类布设参数</h2>
+                <h2 class="text-lg font-semibold mb-4">多传感器融合布设参数</h2>
+                <!-- 可根据需求添加聚类布设相关表单元素 -->
+                <el-form :model="randomParams" label-width="120px">
+                  <el-form-item label="聚类中心">
+                    <el-input v-model="randomParams.randomCenter" placeholder="请输入聚类中心"></el-input>
+                  </el-form-item>
+                  <el-form-item label="聚类半径(m)">
+                    <el-input v-model.number="randomParams.minSpacing" placeholder="请输入最小间距"></el-input>
+                  </el-form-item>
+                </el-form>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="动态调整" name="auto">
+              <div class="bg-gray-400 bg-opacity-30 p-4 rounded">
+                <h2 class="text-lg font-semibold mb-4">动态调整参数</h2>
                 <!-- 可根据需求添加聚类布设相关表单元素 -->
                 <el-form :model="randomParams" label-width="120px">
                   <el-form-item label="聚类中心">
@@ -221,8 +235,8 @@
           </div>
           <div class="flex flex-col p-4 bg-black bg-opacity-20 mb-2">
             <div class="">
-              <p>已布设BB数量: <span class="text-blue-300">0</span></p>
-              <p>当前算法: <span class="text-blue-300">随机布设</span></p>
+              <p>已布设测量装备数量: <span class="text-blue-300">0</span></p>
+              <p>当前算法: <span class="text-blue-300">路径追踪</span></p>
               <p>布设密度: <span class="text-blue-300">中等</span></p>
               <p>覆盖面积: <span class="text-blue-300">0%</span></p>
             </div>
@@ -237,7 +251,7 @@
                 <span class="text-blue-300 font-blod">方案名称</span>
               </div>
               <div class="flex text-sm mt-2">
-                <span>BB布设方案-001</span>
+                <span>测量装备布设方案-001</span>
               </div>
             </el-card>
             <el-card shadow="hover" class="p-3 text-white bg-gray-100 bg-opacity-20 border-l-8 border-blue-400">
@@ -268,7 +282,7 @@
           <!-- 图例 -->
           <div class="flex items-center text-base mb-2">
             <span class="inline-block w-3 h-3 bg-orange-500 rounded-full mr-1"></span>
-            <span class="mr-4">BB装备</span>
+            <span class="mr-4">测量装备</span>
             <span class="inline-block w-3 h-3 bg-blue-500 rounded-full mr-1"></span>
             <span class="mr-4">选中状态</span>
             <span class="inline-block w-3 h-3 bg-purple-500 rounded-full mr-1"></span>
@@ -279,7 +293,7 @@
           <!-- 网格画布（模拟） -->
           <div class="w-full bg-black bg-opacity-20 bg-blue-850 border border-blue-700 flex items-center justify-center" style="min-height: 400px">
             <!--<span class="text-blue-400">网格画布区域（可结合Canvas等实现交互）</span>-->
-            <img src="@/assets/plan_images/网格布局.png" class="w-full h-full" />
+            <img src="@/assets/plan_images/路径追踪.png" class="w-full h-full" />
           </div>
           <div class="text-sm bg-blue-400 bg-opacity-20 rounded-md p-4 mt-2">
             操作提示: 点击BB区位可选中，拖拽可调整位置，双击可查看详情，使用右侧配置区设置参数后点击"生成方案"按钮。
@@ -507,7 +521,7 @@ export default {
 <style scoped>
 .bb-layout-page {
   font-size: 16px;
-  background-color: #244786;
+  background-color: #030d1e;
   position: relative; /* 确保悬浮球相对于此容器定位 */
   min-height: calc(100vh - 64px); /* 减去顶部栏高度 */
 }

src/views/programPlanning/collaborativePlanning/collaborativeCreate_GR.vue

@@ -4,7 +4,7 @@
       <!-- 顶部信息栏 -->
       <div class="flex justify-end items-center text-sm text-blue-200">
       <span class="flex flex-1 text-2xl font-bold">
-        BB布设方案编制
+        ⼲扰装备布设⽅案编制
       </span>
         <span class="mr-4">任务编号: TASK-2024-001</span>
         <span class="mr-4">任务名称: 综合试验任务</span>
@@ -131,54 +131,35 @@
             <h3 class="text-lg font-bold" style="color: #4fc2f7">布设算法</h3>
           </div>
           <el-tabs type="card" stretch v-model="activeTab" class="mb-6">
-            <el-tab-pane label="随机布设" name="random">
+            <el-tab-pane label="⼲扰区域划分" name="random">
               <div class="bg-gray-400 bg-opacity-30 p-4 rounded">
-                <h2 class="text-lg font-semibold mb-4">随机布设参数</h2>
+                <h2 class="text-lg font-semibold mb-4">⼲扰区域划分参数</h2>
                 <el-form :model="randomParams" label-width="120px">
-                  <el-form-item label="随机种子">
-                    <el-input v-model="randomParams.randomSeed" placeholder="请输入随机种子"></el-input>
-                  </el-form-item>
-                  <el-form-item label="布设密度">
-                    <el-select v-model="randomParams.layoutDensity" placeholder="请选择布设密度">
-                      <el-option label="低等密度" value="low"></el-option>
-                      <el-option label="中等密度" value="medium"></el-option>
-                      <el-option label="高等密度" value="high"></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="最小间距(m)">
-                    <el-input v-model.number="randomParams.minSpacing" placeholder="请输入最小间距"></el-input>
+                  <el-form-item label="区域">
+                    <el-input v-model="randomParams.randomCenter" placeholder="请输入"></el-input>
                   </el-form-item>
                 </el-form>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="网格布设" name="grid">
+            <el-tab-pane label="⼲扰强度优化" name="grid">
               <div class="bg-gray-400 bg-opacity-30 p-4 rounded">
-                <h2 class="text-lg font-semibold mb-4">网格布设参数</h2>
+                <h2 class="text-lg font-semibold mb-4">⼲扰强度优化参数</h2>
                 <!-- 可根据需求添加网格布设相关表单元素 -->
                 <el-form :model="randomParams" label-width="120px">
-                  <el-form-item label="布设密度">
-                    <el-select v-model="randomParams.layoutDensity" placeholder="请选择布设密度">
-                      <el-option label="低等密度" value="low"></el-option>
-                      <el-option label="中等密度" value="medium"></el-option>
-                      <el-option label="高等密度" value="high"></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="网格间距(m)">
-                    <el-input v-model.number="randomParams.minSpacing" placeholder="请输入最小间距"></el-input>
+                  <el-form-item label="发射功率(Kw)">
+                    <el-input v-model.number="randomParams.minSpacing" placeholder="请输入"></el-input>
                   </el-form-item>
                 </el-form>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="聚类布设" name="cluster">
+            <el-tab-pane label="协同⼲扰" name="cluster">
               <div class="bg-gray-400 bg-opacity-30 p-4 rounded">
-                <h2 class="text-lg font-semibold mb-4">聚类布设参数</h2>
+                <h2 class="text-lg font-semibold mb-4">协同⼲扰参数</h2>
                 <!-- 可根据需求添加聚类布设相关表单元素 -->
                 <el-form :model="randomParams" label-width="120px">
-                  <el-form-item label="聚类中心">
-                    <el-input v-model="randomParams.randomCenter" placeholder="请输入聚类中心"></el-input>
-                  </el-form-item>
-                  <el-form-item label="聚类半径(m)">
-                    <el-input v-model.number="randomParams.minSpacing" placeholder="请输入最小间距"></el-input>
+
+                  <el-form-item label="协同个数">
+                    <el-input v-model.number="randomParams.minSpacing" placeholder="请输入"></el-input>
                   </el-form-item>
                 </el-form>
               </div>
@@ -221,8 +202,8 @@
           </div>
           <div class="flex flex-col p-4 bg-black bg-opacity-20 mb-2">
             <div class="">
-              <p>已布设BB数量: <span class="text-blue-300">0</span></p>
-              <p>当前算法: <span class="text-blue-300">随机布设</span></p>
+              <p>已布设干扰装备数量: <span class="text-blue-300">0</span></p>
+              <p>当前算法: <span class="text-blue-300">⼲扰区域划分</span></p>
               <p>布设密度: <span class="text-blue-300">中等</span></p>
               <p>覆盖面积: <span class="text-blue-300">0%</span></p>
             </div>
@@ -237,7 +218,7 @@
                 <span class="text-blue-300 font-blod">方案名称</span>
               </div>
               <div class="flex text-sm mt-2">
-                <span>BB布设方案-001</span>
+                <span>干扰装备布设方案-001</span>
               </div>
             </el-card>
             <el-card shadow="hover" class="p-3 text-white bg-gray-100 bg-opacity-20 border-l-8 border-blue-400">
@@ -268,7 +249,7 @@
           <!-- 图例 -->
           <div class="flex items-center text-base mb-2">
             <span class="inline-block w-3 h-3 bg-orange-500 rounded-full mr-1"></span>
-            <span class="mr-4">BB装备</span>
+            <span class="mr-4">干扰装备</span>
             <span class="inline-block w-3 h-3 bg-blue-500 rounded-full mr-1"></span>
             <span class="mr-4">选中状态</span>
             <span class="inline-block w-3 h-3 bg-purple-500 rounded-full mr-1"></span>
@@ -279,7 +260,7 @@
           <!-- 网格画布（模拟） -->
           <div class="w-full bg-black bg-opacity-20 bg-blue-850 border border-blue-700 flex items-center justify-center" style="min-height: 400px">
             <!--<span class="text-blue-400">网格画布区域（可结合Canvas等实现交互）</span>-->
-            <img src="@/assets/plan_images/网格布局.png" class="w-full h-full" />
+            <img src="@/assets/plan_images/干扰区域.png" class="w-full h-full" />
           </div>
           <div class="text-sm bg-blue-400 bg-opacity-20 rounded-md p-4 mt-2">
             操作提示: 点击BB区位可选中，拖拽可调整位置，双击可查看详情，使用右侧配置区设置参数后点击"生成方案"按钮。
@@ -507,7 +488,7 @@ export default {
 <style scoped>
 .bb-layout-page {
   font-size: 16px;
-  background-color: #244786;
+  background-color: #030d1e;
   position: relative; /* 确保悬浮球相对于此容器定位 */
   min-height: calc(100vh - 64px); /* 减去顶部栏高度 */
 }