更新 数据源

src/components/IntelligentModule.vue

@@ -24,10 +24,10 @@
       title="历史航次"
     ></TitleLine>
     <div class="level bar mt10">
-      <div class="df aic jcc" v-for="item in historyData" :key="item.bane">
+      <div class="df aic jcc" v-for="item in voyages">
         <div>{{ item.loadPort }}</div>
         <div class="voyage-line"></div>
-        <div>{{ item.discPort }}</div>
+        <div>{{ item.dischargePort }}</div>
       </div>
     </div>
   </div>
@@ -36,43 +36,11 @@
 <script>
 import { ref, onMounted } from "vue";
 import exchangeUrl from "utils/exchangeUrl";
+import { mapState } from "vuex";
 
 export default {
+  computed: mapState(["voyages", "levelData"]),
   setup() {
-    let levelData = ref([
-      { name: "项目1", score: 80, level: "高" },
-      { name: "项目2", score: 80, level: "高" },
-      { name: "项目3", score: 80, level: "高" },
-      { name: "项目4", score: 80, level: "高" },
-      { name: "项目5", score: 80, level: "高" },
-      { name: "项目6", score: 80, level: "高" },
-      { name: "项目7", score: 80, level: "高" },
-      { name: "项目8", score: 80, level: "高" },
-      { name: "项目9", score: 80, level: "高" },
-      { name: "项目10", score: 80, level: "高" },
-      { name: "项目1", score: 80, level: "高" },
-      { name: "项目2", score: 80, level: "高" },
-      { name: "项目3", score: 80, level: "高" },
-      { name: "项目4", score: 80, level: "高" },
-      { name: "项目5", score: 80, level: "高" },
-      { name: "项目6", score: 80, level: "高" },
-      { name: "项目7", score: 80, level: "高" },
-      { name: "项目8", score: 80, level: "高" },
-      { name: "项目9", score: 80, level: "高" },
-      { name: "项目10", score: 80, level: "高" },
-    ]);
-    let historyData = ref([
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-      { loadPort: "上海", discPort: "青岛" },
-    ]);
     function init() {}
 
     onMounted(() => {
@@ -81,8 +49,6 @@ export default {
     return {
       init,
       exchangeUrl,
-      levelData,
-      historyData,
     };
   },
 };