ll

liukangdong

2025-02-20 b565a275fe240e2bd8a939c3b4beed98d03767bc

 admin/src/views/operation/components/TramEdit.vue

@@ -7,17 +7,16 @@
    width="600px"
  >
    <el-form :model="form" ref="form" :rules="rules" label-width="100px">
      <el-form-item label="车辆类型" prop="code">
        <el-select  v-model="form.named" placeholder="请选择">
          <el-option label="3人电动车" :value="0"></el-option>
          <el-option label="4人电动车" :value="1"></el-option>
      <el-form-item label="车辆类型" prop="paramId">
        <el-select  v-model="form.paramId" placeholder="请选择">
          <el-option v-for="item in types" :label="item.name" :value="item.id"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="车辆编号" prop="code">
        <el-input v-model="form.name" placeholder="请输入车辆编号" v-trim/>
        <el-input v-model="form.code" placeholder="请输入车辆编号" v-trim/>
      </el-form-item>
      <el-form-item label="控制器SN" prop="needNotice">
        <el-input v-model="form.name" placeholder="请输入控制器SN" v-trim/>
      <el-form-item label="控制器SN" prop="deviceSn">
        <el-input v-model="form.deviceSn" placeholder="请输入控制器SN" v-trim/>
      </el-form-item>
    </el-form>
  </GlobalWindow>
@@ -26,6 +25,7 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import { baseTranListPost } from '@/api/business/bikes.js'
export default {
  name: 'OperaSitesWindow',
  extends: BaseOpera,
@@ -34,36 +34,38 @@
    return {
      // 表单数据
      form: {
        id: null,
        name: '',
        paramId: '',
        code: '',
        needNotice:0,
        ip: '',
        port: ''

        deviceSn: '',
      },
      types: [],
      // 验证规则
      rules: {
        code: [
          { required: true, message: '请输入站点编号', tigger: 'blur' },
          { required: true, message: '请输入', tigger: 'blur' },
        ],
        name: [
          { required: true, message: '请输入站点名称', tigger: 'blur' },
        paramId: [
          { required: true, message: '请选择', tigger: 'blur' },
        ],
        ip: [
          { required: true, message: '请输入站点ip地址', tigger: 'blur' },
        ],
        port: [
          { required: true, message: '请输入站点端口号', tigger: 'blur' },
        deviceSn: [
          { required: true, message: '请输入', tigger: 'blur' },
        ],
      }
    }
  },
  created () {
    this.initOp()
    this.config({
      api: '/business/sites',
      api: '/business/bikes',
      'field.id': 'id'
    })
  },
  methods: {
    initOp(){
      baseTranListPost({type: 4}).then(res => {
        this.types = res
      })
    }
  }
}
</script>