新增 运输安全管理中心 右侧组件

src/components/SafetyCard.vue

@@ -0,0 +1,36 @@
+// 运输安全管理中心 右侧组件
+<template>
+  <div class="info-box">
+    <CargoOwnderCard></CargoOwnderCard>
+    <ShipInfoCard></ShipInfoCard>
+  </div>
+</template>
+
+<script>
+import { ref, onMounted } from "vue";
+
+export default {
+  setup() {
+    function init() {}
+    function exchangeUrl(icon) {
+      return `/${icon}.png`;
+    }
+    onMounted(() => {
+      init();
+    });
+    return {
+      init,
+      exchangeUrl,
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+.info-box {
+  width: 460px;
+  height: calc(100% - 48px);
+  padding: 18px 30px;
+  box-sizing: border-box;
+  background: linear-gradient(180deg, #20364f 0%, rgba(27, 50, 74, 0.25) 100%);
+}
+</style>