From ced1be74b3ccec5a600b11bad27afd2242773b31 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Thu, 27 Jun 2024 16:25:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BD=E5=AE=B6=E5=8C=96=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E3=80=81=E8=BF=AD=E4=BB=A3=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=EF=BC=8C=E6=8F=90=E4=BE=9B=E6=89=B9=E9=87=8F=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/admin.js                              |  16 +
 .../system/i18n/components/BatchAddForm.vue   | 235 +++++++-----
 src/views/system/i18n/components/I18nForm.vue | 191 +++++++---
 src/views/system/i18n/index.vue               | 360 ++++++++++++------
 4 files changed, 543 insertions(+), 259 deletions(-)

diff --git a/src/api/admin.js b/src/api/admin.js
index 361ec37f..c03b0d81 100644
--- a/src/api/admin.js
+++ b/src/api/admin.js
@@ -277,3 +277,19 @@ export function batchAddInternationalization(param) {
     data: param
   })
 }
+
+// 国际化获取迭代列表
+export function getPublishVersionSelect() {
+  return request({
+    url: `/PublishLog/getPublishVersionSelect`,
+    method: 'get',
+  })
+}
+// 国际化批量更新
+export function batchUpdateInternationalInfo(data) {
+  return request({
+    url: `/Internationalization/batchUpdateInternationalInfo`,
+    method: 'put',
+    data
+  })
+}
diff --git a/src/views/system/i18n/components/BatchAddForm.vue b/src/views/system/i18n/components/BatchAddForm.vue
index f8e89aa0..b20bc815 100644
--- a/src/views/system/i18n/components/BatchAddForm.vue
+++ b/src/views/system/i18n/components/BatchAddForm.vue
@@ -6,122 +6,162 @@
         v-loading="loading"
         :model="form"
         size="small"
+        :rules="rules"
       >
         <el-form-item label="国际化类型" prop="InternationalizationType">
           <el-radio-group v-model="form.InternationalizationType">
             <el-radio
               v-for="item of $d.InternationalizationType"
-              :key="'InternationalizationType'+item.value"
+              :key="'InternationalizationType' + item.value"
               :label="item.value"
-            >{{ item.label }}</el-radio>
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
         <el-form-item label="状态" prop="State">
           <el-radio-group v-model="form.State">
             <el-radio
               v-for="item of $d.InternationalizationKeyState"
-              :key="'InternationalizationKeyState'+item.value"
+              :key="'InternationalizationKeyState' + item.value"
               :label="item.value"
-            >{{ item.label }}</el-radio>
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
-        <el-table
-          :data="form.AddList"
-          style="width: 100%"
-          height="300"
-        >
-          <el-table-column
-            prop=""
-            label="功能模块/服务名"
-          >
+        <el-form-item label="迭代" prop="PublishLogId">
+          <el-select v-model="form.PublishLogId" clearable filterable>
+            <el-option
+              v-for="item in PublishVersionList"
+              :key="item.Id"
+              :label="item.Version"
+              :value="item.Id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-table :data="form.AddList" style="width: 100%" height="300">
+          <el-table-column prop="" label="功能模块/服务名">
             <template slot-scope="scope">
               <el-form-item
                 label=""
-                :prop="`AddList.${scope.$index}.Description`"
+                :prop="`AddList.${scope.$index}.Module`"
                 :rules="[
-                  { required: true,message: $t('common:ruleMessage:specify'), trigger: ['change','blur']},
-                  { max: 200, message: `${$t('common:ruleMessage:maxLength')} 200` }
+                  {
+                    max: 200,
+                    message: `${$t('common:ruleMessage:maxLength')} 200`,
+                    trigger: ['change', 'blur'],
+                  },
                 ]"
               >
                 <el-input
-                  v-model="scope.row.Description"
+                  v-model="scope.row.Module"
                   type="textarea"
                   maxlength="200"
-                  :autosize="{ minRows: 2, maxRows: 4}"
+                  :autosize="{ minRows: 2, maxRows: 4 }"
                 />
               </el-form-item>
             </template>
           </el-table-column>
