项目重构

gaoluyang

5 天以前 82aa16e28ec077e4e7d238504898e32563262461

项目重构

 src/views/business/productOrder/components/addOrder.vue

@@ -171,7 +171,7 @@
                </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>
@@ -2739,6 +2739,7 @@

.template-tag-list {
  min-height: 32px;
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
@@ -2747,6 +2748,7 @@

.newju-order-form :deep(.el-form-item) {
  display: flex;
  align-items: center; /* small 标签 24px、内容 32px，不居中就导致标签比内容高约 5px */
  margin-right: 0;
}

@@ -2764,6 +2766,20 @@
.newju-order-form :deep(.el-select),
.newju-order-form :deep(.el-date-editor) {
  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 {
@@ -2827,15 +2843,23 @@
  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>