|
@@ -13,7 +13,7 @@
|
|
class="!w-60vw"
|
|
class="!w-60vw"
|
|
type="textarea"
|
|
type="textarea"
|
|
:rows="1"
|
|
:rows="1"
|
|
- placeholder="请输入需要爬取的页面"
|
|
|
|
|
|
+ placeholder="请输入需要爬取的页面,多个页面请用 ',' 隔开"
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
@@ -28,10 +28,7 @@
|
|
<el-card class="!h-500px" v-loading="!content.data">
|
|
<el-card class="!h-500px" v-loading="!content.data">
|
|
<template #header>
|
|
<template #header>
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center justify-between">
|
|
- <div
|
|
|
|
- class="flex-1 overflow-hidden whitespace-nowrap"
|
|
|
|
- style="text-overflow: ellipsis;"
|
|
|
|
- >{{ content.url }}</div>
|
|
|
|
|
|
+ <el-text class="flex-1" truncated>{{ content.url }}</el-text>
|
|
<div class="!w-85px">
|
|
<div class="!w-85px">
|
|
<Icon icon="ep:view" size="25" class="ml-10px cursor-pointer" color="#409eff" @click="showPage(content)" />
|
|
<Icon icon="ep:view" size="25" class="ml-10px cursor-pointer" color="#409eff" @click="showPage(content)" />
|
|
<Icon icon="ep:refresh" size="25" class=" ml-18px cursor-pointer" color="#409eff" @click="handleReload(content)" />
|
|
<Icon icon="ep:refresh" size="25" class=" ml-18px cursor-pointer" color="#409eff" @click="handleReload(content)" />
|
|
@@ -44,7 +41,13 @@
|
|
<el-tab-pane v-for="(v, k) in content.data.data[0]" :key="k" :label="k" :name="k" class="overflow-y-auto !h-360px">
|
|
<el-tab-pane v-for="(v, k) in content.data.data[0]" :key="k" :label="k" :name="k" class="overflow-y-auto !h-360px">
|
|
<template v-if="k === 'html'">
|
|
<template v-if="k === 'html'">
|
|
<div class="position-sticky float-right">
|
|
<div class="position-sticky float-right">
|
|
- <el-button type="primary" class="cursor-pointer" @click="content.showHtml = !content.showHtml" :icon="SetUp" circle />
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ class="cursor-pointer"
|
|
|
|
+ @click="content.showHtml = !content.showHtml"
|
|
|
|
+ :icon="SetUp"
|
|
|
|
+ circle
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
<pre v-if="!content.showHtml">{{ v }}</pre>
|
|
<pre v-if="!content.showHtml">{{ v }}</pre>
|
|
<div v-else v-html="v"></div>
|
|
<div v-else v-html="v"></div>
|
|
@@ -64,8 +67,9 @@
|
|
:with-header="false"
|
|
:with-header="false"
|
|
:modal="true"
|
|
:modal="true"
|
|
>
|
|
>
|
|
- <iframe class="!w-100%" style="height: calc(100vh - 90px);" :src="drawerUrl" frameborder="0"></iframe>
|
|
|
|
- <div class="position-sticky left-20px !h-50px lh-50px" style="border-top: 1px solid #e1e1e1;">
|
|
|
|
|
|
+ <iframe class="!w-100% !h-[calc(100vh-90px)]" :src="drawerUrl" frameborder="0"></iframe>
|
|
|
|
+ <el-divider class="!ma-0" />
|
|
|
|
+ <div class="position-sticky left-20px !h-50px lh-50px">
|
|
<el-button type="primary" class="!w-100px" @click="drawer = false; drawerUrl = ''">关 闭</el-button>
|
|
<el-button type="primary" class="!w-100px" @click="drawer = false; drawerUrl = ''">关 闭</el-button>
|
|
</div>
|
|
</div>
|
|
</el-drawer>
|
|
</el-drawer>
|