-          <el-table-column
-            prop=""
-            label="标识"
-          >
+          <el-table-column prop="" label="标识">
             <template slot-scope="scope">
               <el-form-item
                 label=""
                 :prop="`AddList.${scope.$index}.Code`"
                 :rules="[
-                  { required: true,message: $t('common:ruleMessage:specify'), trigger: ['change','blur']},
-                  { max: 200, message: `${$t('common:ruleMessage:maxLength')} 200` }
+                  {
+                    required: true,
+                    message: $t('common:ruleMessage:specify'),
+                    trigger: ['change', 'blur'],
+                  },
+                  {
+                    max: 200,
+                    message: `${$t('common:ruleMessage:maxLength')} 200`,
+                  },
                 ]"
               >
                 <el-input
                   v-model="scope.row.Code"
                   type="textarea"
                   maxlength="200"
-                  :autosize="{ minRows: 2, maxRows: 4}"
+                  :autosize="{ minRows: 2, maxRows: 4 }"
                 />
               </el-form-item>
             </template>
           </el-table-column>
-          <el-table-column
-            prop=""
-            label="中文值"
-          >
+          <el-table-column prop="" label="中文值">
             <template slot-scope="scope">
               <el-form-item
                 label=""
                 :prop="`AddList.${scope.$index}.ValueCN`"
                 :rules="[
-                  { required: true,message: $t('common:ruleMessage:specify'), trigger: ['change','blur']},
-                  { max: 1000, message: `${$t('common:ruleMessage:maxLength')} 1000` }
+                  {
+                    required: true,
+                    message: $t('common:ruleMessage:specify'),
+                    trigger: ['change', 'blur'],
+                  },
+                  {
+                    max: 1000,
+                    message: `${$t('common:ruleMessage:maxLength')} 1000`,
+                  },
                 ]"
               >
                 <el-input
                   v-model="scope.row.ValueCN"
                   type="textarea"
                   maxlength="1000"
-                  :autosize="{ minRows: 2, maxRows: 4}"
+                  :autosize="{ minRows: 2, maxRows: 4 }"
                 />
               </el-form-item>
             </template>
           </el-table-column>
-          <el-table-column
-            prop=""
-            label="英文值"
-          >
+          <el-table-column prop="" label="英文值">
             <template slot-scope="scope">
               <el-form-item
                 label=""
                 :prop="`AddList.${scope.$index}.Value`"
                 :rules="[
-                  { required: true,message: $t('common:ruleMessage:specify'), trigger: ['change','blur']},
-                  { max: 1000, message: `${$t('common:ruleMessage:maxLength')} 1000` }
+                  {
+                    required: true,
+                    message: $t('common:ruleMessage:specify'),
+                    trigger: ['change', 'blur'],
+                  },
+                  {
+                    max: 1000,
+                    message: `${$t('common:ruleMessage:maxLength')} 1000`,
+                  },
                 ]"
               >
                 <el-input
                   v-model="scope.row.Value"
                   type="textarea"
                   maxlength="1000"
-                  :autosize="{ minRows: 2, maxRows: 4}"
+                  :autosize="{ minRows: 2, maxRows: 4 }"
                 />
               </el-form-item>
             </template>
           </el-table-column>
-          <el-table-column
-            align="right"
-            width="100"
-          >
+          <el-table-column prop="" label="说明">
+            <template slot-scope="scope">
+              <el-form-item
+                label=""
+                :prop="`AddList.${scope.$index}.Description`"
+                :rules="[
+                  {
+                    max: 200,
+                    message: `${$t('common:ruleMessage:maxLength')} 200`,
+                    trigger: ['change', 'blur'],
+                  },
+                ]"
+              >
+                <el-input
+                  v-model="scope.row.Description"
+                  type="textarea"
+                  maxlength="200"
+                  :autosize="{ minRows: 2, maxRows: 4 }"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column align="right" width="100">
             <template slot="header">
               <!-- 新增 -->
               <el-button
@@ -129,7 +169,8 @@
                 type="primary"
                 icon="el-icon-plus"
                 @click="handleAdd"
-              >{{ $t('common:button:new') }}</el-button>
+                >{{ $t("common:button:new") }}</el-button
+              >
             </template>
             <template slot-scope="scope">
               <!-- 删除 -->
