forked from github/dataease
refactor: 前端eslint警告以及报错
This commit is contained in:
parent
6f5c34fec1
commit
3b546a6f41
@ -150,6 +150,7 @@ export function taskList(spage, size, data) {
|
|||||||
return request({
|
return request({
|
||||||
url: '/dataset/group/isKettleRunning',
|
url: '/dataset/group/isKettleRunning',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
loading: showLoading
|
loading: showLoading
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -70,7 +70,7 @@ export default {
|
|||||||
return this.curComponent && this.config === this.curComponent
|
return this.curComponent && this.config === this.curComponent
|
||||||
},
|
},
|
||||||
curGap() {
|
curGap() {
|
||||||
return this.config.auxiliaryMatrix ? this.componentGap : 0
|
return this.config.auxiliaryMatrix ? this.componentGap : 0
|
||||||
},
|
},
|
||||||
...mapState([
|
...mapState([
|
||||||
'mobileLayoutStatus',
|
'mobileLayoutStatus',
|
||||||
|
@ -471,6 +471,7 @@ function removeItem(index) {
|
|||||||
this.yourList.splice(index, 1, {})
|
this.yourList.splice(index, 1, {})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
function initPosition(_this) {
|
function initPosition(_this) {
|
||||||
_this.yourList.forEach(item => {
|
_this.yourList.forEach(item => {
|
||||||
checkItemPosition.call(_this, item, {
|
checkItemPosition.call(_this, item, {
|
||||||
@ -501,6 +502,7 @@ function addItem(item, index) {
|
|||||||
// makeCoordinate.call(this, item);
|
// makeCoordinate.call(this, item);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
function changeToCoord(left, top, width, height) {
|
function changeToCoord(left, top, width, height) {
|
||||||
return {
|
return {
|
||||||
x1: left,
|
x1: left,
|
||||||
@ -517,6 +519,7 @@ function changeToCoord(left, top, width, height) {
|
|||||||
*
|
*
|
||||||
* @param {any} tCoord 比对对象的坐标
|
* @param {any} tCoord 比对对象的坐标
|
||||||
*/
|
*/
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
function findClosetCoords(item, tCoord) {
|
function findClosetCoords(item, tCoord) {
|
||||||
if (isOverlay) return
|
if (isOverlay) return
|
||||||
let i = coordinates.length
|
let i = coordinates.length
|
||||||
@ -560,6 +563,7 @@ function findClosetCoords(item, tCoord) {
|
|||||||
*
|
*
|
||||||
* @param {any} item
|
* @param {any} item
|
||||||
*/
|
*/
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
function makeCoordinate(item) {
|
function makeCoordinate(item) {
|
||||||
const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
|
const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
|
||||||
const height = this.cellHeight * (item.sizey) - this.baseMarginTop
|
const height = this.cellHeight * (item.sizey) - this.baseMarginTop
|
||||||
@ -750,7 +754,7 @@ function findBelowItems(item) {
|
|||||||
|
|
||||||
return _.sortBy(_.values(belowItems), 'y')
|
return _.sortBy(_.values(belowItems), 'y')
|
||||||
}
|
}
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
function getoPsitionBox() {
|
function getoPsitionBox() {
|
||||||
return positionBox
|
return positionBox
|
||||||
}
|
}
|
||||||
@ -1287,6 +1291,7 @@ export default {
|
|||||||
this.resizeStart.call(null, e, item, index)
|
this.resizeStart.call(null, e, item, index)
|
||||||
|
|
||||||
// e.preventDefault();
|
// e.preventDefault();
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
const target = $(e.target)
|
const target = $(e.target)
|
||||||
|
|
||||||
if (!this.infoBox) {
|
if (!this.infoBox) {
|
||||||
|
@ -283,24 +283,7 @@ export default {
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
|
||||||
innerOpacity: {
|
|
||||||
handler(oldVal, newVal) {
|
|
||||||
this.styleInfo['opacity'] = this.innerOpacity / 100
|
|
||||||
}
|
|
||||||
},
|
|
||||||
curComponent: {
|
|
||||||
handler(oldVal, newVal) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.init()
|
|
||||||
})
|
|
||||||
// console.log('curComponent change')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.init()
|
|
||||||
},
|
|
||||||
computed: {
|
computed: {
|
||||||
boardDivColor() {
|
boardDivColor() {
|
||||||
const style = {
|
const style = {
|
||||||
@ -348,6 +331,25 @@ export default {
|
|||||||
])
|
])
|
||||||
|
|
||||||
},
|
},
|
||||||
|
watch: {
|
||||||
|
innerOpacity: {
|
||||||
|
handler(oldVal, newVal) {
|
||||||
|
this.styleInfo['opacity'] = this.innerOpacity / 100
|
||||||
|
}
|
||||||
|
},
|
||||||
|
curComponent: {
|
||||||
|
handler(oldVal, newVal) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.init()
|
||||||
|
})
|
||||||
|
// console.log('curComponent change')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.init()
|
||||||
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
init() {
|
init() {
|
||||||
if (this.styleInfo['opacity']) {
|
if (this.styleInfo['opacity']) {
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-row ref="mainPlayer">
|
<el-row ref="mainPlayer">
|
||||||
<div v-if="this.element.videoLinks[this.element.videoLinks.videoType].sources[0].src" class="player">
|
<div v-if="element.videoLinks[element.videoLinks.videoType].sources[0].src" class="player">
|
||||||
<video-player
|
<video-player
|
||||||
ref="videoPlayer"
|
ref="videoPlayer"
|
||||||
class="vjs-custom-skin"
|
class="vjs-custom-skin"
|
||||||
@ -62,10 +62,7 @@ export default {
|
|||||||
pOption: {}
|
pOption: {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
|
||||||
this.pOption = this.element.videoLinks[this.element.videoLinks.videoType]
|
|
||||||
this.pOption.height = this.h - (this.curGap * 2)
|
|
||||||
},
|
|
||||||
computed: {
|
computed: {
|
||||||
moveFlag() {
|
moveFlag() {
|
||||||
return (this.element.optStatus.dragging || this.element.optStatus.resizing)
|
return (this.element.optStatus.dragging || this.element.optStatus.resizing)
|
||||||
@ -86,6 +83,10 @@ export default {
|
|||||||
'canvasStyleData'
|
'canvasStyleData'
|
||||||
])
|
])
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.pOption = this.element.videoLinks[this.element.videoLinks.videoType]
|
||||||
|
this.pOption.height = this.h - (this.curGap * 2)
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -93,6 +93,7 @@ export default {
|
|||||||
required: false,
|
required: false,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
|
// eslint-disable-next-line vue/require-default-prop
|
||||||
componentIndex: {
|
componentIndex: {
|
||||||
type: Number,
|
type: Number,
|
||||||
required: false
|
required: false
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
|
|
||||||
<el-select v-if="options!== null && options.attrs!==null" v-model="values" :multiple="options.attrs.multiple" :placeholder="options.attrs.placeholder" :popper-append-to-body="inScreen" @change="changeValue">
|
<el-select v-if="options!== null && options.attrs!==null" v-model="values" :multiple="options.attrs.multiple" :placeholder="options.attrs.placeholder" :popper-append-to-body="inScreen" @change="changeValue">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in options.attrs.datas"
|
v-for="item in options.attrs.datas"
|
||||||
:key="item[options.attrs.key]"
|
:key="item[options.attrs.key]"
|
||||||
|
@ -165,7 +165,7 @@ span{
|
|||||||
.union-header-operator{
|
.union-header-operator{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
.union-selector{
|
.union-selector{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -27,6 +27,7 @@ import { pdfTemplateReplaceAll } from '@/utils/StringUtils.js'
|
|||||||
export default {
|
export default {
|
||||||
name: 'PDFPreExport',
|
name: 'PDFPreExport',
|
||||||
props: {
|
props: {
|
||||||
|
// eslint-disable-next-line vue/require-default-prop
|
||||||
panelName: {
|
panelName: {
|
||||||
type: String,
|
type: String,
|
||||||
required: false
|
required: false
|
||||||
|
@ -75,7 +75,7 @@
|
|||||||
<el-row class="panel-design-preview">
|
<el-row class="panel-design-preview">
|
||||||
<div id="imageWrapper" ref="imageWrapper" style="width: 100%;height: 100%">
|
<div id="imageWrapper" ref="imageWrapper" style="width: 100%;height: 100%">
|
||||||
<fullscreen style="height: 100%;background: #f7f8fa;overflow-y: auto" :fullscreen.sync="fullscreen">
|
<fullscreen style="height: 100%;background: #f7f8fa;overflow-y: auto" :fullscreen.sync="fullscreen">
|
||||||
<Preview v-if="showMain" :in-screen="!fullscreen" :show-type="'width'" :screen-shot="dataLoading"/>
|
<Preview v-if="showMain" :in-screen="!fullscreen" :show-type="'width'" :screen-shot="dataLoading" />
|
||||||
</fullscreen>
|
</fullscreen>
|
||||||
</div>
|
</div>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -134,6 +134,7 @@ export default {
|
|||||||
name: 'PanelViewShow',
|
name: 'PanelViewShow',
|
||||||
components: { Preview, SaveToTemplate, PDFPreExport, ShareHead },
|
components: { Preview, SaveToTemplate, PDFPreExport, ShareHead },
|
||||||
props: {
|
props: {
|
||||||
|
// eslint-disable-next-line vue/require-default-prop
|
||||||
activeTab: {
|
activeTab: {
|
||||||
type: String,
|
type: String,
|
||||||
required: false
|
required: false
|
||||||
|
@ -1,26 +1,36 @@
|
|||||||
<template>
|
<template>
|
||||||
<layout-content :header="formType=='add' ? $t('datasource.create') : $t('datasource.modify')">
|
<layout-content :header="formType=='add' ? $t('datasource.create') : $t('datasource.modify')">
|
||||||
<template v-slot:header>
|
<template v-slot:header>
|
||||||
<el-icon name="back" class="back-button" @click.native="backToList"/>
|
<el-icon name="back" class="back-button" @click.native="backToList" />
|
||||||
{{
|
{{
|
||||||
params && params.id && params.showModel && params.showModel === 'show' && !canEdit ? $t('datasource.show_info') : formType == 'add' ? $t('datasource.create') : $t('datasource.modify')
|
params && params.id && params.showModel && params.showModel === 'show' && !canEdit ? $t('datasource.show_info') : formType == 'add' ? $t('datasource.create') : $t('datasource.modify')
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<el-form ref="dsForm" :model="form" :rules="rule" size="small"
|
<el-form
|
||||||
:disabled="params && params.id && params.showModel && params.showModel === 'show' && !canEdit "
|
ref="dsForm"
|
||||||
label-width="180px" label-position="right">
|
:model="form"
|
||||||
|
:rules="rule"
|
||||||
|
size="small"
|
||||||
|
:disabled="params && params.id && params.showModel && params.showModel === 'show' && !canEdit "
|
||||||
|
label-width="180px"
|
||||||
|
label-position="right"
|
||||||
|
>
|
||||||
<el-form-item :label="$t('commons.name')" prop="name">
|
<el-form-item :label="$t('commons.name')" prop="name">
|
||||||
<el-input v-model="form.name" autocomplete="off"/>
|
<el-input v-model="form.name" autocomplete="off" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('commons.description')" prop="desc">
|
<el-form-item :label="$t('commons.description')" prop="desc">
|
||||||
<el-input v-model="form.desc" autocomplete="off"/>
|
<el-input v-model="form.desc" autocomplete="off" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('datasource.type')" prop="type">
|
<el-form-item :label="$t('datasource.type')" prop="type">
|
||||||
<el-select v-model="form.type" :placeholder="$t('datasource.please_choose_type')" class="select-width"
|
<el-select
|
||||||
:disabled="formType=='modify' || (formType==='add' && params && !!params.type)"
|
v-model="form.type"
|
||||||
@change="changeType()">
|
:placeholder="$t('datasource.please_choose_type')"
|
||||||
|
class="select-width"
|
||||||
|
:disabled="formType=='modify' || (formType==='add' && params && !!params.type)"
|
||||||
|
@change="changeType()"
|
||||||
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in allTypes"
|
v-for="item in allTypes"
|
||||||
:key="item.name"
|
:key="item.name"
|
||||||
@ -30,22 +40,37 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.host')"
|
<el-form-item
|
||||||
prop="configuration.host">
|
v-if="form.configuration.dataSourceType=='jdbc'"
|
||||||
<el-input v-model="form.configuration.host" autocomplete="off"/>
|
:label="$t('datasource.host')"
|
||||||
|
prop="configuration.host"
|
||||||
|
>
|
||||||
|
<el-input v-model="form.configuration.host" autocomplete="off" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='es'" :label="$t('datasource.datasource_url')"
|
<el-form-item
|
||||||
prop="configuration.url">
|
v-if="form.configuration.dataSourceType=='es'"
|
||||||
<el-input v-model="form.configuration.url" :placeholder="$t('datasource.please_input_datasource_url')"
|
:label="$t('datasource.datasource_url')"
|
||||||
autocomplete="off"/>
|
prop="configuration.url"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="form.configuration.url"
|
||||||
|
:placeholder="$t('datasource.please_input_datasource_url')"
|
||||||
|
autocomplete="off"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.data_base')"
|
<el-form-item
|
||||||
prop="configuration.dataBase">
|
v-if="form.configuration.dataSourceType=='jdbc'"
|
||||||
<el-input v-model="form.configuration.dataBase" autocomplete="off"/>
|
:label="$t('datasource.data_base')"
|
||||||
|
prop="configuration.dataBase"
|
||||||
|
>
|
||||||
|
<el-input v-model="form.configuration.dataBase" autocomplete="off" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item v-if="form.type=='oracle'" :label="$t('datasource.oracle_connection_type')"
|
<el-form-item
|
||||||
prop="configuration.connectionType">
|
v-if="form.type=='oracle'"
|
||||||
|
:label="$t('datasource.oracle_connection_type')"
|
||||||
|
prop="configuration.connectionType"
|
||||||
|
>
|
||||||
<el-radio v-model="form.configuration.connectionType" label="sid">{{ $t('datasource.oracle_sid') }}</el-radio>
|
<el-radio v-model="form.configuration.connectionType" label="sid">{{ $t('datasource.oracle_sid') }}</el-radio>
|
||||||
<el-radio v-model="form.configuration.connectionType" label="serviceName">
|
<el-radio v-model="form.configuration.connectionType" label="serviceName">
|
||||||
{{ $t('datasource.oracle_service_name') }}
|
{{ $t('datasource.oracle_service_name') }}
|
||||||
@ -53,26 +78,31 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.user_name')">
|
<el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.user_name')">
|
||||||
<el-input v-model="form.configuration.username" autocomplete="off"/>
|
<el-input v-model="form.configuration.username" autocomplete="off" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.password')">
|
<el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.password')">
|
||||||
<el-input v-model="form.configuration.password" autocomplete="off" show-password/>
|
<el-input v-model="form.configuration.password" autocomplete="off" show-password />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='es'" :label="$t('datasource.user_name')">
|
<el-form-item v-if="form.configuration.dataSourceType=='es'" :label="$t('datasource.user_name')">
|
||||||
<el-input v-model="form.configuration.esUsername" autocomplete="off"/>
|
<el-input v-model="form.configuration.esUsername" autocomplete="off" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='es'" :label="$t('datasource.password')">
|
<el-form-item v-if="form.configuration.dataSourceType=='es'" :label="$t('datasource.password')">
|
||||||
<el-input v-model="form.configuration.esPassword" autocomplete="off" show-password/>
|
<el-input v-model="form.configuration.esPassword" autocomplete="off" show-password />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='jdbc' && form.type!=='oracle'"
|
<el-form-item
|
||||||
:label="$t('datasource.extra_params')">
|
v-if="form.configuration.dataSourceType=='jdbc' && form.type!=='oracle'"
|
||||||
<el-input v-model="form.configuration.extraParams" autocomplete="off"/>
|
:label="$t('datasource.extra_params')"
|
||||||
|
>
|
||||||
|
<el-input v-model="form.configuration.extraParams" autocomplete="off" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.port')"
|
<el-form-item
|
||||||
prop="configuration.port">
|
v-if="form.configuration.dataSourceType=='jdbc'"
|
||||||
<el-input v-model="form.configuration.port" autocomplete="off" type="number" min="0"/>
|
:label="$t('datasource.port')"
|
||||||
|
prop="configuration.port"
|
||||||
|
>
|
||||||
|
<el-input v-model="form.configuration.port" autocomplete="off" type="number" min="0" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="form.type=='oracle' || form.type=='sqlServer' || form.type=='pg' || form.type=='redshift'">
|
<el-form-item v-if="form.type=='oracle' || form.type=='sqlServer' || form.type=='pg' || form.type=='redshift'">
|
||||||
<el-button icon="el-icon-plus" size="mini" @click="getSchema()">
|
<el-button icon="el-icon-plus" size="mini" @click="getSchema()">
|
||||||
@ -80,10 +110,16 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item v-if="form.type=='oracle' || form.type=='sqlServer' || form.type=='pg' || form.type=='redshift'"
|
<el-form-item
|
||||||
:label="$t('datasource.schema')">
|
v-if="form.type=='oracle' || form.type=='sqlServer' || form.type=='pg' || form.type=='redshift'"
|
||||||
<el-select filterable v-model="form.configuration.schema" :placeholder="$t('datasource.please_choose_schema')"
|
:label="$t('datasource.schema')"
|
||||||
class="select-width">
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="form.configuration.schema"
|
||||||
|
filterable
|
||||||
|
:placeholder="$t('datasource.please_choose_schema')"
|
||||||
|
class="select-width"
|
||||||
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in schemas"
|
v-for="item in schemas"
|
||||||
:key="item"
|
:key="item"
|
||||||
@ -95,33 +131,48 @@
|
|||||||
<el-collapse v-if="form.configuration.dataSourceType=='jdbc'">
|
<el-collapse v-if="form.configuration.dataSourceType=='jdbc'">
|
||||||
<el-collapse-item :title="$t('datasource.priority')" name="1">
|
<el-collapse-item :title="$t('datasource.priority')" name="1">
|
||||||
<el-form-item :label="$t('datasource.initial_pool_size')" prop="configuration.initialPoolSize">
|
<el-form-item :label="$t('datasource.initial_pool_size')" prop="configuration.initialPoolSize">
|
||||||
<el-input v-model="form.configuration.initialPoolSize" autocomplete="off" type="number" min="0"
|
<el-input
|
||||||
size="small"/>
|
v-model="form.configuration.initialPoolSize"
|
||||||
|
autocomplete="off"
|
||||||
|
type="number"
|
||||||
|
min="0"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('datasource.min_pool_size')" prop="configuration.minPoolSize">
|
<el-form-item :label="$t('datasource.min_pool_size')" prop="configuration.minPoolSize">
|
||||||
<el-input v-model="form.configuration.minPoolSize" autocomplete="off" type="number" min="0"/>
|
<el-input v-model="form.configuration.minPoolSize" autocomplete="off" type="number" min="0" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('datasource.max_pool_size')" prop="configuration.maxPoolSize">
|
<el-form-item :label="$t('datasource.max_pool_size')" prop="configuration.maxPoolSize">
|
||||||
<el-input v-model="form.configuration.maxPoolSize" autocomplete="off" type="number" min="0"/>
|
<el-input v-model="form.configuration.maxPoolSize" autocomplete="off" type="number" min="0" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div v-if="canEdit" slot="footer" class="dialog-footer">
|
<div v-if="canEdit" slot="footer" class="dialog-footer">
|
||||||
<el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
|
<el-button
|
||||||
@click="validaDatasource">{{ $t('commons.validate') }}
|
v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
|
||||||
|
@click="validaDatasource"
|
||||||
|
>{{ $t('commons.validate') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)" type="primary"
|
<el-button
|
||||||
@click="save">{{ $t('commons.save') }}
|
v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
|
||||||
|
type="primary"
|
||||||
|
@click="save"
|
||||||
|
>{{ $t('commons.save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div v-else slot="footer" class="dialog-footer">
|
<div v-else slot="footer" class="dialog-footer">
|
||||||
<el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
|
<el-button
|
||||||
@click="validaDatasource">{{ $t('commons.validate') }}
|
v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
|
||||||
|
@click="validaDatasource"
|
||||||
|
>{{ $t('commons.validate') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)" type="primary"
|
<el-button
|
||||||
@click="changeEdit">{{ $t('commons.edit') }}
|
v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
|
||||||
|
type="primary"
|
||||||
|
@click="changeEdit"
|
||||||
|
>{{ $t('commons.edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -130,13 +181,13 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import LayoutContent from '@/components/business/LayoutContent'
|
import LayoutContent from '@/components/business/LayoutContent'
|
||||||
import {addDs, editDs, getSchema, validateDs, validateDsById} from '@/api/system/datasource'
|
import { addDs, editDs, getSchema, validateDs, validateDsById } from '@/api/system/datasource'
|
||||||
import {$confirm} from '@/utils/message'
|
import { $confirm } from '@/utils/message'
|
||||||
import i18n from '@/lang/index'
|
import i18n from '@/lang/index'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'DsForm',
|
name: 'DsForm',
|
||||||
components: {LayoutContent},
|
components: { LayoutContent },
|
||||||
props: {
|
props: {
|
||||||
params: {
|
params: {
|
||||||
type: Object,
|
type: Object,
|
||||||
@ -158,10 +209,10 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
rule: {
|
rule: {
|
||||||
name: [{required: true, message: i18n.t('datasource.input_name'), trigger: 'blur'},
|
name: [{ required: true, message: i18n.t('datasource.input_name'), trigger: 'blur' },
|
||||||
{min: 2, max: 25, message: i18n.t('datasource.input_limit_2_25', [2, 25]), trigger: 'blur'}],
|
{ min: 2, max: 25, message: i18n.t('datasource.input_limit_2_25', [2, 25]), trigger: 'blur' }],
|
||||||
desc: [{min: 0, max: 50, message: i18n.t('datasource.input_limit_0_50'), trigger: 'blur'}],
|
desc: [{ min: 0, max: 50, message: i18n.t('datasource.input_limit_0_50'), trigger: 'blur' }],
|
||||||
type: [{required: true, message: i18n.t('datasource.please_choose_type'), trigger: 'change'}],
|
type: [{ required: true, message: i18n.t('datasource.please_choose_type'), trigger: 'change' }],
|
||||||
'configuration.dataBase': [{
|
'configuration.dataBase': [{
|
||||||
required: true,
|
required: true,
|
||||||
message: i18n.t('datasource.please_input_data_base'),
|
message: i18n.t('datasource.please_input_data_base'),
|
||||||
@ -182,9 +233,9 @@ export default {
|
|||||||
message: i18n.t('datasource.please_input_password'),
|
message: i18n.t('datasource.please_input_password'),
|
||||||
trigger: 'change'
|
trigger: 'change'
|
||||||
}],
|
}],
|
||||||
'configuration.host': [{required: true, message: i18n.t('datasource.please_input_host'), trigger: 'change'}],
|
'configuration.host': [{ required: true, message: i18n.t('datasource.please_input_host'), trigger: 'change' }],
|
||||||
'configuration.url': [{required: true, message: i18n.t('datasource.please_input_url'), trigger: 'change'}],
|
'configuration.url': [{ required: true, message: i18n.t('datasource.please_input_url'), trigger: 'change' }],
|
||||||
'configuration.port': [{required: true, message: i18n.t('datasource.please_input_port'), trigger: 'change'}],
|
'configuration.port': [{ required: true, message: i18n.t('datasource.please_input_port'), trigger: 'change' }],
|
||||||
'configuration.initialPoolSize': [{
|
'configuration.initialPoolSize': [{
|
||||||
required: true,
|
required: true,
|
||||||
message: i18n.t('datasource.please_input_initial_pool_size'),
|
message: i18n.t('datasource.please_input_initial_pool_size'),
|
||||||
@ -223,11 +274,11 @@ export default {
|
|||||||
type: 'jdbc',
|
type: 'jdbc',
|
||||||
extraParams: 'characterEncoding=UTF-8&connectTimeout=5000&useSSL=false&allowPublicKeyRetrieval=true'
|
extraParams: 'characterEncoding=UTF-8&connectTimeout=5000&useSSL=false&allowPublicKeyRetrieval=true'
|
||||||
},
|
},
|
||||||
{name: 'hive', label: 'Apache Hive', type: 'jdbc', extraParams: ''},
|
{ name: 'hive', label: 'Apache Hive', type: 'jdbc', extraParams: '' },
|
||||||
{name: 'oracle', label: 'Oracle', type: 'jdbc'},
|
{ name: 'oracle', label: 'Oracle', type: 'jdbc' },
|
||||||
{name: 'sqlServer', label: 'SQL Server', type: 'jdbc', extraParams: ''},
|
{ name: 'sqlServer', label: 'SQL Server', type: 'jdbc', extraParams: '' },
|
||||||
{name: 'pg', label: 'PostgreSQL', type: 'jdbc', extraParams: ''},
|
{ name: 'pg', label: 'PostgreSQL', type: 'jdbc', extraParams: '' },
|
||||||
{name: 'es', label: 'Elasticsearch', type: 'es'},
|
{ name: 'es', label: 'Elasticsearch', type: 'es' },
|
||||||
{
|
{
|
||||||
name: 'mariadb',
|
name: 'mariadb',
|
||||||
label: 'MariaDB',
|
label: 'MariaDB',
|
||||||
@ -240,9 +291,9 @@ export default {
|
|||||||
type: 'jdbc',
|
type: 'jdbc',
|
||||||
extraParams: 'characterEncoding=UTF-8&connectTimeout=5000&useSSL=false&allowPublicKeyRetrieval=true'
|
extraParams: 'characterEncoding=UTF-8&connectTimeout=5000&useSSL=false&allowPublicKeyRetrieval=true'
|
||||||
},
|
},
|
||||||
{name: 'ck', label: 'ClickHouse', type: 'jdbc', extraParams: ''},
|
{ name: 'ck', label: 'ClickHouse', type: 'jdbc', extraParams: '' },
|
||||||
{name: 'redshift', label: 'AWS Redshift', type: 'jdbc'},
|
{ name: 'redshift', label: 'AWS Redshift', type: 'jdbc' },
|
||||||
{name: 'mongo', label: 'MongoDB', type: 'jdbc', extraParams: ''}
|
{ name: 'mongo', label: 'MongoDB', type: 'jdbc', extraParams: '' }
|
||||||
],
|
],
|
||||||
schemas: [],
|
schemas: [],
|
||||||
canEdit: false,
|
canEdit: false,
|
||||||
|
@ -60,7 +60,7 @@
|
|||||||
<span v-if="scope.row.status === 'Underway'" style="color: green">
|
<span v-if="scope.row.status === 'Underway'" style="color: green">
|
||||||
<el-link type="success" style="font-size: 12px" @click="changeTaskStatus(scope.row)">{{ $t('dataset.task.underway') }}</el-link>
|
<el-link type="success" style="font-size: 12px" @click="changeTaskStatus(scope.row)">{{ $t('dataset.task.underway') }}</el-link>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="scope.row.status === 'Stopped'" >
|
<span v-if="scope.row.status === 'Stopped'">
|
||||||
<div style="font-size: 12px">{{ $t('dataset.task.stopped') }}</div>
|
<div style="font-size: 12px">{{ $t('dataset.task.stopped') }}</div>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="scope.row.status === 'Pending'" class="blue-color">
|
<span v-if="scope.row.status === 'Pending'" class="blue-color">
|
||||||
@ -168,7 +168,7 @@
|
|||||||
|
|
||||||
<!--添加任务-选择数据集-->
|
<!--添加任务-选择数据集-->
|
||||||
<el-dialog v-dialogDrag :title="$t('dataset.task.create')" :visible="selectDatasetFlag" :show-close="false" width="70%" class="dialog-css" :destroy-on-close="true">
|
<el-dialog v-dialogDrag :title="$t('dataset.task.create')" :visible="selectDatasetFlag" :show-close="false" width="70%" class="dialog-css" :destroy-on-close="true">
|
||||||
<table-selector privileges="manage" :mode="1" :clearEmptyDir="true" :custom-type="customType" show-mode="datasetTask" @getTable="getTable" />
|
<table-selector privileges="manage" :mode="1" :clear-empty-dir="true" :custom-type="customType" show-mode="datasetTask" @getTable="getTable" />
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button size="small" @click="closeCreateTask">{{ $t('chart.cancel') }}</el-button>
|
<el-button size="small" @click="closeCreateTask">{{ $t('chart.cancel') }}</el-button>
|
||||||
<el-button type="primary" size="small" :disabled="!table.id" @click="create(undefined)">{{ $t('chart.confirm') }}</el-button>
|
<el-button type="primary" size="small" :disabled="!table.id" @click="create(undefined)">{{ $t('chart.confirm') }}</el-button>
|
||||||
|
Loading…
Reference in New Issue
Block a user