.pipeAccessoryAssemblyContent {
|
width: 100%;
|
height: 100%;
|
|
.pipeAccessoryAssemblyList {
|
width: 100%;
|
height: calc(100% - 70px);
|
}
|
.headerContent {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
height: 43px;
|
}
|
.header {
|
margin-bottom: 12px;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
}
|
}
|
|
.tagBox {
|
width: auto;
|
min-width: 80px;
|
height: 24px;
|
background: #ffffff;
|
border-radius: 19px 19px 19px 19px;
|
opacity: 1;
|
border: 1px dashed #bcc4cc;
|
width: 50px;
|
height: 20px;
|
font-size: 14px;
|
font-family: PingFang SC, PingFang SC;
|
font-weight: 400;
|
color: #5a84ff;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
// cursor: pointer;
|
}
|
|
.group {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.groupTable {
|
width: 100%;
|
}
|
|
.overBox {
|
width: 100%;
|
height: calc(100% - 20px);
|
overflow: auto;
|
:global(.cs-collapse-item__header) {
|
background-color: #f1f1f1;
|
padding: 0 20px;
|
height: 35px;
|
font-size: 16px;
|
font-family: PingFang SC, PingFang SC;
|
font-weight: 500;
|
}
|
:global(.cs-collapse-item__content) {
|
padding-bottom: 0px;
|
}
|
}
|
.groupHeader {
|
width: 100%;
|
height: 30px;
|
background: #ccc;
|
}
|
|
.hideBlock {
|
display: none;
|
}
|
.queryForm {
|
padding: 10px;
|
background: #f5f7fa;
|
margin-bottom: 0px;
|
border-radius: 4px;
|
|
.el-form-item {
|
margin-right: 20px;
|
margin-bottom: 0;
|
|
// 统一输入框和选择框的宽度
|
.el-input, .el-select {
|
width: 200px; // 设置统一的宽度
|
}
|
|
// 选择框内部输入框样式
|
.el-select .el-input__wrapper {
|
height: 32px; // 与输入框高度一致
|
padding: 1px 11px; // 与输入框内边距一致
|
}
|
|
// 日期选择器宽度
|
.el-date-editor {
|
width: 220px;
|
}
|
}
|
}
|
|
// 如果需要更精确的控制，可以单独设置
|
.formItem {
|
width: 200px;
|
|
&.el-input, &.el-select {
|
width: 100%;
|
}
|
}
|
|
.pipeAccessoryAssemblyContent {
|
padding: 16px;
|
background: #fff;
|
border-radius: 4px;
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
max-width: 500px; // 限制最大宽度
|
margin: 0 auto; // 水平居中
|
width: 90%; // 响应式宽度
|
|
.h5Form {
|
display: flex;
|
flex-direction: column;
|
gap: 20px; // 表单项之间的间距
|
|
.el-form-item {
|
margin-bottom: 0; // 移除默认的底部边距
|
width: 100%; // 占满父容器宽度
|
}
|
|
.el-form-item__label {
|
display: block;
|
text-align: left;
|
margin-bottom: 8px;
|
font-weight: 500;
|
}
|
}
|
|
.formInput {
|
width: 100%; // 输入框占满父容器宽度
|
}
|
|
.buttonGroup {
|
display: flex;
|
justify-content: center;
|
gap: 16px; // 按钮间距
|
margin-top: 16px;
|
|
.actionButton {
|
flex: 1; // 按钮平均分配空间
|
max-width: 200px; // 限制按钮最大宽度
|
}
|
}
|
}
|