@@ -138,81 +179,97 @@
                 type="text"
                 icon="el-icon-delete"
                 @click="handleDelete(scope.$index)"
-              >{{ $t('common:button:delete') }}</el-button>
+                >{{ $t("common:button:delete") }}</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
       </el-form>
-
     </template>
     <template slot="dialog-footer">
-      <el-button size="small" type="primary" @click="handleCancle">取消</el-button>
-      <el-button size="small" type="primary" @click="handleSave">保存</el-button>
+      <el-button size="small" type="primary" @click="handleCancle"
+        >取消</el-button
+      >
+      <el-button size="small" type="primary" @click="handleSave"
+        >保存</el-button
+      >
     </template>
   </base-model>
 </template>
 <script>
-import { batchAddInternationalization } from '@/api/admin'
-import BaseModel from '@/components/BaseModel'
+import { batchAddInternationalization } from "@/api/admin";
+import BaseModel from "@/components/BaseModel";
 const formDataDefault = () => {
   return {
     State: 0,
     InternationalizationType: 1,
-    AddList: []
-  }
-}
+    PublishLogId: null,
+    AddList: [],
+  };
+};
 export default {
-  name: 'BatcnAddForm',
+  name: "BatcnAddForm",
   components: { BaseModel },
   data() {
     return {
       loading: false,
       form: formDataDefault(),
-      model_cfg: { visible: false, showClose: true, width: '800px', title: '', appendToBody: true }
-    }
-  },
-  mounted() {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: "800px",
+        title: "",
+        appendToBody: true,
+      },
+      rules: {
+        PublishLogId: [{ required: true, message: "请选择", trigger: "blur" }],
+      },
+      PublishVersionList: [],
+    };
   },
+  mounted() {},
   methods: {
-
-    openDialog(title, data) {
-      this.model_cfg.visible = true
-      this.model_cfg.title = title
-      this.form = formDataDefault()
+    openDialog(title, data, options = []) {
+      this.PublishVersionList = options;
+      this.model_cfg.visible = true;
+      this.model_cfg.title = title;
+      this.form = formDataDefault();
     },
     handleSave() {
-      this.$refs.batcnAddForm.validate(valid => {
-        if (!valid) return
-        this.loading = true
-        batchAddInternationalization(this.form).then(res => {
-          this.loading = false
-          this.$message.success(this.$t('common:message:savedSuccessfully'))
-          this.model_cfg.visible = false
-          this.$emit('getList')
-        }).catch(() => {
-          this.loading = false
-        })
-      })
+      this.$refs.batcnAddForm.validate((valid) => {
+        if (!valid) return;
+        this.loading = true;
+        batchAddInternationalization(this.form)
+          .then((res) => {
+            this.loading = false;
+            this.$message.success(this.$t("common:message:savedSuccessfully"));
+            this.model_cfg.visible = false;
+            this.$emit("getList");
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
     },
     handleCancle() {
-      this.model_cfg.visible = false
+      this.model_cfg.visible = false;
     },
     handleAdd() {
       this.form.AddList.push({
-        Description: '',
-        Code: '',
-        ValueCN: '',
-        Value: ''
-      })
+        Description: "",
+        Code: "",
+        ValueCN: "",
+        Value: "",
+      });
     },
     handleDelete(index) {
-      this.$confirm('是否确认删除？', {
-        type: 'warning',
-        distinguishCancelAndClose: true
+      this.$confirm("是否确认删除？", {
+        type: "warning",
+        distinguishCancelAndClose: true,
       }).then(() => {
-        this.form.AddList.splice(index, 1)
-      })
-    }
-  }
-}
+        this.form.AddList.splice(index, 1);
+      });
+    },
+  },
+};
 </script>
diff --git a/src/views/system/i18n/components/I18nForm.vue b/src/views/system/i18n/components/I18nForm.vue
index 68ff924d..7e8150d0 100644
--- a/src/views/system/i18n/components/I18nForm.vue
+++ b/src/views/system/i18n/components/I18nForm.vue
@@ -9,147 +9,216 @@
         label-width="130px"
         size="small"
       >
