From 77efe0beefee05dcc0c202f50e0c303e8d9a44d4 Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Thu, 11 Aug 2022 11:04:14 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E8=A7=86=E5=9B=BE):=20=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E9=9B=86=E5=AD=97=E6=AE=B5=E7=AE=A1=E7=90=86=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=85=A8=E9=80=89/=E5=85=A8=E4=B8=8D=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/dataset/data/FieldEdit.vue | 92 ++++++++++++++++++-
 1 file changed, 90 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/dataset/data/FieldEdit.vue b/frontend/src/views/dataset/data/FieldEdit.vue
index cbb85b8be1..32f12a0af1 100644
--- a/frontend/src/views/dataset/data/FieldEdit.vue
+++ b/frontend/src/views/dataset/data/FieldEdit.vue
@@ -34,6 +34,9 @@
       <el-collapse-item name="d" :title="$t('chart.dimension')">
         <el-table :data="tableFields.dimensionListData" size="mini">
           <el-table-column property="checked" :label="$t('dataset.field_check')" width="60">
+            <template slot="header" slot-scope="scope">
+              <el-checkbox v-model="dimensionChecked" :indeterminate="dimensionIndeterminate" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveDimension" />
+            </template>
             <template slot-scope="scope">
               <el-checkbox v-model="scope.row.checked" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveEdit(scope.row)" />
             </template>
@@ -133,6 +136,7 @@
           </el-table-column>
           <el-table-column property="" :label="$t('dataset.operator')">
             <template slot-scope="scope">
+              <el-button v-if="false && scope.row.extField === 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="copyField(scope.row)">{{ $t('dataset.copy') }}</el-button>
               <el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="editField(scope.row)">{{ $t('dataset.edit') }}</el-button>
               <el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="deleteField(scope.row)">{{ $t('dataset.delete') }}</el-button>
             </template>
@@ -143,6 +147,9 @@
       <el-collapse-item name="q" :title="$t('chart.quota')">
         <el-table :data="tableFields.quotaListData" size="mini">
           <el-table-column property="checked" :label="$t('dataset.field_check')" width="60">
+            <template slot="header" slot-scope="scope">
+              <el-checkbox v-model="quotaChecked" :indeterminate="quotaIndeterminate" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveQuota" />
+            </template>
             <template slot-scope="scope">
               <el-checkbox v-model="scope.row.checked" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveEdit(scope.row)" />
             </template>
@@ -242,6 +249,7 @@
           </el-table-column>
           <el-table-column property="" :label="$t('dataset.operator')">
             <template slot-scope="scope">
+              <el-button v-if="false && scope.row.extField === 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="copyField(scope.row)">{{ $t('dataset.copy') }}</el-button>
               <el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="editField(scope.row)">{{ $t('dataset.edit') }}</el-button>
               <el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="deleteField(scope.row)">{{ $t('dataset.delete') }}</el-button>
             </template>
@@ -264,8 +272,9 @@
 </template>
 
 <script>
-import { post, fieldListDQ } from '@/api/dataset/dataset'
+import { post, fieldListDQ, batchEdit } from '@/api/dataset/dataset'
 import CalcFieldEdit from './CalcFieldEdit'
+import { getFieldName } from '@/views/dataset/data/utils'
 export default {
   name: 'FieldEdit',
   components: { CalcFieldEdit },
@@ -299,7 +308,11 @@ export default {
       searchField: '',
       editCalcField: false,
       currEditField: {},
-      isSyncField: false
+      isSyncField: false,
+      dimensionChecked: false,
+      dimensionIndeterminate: false,
+      quotaChecked: false,
+      quotaIndeterminate: false
     }
   },
   watch: {
@@ -331,6 +344,8 @@ export default {
         this.tableFields.dimensionListData = JSON.parse(JSON.stringify(this.tableFields.dimensionList))
         this.tableFields.quotaListData = JSON.parse(JSON.stringify(this.tableFields.quotaList))
         this.filterField(this.searchField)
+        this.dimensionChange()
+        this.quotaChange()
       })
     },
     saveEdit(item) {
@@ -437,6 +452,79 @@ export default {
         })
       }).catch(() => {
       })
+    },
+
+    saveDimension() {
+      const list = JSON.parse(JSON.stringify(this.tableFields.dimensionListData))
+      if (this.dimensionChecked) {
+        list.forEach(ele => {
+          ele.checked = true
+        })
+      } else {
+        list.forEach(ele => {
+          ele.checked = false
+        })
+      }
+      batchEdit(list).then(response => {
+        this.initField()
+        localStorage.setItem('reloadDsData', 'true')
+      })
+    },
+    saveQuota() {
+      const list = JSON.parse(JSON.stringify(this.tableFields.quotaListData))
+      if (this.quotaChecked) {
+        list.forEach(ele => {
+          ele.checked = true
+        })
+      } else {
+        list.forEach(ele => {
+          ele.checked = false
+        })
+      }
+      batchEdit(list).then(response => {
+        this.initField()
+        localStorage.setItem('reloadDsData', 'true')
+      })
+    },
+
+    dimensionChange() {
+      let checkedCount = 0
+      this.tableFields.dimensionListData.forEach(ele => {
+        if (ele.checked) {
+          checkedCount++
+        }
+      })
+      this.dimensionChecked = checkedCount === this.tableFields.dimensionListData.length
+      this.dimensionIndeterminate = checkedCount > 0 && checkedCount < this.tableFields.dimensionListData.length
+    },
+    quotaChange() {
+      let checkedCount = 0
+      this.tableFields.quotaListData.forEach(ele => {
+        if (ele.checked) {
+          checkedCount++
+        }
+      })
+      this.quotaChecked = checkedCount === this.tableFields.quotaListData.length
+      this.quotaIndeterminate = checkedCount > 0 && checkedCount < this.tableFields.quotaListData.length
+    },
+
+    copyField(item) {
+      const param = { ...item }
+      param.id = null
+      param.extField = 2
+      param.originName = '[' + item.id + ']'
+      param.name = getFieldName(this.tableFields.dimensionListData.concat(this.tableFields.quotaListData), item.name)
+      param.dataeaseName = null
+      param.lastSyncTime = null
+      param.columnIndex = this.tableFields.dimensionListData.length + this.tableFields.quotaListData.length
+
+      post('/dataset/field/save', param).then(response => {
+        this.initField()
+        localStorage.setItem('reloadDsData', 'true')
+      }).catch(res => {
+        this.initField()
+        localStorage.setItem('reloadDsData', 'true')
+      })
     }
   }
 }