|
|
@ -1,9 +1,16 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<!-- 设置链接 --> |
|
|
|
<!-- 设置链接 --> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<el-dialog title="设置链接地址" :visible.sync="visible" width="500px" :close-on-click-modal="false" :before-close="close"> |
|
|
|
<el-dialog title="设置链接地址" |
|
|
|
<el-form :model="data" class="model" label-width="120px"> |
|
|
|
:visible.sync="visible" |
|
|
|
<el-form-item prop="connectionType" label="连接类型"> |
|
|
|
width="500px" |
|
|
|
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
|
|
|
:before-close="close"> |
|
|
|
|
|
|
|
<el-form :model="data" |
|
|
|
|
|
|
|
class="model" |
|
|
|
|
|
|
|
label-width="120px"> |
|
|
|
|
|
|
|
<el-form-item prop="connectionType" |
|
|
|
|
|
|
|
label="连接类型"> |
|
|
|
<el-radio-group v-model="data.connectionType"> |
|
|
|
<el-radio-group v-model="data.connectionType"> |
|
|
|
<!-- <el-radio :label="0">无</el-radio> --> |
|
|
|
<!-- <el-radio :label="0">无</el-radio> --> |
|
|
|
<el-radio :label="1">站内链接</el-radio> |
|
|
|
<el-radio :label="1">站内链接</el-radio> |
|
|
@ -12,9 +19,8 @@ |
|
|
|
</el-radio-group> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<template v-if="data.connectionType === 1"> |
|
|
|
<template v-if="data.connectionType === 1"> |
|
|
|
<el-form-item label="站内链接"> |
|
|
|
<el-form-item label="栏目"> |
|
|
|
<el-cascader |
|
|
|
<el-cascader ref="column" |
|
|
|
ref="column" |
|
|
|
|
|
|
|
v-model="data.columnId" |
|
|
|
v-model="data.columnId" |
|
|
|
:options="columns" |
|
|
|
:options="columns" |
|
|
|
:props="columnProps" |
|
|
|
:props="columnProps" |
|
|
@ -22,8 +28,7 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-select v-model="data.articleId"> |
|
|
|
<el-select v-model="data.articleId"> |
|
|
|
<el-option |
|
|
|
<el-option v-for="item in articles" |
|
|
|
v-for="item in articles" |
|
|
|
|
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.title" |
|
|
|
:label="item.title" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
@ -31,18 +36,19 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<el-form-item v-show="data.connectionType === 2" prop="linkAddress" label="站外链接"> |
|
|
|
<el-form-item v-show="data.connectionType === 2" |
|
|
|
<el-input |
|
|
|
prop="linkAddress" |
|
|
|
placeholder="请输入站外链接" |
|
|
|
label="站外链接"> |
|
|
|
|
|
|
|
<el-input placeholder="请输入站外链接" |
|
|
|
v-model.trim="data.linkAddress" |
|
|
|
v-model.trim="data.linkAddress" |
|
|
|
clearable |
|
|
|
clearable></el-input> |
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<template v-if="data.connectionType === 3"> |
|
|
|
<template v-if="data.connectionType === 3"> |
|
|
|
<el-form-item prop="site" label="站点选择"> |
|
|
|
<el-form-item prop="site" |
|
|
|
<el-select v-model="data.site" @change="getOtherColumn"> |
|
|
|
label="站点选择"> |
|
|
|
<el-option |
|
|
|
<el-select v-model="data.site" |
|
|
|
v-for="item in sites" |
|
|
|
@change="getOtherColumn"> |
|
|
|
|
|
|
|
<el-option v-for="item in sites" |
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.siteName" |
|
|
|
:label="item.siteName" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
@ -50,8 +56,7 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="栏目"> |
|
|
|
<el-form-item label="栏目"> |
|
|
|
<el-cascader |
|
|
|
<el-cascader ref="otherColumn" |
|
|
|
ref="otherColumn" |
|
|
|
|
|
|
|
v-model="data.otherColumnId" |
|
|
|
v-model="data.otherColumnId" |
|
|
|
:options="otherColumns" |
|
|
|
:options="otherColumns" |
|
|
|
:props="columnProps" |
|
|
|
:props="columnProps" |
|
|
@ -59,8 +64,7 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-form-item label="文章"> |
|
|
|
<el-select v-model="data.otherArticleId"> |
|
|
|
<el-select v-model="data.otherArticleId"> |
|
|
|
<el-option |
|
|
|
<el-option v-for="item in articles" |
|
|
|
v-for="item in articles" |
|
|
|
|
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.title" |
|
|
|
:label="item.title" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
@ -68,17 +72,19 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<el-form-item prop="isOpen" label="新窗口打开"> |
|
|
|
<el-form-item prop="isOpen" |
|
|
|
<el-switch |
|
|
|
label="新窗口打开"> |
|
|
|
v-model="data.isOpen" |
|
|
|
<el-switch v-model="data.isOpen" |
|
|
|
:active-value="1" |
|
|
|
:active-value="1" |
|
|
|
:inactive-value="0"> |
|
|
|
:inactive-value="0"> |
|
|
|
</el-switch> |
|
|
|
</el-switch> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<span slot="footer" |
|
|
|
|
|
|
|
class="dialog-footer"> |
|
|
|
<el-button @click="$emit('update:visible', false)">取消</el-button> |
|
|
|
<el-button @click="$emit('update:visible', false)">取消</el-button> |
|
|
|
<el-button type="primary" @click="linkSubmit">确定</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
|
|
|
|
@click="linkSubmit">确定</el-button> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -200,5 +206,4 @@ export default { |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
</style> |