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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      anrui-scm/anrui-scm-ui/src/styles/index.scss
  2. 185
      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;} .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 { .forminfo {
padding: 20px 0; padding: 20px 0;

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

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

Write Preview
Loading…
Cancel
Save