U 国际化

he wei

2024-01-15 d592480beb70716a59b6ec5a00c73e92ff6ea986

 src/pages/data.vue

@@ -2,11 +2,11 @@
  <div class="contain">
    <div class="row-filter">
      <el-form ref="form" size="mini" label-width="80px">
        <el-form-item label="日期">
        <el-form-item :label="$t('Date')">
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择起始日期"
              :placeholder="$t('Selectthestartdate')"
              v-model="startDate"
              value-format="yyyy-MM-dd"
              style="width: 100%"
@@ -16,54 +16,54 @@
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择截止日期"
              :placeholder="$t('Selecttheexpirydate')"
              v-model="endDate"
              value-format="yyyy-MM-dd"
              style="width: 100%"
            ></el-date-picker>
          </el-col>
        </el-form-item>
        <el-form-item label="电池类型">
        <el-form-item :label="$t('BatteryType')">
          <el-select v-model="battType">
            <el-option label="全部" :value="0"></el-option>
            <el-option :label="$t('All')" :value="0"></el-option>
            <el-option label="1.2V" :value="1.2"></el-option>
            <el-option label="2V" :value="2"></el-option>
            <el-option label="6V" :value="6"></el-option>
            <el-option label="12V" :value="12"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="属性">
        <el-form-item :label="$t('Properties')">
          <el-select v-model="propType">
            <el-option label="内阻" value="res"></el-option>
            <el-option label="电压" value="vol"></el-option>
            <el-option label="电导" value="cond"></el-option>
            <el-option label="连接条" value="chain"></el-option>
            <el-option :label="$t('Resistance')" value="res"></el-option>
            <el-option :label="$t('Voltage')" value="vol"></el-option>
            <el-option :label="$t('Conductance')" value="cond"></el-option>
            <el-option :label="$t('ConnectionBar')" value="chain"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="评价">
        <el-form-item :label="$t('Evaluation')">
          <el-select v-model="estimate">
            <el-option label="全部" :value="0"></el-option>
            <el-option label="优" :value="3"></el-option>
            <el-option label="良" :value="2"></el-option>
            <el-option label="差" :value="1"></el-option>
            <el-option :label="$t('All')" :value="0"></el-option>
            <el-option :label="$t('excellent')" :value="3"></el-option>
            <el-option :label="$t('Good')" :value="2"></el-option>
            <el-option :label="$t('bad')" :value="1"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div class="btn-grp">
        <el-button size="mini" type="primary" class="btn" @click="getDatas"
          >查询</el-button
          >{{ $t('operate.search') }}</el-button
        >
        <el-popconfirm
          class="btn"
          title="导入操作将覆盖数据库记录,确定导入吗？"
          :title="$t('importmessage')"
          @confirm="dbImport"
        >
          <el-button slot="reference" size="mini" type="primary"
            >导入</el-button
            >{{ $t('import') }}</el-button
          >
        </el-popconfirm>
        <el-button size="mini" class="btn" type="primary" @click="dbExport"
          >导出</el-button
          >{{ $t('export') }}</el-button
        >
      </div>
    </div>
@@ -94,15 +94,15 @@
            align="center"
            width="100"
            fixed="right"
            label="操作"
            :label="$t('operate.operation')"
          >
            <template slot-scope="scope">
              <el-popconfirm
                title="删除后将删除数据库记录后对应的站内关联,确定删除吗？"
                :title="$t('deleteMessage')"
                @confirm="handleDelete(scope.row)"
              >
                <el-button slot="reference" size="mini" type="danger"
                  >删除</el-button
                  >{{ $t('operate.delete') }}</el-button
                >
              </el-popconfirm>
            </template>
@@ -125,40 +125,45 @@

<script>
import { getDatas, deleteData } from "@/apis";
import i18n from './i18n/data';
import { createI18nOption } from '@/assets/js/tools/i18n';

const i18nMixin = createI18nOption(i18n);

export default {
  name: "",

  mixins: [i18nMixin],
  data() {
    const header0 = [
      {
        prop: "battStation",
        label: "站点",
        label: this.$t('TestSite'),
        minWidth: 180,
        fixed: "left",
      },
      {
        prop: "battGroupName",
        label: "系统",
        label: this.$t('System'),
        minWidth: 180,
      },
      {
        prop: "testTime",
        label: "测试时间",
        label: this.$t('TestTime'),
        minWidth: 180,
      },
      {
        prop: "battVol",
        label: "电池类型",
        label: this.$t('BatteryType'),
        minWidth: 80,
      },
      {
        prop: "battCount",
        label: "电池节数",
        label: this.$t('CellQty'),
        minWidth: 80,
      },
      {
        prop: "brJudge",
        label: "评价",
        label: this.$t('Evaluation'),
        minWidth: 80,
      },
    ];
@@ -194,28 +199,28 @@
          case "res":
            arr.push({
              prop: "res" + idx,
              label: `#${idx}内阻`,
              label: `#${idx}` + this.$t('Resistance'),
              minWidth: 100,
            });
            break;
          case "vol":
            arr.push({
              prop: "vol" + idx,
              label: `#${idx}电压`,
              label: `#${idx}` + this.$t('Voltage'),
              minWidth: 100,
            });
            break;
          case "cond":
            arr.push({
              prop: "cond" + idx,
              label: `#${idx}电导`,
              label: `#${idx}` + this.$t('Conductance'),
              minWidth: 100,
            });
            break;
          case "chain":
            arr.push({
              prop: "chain" + idx,
              label: `#${idx}连接条`,
              label: `#${idx}` + this.$t('ConnectionBar'),
              minWidth: 100,
            });
            break;
@@ -299,17 +304,17 @@
      deleteData(params).then((res) => {
        let { code } = res.data;
        if (code) {
          this.$message.success("操作成功");
          this.$message.success(this.$t('OperationSuccessfully'));
          this.getDatas();
          this.$bus.$emit("stationReload");
        } else {
          this.$message.error("操作失败");
          this.$message.error(this.$t('OperationFailed'));
        }
      });
    },
    // 数据库导入
    dbImport() {
      this.$bus.$emit("loading", "请不要关闭程序, 等待程序自动重启");
      this.$bus.$emit("loading", this.$t('closeMessage'));
      window.api.send("db-import");
    },
    // 数据库导出