From 049bc928ce45771b281c9a1e5a04deef192dd1c0 Mon Sep 17 00:00:00 2001
From: Bai <baijiangjie@gmail.com>
Date: Tue, 7 Feb 2023 14:18:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E7=BB=88=E7=AB=AF?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=89=B9=E9=87=8F=E6=9B=B4=E6=96=B0=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Terminal/Component/TerminalList.vue       | 82 ++++++++++++++++++-
 1 file changed, 81 insertions(+), 1 deletion(-)

diff --git a/src/views/settings/Terminal/Component/TerminalList.vue b/src/views/settings/Terminal/Component/TerminalList.vue
index 9067023f3..8891de092 100644
--- a/src/views/settings/Terminal/Component/TerminalList.vue
+++ b/src/views/settings/Terminal/Component/TerminalList.vue
@@ -1,19 +1,99 @@
 <template>
   <div>
     <ListTable :table-config="tableConfig" :header-actions="headerActions" />
+    <Dialog
+      :visible.sync="dialogSettings.visible"
+      :destroy-on-close="true"
+      :show-cancel="false"
+      :title="$tc('sessions.terminalUpdateStorage')"
+      :show-confirm="false"
+    >
+      <GenericCreateUpdateForm v-bind="dialogSettings.iFormSetting" />
+    </Dialog>
   </div>
 </template>
 
 <script>
 import ListTable from '@/components/ListTable'
+import { GenericCreateUpdateForm } from '@/layout/components'
+import Dialog from '@/components/Dialog'
+import Select2 from '@/components/FormFields/Select2'
 
 export default {
   components: {
-    ListTable
+    ListTable,
+    Dialog,
+    GenericCreateUpdateForm
   },
   data() {
     const vm = this
     return {
+      dialogSettings: {
+        selectedRows: [],
+        visible: false,
+        iFormSetting: {
+          url: '/api/v1/terminal/terminals/',
+          getUrl: () => '/api/v1/terminal/terminals/',
+          fields: [
+            ['', ['command_storage', 'replay_storage']]
+          ],
+          fieldsMeta: {
+            command_storage: {
+              label: this.$t('sessions.commandStorage'),
+              component: Select2,
+              el: {
+                ajax: {
+                  url: `/api/v1/terminal/command-storages/`
+                },
+                multiple: false
+              }
+            },
+            replay_storage: {
+              label: this.$t('sessions.replayStorage'),
+              component: Select2,
+              el: {
+                ajax: {
+                  url: `/api/v1/terminal/replay-storages/`
+                },
+                multiple: false
+              }
+            }
+          },
+          submitMethod: () => 'post',
+          cleanFormValue: (value) => {
+            const formValue = []
+            let object = {}
+            for (const row of this.dialogSettings.selectedRows) {
+              object = Object.assign({}, value, { id: row.id })
+              formValue.push(object)
+            }
+            return formValue
+          },
+          onSubmit: (validValues) => {
+            const url = '/api/v1/terminal/terminals/'
+            const msg = this.$t('common.updateSuccessMsg')
+            validValues = Object.values(validValues)
+            this.$axios.patch(url, validValues).then((res) => {
+              this.$message.success(msg)
+              this.dialogSettings.visible = false
+            }).catch(error => {
+              this.$emit('submitError', error)
+              const response = error.response
+              const data = response.data
+              if (response.status === 400) {
+                for (const key of Object.keys(data)) {
+                  let value = data[key]
+                  if (value instanceof Array) {
+                    value = value.join(';')
+                  }
+                  this.$refs.form.setFieldError(key, value)
+                }
+              }
+            })
+          },
+          hasSaveContinue: false
+        }
+      },
       tableConfig: {
         url: '/api/v1/terminal/terminals/',
         permissions: {