| | |
| | | </el-form-item> |
| | | <!-- 所属部门 --> |
| | | <el-form-item class="optionItems" label="所属部门:" prop="depart"> |
| | | <el-input v-model="car.depart" placeholder="请填写所属部门"></el-input> |
| | | <!-- <el-select v-model="car.group" placeholder="请选择所属类型"> |
| | | <el-option v-for="item in teamList" :key="item.value" :label="item.label" |
| | | :value="item.value"> |
| | | <!-- <el-input v-model="car.depart" placeholder="请填写所属部门"></el-input> --> |
| | | <el-select v-model="car.belong" placeholder="请选择所属部门"> |
| | | <el-option value="1"> |
| | | <el-tree ref="tree" :check-strictly="true" :data="departList" :props="defaultProps" |
| | | show-checkbox @check-change="handleCheck" default-expand-all node-key="id"> |
| | | </el-tree> |
| | | </el-option> |
| | | </el-select> --> |
| | | </el-form-item> |
| | | <!-- 所属大队 --> |
| | | <el-form-item class="optionItems" label="所属大队:" prop="belong"> |
| | | <el-input v-model="car.belong" placeholder="请填写所属大队"></el-input> |
| | | <!-- <el-select v-model="car.group" placeholder="请选择所属类型"> |
| | | <el-option v-for="item in teamList" :key="item.value" :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> --> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 车主姓名 --> |
| | | <el-form-item class="optionItem" label="车主姓名:" prop="ownerName"> |
| | |
| | | <!-- 联系方式 --> |
| | | <el-form-item class="optionItem" label="联系方式:" prop="contact"> |
| | | <el-input v-model="car.contact" placeholder="请输入车主手机号码"></el-input> |
| | | </el-form-item> |
| | | <!-- 轨迹 --> |
| | | <el-form-item class="optionItem" label="轨迹:" prop="trajectory"> |
| | | <el-input type="textarea" :rows="2" v-model="car.trajectory" placeholder="请输入车辆轨迹"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div class="optionBtn"> |
| | |
| | | label: '大队二', |
| | | value: 2, |
| | | }, |
| | | ] |
| | | ], |
| | | selectOrg: { |
| | | orgsid: [], |
| | | }, |
| | | mylabel: '', |
| | | departList: [], |
| | | defaultProps: { |
| | | children: "children", |
| | | label: "departName", |
| | | }, |
| | | } |
| | | }, |
| | | created() { |
| | | // 获取全部部门列表 |
| | | this.$axios.get('/sccg/depart/tree').then(res => { |
| | | this.departList = res.data; |
| | | }) |
| | | }, |
| | | methods: { |
| | | // 添加车辆 |
| | |
| | | }, |
| | | handleStop(){ |
| | | this.$emit('closeDialog',{flag:false,index:0}); |
| | | }, |
| | | // 部门修改 |
| | | handleCheck(data, checked) { |
| | | console.log(data); |
| | | this.car.belong = data.departName |
| | | this.car.depart = data.id |
| | | // 获取当前选择的id在数组中的索引 |
| | | const indexs = this.selectOrg.orgsid.indexOf(data.id); |
| | | // 如果不存在数组中,并且数组中已经有一个id并且checked为true的时候,代表不能再次选择。 |
| | | if (indexs < 0 && this.selectOrg.orgsid.length === 1 && checked) { |
| | | this.$message({ |
| | | message: "只能选择一个部门!", |
| | | type: "warning", |
| | | showClose: true, |
| | | }); |
| | | // 设置已选择的节点为false 很重要 |
| | | this.$refs.tree.setChecked(data, false); |
| | | } else if (this.selectOrg.orgsid.length === 0 && checked) { |
| | | // 发现数组为空 并且是已选择 |
| | | // 防止数组有值,首先清空,再push |
| | | this.selectOrg.orgsid = []; |
| | | this.selectOrg.orgsid.push(data.id); |
| | | } else if ( |
| | | indexs >= 0 && |
| | | this.selectOrg.orgsid.length === 1 && |
| | | !checked |
| | | ) { |
| | | // 再次直接进行赋值为空操作 |
| | | this.selectOrg.orgsid = []; |
| | | this.car.belong = '' |
| | | this.car.depart = '' |
| | | } |
| | | }, |
| | | |
| | | }, |
| | | props: ['closeDialog'] |