企业画像, 企业预警标签切换

src/views/enforce/enterpriseScanPreview.vue

@@ -31,11 +31,29 @@
             </div>
 				</div>
         <div class="tab-nav">
-          <ul>
-            <!-- data-id对li元素添加自定义id属性 -->
-            <li class="active" data-id="0">企业画像</li>
-            <li data-id="1">企业预警</li>
-          </ul>
+			<van-tabs v-model:active="active">
+				<van-tab title="企业画像">
+					<iframe src="enterpriseBaseInfo.vue"
+							width="100%"
+							height="600"
+							frameborder="0"
+							allowfullscreen
+					/>
+				</van-tab>
+				<van-tab title="企业预警">
+					<iframe src="enterpriseWarningInfo.vue"
+							width="100%"
+							height="600"
+							frameborder="0"
+							allowfullscreen
+					/>
+				</van-tab>
+			</van-tabs>
+<!--          <ul>-->
+<!--            &lt;!&ndash; data-id对li元素添加自定义id属性 &ndash;&gt;-->
+<!--            <li class="active" data-id="0">企业画像</li>-->
+<!--            <li data-id="1">企业预警</li>-->
+<!--          </ul>-->
         </div>
         <div class="tab-content">
           <div class="item active">1</div>
@@ -73,6 +91,7 @@ for (let i = 0; i < Nav.length; i++) {
 import {getEnterpriseMerchantAuthorization} from '@/api/Home';
 import {queryEarlyWarning} from '../../api/enforce';
 import {getEnterpriseInformation} from '../../api/enterprise'
+import { Tab, Tabs } from 'vant';
 const { useCommon } = $globalStore;
 const router = useRouter();
 let freshMap = reactive({