git-sync/crawlab
1
0
Fork 0
mirror of https://github.com/crawlab-team/crawlab.git synced 2026-01-28 17:50:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

完成可配置爬虫设置部分

Browse Source
This commit is contained in:
marvzhang
2019-12-02 13:29:00 +08:00
parent 7c19aa1d75
commit eb7d8b8fa3
5 changed files with 136 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/src/components/Config/ConfigList.vue
View File

@@ -177,7 +177,7 @@
:value="isList(stage)"
@change="onCheckIsList($event, stage)"
/>
<el-popover v-if="isList(stage)" placement="top">
<el-popover v-model="stage.isListOpen" v-if="isList(stage)" placement="top">
<div>
<el-tag :class="stage.list_css ? 'active' : 'inactive'" type="success"
@click="onSelectStageListType(stage, 'css')">CSS
@@ -190,11 +190,24 @@
<el-input v-if="stage.list_css" v-model="stage.list_css"/>
<el-input v-else v-model="stage.list_xpath"/>
</div>
<el-tag v-if="stage.list_css" type="success" slot="reference"
@click="onClickStageList($event, stage, 'css')">CSS
<el-tag
v-if="stage.list_css"
type="success"
slot="reference"
@click="onClickStageList($event, stage, 'css')"
>
<i v-if="!stage.isListOpen" class="el-icon-circle-plus-outline"></i>
<i v-else class="el-icon-remove-outline"></i>
CSS
</el-tag>
<el-tag v-else type="primary" slot="reference"
@click="onClickStageList($event, stage, 'xpath')">
<el-tag
v-else
type="primary"
slot="reference"
@click="onClickStageList($event, stage, 'xpath')"
>
<i v-if="!stage.isListOpen" class="el-icon-circle-plus-outline"></i>
<i v-else class="el-icon-remove-outline"></i>
XPath
</el-tag>
</el-popover>
@@ -208,8 +221,9 @@
style="text-align: left; flex-basis: 20px; margin-right: 5px"
:value="isPage(stage)"
@change="onCheckIsPage($event, stage)"
:disabled="!isList(stage)"
/>
<el-popover v-if="isPage(stage)" placement="top">
<el-popover v-model="stage.isPageOpen" v-if="isPage(stage)" placement="top">
<div>
<el-tag :class="stage.page_css ? 'active' : 'inactive'" type="success"
@click="onSelectStagePageType(stage, 'css')">CSS
@@ -222,11 +236,24 @@
<el-input v-if="stage.page_css" v-model="stage.page_css"/>
<el-input v-else v-model="stage.page_xpath"/>
</div>
<el-tag v-if="stage.page_css" type="success" slot="reference"
@click="onClickStagePage($event, stage, 'css')">CSS
<el-tag
v-if="stage.page_css"
type="success"
slot="reference"
@click="onClickStagePage($event, stage, 'css')"
>
<i v-if="!stage.isPageOpen" class="el-icon-circle-plus-outline"></i>
<i v-else class="el-icon-remove-outline"></i>
CSS
</el-tag>
<el-tag v-else type="primary" slot="reference"
@click="onClickStagePage($event, stage, 'xpath')">
<el-tag
v-else
type="primary"
slot="reference"
@click="onClickStagePage($event, stage, 'xpath')"
>
<i v-if="!stage.isPageOpen" class="el-icon-circle-plus-outline"></i>
<i v-else class="el-icon-remove-outline"></i>
XPath
</el-tag>
</el-popover>
@@ -255,7 +282,7 @@
<!--Setting-->
<el-tab-pane name="settings" :label="$t('Settings')">
<div class="actions" style="text-align: right;margin-bottom: 10px">
<el-button type="success" size="small">
<el-button type="success" size="small" @click="onSave">
{{$t('Save')}}
</el-button>
</div>
@@ -522,6 +549,25 @@ export default {
},
onClickSelectorType (selectorType) {
Object.values(this.spiderForm.config.stages).forEach(stage => {
// 列表
if (selectorType === 'css') {
if (stage.list_xpath) stage.list_xpath = ''
if (!stage.list_css) stage.list_css = 'body'
} else {
if (stage.list_css) stage.list_css = ''
if (!stage.list_xpath) stage.list_xpath = '//body'
}
// 分页
if (selectorType === 'css') {
if (stage.page_xpath) stage.page_xpath = ''
if (!stage.page_css) stage.page_css = 'body'
} else {
if (stage.page_css) stage.page_css = ''
if (!stage.page_xpath) stage.page_xpath = '//body'
}
// 字段
stage.fields.forEach(field => {
if (selectorType === 'css') {
if (field.xpath) field.xpath = ''