update:完成全联盟页面接口对接

src/views/ruleRestriction/detail/index.vue

@@ -24,8 +24,8 @@
 			</div>
 		</div>
 		<div class="title">
-			<span class="title-one">当前规则限制数据已关联至{{ overviewInfo.Relation[0].TYPE }}：</span>
-			<span class="title-two">{{ overviewInfo.Relation[0].RELATIONNAME }} &nbsp;{{ overviewInfo.Relation[0].RELATIONDATE }}</span>
+			<span class="title-one">当前规则限制数据已关联至{{ getRelation?.TYPE }}：</span>
+			<span class="title-two">{{ getRelation?.RELATIONNAME }} &nbsp;{{ getRelation?.RELATIONDATE }}</span>
 			<img src="./assets/right.png" alt />
 		</div>
 		<div class="main">
@@ -169,7 +169,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
 import ningbo from "./assets/ningbo.png";
 import deguo from "./assets/deguo.png";
 import cycle from "./assets/cycle.png";
@@ -309,6 +309,10 @@ const getTime = (time) => {
     return `${array[0]}年${array[1]}月${array[2]}日`
   }
 }
+
+const getRelation = computed(() => {
+  return overviewInfo?.Relation ? overviewInfo?.Relation[0] : {}
+})
 onMounted(() => {
   getUrlParams()
   getSanctionOverviewInfo()
@@ -547,7 +551,7 @@ onMounted(() => {
 						.tit3 {
 							display: inline-block;
 							border-radius: 4px;
-              margin-right: 8px;
+							margin-right: 8px;
 							background-color: rgba(255, 241, 240, 1);
 							border: 1px solid rgba(255, 163, 158, 1);
 							color: rgba(245, 34, 45, 1);