liuchengxin
2022-01-08 cf1b5bf548b870efd0f1b4e3d5a8f88e79cfd9c9
src/views/device/peripheralUnit/index.vue
@@ -131,7 +131,7 @@
      </el-table-column>
      <el-table-column label="读数指令" align="center" width="180" prop="readInstruction"/>
      <el-table-column label="回数长度" align="center" prop="loopLength"/>
      <el-table-column label="功能描述" align="center" prop="description"/>
      <el-table-column label="功能描述" align="center" min-width="180" show-overflow-tooltip prop="description"/>
      <el-table-column label="操作" align="center" fixed="right" width="240" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
@@ -179,7 +179,7 @@
    />
    <!-- 添加或修改外设单元对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
    <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="外设代码" prop="code">
          <el-input v-model="form.code" placeholder="请输入外设代码" :disabled="disabled"/>
@@ -233,7 +233,7 @@
    </el-dialog>
    <!-- 附件窗体 -->
    <el-dialog :title="title" :visible.sync="uploadFlag" width="500px" append-to-body>
    <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="uploadFlag" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="附件">
          <fileUpload v-model="form.filePath" limit="1"/>
@@ -262,6 +262,21 @@
  name: "PeripheralUnit",
  dicts: ['DICT103'],
  data() {
    var validateModel = (rule, value, callback) => {
      if (!value) {
        callback(new Error('规格型号不能为空'));
        return
      }
      if (value.length > 32) {
        callback(new Error('最多输入32个字符'));
        return
      }
      if (!(/^[A-Za-z]+$/.test(value))) {
        callback(new Error('只能输入英文字符'));
        return
      }
      callback();
    };
    return {
      // 按钮loading
      buttonLoading: false,
@@ -293,7 +308,7 @@
        model: undefined,
        manufacturer: undefined,
        vendorCode: undefined,
        baudRate: undefined,
        baudRate: undefined
      },
      // 表单参数
      form: {},
@@ -307,22 +322,24 @@
        ],
        name: [
          {required: true, message: "外设名称不能为空", trigger: "blur"},
          {max: 32, message: '最多输入32中文字符', trigger: 'blur' }
          {max: 32, message: '最多输入32个字符', trigger: 'blur' }
        ],
        model: [
          {required: true, message: "规格型号不能为空", trigger: "blur"}
          {required: true, validator: validateModel, trigger: "blur"}
        ],
        manufacturer: [
          {required: true, message: "生产厂商不能为空", trigger: "blur"}
        ],
        vendorCode: [
          {required: true, message: "厂商代码不能为空", trigger: "blur"}
          {required: true, message: "厂商代码不能为空", trigger: "blur"},
          {max: 32, message: '最多输入32个字符', trigger: 'blur' }
        ],
        baudRate: [
          {required: true, message: "波特率不能为空", trigger: "change"}
        ],
        readInstruction: [
          {required: true, message: "读数指令不能为空", trigger: "blur"}
          {required: true, message: "读数指令不能为空", trigger: "blur"},
          {max: 128, message: '最多输入128个字符', trigger: 'blur' }
        ],
        loopLength: [
          {required: true, message: "回数长度不能为空", trigger: "blur"}
@@ -330,6 +347,9 @@
        filePath: [
          {required: true, message: "附件不能为空", trigger: "blur"}
        ],
        description: [
          {max: 128, message: '最多输入128个字符', trigger: 'blur' }
        ]
      },
      disabled: false,
      // 生产厂商
@@ -406,7 +426,8 @@
    handleAdd() {
      this.reset();
      this.getManufacturerList();
      this.form.baudRate = '3'
      this.form.baudRate = '04'
      this.disabled = false
      this.open = true;
      this.title = "添加外设单元";
    },
@@ -425,6 +446,7 @@
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.loading = true;
      this.disabled = false
      this.reset();
      this.getManufacturerList();
      const id = row.id || this.ids