| | |
| | | label-position="right"> |
| | | <!-- 车牌号 --> |
| | | <el-form-item class="optionItem" label="车牌号:" prop="carNumber"> |
| | | <el-input v-model="car.carNumber" placeholder="请填写车牌号"></el-input> |
| | | <el-input v-model="car.carNumber" placeholder="请填写车牌号" disabled></el-input> |
| | | </el-form-item> |
| | | <!-- 车型 --> |
| | | <el-form-item class="optionItems" label="车型:" prop="carModel"> |
| | | <el-select v-model="car.carModel" placeholder="请选择车型"> |
| | | <el-select v-model="car.carModel" placeholder="请选择车型" disabled> |
| | | <el-option v-for="item in carTypeList" :key="item.value" :label="item.label" |
| | | :value="item.label"> |
| | | </el-option> |
| | |
| | | </el-form-item> |
| | | <!-- 车主姓名 --> |
| | | <el-form-item class="optionItem" label="车主姓名:" prop="ownerName"> |
| | | <el-input v-model="car.ownerName" placeholder="请输入车主姓名"></el-input> |
| | | <el-input v-model="car.ownerName" placeholder="请输入车主姓名" disabled></el-input> |
| | | </el-form-item> |
| | | <!-- 车辆使用人员 --> |
| | | <el-form-item class="optionItem" label="车辆使用人员:" prop="vehicleUser"> |
| | | <el-input v-model="car.vehicleUser" placeholder="请输入车辆使用人员"></el-input> |
| | | <el-input v-model="car.vehicleUser" placeholder="请输入车辆使用人员" disabled></el-input> |
| | | </el-form-item> |
| | | <!-- 联系方式 --> |
| | | <el-form-item class="optionItem" label="联系方式:" prop="contact"> |
| | | <el-input v-model="car.contact" placeholder="请输入车主手机号码"></el-input> |
| | | <el-input v-model="car.contact" placeholder="请输入车主手机号码" disabled></el-input> |
| | | </el-form-item> |
| | | <!-- 施工单位 --> |
| | | <el-form-item class="optionItems" label="施工单位:" prop="constructionOrg"> |
| | | <el-input v-model="car.constructionOrg" placeholder="请填写施工单位"></el-input> |
| | | <el-input v-model="car.constructionOrg" placeholder="请填写施工单位" disabled></el-input> |
| | | </el-form-item> |
| | | <!-- 施工地址 --> |
| | | <el-form-item class="optionItems" label="施工地址:" prop="geographicPosition"> |
| | | <el-input v-model="car.geographicPosition" placeholder="请填写施工地址"></el-input> |
| | | <el-input v-model="car.geographicPosition" placeholder="请填写施工地址" disabled></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-input type="textarea" :rows="2" v-model="car.trajectory" placeholder="请输入车辆轨迹" disabled></el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item> |
| | | <div class="optionBtn"> |
| | | <el-button type="primary" class="btn submit" @click.native.prevent="handleCar">确认 |
| | | </el-button> |
| | | <el-button class="btn cancel" @click.native.prevent="handleStop"> |
| | | 取消 |
| | | </el-button> |
| | | </div> |
| | | </el-form-item> --> |
| | | </el-form> |
| | | |
| | | </div> |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | console.log(this.info); |
| | | this.car = JSON.parse(JSON.stringify(this.info)); |
| | | }, |
| | | methods: { |
| | |
| | | <style lang="scss" scoped> |
| | | .createUser { |
| | | border-radius: 1px; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | |
| | | main { |
| | | // border: 1px solid #fff; |
| | | text-align: left; |
| | | padding: 0 55px; |
| | | background-color: #09152f; |
| | | padding-bottom: 50px; |
| | | |
| | | background-color: #ffffff; |
| | | .mainContent { |
| | | display: flex; |
| | | justify-content: center; |
| | | padding-top: 50px; |
| | | |
| | | .el-form-item__content { |
| | | width: 400px; |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | &::v-deep .el-textarea__inner { |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | // &::v-deep .el-textarea__inner { |
| | | // // background-color: #09152f; |
| | | // border: 1px solid #17324c; |
| | | // } |
| | | |
| | | ::v-deep .el-form-item__label { |
| | | color: #4b9bb7; |
| | | } |
| | | // ::v-deep .el-form-item__label { |
| | | // color: #4b9bb7; |
| | | // } |
| | | |
| | | ::v-deep .el-input__inner { |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | // ::v-deep .el-input__inner { |
| | | // // background-color: #09152f;s |
| | | // border: 1px solid #17324c; |
| | | // } |
| | | } |
| | | </style> |