U 国际化

he wei

2024-01-15 d592480beb70716a59b6ec5a00c73e92ff6ea986

 src/components/fileInfo.vue

@@ -10,80 +10,83 @@
    >
      <el-row :gutter="40">
        <el-col :span="12">
          <el-form-item label="区域">
          <el-form-item :label="$t('Region')">
            <el-input
              v-model="info.battStation"
              placeholder="请输入站点名称"
              :placeholder="$t('Pleaseenterthetestsitename')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="系统" prop="battGroupName">
          <el-form-item :label="$t('System')" prop="battGroupName">
            <el-input
              v-model="info.battGroupName"
              placeholder="请输入系统名称"
              :placeholder="$t('Pleaseenterthesystemname')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="电池品牌">
          <el-form-item :label="$t('BatteryBrand')">
            <el-input
              v-model="info.battBrand"
              placeholder="请输入电池品牌"
              :placeholder="$t('Pleaseenterthebatterybrand')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="电池型号">
          <el-form-item :label="$t('BatteryModel')">
            <el-input
              v-model="info.battModel"
              placeholder="请输入电池型号"
              :placeholder="$t('Pleaseenterthebatterymodel')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="电池类型(V)" prop="battVol">
          <el-form-item :label="$t('BatteryType') + '(V)'" prop="battVol">
            <el-input
              type="number"
              v-model="info.battVol"
              placeholder="请输入电池类型"
              :placeholder="$t('Pleaseenterthebatterytype')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="电池数量(节)" prop="battCount">
          <el-form-item :label="$t('CellQty')" prop="battCount">
            <el-input
              type="number"
              v-model="info.battCount"
              placeholder="请输入电池数量"
              :placeholder="$t('Pleaseenterthecellquantity')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="标称容量(Ah)" prop="battCap">
          <el-form-item :label="$t('RatedCapacity') + '(Ah)'" prop="battCap">
            <el-input
              type="number"
              v-model="info.battCap"
              placeholder="请输入标称容量"
              :placeholder="$t('Pleaseentertheratedcapacity')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="参考内阻(mΩ)" prop="battRes">
          <el-form-item
            :label="$t('ReferenceResistance') + '(mΩ)'"
            prop="battRes"
          >
            <el-input
              type="number"
              v-model="info.battRes"
              placeholder="请输入参考内阻"
              :placeholder="$t('Pleaseenterthereferenceresistance')"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="连接条(μΩ)" prop="chainRes">
          <el-form-item :label="$t('ConnectionBar') + '(μΩ)'" prop="chainRes">
            <el-input type="number" v-model="info.chainRes"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="安装时间">
          <el-form-item :label="$t('InstallationTime')">
            <el-date-picker
              v-model="info.battBatch"
              format="yyyy-MM-dd"
@@ -91,28 +94,29 @@
              type="date"
              :editable="false"
              :clearable="false"
              placeholder="请选择安装时间"
              :placeholder="$t('Pleaseselecttheinstallationtime')"
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="外观标记">
        <el-radio-group
          v-model="info.battErrflag"
          size="medium"
        >
          <el-radio border class="good" :label="0">良好</el-radio>
          <el-radio border :label="1">鼓包/漏液/开裂</el-radio>
      <el-form-item :label="$t('AppearanceMark')">
        <el-radio-group v-model="info.battErrflag" size="medium">
          <el-radio border class="good" :label="0">{{ $t("Good") }}</el-radio>
          <el-radio border :label="1"
            >{{ $t("Bulging") }}/{{ $t("Leaking") }}/{{
              $t("Cracking")
            }}</el-radio
          >
        </el-radio-group>
      </el-form-item>
    </el-form>
    <div class="footer">
      <el-button type="primary" class="btn" @click="editOk">确认</el-button>
      <el-button type="primary" class="btn" @click="editOk">{{ $t('operate.ok') }}</el-button>
      <!-- <el-button type="warning" class="btn" @click="editCancel"
        >取消修改</el-button
      > -->
      <el-button type="info" class="btn" @click="quit">退出</el-button>
      <el-button type="info" class="btn" @click="quit">{{ $t('Exit') }}</el-button>
    </div>
  </div>
</template>
@@ -121,9 +125,15 @@
import CONST from "@/assets/js/const";
import testVal from "@/assets/js/testVal";

import i18n from './i18n/fileInfo';
import { createI18nOption } from '@/assets/js/tools/i18n';

const i18nMixin = createI18nOption(i18n);

const O_rules = CONST.rules;
export default {
  name: "FileInfo",
  mixins: [i18nMixin],
  props: {
    info: {
      type: Object,
@@ -132,8 +142,7 @@
      },
    },
  },
  computed: {
  },
  computed: {},
  data() {
    let R_chainRes = {
      validator(rule, value, callback) {
@@ -143,22 +152,22 @@
    };
    const rules = {
      battStation: [
        { required: true, message: "请输入站点名称", trigger: "blur" },
        { required: true, message: this.$t('Pleaseenterthetestsitename'), trigger: "blur" },
      ],
      battlineName: [
        { required: true, message: "请输入线路名称", trigger: "blur" },
      ],
      // battlineName: [
      //   { required: true, message: "请输入线路名称", trigger: "blur" },
      // ],
      battGroupName: [
        { required: true, message: "请输入系统名称", trigger: "blur" },
        { required: true, message: this.$t('Pleaseenterthesystemname'), trigger: "blur" },
      ],
      battBrand: [
        { required: true, message: "请输入电池品牌", trigger: "blur" },
        { required: true, message: this.$t('Pleaseenterthebatterybrand'), trigger: "blur" },
      ],
      battModel: [
        { required: true, message: "请输入电池型号", trigger: "blur" },
        { required: true, message: this.$t('Pleaseenterthebatterymodel'), trigger: "blur" },
      ],
      battVol: [
        { required: true, message: "请输入电池类型", trigger: "blur" },
        { required: true, message: this.$t('Pleaseenterthebatterytype'), trigger: "blur" },
        {
          validator(rule, value, callback) {
            testVal(rule, value, callback, O_rules.battVol);
@@ -167,7 +176,7 @@
        },
      ],
      battCount: [
        { required: true, message: "请输入电池数量", trigger: "blur" },
        { required: true, message: this.$t('Pleaseenterthecellquantity'), trigger: "blur" },
        {
          validator(rule, value, callback) {
            testVal(rule, value, callback, O_rules.battCount);
@@ -176,11 +185,11 @@
        },
      ],
      battCap: [
        { required: true, message: "请输入标称容量", trigger: "blur" },
        { required: true, message: this.$t('Pleaseentertheratedcapacity'), trigger: "blur" },
        R_chainRes,
      ],
      battRes: [
        { required: true, message: "请输入参考内阻", trigger: "blur" },
        { required: true, message: this.$t('Pleaseenterthereferenceresistance'), trigger: "blur" },
        {
          validator(rule, value, callback) {
            testVal(rule, value, callback, O_rules.battRes);
@@ -189,7 +198,7 @@
        },
      ],
      chainRes: [
        { required: true, message: "请输入连接条参考电阻", trigger: "blur" },
        { required: true, message: this.$t('Pleaseentertheconnectionbarreferenceresistance'), trigger: "blur" },
        R_chainRes,
      ],
    };
@@ -205,7 +214,7 @@
        if (valid) {
          this.$emit("ok", this.info);
        } else {
          this.$message.error("存在校验未通过的数据！");
          this.$message.error(this.$t('Thereexistsunverifieddata'));
          return false;
        }
      });