-        <el-form-item label="国际化类型" prop="InternationalizationType">
+        <el-form-item
+          label="国际化类型"
+          prop="InternationalizationType"
+          v-if="status !== 'batch'"
+        >
           <el-radio-group v-model="form.InternationalizationType">
             <el-radio
               v-for="item of $d.InternationalizationType"
-              :key="'InternationalizationType'+item.value"
+              :key="'InternationalizationType' + item.value"
               :label="item.value"
-            >{{ item.label }}</el-radio>
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="功能模块/服务名" prop="Description">
+        <el-form-item
+          label="功能模块/服务名"
+          prop="Module"
+          v-if="status !== 'batch'"
+        >
           <el-input
-            v-model="form.Description"
+            v-model="form.Module"
             type="textarea"
             maxlength="200"
-            :autosize="{ minRows: 2, maxRows: 4}"
+            :autosize="{ minRows: 2, maxRows: 4 }"
           />
         </el-form-item>
-        <el-form-item label="标识" prop="Code">
+        <el-form-item label="标识" prop="Code" v-if="status !== 'batch'">
           <el-input
             v-model="form.Code"
             type="textarea"
             maxlength="200"
-            :autosize="{ minRows: 2, maxRows: 4}"
+            :autosize="{ minRows: 2, maxRows: 4 }"
           />
         </el-form-item>
-        <el-form-item label="中文值" prop="ValueCN">
+        <el-form-item label="中文值" prop="ValueCN" v-if="status !== 'batch'">
           <el-input
             v-model="form.ValueCN"
             type="textarea"
             maxlength="1000"
-            :autosize="{ minRows: 2, maxRows: 4}"
+            :autosize="{ minRows: 2, maxRows: 4 }"
           />
         </el-form-item>
-        <el-form-item label="英文值" prop="Value">
+        <el-form-item label="英文值" prop="Value" v-if="status !== 'batch'">
           <el-input
             v-model="form.Value"
             type="textarea"
             maxlength="1000"
-            :autosize="{ minRows: 2, maxRows: 4}"
+            :autosize="{ minRows: 2, maxRows: 4 }"
           />
         </el-form-item>
-
         <el-form-item label="状态" prop="State">
           <el-radio-group v-model="form.State">
             <el-radio
               v-for="item of $d.InternationalizationKeyState"
-              :key="'InternationalizationKeyState'+item.value"
+              :key="'InternationalizationKeyState' + item.value"
               :label="item.value"
-            >{{ item.label }}</el-radio>
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
+        <el-form-item label="说明" prop="Description" v-if="status !== 'batch'">
+          <el-input
+            v-model="form.Description"
+            type="textarea"
+            maxlength="200"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          />
+        </el-form-item>
+        <el-form-item label="迭代" prop="PublishLogId">
+          <el-select v-model="form.PublishLogId" clearable filterable>
+            <el-option
+              v-for="item in PublishVersionList"
+              :key="item.Id"
+              :label="item.Version"
+              :value="item.Id"
+            />
+          </el-select>
+        </el-form-item>
       </el-form>
     </template>
     <template slot="dialog-footer">
-      <el-button size="small" type="primary" @click="handleCancle">取消</el-button>
-      <el-button size="small" type="primary" @click="handleSave">保存</el-button>
+      <el-button size="small" type="primary" @click="handleCancle"
+        >取消</el-button
+      >
+      <el-button size="small" type="primary" @click="handleSave"
+        >保存</el-button
+      >
     </template>
   </base-model>
 </template>
 <script>
