多井分组曲线模板增加曲线的线宽设置

src/pages/base/MultiGroupCurveTemp.vue

@@ -66,6 +66,25 @@
 										<el-color-picker v-model="serial.color"/>
 									</el-form-item>
 									
+									<el-form-item label="线宽">
+										<el-select style="width:100px" v-model.number="serial.lineWidth">
+											<el-option  value="1">
+												<div class="line-css"><div style="border-bottom: 1px solid #000;"/><label>1</label></div>
+											</el-option>
+											
+											<el-option  value="2">
+												<div class="line-css"><div style="border-bottom: 2px solid #000;"/><label>2</label></div>
+											</el-option>
+											<el-option  value="3">
+												<div class="line-css"><div style="border-bottom: 3px solid #000;"/><label>3</label></div>
+											</el-option>
+											<el-option  value="5">
+												<div class="line-css"><div style="border-bottom: 5px solid #000;"/><label>5</label></div>
+											</el-option>
+											
+										</el-select>
+									</el-form-item>
+									
 								</el-collapse-item>
 								
 							</el-collapse>
@@ -103,7 +122,8 @@
 				title:null,
 				min:null,
 				max:null,
-				code:null
+				code:null,
+				lineWidth:null
 			}],
 			codes:null*/
 		}
@@ -190,6 +210,7 @@
 					code,
 					color:'#0055ff',
 					lineType:'poly',  //step
+					lineWidth:1,
 					size:1
 				})
 			}
@@ -444,4 +465,15 @@
 	.serial-item:deep(.el-input-number .el-input__wrapper) {
 		padding:2px 4px;
 	}
+	.line-css{
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	.line-css > div{
+		width:60px;
+		height:0px;
+		font-size: 0px;
+		margin-right: 5px;
+	}
 </style>