<template>
      <el-descriptions
        class="margin-top"
        title=""
        :column="1"
        size="mini"
        border
      >
        <el-descriptions-item :labelStyle="labelStyle" label="供应商">
          <el-select clearable v-model="ruleForm.suppier" size="mini">
            <el-option
              v-for="item in optionList.supplierEnumList"
              :key="item.value"
              :label="item.desc"
              :value="item.value"
            ></el-option>
          </el-select>
        </el-descriptions-item>
        <el-descriptions-item :labelStyle="labelStyle" label="收货人">
          <el-input
            width="200px"
            v-model="ruleForm.deliveryUser"
            placeholder="请输入收货人"
          ></el-input>
        </el-descriptions-item>

        <el-descriptions-item :labelStyle="labelStyle" label="收货时间">
          <el-date-picker
            v-model="ruleForm.deliveryTime"
            type="date"
            placeholder="选择日期"
            value-format="yyyy-MM-dd hh-mm-ss"
          >
          </el-date-picker>
        </el-descriptions-item>
        <el-descriptions-item :labelStyle="labelStyle" label="上传文件">
          <el-upload
            class="upload-demo"
            :on-remove="handleRemove"
            :http-request="handleChangeData"
            :file-list="fileList"
            :disabled="loading"
          >
            <el-button size="small" type="primary">点击上传</el-button>
            <!-- <div slot="tip" class="el-upload__tip">上传附件</div> -->
          </el-upload>
        </el-descriptions-item>
      </el-descriptions>

运行结果

前端那些事20240123-前端那些事-新增样式优化_上传