fix():添加车辆类型下拉框

dev.yly
yanchouchou 2024-10-08 14:17:40 +08:00
parent e950b3aab9
commit 8e1f9fb11e
4 changed files with 50 additions and 41 deletions

View File

@ -42,3 +42,14 @@ export function delCar(id) {
method: 'delete' method: 'delete'
}) })
} }
//查询所有的车辆类型
export function listType() {
return request({
url: '/car/sysType/list',
method: 'get'
})
}

View File

@ -150,6 +150,18 @@
<el-form-item label="车辆车型" prop="carType"> <el-form-item label="车辆车型" prop="carType">
<el-input v-model="form.carType" placeholder="请输入车辆车型" /> <el-input v-model="form.carType" placeholder="请输入车辆车型" />
</el-form-item> </el-form-item>
<el-form-item label="车辆车型" prop="carType">
<el-select v-model="form.carType" placeholder="请选择报文模版id" :change="getCarTypeList">
<el-option
v-for="item in sysCarType"
:key="item.id"
:label="item.sysTypeName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="围栏组编码" prop="groupCode"> <el-form-item label="围栏组编码" prop="groupCode">
<el-input v-model="form.groupCode" placeholder="请输入围栏组编码" /> <el-input v-model="form.groupCode" placeholder="请输入围栏组编码" />
</el-form-item> </el-form-item>
@ -293,6 +305,7 @@ import {
group, group,
selectBoundGFenceGroup selectBoundGFenceGroup
} from '@/api/electronic' } from '@/api/electronic'
import { listType } from '@/api/system/dict/type'
export default { export default {
name: "Car", name: "Car",
@ -302,6 +315,8 @@ export default {
loading: true, loading: true,
// //
ids: [], ids: [],
//
sysCarType: [],
// //
single: true, single: true,
// //
@ -355,9 +370,15 @@ export default {
created() { created() {
this.getList(); this.getList();
this.group() this.group()
this.getListType()
}, },
methods: { methods: {
/* 车辆类型表 */
getListType() {
listType().then(res => {
this.sysCarType = res.data.rows;
})
},
/** 查询车辆基础信息列表 */ /** 查询车辆基础信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;

View File

@ -50,7 +50,7 @@
<span v-else> ...</span> <span v-else> ...</span>
</el-button> </el-button>
<div v-if="register" style="float: right;"> <div v-if="register" style="float: right;">
<router-link :to="'/register'" class="link-type">立即注册</router-link> <router-link :to="'/register'" class="link-type">企业注册</router-link>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -91,7 +91,7 @@ export default {
// //
captchaEnabled: false, captchaEnabled: false,
// //
register: false, register: true,
redirect: undefined redirect: undefined
}; };
}, },

View File

@ -1,47 +1,24 @@
<template> <template>
<div class="register"> <div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form"> <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
<h3 class="title">若依后台管理系统</h3> <h3 class="title">企业注册页面</h3>
<el-form-item prop="username"> <el-form-item prop="pass">
<el-input v-model="registerForm.username" auto-complete="off" placeholder="账号" type="text"> <el-input type="text" v-model="registerForm.firmName" autocomplete="off" placeholder="企业名称"></el-input>
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="user"/>
</el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="pass">
<el-input <el-input type="text" v-model="registerForm.username" autocomplete="off" placeholder="企业登录账号"></el-input>
v-model="registerForm.password"
auto-complete="off"
placeholder="密码"
type="password"
@keyup.enter.native="handleRegister"
>
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="password"/>
</el-input>
</el-form-item> </el-form-item>
<el-form-item prop="confirmPassword"> <el-form-item prop="pass">
<el-input <el-input type="text" v-model="registerForm.password" autocomplete="off" placeholder="企业登录密码"></el-input>
v-model="registerForm.confirmPassword"
auto-complete="off"
placeholder="确认密码"
type="password"
@keyup.enter.native="handleRegister"
>
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="password"/>
</el-input>
</el-form-item> </el-form-item>
<el-form-item v-if="captchaEnabled" prop="code"> <el-form-item prop="pass">
<el-input <el-input type="text" v-model="registerForm.nickName" autocomplete="off" placeholder="公司注册人"></el-input>
v-model="registerForm.code" </el-form-item>
auto-complete="off" <el-form-item prop="pass">
placeholder="验证码" <el-input type="text" v-model="registerForm.email" autocomplete="off" placeholder="企业邮箱"></el-input>
style="width: 63%" </el-form-item>
@keyup.enter.native="handleRegister" <el-form-item prop="pass">
> <el-input type="text" v-model="registerForm.phonenumber" autocomplete="off" placeholder="企业电话"></el-input>
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="validCode"/>
</el-input>
<div class="register-code">
<img :src="codeUrl" class="register-code-img" @click="getCode"/>
</div>
</el-form-item> </el-form-item>
<el-form-item style="width:100%;"> <el-form-item style="width:100%;">
<el-button <el-button