refactor: 前端eslint警告以及报错

frontend/src/api/dataset/dataset.js

@@ -150,6 +150,7 @@ export function taskList(spage, size, data) {
   return request({
     url: '/dataset/group/isKettleRunning',
     method: 'post',
+    // eslint-disable-next-line no-undef
     loading: showLoading
   })
 }

frontend/src/components/canvas/components/Editor/index.vue

@@ -471,6 +471,7 @@ function removeItem(index) {
   this.yourList.splice(index, 1, {})
 }
 
+// eslint-disable-next-line no-unused-vars
 function initPosition(_this) {
   _this.yourList.forEach(item => {
     checkItemPosition.call(_this, item, {
@@ -501,6 +502,7 @@ function addItem(item, index) {
   // makeCoordinate.call(this, item);
 }
 
+// eslint-disable-next-line no-unused-vars
 function changeToCoord(left, top, width, height) {
   return {
     x1: left,
@@ -517,6 +519,7 @@ function changeToCoord(left, top, width, height) {
  *
  * @param {any} tCoord 比对对象的坐标
  */
+// eslint-disable-next-line no-unused-vars
 function findClosetCoords(item, tCoord) {
   if (isOverlay) return
   let i = coordinates.length
@@ -560,6 +563,7 @@ function findClosetCoords(item, tCoord) {
  *
  * @param {any} item
  */
+// eslint-disable-next-line no-unused-vars
 function makeCoordinate(item) {
   const width = this.cellWidth * (item.sizex) - this.baseMarginLeft
   const height = this.cellHeight * (item.sizey) - this.baseMarginTop
@@ -750,7 +754,7 @@ function findBelowItems(item) {
 
   return _.sortBy(_.values(belowItems), 'y')
 }
-
+// eslint-disable-next-line no-unused-vars
 function getoPsitionBox() {
   return positionBox
 }
@@ -1287,6 +1291,7 @@ export default {
       this.resizeStart.call(null, e, item, index)
 
       // e.preventDefault();
+      // eslint-disable-next-line no-unused-vars
       const target = $(e.target)
 
       if (!this.infoBox) {

frontend/src/components/canvas/components/TextAttr.vue

@@ -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: {
     boardDivColor() {
       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: {
     init() {
       if (this.styleInfo['opacity']) {

frontend/src/components/canvas/custom-component/DeVideo.vue

@@ -1,6 +1,6 @@
 <template>
   <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
         ref="videoPlayer"
         class="vjs-custom-skin"
@@ -62,10 +62,7 @@ export default {
       pOption: {}
     }
   },
-  created() {
-    this.pOption = this.element.videoLinks[this.element.videoLinks.videoType]
-    this.pOption.height = this.h - (this.curGap * 2)
-  },
+
   computed: {
     moveFlag() {
       return (this.element.optStatus.dragging || this.element.optStatus.resizing)
@@ -86,6 +83,10 @@ export default {
       'canvasStyleData'
     ])
   },
+  created() {
+    this.pOption = this.element.videoLinks[this.element.videoLinks.videoType]
+    this.pOption.height = this.h - (this.curGap * 2)
+  },
   mounted() {
   },
   methods: {

frontend/src/components/canvas/custom-component/UserView.vue

@@ -93,6 +93,7 @@ export default {
       required: false,
       default: false
     },
+    // eslint-disable-next-line vue/require-default-prop
     componentIndex: {
       type: Number,
       required: false

frontend/src/views/dataset/add/union/UnionItemEdit.vue

@@ -165,7 +165,7 @@ span{
 .union-header-operator{
   display: flex;
   align-items: center;
-  justify-content: end;
+  justify-content: flex-end;
 }
 .union-selector{
   display: inline-block;

frontend/src/views/panel/export/PDFPreExport.vue

@@ -27,6 +27,7 @@ import { pdfTemplateReplaceAll } from '@/utils/StringUtils.js'
 export default {
   name: 'PDFPreExport',
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     panelName: {
       type: String,
       required: false

frontend/src/views/panel/list/PanelViewShow.vue

@@ -134,6 +134,7 @@ export default {
   name: 'PanelViewShow',
   components: { Preview, SaveToTemplate, PDFPreExport, ShareHead },
   props: {
+    // eslint-disable-next-line vue/require-default-prop
     activeTab: {
       type: String,
       required: false

frontend/src/views/system/datasource/form.vue

@@ -8,9 +8,15 @@
     </template>
     <div>
 
-      <el-form ref="dsForm" :model="form" :rules="rule" size="small"
+      <el-form
+        ref="dsForm"
+        :model="form"
+        :rules="rule"
+        size="small"
         :disabled="params && params.id && params.showModel && params.showModel === 'show' && !canEdit "
-               label-width="180px" label-position="right">
+        label-width="180px"
+        label-position="right"
+      >
         <el-form-item :label="$t('commons.name')" prop="name">
           <el-input v-model="form.name" autocomplete="off" />
         </el-form-item>
@@ -18,9 +24,13 @@
           <el-input v-model="form.desc" autocomplete="off" />
         </el-form-item>
         <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
+            v-model="form.type"
+            :placeholder="$t('datasource.please_choose_type')"
+            class="select-width"
             :disabled="formType=='modify' || (formType==='add' && params && !!params.type)"
-                     @change="changeType()">
+            @change="changeType()"
+          >
             <el-option
               v-for="item in allTypes"
               :key="item.name"
@@ -30,22 +40,37 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.host')"
-                      prop="configuration.host">
+        <el-form-item
+          v-if="form.configuration.dataSourceType=='jdbc'"
+          :label="$t('datasource.host')"
+          prop="configuration.host"
+        >
           <el-input v-model="form.configuration.host" autocomplete="off" />
         </el-form-item>
-        <el-form-item v-if="form.configuration.dataSourceType=='es'" :label="$t('datasource.datasource_url')"
-                      prop="configuration.url">
-          <el-input v-model="form.configuration.url" :placeholder="$t('datasource.please_input_datasource_url')"
-                    autocomplete="off"/>
+        <el-form-item
+          v-if="form.configuration.dataSourceType=='es'"
+          :label="$t('datasource.datasource_url')"
+          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 v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.data_base')"
-                      prop="configuration.dataBase">
+        <el-form-item
+          v-if="form.configuration.dataSourceType=='jdbc'"
+          :label="$t('datasource.data_base')"
+          prop="configuration.dataBase"
+        >
           <el-input v-model="form.configuration.dataBase" autocomplete="off" />
         </el-form-item>
 
-        <el-form-item v-if="form.type=='oracle'" :label="$t('datasource.oracle_connection_type')"
-                      prop="configuration.connectionType">
+        <el-form-item
+          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="serviceName">
             {{ $t('datasource.oracle_service_name') }}
@@ -65,13 +90,18 @@
           <el-input v-model="form.configuration.esPassword" autocomplete="off" show-password />
         </el-form-item>
 
-        <el-form-item v-if="form.configuration.dataSourceType=='jdbc' && form.type!=='oracle'"
-                      :label="$t('datasource.extra_params')">
+        <el-form-item
+          v-if="form.configuration.dataSourceType=='jdbc' && form.type!=='oracle'"
+          :label="$t('datasource.extra_params')"
+        >
           <el-input v-model="form.configuration.extraParams" autocomplete="off" />
         </el-form-item>
 
-        <el-form-item v-if="form.configuration.dataSourceType=='jdbc'" :label="$t('datasource.port')"
-                      prop="configuration.port">
+        <el-form-item
+          v-if="form.configuration.dataSourceType=='jdbc'"
+          :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 v-if="form.type=='oracle' || form.type=='sqlServer' || form.type=='pg' || form.type=='redshift'">
@@ -80,10 +110,16 @@
           </el-button>
         </el-form-item>
 
-        <el-form-item v-if="form.type=='oracle' || form.type=='sqlServer' || form.type=='pg' || form.type=='redshift'"
-                      :label="$t('datasource.schema')">
-          <el-select filterable v-model="form.configuration.schema" :placeholder="$t('datasource.please_choose_schema')"
-                     class="select-width">
+        <el-form-item
+          v-if="form.type=='oracle' || form.type=='sqlServer' || form.type=='pg' || form.type=='redshift'"
+          :label="$t('datasource.schema')"
+        >
+          <el-select
+            v-model="form.configuration.schema"
+            filterable
+            :placeholder="$t('datasource.please_choose_schema')"
+            class="select-width"
+          >
             <el-option
               v-for="item in schemas"
               :key="item"
@@ -95,8 +131,13 @@
         <el-collapse v-if="form.configuration.dataSourceType=='jdbc'">
           <el-collapse-item :title="$t('datasource.priority')" name="1">
             <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"
-                        size="small"/>
+              <el-input
+                v-model="form.configuration.initialPoolSize"
+                autocomplete="off"
+                type="number"
+                min="0"
+                size="small"
+              />
             </el-form-item>
             <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" />
@@ -109,19 +150,29 @@
         </el-collapse>
       </el-form>
       <div v-if="canEdit" slot="footer" class="dialog-footer">
-        <el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
-                   @click="validaDatasource">{{ $t('commons.validate') }}
+        <el-button
+          v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
+          @click="validaDatasource"
+        >{{ $t('commons.validate') }}
         </el-button>
-        <el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)" type="primary"
-                   @click="save">{{ $t('commons.save') }}
+        <el-button
+          v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
+          type="primary"
+          @click="save"
+        >{{ $t('commons.save') }}
         </el-button>
       </div>
       <div v-else slot="footer" class="dialog-footer">
-        <el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
-                   @click="validaDatasource">{{ $t('commons.validate') }}
+        <el-button
+          v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
+          @click="validaDatasource"
+        >{{ $t('commons.validate') }}
         </el-button>
-        <el-button v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)" type="primary"
-                   @click="changeEdit">{{ $t('commons.edit') }}
+        <el-button
+          v-if="formType==='add'?true: hasDataPermission('manage',params.privileges)"
+          type="primary"
+          @click="changeEdit"
+        >{{ $t('commons.edit') }}
         </el-button>
       </div>
     </div>

frontend/src/views/system/task/DatasetTaskList.vue

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