yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

供应链（样式调整）

master
Zhao Qiqi 3 years ago
parent
0f0e3536c6
commit
ecb10cdf7b
2 changed files with 169 additions and 70 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      anrui-scm/anrui-scm-ui/src/styles/index.scss
  2. 187
      anrui-scm/anrui-scm-ui/src/views/cheliang/chexingpeizhi/changyongpeizhiAdd.vue

52
anrui-scm/anrui-scm-ui/src/styles/index.scss
View File

@ -228,6 +228,58 @@ div:focus {
.footer{margin: 20px;}
}
.formaddcopy02 {
padding: 20px 0;
// height: calc(100vh - 200px);overflow-y: auto;
.title {
padding: 10px;
font-weight: bold;
font-size: 20px;
background-color: $header-bg;
text-align: center;
color: #ffffff;
}
.el-row {
display: flex;
flex-wrap: wrap;
border-left: 1px solid $table-border-color;
.el-col {
border-right: 1px solid $table-border-color;
border-bottom: 1px solid $table-border-color;
min-height: 48px;
.span-sty {
height: 48px;
float: left;
line-height: 48px;
text-align: right;
font-size: 14px;
color: #606266;
font-weight: 600;
width: 70px;
padding-right: 5px;
//border-right: 1px solid #e0e3eb;
}
.el-form-item {
margin-bottom: 0;
.addinputw {
border-left: 1px solid #e0e3eb;;
padding: 5px 10px;
width: 65%;
}
}
}
}
.footer {
margin: 20px;
}
}
.forminfo {
padding: 20px 0;

187
anrui-scm/anrui-scm-ui/src/views/cheliang/chexingpeizhi/changyongpeizhiAdd.vue
View File

@ -10,43 +10,53 @@
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
<el-form ref="dataForm" :model="temp" label-position="right" class="formaddcopy02" :rules="rules">
<div class="title">常用配置信息</div>
<el-row>
<el-col :span="2">
<span>颜色</span>
</el-col>
<el-col :span="3">
<el-col :span="5">
<div class="span-sty">
<span>颜色</span>
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="carColor">
<el-select v-model="temp.carColor" placeholder="请选择" filterable clearable class="addinputw" @change="changeCarColor">
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
<el-select v-model="temp.carColor" placeholder="请选择" filterable clearable @change="changeCarColor"
class="addinputw">
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue"
:value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>缓速器</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="slowMachine">
<el-select v-model="temp.slowMachine" placeholder="请选择" filterable clearable class="addinputw" @change="changeSlowMachine">
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>后视镜</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="rearViewMirror">
<el-select v-model="temp.rearViewMirror" placeholder="请选择" filterable clearable class="addinputw" @change="changeRearViewMirror">
<el-option v-for="item in rearViewMirror_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>轮胎</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="tireSize">
<el-select v-model="temp.tireSize" placeholder="请选择" filterable clearable class="addinputw" @change="changeTireSize">
<el-option v-for="item in tireSize_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"
@ -54,10 +64,12 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="4">
<div class="span-sty">
<span>驾驶室</span>
</el-col>
<el-col :span="2">
</div>
<!-- </el-col>-->
<!-- <el-col :span="2">-->
<el-form-item prop="specification">
<el-select v-model="temp.specification" placeholder="请选择" filterable clearable class="addinputw" @change="changeSpecification">
<el-option v-for="item in specification_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
@ -66,50 +78,60 @@
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>后桥速比</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="rearAxleRatio">
<el-select v-model="temp.rearAxleRatio" placeholder="请选择" filterable clearable class="addinputw" @change="changeRearAxleRatio">
<el-option v-for="item in rearAxleRatio_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>空调</span> <!-- 0 1-->
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="airConditioner">
<el-select v-model="temp.airConditioner" placeholder="请选择" filterable clearable class="addinputw" @change="changeAirConditioner">
<el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>轮毂材质</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="hubMaterial">
<el-select v-model="temp.hubMaterial" placeholder="请选择" filterable clearable class="addinputw" @change="changeHubMaterial">
<el-option v-for="item in hubMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>导流罩</span> <!-- 0 1 -->
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="baffleModel">
<el-select v-model="temp.baffleModel" placeholder="请选择" filterable clearable class="addinputw" @change="changeBaffleModel">
<el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="4">
<div class="span-sty">
<span>悬架</span>
</el-col>
<el-col :span="2">
</div>
<!-- </el-col>-->
<!-- <el-col :span="2">-->
<el-form-item prop="suspension">
<el-select v-model="temp.suspension" placeholder="请选择" filterable clearable class="addinputw" @change="changeSuspension">
<el-option v-for="item in suspension_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
@ -118,50 +140,60 @@
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>座椅</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="seat">
<el-select v-model="temp.seat" placeholder="请选择" filterable clearable class="addinputw" @change="changeSeat">
<el-option v-for="item in seat_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>护轮罩</span> <!-- 0 1 -->
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="tireCover">
<el-select v-model="temp.tireCover" placeholder="请选择" filterable clearable class="addinputw" @change="changeTireCover">
<el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>鞍座</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="saddle">
<el-select v-model="temp.saddle" placeholder="请选择" filterable clearable class="addinputw" @change="changeSaddle">
<el-option v-for="item in saddle_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>轴距</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="wheelbase">
<el-select v-model="temp.wheelbase" placeholder="请选择" filterable clearable class="addinputw" @change="changeWheelbase">
<el-option v-for="item in wheelbase_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="4">
<div class="span-sty">
<span>保险杠</span>
</el-col>
<el-col :span="2">
</div>
<!-- </el-col>-->
<!-- <el-col :span="2">-->
<el-form-item prop="bumper">
<el-select v-model="temp.bumper" placeholder="请选择" filterable clearable class="addinputw" @change="changeBumper">
<el-option v-for="item in bumper_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
@ -170,62 +202,76 @@
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>配置包</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="configuringBao">
<el-select v-model="temp.configuringBao" placeholder="请选择" filterable clearable class="addinputw" @change="changeConfiguringBao">
<el-option v-for="item in configuringBao_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>独立热源</span> <!-- 0 1 -->
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="independentSources">
<el-select v-model="temp.independentSources" placeholder="请选择" filterable clearable class="addinputw" @change="changeIndependentSources">
<el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>燃料箱</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="fuelTank">
<el-select v-model="temp.fuelTank" placeholder="请选择" filterable clearable class="addinputw" @change="changefuelTank">
<el-option v-for="item in fuelTank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="5">
<div class="span-sty">
<span>多媒体</span>
</el-col>
<el-col :span="3">
</div>
<!-- </el-col>-->
<!-- <el-col :span="3">-->
<el-form-item prop="multimedia">
<el-select v-model="temp.multimedia" placeholder="请选择" filterable clearable class="addinputw" @change="changeMultimedia">
<el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="2">
<el-col :span="4">
<div class="span-sty">
<span>货箱</span>
</el-col>
<el-col :span="2">
</div>
<!-- </el-col>-->
<!-- <el-col :span="2">-->
<el-form-item prop="packingCase">
<el-select v-model="temp.packingCase" placeholder="请选择" filterable clearable class="addinputw" @change="changePackingCase">
<el-option v-for="item in packingCase_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<el-col :span="24">
<div class="span-sty">
<span>更多配置</span>
</el-col>
<el-col :span="22">
</div>
<!-- </el-col>-->
<!-- <el-col :span="22">-->
<el-form-item prop="otherConfig">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="temp.otherConfig">
<el-input type="textarea" :rows="3" placeholder="请输入内容" class="addinputw" v-model="temp.otherConfig">
</el-input>
<!-- <el-input v-model="temp.otherConfig" maxlength="125" placeholder="" class="addinputw" clearable/>-->
</el-form-item>
@ -238,7 +284,7 @@
<script>
import { SaveList, Update, details, pullDown } from '@/api/cheliang/basemodelconfig'
import { details, pullDown, SaveList, Update } from '@/api/cheliang/basemodelconfig'
// import { getFileType, parseDate, parseTime, ConvertMenuState } from "@/utils";
// import { findButtonByUserId } from '@/api/sys/permission'
@ -983,7 +1029,8 @@ export default {
}
.addinputw {
width: 100% !important;
/*width: 75% !important;*/
/*display: inline-block;*/
}
</style>

Write Preview
Loading…
Cancel
Save