1、添加中英文json 2、layout/index.vue 调整布局样式 3、修改 PlcParameter.java

wuyouming666

2023-09-07 f193e7058f32f759d5a5e8c4a6b1f71c7fb2f3a8

 CanadaMes-ui/src/views/Electrical/alarm.vue

@@ -18,7 +18,7 @@
        </div>
      </el-form> -->

    <el-table :data="tableData" style="width: 100%;" height="590">
    <el-table :data="localizedRoles" style="width: 100%;" height="590">
      <el-table-column prop="id" label="id" width="80">
      </el-table-column>
      <el-table-column prop="content" label="content">
@@ -33,9 +33,11 @@

<script >
import { setAll } from "../../api/alarm";
import LanguageMixin from '../../lang/LanguageMixin'
let socket;
export default {
  name: "alarm",
  mixins: [LanguageMixin],
  data () {
    return {
      record: {
@@ -44,8 +46,8 @@
        // xyData: [],

      },
      tableData: [],

      roles: [],
      localizedRoles:[],
      messagepack: {
        data: { taskname: "" }
      },
@@ -59,15 +61,28 @@
  created () {
    this.init();
    this.load();

  },
  methods: {
    load () {
      setAll().then(res => {
        this.tableData = res.data.list;
        //console.log(this.tableData);

      });
    },
    load() {
  setAll().then(res => {
    this.roles = res.data.list;
    const language = this.$i18n.locale;
    if (language === 'zh-CN') {
      this.replaceChineseWithEnglish();
    } else {
      this.localizedRoles = [...this.roles];
    }
    console.log(this.localizedRoles);
  });
},
replaceChineseWithEnglish() {
  const translation = this.$t('translation');
  this.localizedRoles = this.roles.map(role => ({
    ...role,
    content: translation[role.content] || role.content
  }));
},
    init () {
      let viewname = "alarm";