指挥调度 提交 组件修改

ruoyi-ui/src/views/JiHeExpressway/components/CheckboxGroup/index.vue

@@ -0,0 +1,66 @@
+<template>
+  <ElCheckboxGroup v-bind="$attrs" v-on="$listeners" class='CheckboxGroup'>
+    <ElCheckbox v-for="item in list" :label="item.key || item.label" :key="item.key || item.label">
+      <slot :name="item.key || item.label" :data="item">{{ item.label }}</slot>
+    </ElCheckbox>
+  </ElCheckboxGroup>
+</template>
+
+<script>
+export default {
+  name: 'CheckboxGroup',
+  props: {
+    /**
+     * {
+     *   label: string,
+     *   key?: string,
+     * }[]
+     */
+    list: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+.CheckboxGroup {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+
+  ::v-deep {
+    .el-checkbox {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+
+      .el-checkbox__input {
+        line-height: 0;
+
+        .el-checkbox__inner {
+          width: 16px;
+          height: 16px;
+          background: #0A3E54;
+          border-radius: 2px 2px 2px 2px;
+          opacity: 1;
+          border: 1px solid rgba(98, 224, 254, .6);
+
+          &::after {
+            width: 4.5px;
+            height: 9px;
+            border-width: 1px;
+            left: 4px;
+          }
+        }
+      }
+    }
+
+    .el-checkbox__label {
+      padding: 0;
+    }
+  }
+}
+</style>

ruoyi-ui/src/views/JiHeExpressway/components/Descriptions.vue

@@ -1,13 +1,13 @@
 <template>
   <div class='Descriptions' :style="getStyle()">
     <div class="item" v-for="(item, index) in list" :key="`${item.key || item.label}${index}`"
-      :style="gridStyle(item, index)">
+      :style="[gridStyle(item, index), resolveStyle(itemStyle)]">
-      <div class="title text">
+      <div class="title text" :style="resolveStyle(titleStyle)">
         <slot :name="`title-${item.key || item.label}`" :data="item">
           {{ item.label || '-' }}:
         </slot>
       </div>
-      <div class="content text">
+      <div class="content text" :style="resolveStyle(contentStyle)">
         <slot :name="`content-${item.key || item.label}`" :data="item">
           {{ item.text || '-' }}
         </slot>
@@ -36,7 +36,19 @@ export default {
     column: {
       type: String,
       default: "2"
-    }
+    },
+    titleStyle: {
+      type: [String, Object],
+      default: null
+    },
+    contentStyle: {
+      type: [String, Object],
+      default: null
+    },
+    itemStyle: {
+      type: [String, Object],
+      default: null
+    },
   },
   computed: {
     gridStyle() {
@@ -54,7 +66,19 @@ export default {
     },
     getComponent(type) {
       return `Form${type.replace(/^[a-z]/, word => word.toUpperCase())}`
-    }
+    },
+    resolveStyle(style) {
+      if (typeof style != 'string') return style;
+
+      return style.split(';').reduce((prev, cur) => {
+        const [key, value] = cur.split(":");
+
+        prev[key] = value;
+
+        return prev;
+      }, {})
+
+    },
   }
 }
 </script>
@@ -75,13 +99,17 @@ export default {
     gap: 3px;
   }
 
+  .item {
+    display: flex;
+    gap: 6px;
+
     .title {
       color: #3DE8FF;
     }
 
-  .item {
+    .content {
-    display: flex;
+      flex: 1;
-    gap: 6px;
+    }
   }
 }
 </style>

ruoyi-ui/src/views/JiHeExpressway/components/FormConfig/index.vue

@@ -2,7 +2,9 @@
   <ElForm :style="getStyle()" :label-width="labelWidth" class="FormConfig" size="mini">
     <ElFormItem class="formItem" :rules="rules && rules[item.key]" v-for="(item, index) in formList" :key="item.key"
       :label="item.label" :style="gridStyle(item, index)">
+      <slot :name="item.key" :data="item" :formData="formData">
         <component :is="getComponent(item.type)" v-bind="item.options" />
+      </slot>
     </ElFormItem>
   </ElForm>
 </template>
@@ -46,6 +48,18 @@ export default {
       default: "3"
     }
   },
