|
|
@@ -37,10 +37,12 @@
|
|
|
<el-col :span="3" class="olabel">{{ i.label }}</el-col>
|
|
|
<el-col :span="21" class="oselect">
|
|
|
<el-col :span="5" v-for="(f, cindex) in i.children" :key="`children${cindex}`" class="child">
|
|
|
- <span>{{ f.label }}</span>
|
|
|
- <el-select v-model="form[f.model]" multiple placeholder="">
|
|
|
- <el-option v-for="(item, index) in getList(i.list)" :key="index" :value="item" :label="item"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-col :span="24" class="child_label">{{ f.label }}</el-col>
|
|
|
+ <el-col :span="24" class="child_select">
|
|
|
+ <el-select v-model="form[f.model]" multiple placeholder="">
|
|
|
+ <el-option v-for="(item, index) in getList(i.list)" :key="index" :value="item" :label="item"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
<!-- <el-form-item :prop="`${index}-${cindex}`" :label="`${f.label}`">
|
|
|
<el-select v-model="form[f.model]" multiple placeholder="">
|
|
|
<el-option v-for="(item, index) in getList(i.list)" :key="index" :value="item" :label="item"></el-option>
|
|
|
@@ -107,15 +109,37 @@ export default {
|
|
|
margin: 0;
|
|
|
}
|
|
|
}
|
|
|
+// .object {
|
|
|
+// border-bottom: 1px #ccc solid;
|
|
|
+// margin-bottom: 15px;
|
|
|
+// .olabel {
|
|
|
+// text-align: center;
|
|
|
+// }
|
|
|
+// }
|
|
|
+// .child {
|
|
|
+// width: 20%;
|
|
|
+// }
|
|
|
.object {
|
|
|
border-bottom: 1px #ccc solid;
|
|
|
- margin-bottom: 15px;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ padding: 0 0 10px 0;
|
|
|
.olabel {
|
|
|
- text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .child {
|
|
|
+ width: 18.9%;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ .child_label {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ padding: 10px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .child:nth-child(5n) {
|
|
|
+ margin: 0;
|
|
|
}
|
|
|
-}
|
|
|
-.child {
|
|
|
- width: 20%;
|
|
|
}
|
|
|
/deep/.el-input__inner {
|
|
|
border: 1px solid #333;
|
