青岛维护

WXL

3 天以前 7f67f2e6fbb7d47249fef0905a40a66f13ae2f2b

 src/views/business/course/ccss.vue

@@ -486,6 +486,8 @@
.register-form {
  border-left: 1px solid #d0d3db;
  background: #fff;
  /* 超宽屏限制表单最大宽度，右侧留白，避免字段分布过开 */
  max-width: 1400px;
}

/* 每一行为 flex 行，自带上边框保证网格连续性 */
@@ -493,6 +495,21 @@
  display: flex;
  width: 100%;
  border-top: 1px solid #d0d3db;
  /* 上移1px与上一行的border-bottom重叠，两行之间只显示一条1px细线 */
  margin-top: -1px;
}
.register-form >>> .form-row:first-child {
  margin-top: 0;
}

/* 行尾空白填充：不满整行的右侧自动补一个空白格子，网格保持闭合（右侧适当留白） */
.register-form >>> .form-row::after {
  content: "";
  flex: 1 1 0;
  min-height: 42px;
  background: linear-gradient(to left, #d0d3db 1px, transparent 1px),
    linear-gradient(to top, #d0d3db 1px, transparent 1px);
  background-color: #fff;
}

/* 单元格：默认三分之一列，画右、下两条边 */
@@ -517,8 +534,8 @@

/* 标题格：灰底、居中、加粗，右边一条分隔线 */
.register-form >>> .el-form-item__label {
  flex: 0 0 120px;
  width: 120px !important;
  flex: 0 0 150px;
  width: 150px !important;
  float: none;
  padding: 0 8px !important;
  background: #ecf5ff;
@@ -531,8 +548,7 @@
  font-weight: 600;
  color: #2c3038;
  line-height: 1.3;
  white-space: normal;
  word-break: break-all;
  white-space: nowrap;
}
/* 必填项星号红色 */
.register-form >>> .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
@@ -553,6 +569,22 @@
  line-height: 1.4;
}

/* 控件宽度适中，不铺满整格（内容短时输入框不再拉得很长） */
.register-form >>> .el-form-item__content .el-input,
.register-form >>> .el-form-item__content .el-select,
.register-form >>> .el-form-item__content .el-cascader {
  width: 220px;
  max-width: 100%;
}
.register-form >>> .el-form-item__content .el-date-editor {
  width: 240px;
  max-width: 100%;
}
.register-form >>> .el-form-item__content .el-range-editor {
  width: 360px;
  max-width: 100%;
}

/* 校验出错时标题格不变红，仅内容区文字提示即可 */
.register-form >>> .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label {
  background: #ecf5ff;