+  data() {
+    return {
+      formData: {}
+    }
+  },
+  created() {
+    this.formData = this.formList.reduce((prev, { key, default: defaultData }) => {
+      prev[key] = defaultData || null;
+
+      return prev
+    }, {})
+  },
   computed: {
     gridStyle() {
       return (item, index) => ({

ruoyi-ui/src/views/JiHeExpressway/components/TimeLine/TimeLine1/index.vue

@@ -27,6 +27,7 @@
 </template>
 
 <script>
+
 function getPositionAtCenter(element) {
   const { top, left } = element.getBoundingClientRect();
 
@@ -107,7 +108,8 @@ export default {
           ) - removeDistance
         }
 
-        this.$nextTick(() => {
+        const getLineWidths = () => {
+          nodeLinesWidth.length = 0;
 
           data.forEach((_, index) => {
             if (index === data.length - 1) {
@@ -123,6 +125,10 @@ export default {
           });
 
           this.nodeLinesWidth = nodeLinesWidth;
+        }
+
+        this.$nextTick(() => {
+          getLineWidths();
         })
       },
       immediate: true

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/DisposalProcess/index.vue

@@ -74,7 +74,7 @@ export default {
   },
   methods: {
     filterDistance(distance) {
-      return 1 / this.adpScale.scaleX * distance
+      return distance
     },
     handleFullHeight() {
       this.isFullHeight = !this.isFullHeight;

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/ReleaseInformation/images/message.svg

@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814973">
+<g id="&#195;&#167;&#194;&#159;&#194;&#173;&#195;&#164;&#194;&#191;&#194;&#161;-&#195;&#167;&#194;&#129;&#194;&#176;">
+<path id="Rectangle 3688" d="M11.6364 0H4.36364C1.95367 0 0 1.95367 0 4.36364V11.6364C0 14.0463 1.95367 16 4.36364 16H11.6364C14.0463 16 16 14.0463 16 11.6364V4.36364C16 1.95367 14.0463 0 11.6364 0Z" fill="#03C3FF"/>
+<g id="Group 1142814681">
+<path id="Vector 553" d="M4.72705 12.0228V9.81738H8.82945L5.30103 12.3195C5.06023 12.4902 4.72705 12.318 4.72705 12.0228Z" fill="white"/>
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M4.00009 3.63574C3.39759 3.63574 2.90918 4.12416 2.90918 4.72665V9.81756C2.90918 10.42 3.39759 10.9085 4.00009 10.9085H12.0001C12.6026 10.9085 13.091 10.42 13.091 9.81756V4.72665C13.091 4.12416 12.6026 3.63574 12.0001 3.63574H4.00009ZM5.45463 7.99938C5.85629 7.99938 6.18191 7.67378 6.18191 7.27211C6.18191 6.87045 5.85629 6.54483 5.45463 6.54483C5.05298 6.54483 4.72736 6.87045 4.72736 7.27211C4.72736 7.67378 5.05298 7.99938 5.45463 7.99938ZM8.72736 7.27211C8.72736 7.67378 8.40176 7.99938 8.00009 7.99938C7.59842 7.99938 7.27282 7.67378 7.27282 7.27211C7.27282 6.87045 7.59842 6.54483 8.00009 6.54483C8.40176 6.54483 8.72736 6.87045 8.72736 7.27211ZM10.5455 7.99938C10.9472 7.99938 11.2728 7.67378 11.2728 7.27211C11.2728 6.87045 10.9472 6.54483 10.5455 6.54483C10.1439 6.54483 9.81827 6.87045 9.81827 7.27211C9.81827 7.67378 10.1439 7.99938 10.5455 7.99938Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/ReleaseInformation/images/weChat.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814980">
+<g id="&#195;&#165;&#194;&#190;&#194;&#174;&#195;&#164;&#194;&#191;&#194;&#161;">
+<path id="Rectangle 3686" d="M11.6364 0H4.36364C1.95367 0 0 1.95367 0 4.36364V11.6364C0 14.0463 1.95367 16 4.36364 16H11.6364C14.0463 16 16 14.0463 16 11.6364V4.36364C16 1.95367 14.0463 0 11.6364 0Z" fill="#10C95A"/>
+<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M2.18164 6.54635C2.18164 4.58717 4.03574 3.04395 6.30022 3.04395C8.32491 3.04395 10.1005 4.27692 10.4547 5.93264C10.3232 5.91747 10.1909 5.90943 10.0585 5.90853C8.10179 5.90853 6.55671 7.36834 6.55671 9.16682C6.55768 9.45984 6.60055 9.75118 6.68403 10.0321C6.55671 10.0419 6.42878 10.0488 6.2996 10.0488C5.86702 10.0488 5.50712 9.97475 5.09826 9.89067C5.01996 9.8746 4.93986 9.85809 4.85712 9.84173L3.4171 10.5635L3.82932 9.32747C2.79968 8.60566 2.18164 7.67736 2.18164 6.54635ZM4.34414 5.30966C4.34414 5.61806 4.65316 5.8251 4.96218 5.8251C5.27058 5.8251 5.47638 5.6193 5.47638 5.31028C5.47638 5.00126 5.2712 4.79545 4.96218 4.79545C4.65316 4.79545 4.34414 5.00126 4.34414 5.30966ZM7.22604 5.30966C7.22604 5.61806 7.53502 5.8251 7.84404 5.8251C8.1543 5.8251 8.35953 5.6193 8.35953 5.31028C8.35953 5.00126 8.15306 4.79545 7.84404 4.79545C7.53502 4.79545 7.22604 5.00126 7.22604 5.30966ZM10.3193 6.13286C12.1697 6.13286 13.8168 7.47525 13.8168 9.12042L13.818 9.11984C13.818 10.0487 13.2024 10.8726 12.3761 11.4906L12.6851 12.5203L11.5554 11.9022C11.1425 12.0054 10.7291 12.1086 10.3193 12.1086C8.36142 12.1086 6.8163 10.7657 6.8163 9.12042C6.8163 7.47525 8.35953 6.13286 10.3193 6.13286ZM9.01895 8.57896C9.0708 8.59867 9.12608 8.60776 9.1815 8.60565C9.49299 8.60565 9.69699 8.39918 9.69699 8.19402C9.69699 7.98885 9.49051 7.7818 9.1815 7.7818C9.12608 7.77962 9.0708 7.78871 9.01895 7.80842C8.9671 7.8282 8.91975 7.85816 8.87975 7.89664C8.83982 7.93511 8.80797 7.98122 8.78622 8.03227C8.76455 8.08333 8.75335 8.13824 8.75335 8.19373C8.75335 8.24915 8.76455 8.30405 8.78622 8.35511C8.80797 8.40616 8.83982 8.45235 8.87975 8.49075C8.91975 8.52922 8.9671 8.55925 9.01895 8.57896ZM11.1655 8.47947C11.2394 8.55627 11.3401 8.60151 11.4466 8.60565C11.7556 8.60565 11.9621 8.39918 11.9621 8.19402C11.9621 7.98885 11.7556 7.7818 11.4466 7.7818C11.3401 7.78587 11.2394 7.83111 11.1655 7.90791C11.0916 7.98471 11.0504 8.08711 11.0504 8.19373C11.0504 8.30027 11.0916 8.40267 11.1655 8.47947Z" fill="white"/>
+</g>
+</g>
+</svg>

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/ReleaseInformation/images/website.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814974">
+<g id="&#195;&#167;&#194;&#189;&#194;&#145;&#195;&#167;&#194;&#171;&#194;&#153;-&#195;&#167;&#194;&#129;&#194;&#176;">
+<path id="Rectangle 3689" d="M11.6364 0H4.36364C1.95367 0 0 1.95367 0 4.36364V11.6364C0 14.0463 1.95367 16 4.36364 16H11.6364C14.0463 16 16 14.0463 16 11.6364V4.36364C16 1.95367 14.0463 0 11.6364 0Z" fill="#5981E3"/>
+<path id="Vector" d="M8.00009 2.90918C6.9932 2.90918 6.00892 3.20775 5.17173 3.76715C4.33454 4.32655 3.68202 5.12164 3.29671 6.05189C2.91138 6.98213 2.81057 8.00576 3.007 8.99325C3.20343 9.98082 3.6883 10.8879 4.40028 11.5999C5.11225 12.3119 6.01936 12.7967 7.0069 12.9932C7.99442 13.1896 9.01805 13.0888 9.94831 12.7035C10.8786 12.3181 11.6736 11.6656 12.233 10.8285C12.7925 9.99122 13.091 9.007 13.091 8.00009C13.091 6.64989 12.5546 5.35501 11.5999 4.40027C10.6452 3.44554 9.35027 2.90918 8.00009 2.90918ZM5.96644 4.08701C6.18891 3.97024 6.42112 3.87303 6.66044 3.79649C6.38277 4.2212 6.16872 4.68423 6.02509 5.1709C5.77204 5.00799 5.62434 4.81576 5.62434 4.60615C5.62434 4.41609 5.75412 4.2396 5.96644 4.08701ZM4.97867 4.79295C5.05741 5.19099 5.36965 5.54885 5.85675 5.81656C5.7244 6.42362 5.64932 7.04177 5.63248 7.66285H3.6048C3.68792 6.56735 4.17802 5.54259 4.97867 4.79023V4.79295ZM4.97867 11.2127C4.17851 10.4608 3.68845 9.43696 3.6048 8.3422H5.63194C5.64894 8.96329 5.7242 9.58147 5.85675 10.1885C5.36965 10.4524 5.05741 10.8119 4.97867 11.2099V11.2127ZM5.96644 11.9159C5.75412 11.7633 5.62434 11.5868 5.62434 11.3967C5.62434 11.1871 5.77204 10.9927 6.02509 10.8314C6.16872 11.3183 6.38277 11.7815 6.66044 12.2064C6.42113 12.1298 6.18892 12.0326 5.96644 11.9159ZM7.66067 12.3258C7.23442 12.1016 6.86733 11.457 6.62242 10.5703C6.96021 10.4694 7.30867 10.4087 7.66067 10.3894V12.3226V12.3258ZM7.66067 9.71929C7.25839 9.74198 6.8605 9.81493 6.47635 9.93653C6.3792 9.41122 6.32364 8.879 6.31018 8.34489H7.66067V9.71929ZM7.66067 7.66394H6.31018C6.32364 7.12987 6.3792 6.59768 6.47635 6.07233C6.86065 6.19335 7.25846 6.26631 7.66067 6.28954V7.66394ZM7.66067 5.61347C7.30896 5.59443 6.96052 5.53485 6.62242 5.4359C6.86733 4.54479 7.23442 3.90238 7.66067 3.67703V5.61347ZM11.0215 4.79349C11.8219 5.54501 12.3117 6.56914 12.3943 7.66394H10.3677C10.3507 7.04284 10.2754 6.42469 10.1429 5.81765C10.6316 5.55102 10.9428 5.19207 11.0215 4.79349ZM10.0338 4.08701C10.2461 4.2396 10.3759 4.41554 10.3759 4.60615C10.3759 4.81576 10.2276 5.00908 9.97507 5.1709C9.83151 4.68412 9.61725 4.22105 9.33922 3.79649C9.57871 3.87305 9.81107 3.97026 10.0338 4.08701ZM8.33951 3.67703C8.76627 3.90238 9.13391 4.54587 9.37776 5.43264C9.03965 5.53177 8.69129 5.59154 8.33951 5.61076V3.67703ZM8.33951 6.28357C8.74176 6.26061 9.13958 6.18765 9.5238 6.06636C9.62074 6.59156 9.67631 7.12355 9.68998 7.65747H8.33951V6.28357ZM8.33951 8.33842H9.68998C9.67623 8.87267 9.62067 9.40496 9.5238 9.93056C9.13958 9.80925 8.74176 9.73623 8.33951 9.71333V8.33842ZM8.33951 12.3221V10.3894C8.69129 10.4077 9.03972 10.4671 9.37776 10.5664C9.13391 11.4549 8.76627 12.0989 8.33951 12.3231V12.3221ZM10.0338 11.9121C9.81121 12.0289 9.579 12.1263 9.33972 12.2031C9.61754 11.7782 9.83194 11.315 9.97616 10.8282C10.2287 10.9911 10.3764 11.1839 10.3764 11.3935C10.3759 11.5841 10.2461 11.7606 10.0338 11.9132V11.9121ZM11.0215 11.2089C10.9428 10.8103 10.63 10.4519 10.1429 10.1853C10.2754 9.5782 10.3507 8.96009 10.3677 8.33893H12.3949C12.3118 9.43376 11.8218 10.4573 11.0215 11.2089Z" fill="white"/>
+</g>
+</g>
+</svg>

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/ReleaseInformation/images/weibo.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814981">
+<path id="Rectangle 3687" d="M11.6364 0H4.36364C1.95367 0 0 1.95367 0 4.36364V11.6364C0 14.0463 1.95367 16 4.36364 16H11.6364C14.0463 16 16 14.0463 16 11.6364V4.36364C16 1.95367 14.0463 0 11.6364 0Z" fill="#E94D4E"/>
+<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10.5526 2.9168C10.5526 2.9168 12.0718 2.76339 13.2039 3.83331L13.203 3.83577C14.335 4.90816 13.9808 6.68396 13.9808 6.68396C13.9631 6.82268 13.8958 6.95031 13.7914 7.04332C13.6995 7.12513 13.5844 7.1753 13.4628 7.18729C13.4555 7.18643 13.448 7.18537 13.4407 7.18414C13.3277 7.16428 13.2272 7.1004 13.1613 7.00653C13.0954 6.91267 13.0694 6.79648 13.089 6.68346C13.089 6.68346 13.3677 5.60466 12.6885 4.63044C12.0092 3.65622 10.5501 3.82443 10.5501 3.82443C10.4837 3.82527 10.4178 3.81297 10.3563 3.7882C10.2947 3.76345 10.2385 3.72673 10.1912 3.68018C10.1439 3.63364 10.1062 3.57817 10.0805 3.51699C10.0616 3.4722 10.0493 3.42501 10.044 3.37689C10.0567 3.26081 10.1084 3.15185 10.1916 3.06843C10.2873 2.97243 10.417 2.91796 10.5526 2.9168ZM10.044 3.37689C10.0421 3.39438 10.0411 3.41205 10.0411 3.4298V3.32375C10.0411 3.34154 10.0421 3.35928 10.044 3.37689ZM13.4995 7.19006H13.4125C13.4294 7.18986 13.4462 7.18894 13.4628 7.18729C13.475 7.18872 13.4872 7.18964 13.4995 7.19006ZM13.5295 7.19006H13.4995C13.5095 7.19039 13.5195 7.19039 13.5295 7.19006ZM12.0511 4.94465C11.8736 4.78314 11.6603 4.66613 11.4288 4.60326C11.1972 4.5404 10.954 4.53348 10.7192 4.58308C10.6268 4.59756 10.5423 4.64398 10.4805 4.71426C10.4292 4.77262 10.3962 4.84438 10.385 4.92061C10.3823 4.90364 10.3809 4.88644 10.3809 4.86917V4.96783C10.3814 4.95196 10.3827 4.93619 10.385 4.92061C10.3892 4.94698 10.3966 4.9728 10.4071 4.99749C10.4243 5.03807 10.4496 5.07478 10.4812 5.10542C10.5129 5.13607 10.5505 5.16003 10.5916 5.17588C10.6328 5.19173 10.6767 5.19915 10.7208 5.19769C10.7208 5.19769 11.3107 5.10693 11.6397 5.50156C11.9688 5.89617 11.7339 6.42793 11.7339 6.42793C11.6821 6.60896 11.7922 6.75448 11.983 6.75448H12.0171C12.1122 6.75294 12.2038 6.71862 12.2766 6.65733C12.3492 6.59604 12.3986 6.51152 12.4161 6.41806C12.4161 6.41806 12.6712 5.50156 12.0521 4.94366L12.0511 4.94465ZM8.95728 9.04081C8.77822 8.11492 7.73102 7.5398 6.61965 7.75536C5.50829 7.97092 4.7521 8.89776 4.93215 9.82365C5.11219 10.7495 6.15992 11.3262 7.27077 11.1096C8.38164 10.8931 9.13786 9.96765 8.95728 9.04081ZM6.51902 10.1917C6.17718 10.351 5.80328 10.272 5.6839 10.0155C5.56453 9.759 5.74408 9.42358 6.08642 9.26278C6.42875 9.10198 6.80118 9.1814 6.92203 9.4379C7.04288 9.69441 6.86086 10.0298 6.51902 10.1917ZM7.30826 9.41223C7.24069 9.41165 7.17479 9.39107 7.11888 9.3531C7.06298 9.31514 7.01956 9.26147 6.99411 9.19892C6.96865 9.1363 6.96229 9.06758 6.97583 9.00132C6.98937 8.93514 7.02221 8.87441 7.0702 8.82685C7.11819 8.77921 7.1792 8.74692 7.24552 8.73398C7.31182 8.72096 7.38055 8.72794 7.44288 8.7539C7.50528 8.77994 7.55859 8.8238 7.59604 8.88001C7.63357 8.9363 7.65357 9.00234 7.65357 9.0699C7.65357 9.11514 7.64462 9.15987 7.62724 9.20161C7.60986 9.24336 7.58433 9.28118 7.55226 9.31303C7.52011 9.34489 7.48208 9.37005 7.44019 9.38707C7.3983 9.40409 7.3535 9.41267 7.30826 9.41223ZM10.839 7.23664C10.7891 7.30576 10.7543 7.35376 10.7543 7.37303C10.7543 7.39354 10.8354 7.4099 10.9649 7.43601C11.4782 7.53943 12.7516 7.79616 12.7516 9.0699C12.7516 10.9582 10.4031 12.4874 7.47793 12.4874C4.55283 12.4874 2.18164 10.9567 2.18164 9.0699C2.18164 7.18313 5.73323 4.20374 7.09172 4.20374C7.66099 4.20374 8.77822 4.62894 7.99735 5.97263C7.98506 5.99406 8.06753 5.9663 8.21415 5.91697C8.71902 5.74709 9.98404 5.32142 10.7543 5.76792C11.5624 6.23637 11.0564 6.93602 10.839 7.23664ZM3.9234 9.71412C4.09408 10.9316 5.74704 11.703 7.61604 11.4406C9.48462 11.1782 10.8638 9.98547 10.6922 8.76801C10.5205 7.55063 8.86753 6.77865 6.99849 7.04156C5.12947 7.30445 3.75273 8.49674 3.9234 9.71412Z" fill="white"/>
+</g>
+</svg>

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/ReleaseInformation/index.vue

@@ -1,13 +1,35 @@
 <template>
   <Card class='ReleaseInformation' title="信息发布">
-    <Form :formList="formList" column="1" />
+    <Form :formList="formList" column="1">
+      <template #platform="{ formData, data }">
+        <CheckboxGroup :list="checkboxList" v-model="formData[data.key]">
+          <template v-for="item in checkboxList" #[item.key]="{ data }">
+            <div class="checkbox-content">
+              <img :src="require(`./images/${item.key}.svg`)" />
+              {{ data.label }}
+            </div>
+          </template>
+        </CheckboxGroup>
+      </template>
+    </Form>
+
+    <div class="line"></div>
+
+    <Descriptions :list="list" style="flex: 1;" column="1" titleStyle="align-self: flex-start;">
+      <template #content-informationBoard>
+        <div class="informationBoard-content">
+          <div>暂无情报板推荐发布信息</div>
+          <img src="./images/add.svg" />
+        </div>
+      </template>
+    </Descriptions>
 
     <div class="bottom">
       <ButtonGradient class="title-button special-button">
-        发送
+        一键发布
       </ButtonGradient>
       <ButtonGradient class="title-button special-button">
-        调度预案
+        发布预案
       </ButtonGradient>
     </div>
   </Card>
@@ -17,16 +39,34 @@
 import Card from "./../../components/Card.vue"
 import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
 import Form from '@screen/components/FormConfig';
+import CheckboxGroup from '@screen/components/CheckboxGroup/index.vue';
+import Descriptions from '@screen/components/Descriptions.vue';
 
 export default {
   name: 'ReleaseInformation',
   components: {
     Card,
     ButtonGradient,
-    Form
+    CheckboxGroup,
+    Form,
+    Descriptions
   },
   data() {
     return {
+      list: [
+        {
+          label: '情报板',
+          key: "informationBoard",
+          gridColumn: 1
+        }
+      ],
+      checkboxValues: [],
+      checkboxList: [
+        { key: 'weChat', label: '微信' },
+        { key: 'message', label: '短信' },
+        { key: 'website', label: '网站' },
+        { key: 'weibo', label: '新浪' },
+      ],
       formList: [{
         label: "发布内容:",
         key: "content",
@@ -46,6 +86,7 @@ export default {
         label: "发布平台:",
         key: "platform",
         type: "input",
+        default: []
       }],
     }
   }
@@ -60,9 +101,45 @@ export default {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
+      gap: 18px;
     }
   }
 
+  .informationBoard-content {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: start;
+    gap: 6px;
+
+    >div {
+      flex: 1;
+      font-size: 16px;
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 400;
+      color: rgba(255, 255, 255, .6);
+      line-height: 19px;
+      letter-spacing: 1px;
+    }
+
+    img {
+      cursor: pointer;
+    }
+  }
+
+  .checkbox-content {
+    display: flex;
+    align-items: center;
+    gap: 3px;
+  }
+
+  .line {
+    background: linear-gradient(to left, transparent 0%, transparent 24%, #3DE8FF 24%, #3DE8FF 100%);
+    background-size: 10px 1px;
+    background-repeat: repeat-x;
+    height: 1px;
+  }
+
   .bottom {
     display: flex;
     gap: 9px;