{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\multiLanguage\\langList.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\multiLanguage\\langList.vue","mtime":1761614939057},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHsgbGFuZ0NvZGVMaXN0LCBsYW5nQ29kZUluZm8sIGxhbmdDb2RlU2V0dGluZ1NhdmUsIGxhbmdDb2RlVHJhbnNsYXRlIH0gZnJvbSAnQC9hcGkvc2V0dGluZyc7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgYWRkbGFuZ01vZGFsOiBmYWxzZSwNCiAgICAgIHRyYVRhYkxvYWRpbmc6IGZhbHNlLA0KICAgICAgbGFuZ1R5cGU6IHt9LA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIGlzX2FkbWluOiAwLA0KICAgICAgICB0eXBlX2lkOiAxLA0KICAgICAgICByZW1hcmtzOiAnJywNCiAgICAgICAgcGFnZTogMSwNCiAgICAgICAgbGltaXQ6IDIwLA0KICAgICAgfSwNCiAgICAgIHRvdGFsOiAwLA0KICAgICAgRm9ybUxvYWRpbmc6IHRydWUsDQogICAgICBsb2FkaW5nOiBmYWxzZSwNCiAgICAgIHJ1bGVWYWxpZGF0ZTogew0KICAgICAgICBjb2RlOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeeKtuaAgeeggS/mloflrZcnLCB0cmlnZ2VyOiAnYmx1cicgfV0sDQogICAgICAgIHJlbWFya3M6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl5paH5a2XJywgdHJpZ2dlcjogJ2JsdXInIH1dLA0KICAgICAgfSwNCiAgICAgIGxhbmdDb2x1bW5zOiBbDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+ivreiogOexu+WeiycsDQogICAgICAgICAga2V5OiAnbGFuZ3VhZ2VfbmFtZScsDQogICAgICAgICAgd2lkdGg6IDEyMCwNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHRpdGxlOiAn5a+55bqU6K+t6KiA57+76K+RJywNCiAgICAgICAgICBzbG90OiAnbGFuZ19leHBsYWluJywNCiAgICAgICAgICBtaW5XaWR0aDogMjUwLA0KICAgICAgICB9LA0KICAgICAgXSwNCiAgICAgIGxhbmdEYXRhOiBbXSwNCiAgICAgIGxhbmdGb3JtRGF0YTogew0KICAgICAgICBpc19hZG1pbjogMCwNCiAgICAgICAgY29kZTogJycsDQogICAgICAgIHJlbWFya3M6ICcnLA0KICAgICAgICBlZGl0OiAwLA0KICAgICAgICBsaXN0OiBbXSwNCiAgICAgIH0sDQogICAgICB0YWJMaXN0OiBbXSwNCiAgICAgIEZyb21EYXRhOiBudWxsLA0KICAgICAgZXh0cmFjdElkOiAwLA0KICAgICAgY29kZTogbnVsbCwNCiAgICB9Ow0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcFN0YXRlKCdtZWRpYScsIFsnaXNNb2JpbGUnXSksDQogICAgbGFiZWxXaWR0aCgpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gdW5kZWZpbmVkIDogJzgwcHgnOw0KICAgIH0sDQogICAgbGFiZWxQb3NpdGlvbigpIHsNCiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gJ3RvcCcgOiAncmlnaHQnOw0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy5nZXRMaXN0KCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICB0cmFuc2xhdGUoKSB7DQogICAgICBpZiAoIXRoaXMubGFuZ0Zvcm1EYXRhLnJlbWFya3MudHJpbSgpKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRtZXNzYWdlLndhcm5pbmcoJ+ivt+WFiOi+k+WFpee/u+ivkeWGheWuuScpOw0KICAgICAgfQ0KICAgICAgdGhpcy50cmFUYWJMb2FkaW5nID0gdHJ1ZTsNCiAgICAgIGxhbmdDb2RlVHJhbnNsYXRlKHsNCiAgICAgICAgdGV4dDogdGhpcy5sYW5nRm9ybURhdGEucmVtYXJrcywNCiAgICAgIH0pDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxhbmdGb3JtRGF0YS5saXN0Lm1hcCgoZSkgPT4gew0KICAgICAgICAgICAgZS5sYW5nX2V4cGxhaW4gPSByZXMuZGF0YVtlLnR5cGVfaWRdOw0KICAgICAgICAgIH0pOw0KICAgICAgICAgIHRoaXMudHJhVGFiTG9hZGluZyA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKGVycikgPT4gew0KICAgICAgICAgIHRoaXMudHJhVGFiTG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgYWRkKCkgew0KICAgICAgdGhpcy5sYW5nRm9ybURhdGEubGlzdCA9IHRoaXMubGFuZ1R5cGUubGFuZ1R5cGUubWFwKChlKSA9PiB7DQogICAgICAgIHJldHVybiB7DQogICAgICAgICAgbGFuZ3VhZ2VfbmFtZTogZS50aXRsZSwNCiAgICAgICAgICBsYW5nX2V4cGxhaW46ICcnLA0KICAgICAgICAgIHJlbWFya3M6ICcnLA0KICAgICAgICAgIHR5cGVfaWQ6IGUudmFsdWUsDQogICAgICAgIH07DQogICAgICB9KTsNCiAgICAgIHRoaXMuYWRkbGFuZ01vZGFsID0gdHJ1ZTsNCiAgICB9LA0KICAgIG9rKCkgew0KICAgICAgaWYgKCF0aGlzLmxhbmdGb3JtRGF0YS5yZW1hcmtzLnRyaW0oKSkgew0KICAgICAgICB0aGlzLkZvcm1Mb2FkaW5nID0gZmFsc2U7DQogICAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAgICAgICB0aGlzLkZvcm1Mb2FkaW5nID0gdHJ1ZTsNCiAgICAgICAgfSk7DQogICAgICAgIHJldHVybiB0aGlzLiRtZXNzYWdlLmVycm9yKCfor7flhYjovpPlhaXor63oqIDor7TmmI4nKTsNCiAgICAgIH0NCiAgICAgIGxhbmdDb2RlU2V0dGluZ1NhdmUodGhpcy5sYW5nRm9ybURhdGEpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmFkZGxhbmdNb2RhbCA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICB0aGlzLmdldExpc3QoKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICB0aGlzLkZvcm1Mb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICAgICAgdGhpcy5Gb3JtTG9hZGluZyA9IHRydWU7DQogICAgICAgICAgfSk7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICBlZGl0KHJvdykgew0KICAgICAgdGhpcy5sYW5nRm9ybURhdGEuaXNfYWRtaW4gPSB0aGlzLmZvcm1WYWxpZGF0ZS5pc19hZG1pbjsNCiAgICAgIHRoaXMuY29kZSA9IHJvdy5jb2RlOw0KICAgICAgbGFuZ0NvZGVJbmZvKHsgY29kZTogcm93LmNvZGUgfSkNCiAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMubGFuZ0Zvcm1EYXRhLmxpc3QgPSByZXMuZGF0YS5saXN0Ow0KICAgICAgICAgIHRoaXMubGFuZ0Zvcm1EYXRhLmNvZGUgPSByZXMuZGF0YS5jb2RlOw0KICAgICAgICAgIHRoaXMubGFuZ0Zvcm1EYXRhLnJlbWFya3MgPSByZXMuZGF0YS5yZW1hcmtzOw0KICAgICAgICAgIHRoaXMubGFuZ0Zvcm1EYXRhLmVkaXQgPSAxOw0KICAgICAgICAgIHRoaXMuYWRkbGFuZ01vZGFsID0gdHJ1ZTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGVyci5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOWIoOmZpA0KICAgIGRlbChyb3csIHRpdCwgbnVtKSB7DQogICAgICBsZXQgZGVsZnJvbURhdGEgPSB7DQogICAgICAgIHRpdGxlOiB0aXQsDQogICAgICAgIG51bTogbnVtLA0KICAgICAgICB1cmw6IGBzZXR0aW5nL2xhbmdfY29kZS9kZWwvJHtyb3cuaWR9YCwNCiAgICAgICAgbWV0aG9kOiAnREVMRVRFJywNCiAgICAgICAgaWRzOiAnJywNCiAgICAgIH07DQogICAgICB0aGlzLiRtb2RhbFN1cmUoZGVsZnJvbURhdGEpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgICAgdGhpcy50YWJMaXN0LnNwbGljZShudW0sIDEpOw0KICAgICAgICAgIC8vIHRoaXMuZ2V0TGlzdCgpOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgbW9kYWxDaGFuZ2UoKSB7DQogICAgICB0aGlzLmxhbmdGb3JtRGF0YSA9IHsNCiAgICAgICAgaXNfYWRtaW46IDAsDQogICAgICAgIG5hbWU6ICcnLA0KICAgICAgICBjb2RlOiAnJywNCiAgICAgICAgbGlzdDogW10sDQogICAgICB9Ow0KICAgICAgdGhpcy5jb2RlID0gbnVsbDsNCiAgICB9LA0KICAgIC8vIOmAieaLqQ0KICAgIHNlbENoYW5nZSgpIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnBhZ2UgPSAxOw0KICAgICAgdGhpcy5nZXRMaXN0KCk7DQogICAgfSwNCiAgICAvLyDliJfooagNCiAgICBnZXRMaXN0KCkgew0KICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsNCiAgICAgIGxhbmdDb2RlTGlzdCh0aGlzLmZvcm1WYWxpZGF0ZSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgIHRoaXMudGFiTGlzdCA9IHJlcy5kYXRhLmxpc3Q7DQogICAgICAgICAgdGhpcy50b3RhbCA9IHJlcy5kYXRhLmNvdW50Ow0KICAgICAgICAgIHRoaXMubGFuZ1R5cGUgPSByZXMuZGF0YS5sYW5nVHlwZTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["langList.vue"],"names":[],"mappings":";AA+IA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"langList.vue","sourceRoot":"src/pages/setting/multiLanguage","sourcesContent":["<template>\r\n  <div>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mb-16\" :body-style=\"{ padding: 0 }\">\r\n      <div class=\"padding-add\">\r\n        <el-form :model=\"formValidate\" :label-width=\"labelWidth\" label-position=\"right\" @submit.native.prevent inline>\r\n          <el-form-item label=\"语言分类：\">\r\n            <el-select v-model=\"formValidate.is_admin\" clearable @change=\"selChange\" class=\"form_content_width\">\r\n              <el-option\r\n                v-for=\"(item, index) in langType.isAdmin\"\r\n                :key=\"index\"\r\n                :label=\"item.title\"\r\n                :value=\"item.value\"\r\n              ></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"语言类型：\">\r\n            <el-select v-model=\"formValidate.type_id\" clearable @change=\"selChange\" class=\"form_content_width\">\r\n              <el-option\r\n                v-for=\"(item, index) in langType.langType\"\r\n                :key=\"index\"\r\n                :label=\"item.title\"\r\n                :value=\"item.value\"\r\n              ></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"搜索：\">\r\n            <el-input\r\n              clearable\r\n              placeholder=\"请输入语言备注\"\r\n              v-model=\"formValidate.remarks\"\r\n              class=\"form_content_width\"\r\n            />\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" class=\"userSearch\" v-db-click @click=\"selChange\">搜索</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </div>\r\n    </el-card>\r\n    <el-alert type=\"warning\" :closable=\"false\">\r\n      <template slot=\"title\">\r\n        <p class=\"alert_title\">页面语言</p>\r\n        添加页面语言，添加完成之后状态码为中文文字，移动端页面使用 $t(`xxxx`)，js文件中使用 this.t(`xxxx`) 或者使用\r\n        that.t(`xxxx`) 实现语言的切换<br />\r\n        <br />\r\n        <p class=\"alert_title\">接口语言</p>\r\n        添加接口语言，添加完成之后状态码为6位数字，接口返回提示信息时，直接返回对应的错误码即可实现语言的切换\r\n      </template>\r\n    </el-alert>\r\n    <el-card class=\"mt14\" :bordered=\"false\" shadow=\"never\">\r\n      <el-row class=\"mb14\">\r\n        <el-col>\r\n          <el-button type=\"primary\" v-db-click @click=\"add\">添加语句</el-button>\r\n        </el-col>\r\n      </el-row>\r\n      <el-table ref=\"table\" :data=\"tabList\" class=\"ivu-mt\" v-loading=\"loading\" empty-text=\"暂无数据\">\r\n        <el-table-column label=\"编号\" width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.id }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"原语句\" min-width=\"230\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.remarks }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"对应语言翻译\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.lang_explain }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"状态码/文字(接口/页面调用参考)\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.code }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"语言类型\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.language_name }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" fixed=\"right\" width=\"170\">\r\n          <template slot-scope=\"scope\">\r\n            <a v-db-click @click=\"edit(scope.row)\">编辑</a>\r\n            <el-divider direction=\"vertical\"></el-divider>\r\n            <a v-db-click @click=\"del(scope.row, '删除语言', scope.$index)\">删除</a>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n      <div class=\"acea-row row-right page\">\r\n        <pagination\r\n          v-if=\"total\"\r\n          :total=\"total\"\r\n          :page.sync=\"formValidate.page\"\r\n          :limit.sync=\"formValidate.limit\"\r\n          @pagination=\"getList\"\r\n        />\r\n      </div>\r\n    </el-card>\r\n    <el-dialog :visible.sync=\"addlangModal\" width=\"720px\" title=\"添加需要翻译的语句\" @closed=\"modalChange\">\r\n      <el-form ref=\"langFormData\" :model=\"langFormData\" :rules=\"ruleValidate\">\r\n        <el-form-item label=\"应用端：\" class=\"mb20\" label-width=\"120px\">\r\n          <el-radio-group type=\"button\" v-model=\"langFormData.is_admin\" class=\"mr15\">\r\n            <el-radio :label=\"item.value\" v-for=\"(item, index) in langType.isAdmin\" :key=\"index\">{{\r\n              item.title\r\n            }}</el-radio>\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <el-input v-model=\"langFormData.edit\" v-show=\"false\"></el-input>\r\n        <el-form-item label=\"需要翻译的语句：\" prop=\"remarks\" class=\"mb20\">\r\n          <el-input\r\n            v-model=\"langFormData.remarks\"\r\n            placeholder=\"请输入需要添加翻译的语句\"\r\n            style=\"width: 330px\"\r\n            search\r\n            @on-search=\"translate\"\r\n          >\r\n            <el-button type=\"primary\" slot=\"append\" v-db-click @click=\"translate\">翻译</el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n        <el-form-item prop=\"remark\" class=\"mb20\">\r\n          <el-table ref=\"langTable\" v-loading=\"traTabLoading\" :data=\"langFormData.list\" empty-text=\"暂无数据\">\r\n            <el-table-column label=\"语言类型\" width=\"140\">\r\n              <template slot-scope=\"scope\">\r\n                <span> {{ scope.row.language_name }}</span>\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column label=\"对应语言翻译\" min-width=\"250\">\r\n              <template slot-scope=\"scope\">\r\n                <el-input v-model=\"scope.row.lang_explain\" class=\"priceBox\"></el-input>\r\n              </template>\r\n            </el-table-column>\r\n          </el-table>\r\n        </el-form-item>\r\n      </el-form>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"addlangModal = false\">取消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"ok\">确定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { langCodeList, langCodeInfo, langCodeSettingSave, langCodeTranslate } from '@/api/setting';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      addlangModal: false,\r\n      traTabLoading: false,\r\n      langType: {},\r\n      formValidate: {\r\n        is_admin: 0,\r\n        type_id: 1,\r\n        remarks: '',\r\n        page: 1,\r\n        limit: 20,\r\n      },\r\n      total: 0,\r\n      FormLoading: true,\r\n      loading: false,\r\n      ruleValidate: {\r\n        code: [{ required: true, message: '请输入状态码/文字', trigger: 'blur' }],\r\n        remarks: [{ required: true, message: '请输入文字', trigger: 'blur' }],\r\n      },\r\n      langColumns: [\r\n        {\r\n          title: '语言类型',\r\n          key: 'language_name',\r\n          width: 120,\r\n        },\r\n        {\r\n          title: '对应语言翻译',\r\n          slot: 'lang_explain',\r\n          minWidth: 250,\r\n        },\r\n      ],\r\n      langData: [],\r\n      langFormData: {\r\n        is_admin: 0,\r\n        code: '',\r\n        remarks: '',\r\n        edit: 0,\r\n        list: [],\r\n      },\r\n      tabList: [],\r\n      FromData: null,\r\n      extractId: 0,\r\n      code: null,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState('media', ['isMobile']),\r\n    labelWidth() {\r\n      return this.isMobile ? undefined : '80px';\r\n    },\r\n    labelPosition() {\r\n      return this.isMobile ? 'top' : 'right';\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getList();\r\n  },\r\n  methods: {\r\n    translate() {\r\n      if (!this.langFormData.remarks.trim()) {\r\n        return this.$message.warning('请先输入翻译内容');\r\n      }\r\n      this.traTabLoading = true;\r\n      langCodeTranslate({\r\n        text: this.langFormData.remarks,\r\n      })\r\n        .then((res) => {\r\n          this.langFormData.list.map((e) => {\r\n            e.lang_explain = res.data[e.type_id];\r\n          });\r\n          this.traTabLoading = false;\r\n        })\r\n        .catch((err) => {\r\n          this.traTabLoading = false;\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    add() {\r\n      this.langFormData.list = this.langType.langType.map((e) => {\r\n        return {\r\n          language_name: e.title,\r\n          lang_explain: '',\r\n          remarks: '',\r\n          type_id: e.value,\r\n        };\r\n      });\r\n      this.addlangModal = true;\r\n    },\r\n    ok() {\r\n      if (!this.langFormData.remarks.trim()) {\r\n        this.FormLoading = false;\r\n        this.$nextTick(() => {\r\n          this.FormLoading = true;\r\n        });\r\n        return this.$message.error('请先输入语言说明');\r\n      }\r\n      langCodeSettingSave(this.langFormData)\r\n        .then((res) => {\r\n          this.addlangModal = false;\r\n          this.$message.success(res.msg);\r\n          this.getList();\r\n        })\r\n        .catch((err) => {\r\n          this.FormLoading = false;\r\n          this.$nextTick(() => {\r\n            this.FormLoading = true;\r\n          });\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    edit(row) {\r\n      this.langFormData.is_admin = this.formValidate.is_admin;\r\n      this.code = row.code;\r\n      langCodeInfo({ code: row.code })\r\n        .then((res) => {\r\n          this.langFormData.list = res.data.list;\r\n          this.langFormData.code = res.data.code;\r\n          this.langFormData.remarks = res.data.remarks;\r\n          this.langFormData.edit = 1;\r\n          this.addlangModal = true;\r\n        })\r\n        .catch((err) => {\r\n          this.loading = false;\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    // 删除\r\n    del(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `setting/lang_code/del/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.tabList.splice(num, 1);\r\n          // this.getList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    modalChange() {\r\n      this.langFormData = {\r\n        is_admin: 0,\r\n        name: '',\r\n        code: '',\r\n        list: [],\r\n      };\r\n      this.code = null;\r\n    },\r\n    // 选择\r\n    selChange() {\r\n      this.formValidate.page = 1;\r\n      this.getList();\r\n    },\r\n    // 列表\r\n    getList() {\r\n      this.loading = true;\r\n      langCodeList(this.formValidate)\r\n        .then(async (res) => {\r\n          this.loading = false;\r\n          this.tabList = res.data.list;\r\n          this.total = res.data.count;\r\n          this.langType = res.data.langType;\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ivu-mt .type .item {\r\n  margin: 3px 0;\r\n}\r\n.tabform {\r\n  margin-bottom: 10px;\r\n}\r\n.Refresh {\r\n  font-size: 12px;\r\n  color: var(--prev-color-primary);\r\n  cursor: pointer;\r\n}\r\n.ivu-form-item {\r\n  margin-bottom: 10px;\r\n}\r\n.status ::v-deep .item ~ .item {\r\n  margin-left: 6px;\r\n}\r\n.status ::v-deep .statusVal {\r\n  margin-bottom: 7px;\r\n}\r\n\r\n/* .ivu-mt ::v-deep .ivu-table-header */\r\n/* border-top:1px dashed #ddd!important */\r\n.type {\r\n  padding: 3px 0;\r\n  box-sizing: border-box;\r\n}\r\n.tabBox_img {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n.mb20 ::v-deep .ivu-table-wrapper > .ivu-spin-fix {\r\n  border: none;\r\n}\r\n</style>\r\n"]}]}