From 7fd607f5e6626724a34656c7fd1b5a8a7d74a6ba Mon Sep 17 00:00:00 2001 From: liaoboping <2824044657@qq.com> Date: Sat, 16 Aug 2025 18:25:01 +0800 Subject: [PATCH] =?UTF-8?q?=E6=83=B3=E5=AE=9A=E7=BC=96=E8=BE=91=E5=9F=BA?= =?UTF-8?q?=E7=A1=80=E4=BF=A1=E6=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/global.less | 1 + src/style/antd.less | 39 ++ .../sceneEditing/components/LonLatInput.vue | 45 ++ .../simulationScene/sceneEditing/index.vue | 388 +++++++++++++++--- 4 files changed, 408 insertions(+), 65 deletions(-) create mode 100644 src/style/antd.less create mode 100644 src/views/simulationScene/sceneEditing/components/LonLatInput.vue diff --git a/src/global.less b/src/global.less index efa02f7..ff2c105 100644 --- a/src/global.less +++ b/src/global.less @@ -1,4 +1,5 @@ @import '~ant-design-vue/es/style/themes/default.less'; +@import './style/antd.less'; html, body, diff --git a/src/style/antd.less b/src/style/antd.less new file mode 100644 index 0000000..910734c --- /dev/null +++ b/src/style/antd.less @@ -0,0 +1,39 @@ +/* ---- button start ---- */ +.text-btn-color-mixin(@base, @hover, @active) { + color: @base; + &:hover:not(.ant-btn-primary):not(.ant-btn-danger) { + color: @hover; + } + &:active:not(.ant-btn-primary):not(.ant-btn-danger) { + color: @active; + } +} +.ant-btn[class*='ant-btn-text'] { + height: auto; + background-color: transparent; + border: none; + padding: 0; + &:hover { + background-color: transparent; + } +} +.ant-btn[class*='ant-btn-text'][disabled] { + color: rgba(0, 0, 0, 0.25) !important; + &:hover, + &:active { + color: rgba(0, 0, 0, 0.25) !important; + } +} +.ant-btn.ant-btn-text-primary { + .text-btn-color-mixin(@blue-6, @blue-5, @blue-7); +} +.ant-btn.ant-btn-text-danger { + .text-btn-color-mixin(@red-6, @red-5, @red-7); +} +.ant-btn.ant-btn-text-success { + .text-btn-color-mixin(@green-6, @green-5, @green-7); +} +.ant-btn.ant-btn-text-warning { + .text-btn-color-mixin(@orange-6, @orange-5, @orange-7); +} +/* ---- button end ---- */ diff --git a/src/views/simulationScene/sceneEditing/components/LonLatInput.vue b/src/views/simulationScene/sceneEditing/components/LonLatInput.vue new file mode 100644 index 0000000..c5c4006 --- /dev/null +++ b/src/views/simulationScene/sceneEditing/components/LonLatInput.vue @@ -0,0 +1,45 @@ + + + + + diff --git a/src/views/simulationScene/sceneEditing/index.vue b/src/views/simulationScene/sceneEditing/index.vue index 5fd6f1a..3c403b4 100644 --- a/src/views/simulationScene/sceneEditing/index.vue +++ b/src/views/simulationScene/sceneEditing/index.vue @@ -3,6 +3,7 @@
- + +
- -
{{ zt.name }}
-
- {{ item.label }}: - - {{ item.text }} -
-
-
-
-
-
-
- -
-
-
- {{ item.title }} +
+ + + +
{{ right.jcsx.name }}
+
+ 推演方: + + 红方 + 蓝方 + +
+
+ 类型: + +
+
+ 方向: + +
+
+ 速度: + {{ right.jcsx.position.speed }} 公里/时 +
+
+ 经度: + {{ right.jcsx.position.lng | lonFormat }} + +
+
+ 纬度: + {{ right.jcsx.position.lat | latFormat }} + +
+
+ 高度/深度: + {{ right.jcsx.position.height | numberFormat }} 米(海拔) + +
+
+ +
+ 人员编制数: + {{ right.jcsx.personStatistic.total }} 人 +
+
+ 当前人数: + {{ right.jcsx.personStatistic.current }} 人 +
+
+ 死亡人数: + {{ right.jcsx.personStatistic.death }} 人 +
+
+ 受伤人数: + {{ right.jcsx.personStatistic.injured }} 人 +
+
+ +
+ 野战食物初始量(份): + {{ right.jcsx.foodInfo.startNum }} +
+
+ 野战食物当前量(份): + {{ right.jcsx.foodInfo.currentNum }} +
+
+ +
+ 用水初始量(吨): + {{ right.jcsx.waterInfo.startNum }} +
+
+ 用水当前量(吨): + {{ right.jcsx.waterInfo.currentNum }} + +
+
+ +
+ 油料初始量(份): + {{ right.jcsx.oilInfo.startNum }} +
+
+ 油料当前量(份): + {{ right.jcsx.oilInfo.currentNum }} +
+
+ +
+ 药材初始量(份): + {{ right.jcsx.medicalInfo.startNum }} +
+
+ 药材当前量(份): + {{ right.jcsx.medicalInfo.currentNum }} +
+
+ +
+ 轻武器弹药量(吨): + {{ right.jcsx.ammunition.lightArms }} +
+
+ 压制武器弹药量(吨): + {{ right.jcsx.ammunition.suppressing }} +
+
+ 反坦克武器弹药量(吨): + {{ right.jcsx.ammunition.antiTank }} +
+
+ 防空反导武器弹药量(吨): + {{ right.jcsx.ammunition.antiAircraft }} +
+
+ 布扫雷装备弹药量(吨): + {{ right.jcsx.ammunition.mineLaying }} +
+
+ 爆破器材弹药量(吨): + {{ right.jcsx.ammunition.explosiveDevice }} +
+
+ 烟火装备弹药量(吨): + {{ right.jcsx.ammunition.smokeDevice }} +
+
+ 防化消耗弹药量(吨): + {{ right.jcsx.ammunition.antiChemical }} +
+
+ +
+ 保障分配类型: + + 自动分配 + 手动分配 + +
+
+ +
+ 兵力编组 + 关注 +
+
+
+
作战行动
+
单装属性
+ + +
@@ -181,12 +386,59 @@ export default { .scene-editing-page { padding-top: 20px; } +.simulation-tree::v-deep { + color: #a1c2d0; + li .ant-tree-node-content-wrapper { + color: #a1c2d0; + } + li .ant-tree-node-content-wrapper.ant-tree-node-selected { + background-color: #bae7ff44; + } + li .ant-tree-node-content-wrapper:hover { + background-color: #bae7ff22; + } +} .ys-image { width: 74px; height: 62px; object-fit: cover; margin: 16px 0 8px; } +.simulation-collapse::v-deep { + background-color: transparent; + color: #bbdded; + font-size: 16px; + line-height: 30px; + border: none; +} +.simulation-collapse-item::v-deep { + .ant-collapse-content { + background-color: transparent; + color: #bbdded; + border-top-color: #00baff66; + > .ant-collapse-content-box { + padding: 15px 0 5px; + } + } +} +.simulation-collapse > .simulation-collapse-item::v-deep { + border: none; + > .ant-collapse-header { + padding: 0; + color: #00baff; + font-size: 16px; + line-height: 38px; + display: flex; + align-items: center; + flex-direction: row-reverse; + justify-content: space-between; + .ant-collapse-arrow { + position: initial; + font-size: 16px; + transform: translateY(0); + } + } +} .image { width: 100%; padding: 20px; @@ -196,28 +448,34 @@ export default { color: #00baff; text-decoration: underline; font-size: 16px; - line-height: 26px; - margin: 10px 0; } -.zt-item { - font-size: 16px; - line-height: 30px; - letter-spacing: 2px; - color: #bbdded; - .progress-bar { - flex: 1; - height: 20px; - background-color: #9da0a1; - .progress { - background-color: #1b9b39; - } +.simulation-select::v-deep { + .ant-select-selection { + background-color: #10475f; + border: solid 1px #1d5777; + color: #bbdded; + } + .ant-select-arrow { + color: #bbdded; } } -.wq-item { - text-decoration: underline; - font-size: 16px; - line-height: 26px; - letter-spacing: 0px; - color: #00baff; + + +