1

MrShi

2025-03-18 a836f03a5d1fbfa81e147d09ffdfa87ba3975c13

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,71 @@
<template>
  <GlobalWindow
    :title="title"
    :visible.sync="visible"
    :confirm-working="isWorking"
    @confirm="confirm"
    width="600px"
  >
    <el-form :model="form" ref="form" :rules="rules" label-width="100px">
      <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.code" placeholder="请输入车辆编号" v-trim/>
      </el-form-item>
      <el-form-item label="控制器SN" prop="deviceSn">
        <el-input v-model="form.deviceSn" placeholder="请输入控制器SN" v-trim/>
      </el-form-item>
    </el-form>
  </GlobalWindow>
</template>

<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,
  components: { GlobalWindow },
  data () {
    return {
      // è¡¨å•æ•°æ®
      form: {
        paramId: '',
        code: '',
        deviceSn: '',
      },
      types: [],
      // éªŒè¯è§„则
      rules: {
        code: [
          { required: true, message: '请输入', tigger: 'blur' },
        ],
        paramId: [
          { required: true, message: '请选择', tigger: 'blur' },
        ],
        deviceSn: [
          { required: true, message: '请输入', tigger: 'blur' },
        ],
      }
    }
  },
  created () {
    this.initOp()
    this.config({
      api: '/business/bikes',
      'field.id': 'id'
    })
  },
  methods: {
    initOp(){
      baseTranListPost({type: 4}).then(res => {
        this.types = res
      })
    }
  }
}
</script>