| | |
| | | <div style="display: flex; align-items: center; justify-content: space-between;"> |
| | | <span>{{ a.name }}</span> |
| | | <lims-icon name="el-icon-delete" |
| | | style="color: #66b1ff; font-size: 16px; cursor: pointer;" |
| | | style="color: var(--el-color-primary-light-3); font-size: 16px; cursor: pointer;" |
| | | @click.stop="handleDelete(a)"> |
| | | </lims-icon> |
| | | </div> |
| | |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="报告交付方式"> |
| | | <el-radio-group v-model="addObj.reportDelivery" :disabled="active>1" size="small"> |
| | | <el-radio :value="1" border style="margin-right: 0">自取</el-radio> |
| | |
| | | <el-upload ref="orderFileUpload" action="#" :auto-upload="false" multiple :file-list="fileList" |
| | | :disabled="active>1" :on-change="handleFileChange" :on-remove="handleFileRemove"> |
| | | <el-button :disabled="active>1" size="small" type="primary">选择附件</el-button> |
| | | <div slot="tip" class="el-upload__tip">支持多文件上传,单个文件不超过200MB</div> |
| | | <template #tip> |
| | | <div class="el-upload__tip">支持多文件上传,单个文件不超过200MB</div> |
| | | </template> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | ...res.data.insOrder |
| | | }; |
| | | if (res.data.standardTreeId) { |
| | | this.$set(this.addObj, 'standardTreeId', res.data.standardTreeId) |
| | | this.addObj.standardTreeId = res.data.standardTreeId |
| | | } else if (this.isEdit) { |
| | | this.$message.warning('原标准与订单模板无法唯一匹配,请重新选择检测依据') |
| | | } |
| | |
| | | |
| | | <style scoped> |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | |
| | | .node_i { |
| | |
| | | |
| | | .template-tag-list { |
| | | min-height: 32px; |
| | | align-self: stretch; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | |
| | | |
| | | .newju-order-form :deep(.el-form-item) { |
| | | display: flex; |
| | | align-items: center; /* small 标签 24px、内容 32px,不居中就导致标签比内容高约 5px */ |
| | | margin-right: 0; |
| | | } |
| | | |
| | |
| | | width: 100%; |
| | | } |
| | | |
| | | /* 边框单选组:EP 默认给每个 radio 30px 右边距(只清零最后一个), |
| | | 窄列里「自取/快递/电子传送」3 个放不下会换行;统一去掉边距改用 6px gap, |
| | | 三个按钮即可排在一行 */ |
| | | .newju-order-form :deep(.el-radio-group) { |
| | | display: inline-flex; |
| | | align-items: center; |
| | | flex-wrap: nowrap; |
| | | gap: 6px; |
| | | } |
| | | |
| | | .newju-order-form :deep(.el-radio-group .el-radio) { |
| | | margin-right: 0; |
| | | } |
| | | |
| | | .empty-template-text { |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | } |
| | | |
| | | /* 委托单信息:顶部操作栏 */ |
| | |
| | | flex-wrap: wrap; |
| | | gap: 8px; |
| | | padding-bottom: 12px; |
| | | border-bottom: 1px solid #ebeef5; |
| | | border-bottom: 1px solid var(--el-border-color-light); |
| | | } |
| | | |
| | | .order-header__title { |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | } |
| | | |
| | | .order-header__actions { |
| | |
| | | width: 100%; |
| | | } |
| | | |
| | | /* append 单元格的 20px 内边距 + 按钮 -10px 负边距是按默认 40px 按钮标定的, |
| | | small 输入下按钮会比输入框高、上下溢出;改成按钮直接撑满单元格 */ |
| | | /* append 单元格的 20px 内边距 + 按钮 -10px 负边距是按默认 40px 按钮标定的。 |
| | | small 输入下按钮会被 height:24px + padding 挤得内容盒只剩 6px,图标因此偏下; |
| | | 改成网格居中:单元格居中按钮,按钮内部再居中图标 */ |
| | | .order-card :deep(.el-input-group__append) { |
| | | padding: 0; |
| | | padding: 0 14px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .order-card :deep(.el-input-group__append .el-button) { |
| | | flex: 0 0 auto; |
| | | margin: 0; |
| | | padding: 9px 15px; |
| | | padding: 4px 8px; |
| | | font-size: 12px; |
| | | display: inline-flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | </style> |