网页解析页面

src/views/menduner/system/talentMap/components/webPageParsing.vue

@@ -0,0 +1,43 @@
+<template>
+	<ContentWrap>
+		<el-form
+			class="-mb-15px"
+			:model="queryParams"
+			ref="queryFormRef"
+			:inline="true"
+			label-width="90px"
+		>
+			<el-form-item label="url抓取数据" prop="urls">
+				<el-input
+					v-model="queryParams.urls"
+					class="!w-60vw"
+					type="textarea"
+					:rows="1"
+					placeholder="请输入需要爬取的页面，多个页面请用','隔开"
+				/>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" plain :loading="loading" @click="handleExecute">执行</el-button>
+			</el-form-item>
+		</el-form>
+	</ContentWrap>
+
+</template>
+
+<script setup>
+defineOptions({ name: 'WebPageParsing' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(false)
+const queryParams = reactive({
+	urls: 'https://mp.weixin.qq.com/s/gtCcUeXZUXkQi5CR25vjew'
+})
+const queryFormRef = ref()
+
+// 执行
+const handleExecute = async () => {
+	console.log(queryParams.urls, 'urls')
+}
+</script>

src/views/menduner/system/talentMap/index.vue

@@ -8,7 +8,7 @@
 				<cardPage/>
 			</el-tab-pane>
 			<el-tab-pane label="网页" name="webpage">
-				<!-- <cardPage/> -->
+				<webPageParsing/>
 			</el-tab-pane>
 		</el-tabs>
 	</div>
@@ -18,6 +18,7 @@
 defineOptions({ name: 'TalentMap' })
 import resumePage from './components/resume.vue'
 import cardPage from './components/card.vue'
+import webPageParsing from './components/webPageParsing.vue'
 
 const activeName = ref('resume')
 </script>