style(views): 统一检测项目对话框输入框宽度并居中表单

buhuazhen

昨天 d2d931816da9f6de4da1f3a7f3f6e596128c6f14

 src/views/qualityManagement/InspectItem/index.vue

@@ -34,21 +34,21 @@
    </div>

    <el-dialog v-model="dialogVisible" :title="operationType === 'add' ? '新增检测项目' : '修改检测项目'" width="520px" @close="closeDialog">
      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px" class="dialog-form-center">
        <el-form-item label="检测项目" prop="name">
          <el-input v-model="form.name" placeholder="请输入检测项目名称" clearable />
          <el-input v-model="form.name" placeholder="请输入检测项目名称" clearable style="width: 280px" />
        </el-form-item>
        <el-form-item label="单位" prop="unit">
          <el-input v-model="form.unit" placeholder="请输入单位" clearable />
          <el-input v-model="form.unit" placeholder="请输入单位" clearable style="width: 280px" />
        </el-form-item>
        <el-form-item label="标准值" prop="standardValue">
          <el-input v-model="form.standardValue" placeholder="请输入标准值" clearable />
          <el-input v-model="form.standardValue" placeholder="请输入标准值" clearable style="width: 280px" />
        </el-form-item>
        <el-form-item label="内控值" prop="internalControl">
          <el-input v-model="form.internalControl" placeholder="请输入内控值" clearable />
          <el-input v-model="form.internalControl" placeholder="请输入内控值" clearable style="width: 280px" />
        </el-form-item>
        <el-form-item label="化验值" prop="testValue">
          <el-input v-model="form.testValue" placeholder="请输入化验值" clearable />
          <el-input v-model="form.testValue" placeholder="请输入化验值" clearable style="width: 280px" />
        </el-form-item>
      </el-form>
      <template #footer>
@@ -230,4 +230,10 @@
getList();
</script>

<style scoped></style>
<style scoped>
.dialog-form-center {
  padding-top: 12px;
  width: fit-content;
  margin: 0 auto;
}
</style>