<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>