-import { addOrUpdateInternationalization } from '@/api/admin'
-import BaseModel from '@/components/BaseModel'
+import { addOrUpdateInternationalization } from "@/api/admin";
+import BaseModel from "@/components/BaseModel";
 const formDataDefault = () => {
   return {
     Id: null,
     State: 0,
     Description: null,
+    Module: null,
     Code: null,
     Value: null,
     ValueCN: null,
-    InternationalizationType: 1
-  }
-}
+    InternationalizationType: 1,
+    PublishLogId: null,
+  };
+};
 export default {
-  name: 'I18nForm',
+  name: "I18nForm",
   components: { BaseModel },
   data() {
     return {
+      status: "add", // add update batch
       loading: false,
       form: formDataDefault(),
       rules: {
-        State: [
-          { required: true, message: '请选择', trigger: 'blur' }
+        State: [{ required: true, message: "请选择", trigger: "blur" }],
+        Module: [
+          {
+            max: 200,
+            message: `${this.$t("common:ruleMessage:maxLength")} 200`,
+            trigger: "blur",
+          },
         ],
         Description: [
-          { required: true, message: '请注明', trigger: 'blur' },
-          { max: 200, message: `${this.$t('common:ruleMessage:maxLength')} 200` }
+          {
+            max: 200,
+            message: `${this.$t("common:ruleMessage:maxLength")} 200`,
+            trigger: "blur",
+          },
         ],
         Code: [
-          { required: true, message: '请注明', trigger: 'blur' },
-          { max: 200, message: `${this.$t('common:ruleMessage:maxLength')} 200` }
+          { required: true, message: "请注明", trigger: "blur" },
+          {
+            max: 200,
+            message: `${this.$t("common:ruleMessage:maxLength")} 200`,
+          },
         ],
         Value: [
-          { required: true, message: '请注明', trigger: 'blur' },
-          { max: 1000, message: `${this.$t('common:ruleMessage:maxLength')} 1000` }
+          { required: true, message: "请注明", trigger: "blur" },
+          {
+            max: 1000,
+            message: `${this.$t("common:ruleMessage:maxLength")} 1000`,
+          },
         ],
         ValueCN: [
-          { required: true, message: '请注明', trigger: 'blur' },
-          { max: 1000, message: `${this.$t('common:ruleMessage:maxLength')} 1000` }
+          { required: true, message: "请注明", trigger: "blur" },
+          {
+            max: 1000,
+            message: `${this.$t("common:ruleMessage:maxLength")} 1000`,
+          },
         ],
         InternationalizationType: [
-          { required: true, message: '请选择', trigger: 'blur' }
-        ]
+          { required: true, message: "请选择", trigger: "blur" },
+        ],
+        PublishLogId: [{ required: true, message: "请选择", trigger: "blur" }],
       },
-      model_cfg: { visible: false, showClose: true, width: '600px', title: '', appendToBody: true }
-    }
-  },
-  mounted() {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: "600px",
+        title: "",
+        appendToBody: true,
+      },
+      PublishVersionList: [],
+    };
   },
+  mounted() {},
   methods: {
-
-    openDialog(title, data) {
-      this.model_cfg.visible = true
-      this.model_cfg.title = title
+    openDialog(title, data, options = [], status) {
+      this.PublishVersionList = options;
+      this.status = status;
+      this.model_cfg.visible = true;
+      this.model_cfg.title = title;
       if (Object.keys(data).length > 0) {
         for (const k in this.form) {
           if (data.hasOwnProperty(k)) {
-            this.form[k] = data[k]
+            this.form[k] = data[k];
           }
         }
       } else {
-        this.form = formDataDefault()
+        this.form = formDataDefault();
       }
     },
     handleSave() {
-      this.$refs.i18nForm.validate(valid => {
-        if (!valid) return
-        this.loading = true
-        addOrUpdateInternationalization(this.form).then(res => {
-          this.loading = false
-          this.$message.success(this.$t('common:message:savedSuccessfully'))
-          this.model_cfg.visible = false
-          this.$emit('getList')
-        }).catch(() => {
-          this.loading = false
-        })
-      })
+      this.$refs.i18nForm.validate((valid) => {
+        if (!valid) return;
+        this.loading = true;
+        if (this.status === "batch") {
+          return this.$emit("batch", this.form);
+        }
+        addOrUpdateInternationalization(this.form)
+          .then((res) => {
+            this.loading = false;
+            this.$message.success(this.$t("common:message:savedSuccessfully"));
+            this.model_cfg.visible = false;
+            this.$emit("getList");
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
     },
     handleCancle() {
-      this.model_cfg.visible = false
-    }
-  }
-}
+      this.model_cfg.visible = false;
+    },
+  },
+};
 </script>
+<style lang="scss" scoped>
+::v-deep .el-select {
+  width: 100%;
+}
+</style>
diff --git a/src/views/system/i18n/index.vue b/src/views/system/i18n/index.vue
index 2606c775..5ba45484 100644
--- a/src/views/system/i18n/index.vue
+++ b/src/views/system/i18n/index.vue
@@ -7,11 +7,11 @@
             v-model="searchData.InternationalizationType"
             clearable
             filterable
-            style="width:130px;"
+            style="width: 130px"
           >
             <el-option
               v-for="item of $d.InternationalizationType"
-              :key="'InternationalizationType'+item.value"
+              :key="'InternationalizationType' + item.value"
               :label="item.label"
               :value="item.value"
             />
@@ -19,10 +19,10 @@
         </el-form-item>
         <el-form-item label="功能模块/服务名">
           <el-input
-            v-model="searchData.Description"
+            v-model="searchData.Module"
             size="small"
             clearable
-            style="width:130px;"
+            style="width: 130px"
           />
         </el-form-item>
         <el-form-item label="标识">
@@ -30,7 +30,7 @@
             v-model="searchData.Code"
             size="small"
             clearable
-            style="width:130px;"
+            style="width: 130px"
           />
         </el-form-item>
         <el-form-item label="中文值">
@@ -38,27 +38,55 @@
             v-model="searchData.ValueCN"
             size="small"
             clearable
-            style="width:130px;"
+            style="width: 130px"
           />
         </el-form-item>
         <el-form-item label="英文值">
           <el-input
             v-model="searchData.Value"
             size="small"
-            style="width:130px;"
+            style="width: 130px"
             clearable
           />
         </el-form-item>
         <el-form-item label="状态">
-          <el-select v-model="searchData.State" clearable filterable style="width:130px;">
+          <el-select
+            v-model="searchData.State"
+            clearable
+            filterable
+            style="width: 130px"
+          >
             <el-option
               v-for="item of $d.InternationalizationKeyState"
-              :key="'InternationalizationKeyState'+item.value"
+              :key="'InternationalizationKeyState' + item.value"
               :label="item.label"
               :value="item.value"
             />
           </el-select>
         </el-form-item>
+        <el-form-item label="说明">
+          <el-input
+            v-model="searchData.Description"
+            size="small"
+            clearable
+            style="width: 130px"
+          />
+        </el-form-item>
+        <el-form-item label="迭代">
+          <el-select
+            v-model="searchData.PublishLogId"
+            clearable
+            filterable
+            style="width: 130px"
+          >
+            <el-option
+              v-for="item in PublishVersionList"
+              :key="item.Id"
+              :label="item.Version"
+              :value="item.Id"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item>
           <el-button
             type="primary"
@@ -84,20 +112,27 @@
           >
             批量新增
           </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-edit-outline"
+            size="mini"
+            :disabled="selectTableList.length <= 0"
+            @click="handleBatchUpdate"
+          >
+            批量更新
+          </el-button>
         </el-form-item>
       </el-form>
       <el-table
         v-loading="loading"
-        v-adaptive="{bottomOffset:45}"
+        v-adaptive="{ bottomOffset: 45 }"
         height="100"
         :data="list"
         class="table"
         @sort-change="handleSortByColumn"
-      >
-        <el-table-column
-          type="index"
-          width="50"
-        />
+        @selection-change="handleSelectionChange"
+        ><el-table-column type="selection" width="50" />
+        <el-table-column type="index" width="50" />
         <el-table-column
           label="国际化类型"
           prop="InternationalizationType"
@@ -106,21 +141,42 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.InternationalizationType === 0" type="primary">
-              {{ $fd('InternationalizationType', scope.row.InternationalizationType) }}
+            <el-tag
+              v-if="scope.row.InternationalizationType === 0"
+              type="primary"
+            >
+              {{
+                $fd(
+                  "InternationalizationType",
+                  scope.row.InternationalizationType
+                )
+              }}
             </el-tag>
-            <el-tag v-else-if="scope.row.InternationalizationType === 1" type="warning">
-              {{ $fd('InternationalizationType', scope.row.InternationalizationType) }}
+            <el-tag
+              v-else-if="scope.row.InternationalizationType === 1"
+              type="warning"
+            >
+              {{
+                $fd(
+                  "InternationalizationType",
+                  scope.row.InternationalizationType
+                )
+              }}
             </el-tag>
             <el-tag v-else>
-              {{ $fd('InternationalizationType', scope.row.InternationalizationType) }}
+              {{
+                $fd(
+                  "InternationalizationType",
+                  scope.row.InternationalizationType
+                )
+              }}
             </el-tag>
           </template>
         </el-table-column>
         <el-table-column
           label="功能模块/服务名"
-          prop="Description"
-          min-width="100"
+          prop="Module"
+          min-width="120"
           show-overflow-tooltip
           sortable="custom"
         />
@@ -154,16 +210,30 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.State === 0" type="danger">
-              {{ $fd('InternationalizationKeyState', scope.row.State) }}
+              {{ $fd("InternationalizationKeyState", scope.row.State) }}
             </el-tag>
             <el-tag v-else-if="scope.row.State === 1" type="primary">
-              {{ $fd('InternationalizationKeyState', scope.row.State) }}
+              {{ $fd("InternationalizationKeyState", scope.row.State) }}
             </el-tag>
             <el-tag v-else>
-              {{ $fd('InternationalizationKeyState', scope.row.State) }}
+              {{ $fd("InternationalizationKeyState", scope.row.State) }}
             </el-tag>
           </template>
         </el-table-column>
+        <el-table-column
+          label="说明"
+          prop="Description"
+          min-width="100"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          label="迭代"
+          prop="Version"
+          min-width="100"
+          show-overflow-tooltip
+          sortable="custom"
+        />
         <el-table-column
           label="更新时间"
           prop="UpdateTime"
@@ -197,11 +267,10 @@
             >
               删除
             </el-button>
-
           </template>
         </el-table-column>
       </el-table>
-      <div class="pagination" style="text-align: right;margin-top:5px;">
+      <div class="pagination" style="text-align: right; margin-top: 5px">
         <pagination
           :total="total"
           :page.sync="searchData.PageIndex"
@@ -209,20 +278,22 @@
           @pagination="getList"
         />
       </div>
-      <i18n-form
-        ref="i18nForm"
-        @getList="getList"
-      />
+      <i18n-form ref="i18nForm" @getList="getList" @batch="batch" />
       <BatchAddForm ref="batcnAddForm" @getList="getList" />
     </div>
   </div>
 </template>
 <script>
-import { getInternationalizationList, deleteInternationalization } from '@/api/admin'
-import Pagination from '@/components/Pagination'
-import I18nForm from './components/I18nForm.vue'
-import BatchAddForm from './components/BatchAddForm.vue'
-import moment from 'moment'
+import {
+  getInternationalizationList,
+  deleteInternationalization,
+  getPublishVersionSelect,
+  batchUpdateInternationalInfo,
+} from "@/api/admin";
+import Pagination from "@/components/Pagination";
+import I18nForm from "./components/I18nForm.vue";
+import BatchAddForm from "./components/BatchAddForm.vue";
+import moment from "moment";
 const searchDataDefault = () => {
   return {
     Description: null,
@@ -230,14 +301,16 @@ const searchDataDefault = () => {
     ValueCN: null,
     InternationalizationType: null,
     State: null,
+    Module: null,
+    PublishLogId: null,
     Asc: true,
-    SortField: '',
+    SortField: "",
     PageIndex: 1,
-    PageSize: 20
-  }
-}
+    PageSize: 20,
+  };
+};
 export default {
-  name: 'I18n',
+  name: "I18n",
   components: { Pagination, I18nForm, BatchAddForm },
   data() {
     return {
@@ -245,100 +318,169 @@ export default {
       searchData: searchDataDefault(),
       list: [],
       total: 0,
-      loading: false
-    }
+      loading: false,
+      PublishVersionList: [],
+      selectTableList: [],
+    };
   },
   mounted() {
-    this.getList()
+    this.getList();
+    this.getPublishVersionSelect();
   },
   methods: {
+    // 获取迭代
+    async getPublishVersionSelect() {
+      try {
+        let res = await getPublishVersionSelect();
+        if (res.IsSuccess) {
+          this.PublishVersionList = res.Result;
+        }
+      } catch (err) {
+        console.log(err);
+      }
+    },
     getList() {
-      this.loading = true
-      getInternationalizationList(this.searchData).then((res) => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      }).catch(() => {
-        this.loading = false
-      })
+      this.loading = true;
+      getInternationalizationList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    // 批量更新
+    handleBatchUpdate() {
+      this.$nextTick(() => {
+        this.$refs["i18nForm"].openDialog(
+          "批量更新",
+          {},
+          this.PublishVersionList,
+          "batch"
+        );
+      });
+    },
+    async batch(row) {
+      let { PublishLogId, State } = row;
+      let data = {
+        PublishLogId,
+        State,
+        IdList: this.selectTableList.map((item) => item.Id),
+      };
+      try {
+        let res = await batchUpdateInternationalInfo(data);
+        if (res.IsSuccess) {
+          this.$message.success(this.$t("common:message:updatedSuccessfully"));
+          this.getList();
+          this.$nextTick(() => {
+            this.$refs["i18nForm"].handleCancle();
+          });
+        }
+      } catch (err) {
+        console.log(err);
+      }
     },
     handleAdd() {
       this.$nextTick(() => {
-        this.$refs['i18nForm'].openDialog('新增', {})
-      })
+        this.$refs["i18nForm"].openDialog(
+          "新增",
+          {},
+          this.PublishVersionList,
+          "add"
+        );
+      });
     },
     handleBatchAdd() {
       this.$nextTick(() => {
-        this.$refs['batcnAddForm'].openDialog('批量新增', {})
-      })
+        this.$refs["batcnAddForm"].openDialog(
+          "批量新增",
+          {},
+          this.PublishVersionList
+        );
+      });
     },
     handleEdit(row) {
       this.$nextTick(() => {
-        this.$refs['i18nForm'].openDialog('编辑', row)
-      })
+        this.$refs["i18nForm"].openDialog(
+          "编辑",
+          row,
+          this.PublishVersionList,
+          "update"
+        );
+      });
     },
     // 重置列表查询
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 删除
     handleDelete(row) {
-      this.$confirm('是否确认删除？', {
-        type: 'warning',
-        distinguishCancelAndClose: true
-      })
-        .then(() => {
-          this.loading = true
-          deleteInternationalization(row.Id)
-            .then(res => {
-              this.loading = false
-              if (res.IsSuccess) {
-                this.getList()
-                this.$message.success(this.$t('common:message:deletedSuccessfully'))
-              }
-            }).catch(() => { this.loading = false })
-        })
+      this.$confirm("是否确认删除？", {
+        type: "warning",
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        this.loading = true;
+        deleteInternationalization(row.Id)
+          .then((res) => {
+            this.loading = false;
+            if (res.IsSuccess) {
+              this.getList();
+              this.$message.success(
+                this.$t("common:message:deletedSuccessfully")
+              );
+            }
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
+    },
+    // 选择
+    handleSelectionChange(val) {
+      this.selectTableList = val;
+    },
+  },
+};
+</script>
+<style lang="scss">
+.log {
+  height: 100%;
+  box-sizing: border-box;
+  display: flex;
+  padding: 10px;
+  border-radius: 5px;
+  .left {
+    display: flex;
+    flex-direction: column;
+    width: 0;
+    flex-grow: 4;
+    // border-right: 1px solid #ccc;
+    .filter-container {
+      display: flex;
+      align-items: center;
+      margin: 5px;
+    }
+    .data-table {
+      flex: 1;
+      padding: 5px 0px;
+    }
+    .pagination-container {
+      text-align: right;
     }
   }
 }
-</script>
-<style lang="scss">
-  .log {
-    height: 100%;
-    box-sizing: border-box;
-    display: flex;
-    padding: 10px;
-    border-radius: 5px;
-    .left {
-      display: flex;
-      flex-direction: column;
-      width: 0;
-      flex-grow: 4;
-      // border-right: 1px solid #ccc;
-      .filter-container {
-        display: flex;
-        align-items: center;
-        margin: 5px;
-      }
-      .data-table {
-        flex: 1;
-        padding: 5px 0px;
-      }
-      .pagination-container {
-        text-align: right;
-      }
-    }
-  }
 </style>