病例库-页面修改

src/views/cases/components/CaseFormDialog.vue

@@ -1,9 +1,9 @@
 <template>
   <!-- 新增/编辑弹窗 -->
   <el-dialog :title="title" :visible.sync="open" width="60%" append-to-body>
-    <el-form ref="form" :model="form" :rules="rules" label-width="90px">
+    <el-form ref="form" :model="form" :rules="rules" label-width="85px">
       <el-row :gutter="20">
-        <el-col :span="6" v-if="!isEditMode">
+        <el-col :span="12" v-if="!isEditMode">
           <el-form-item label="患者姓名" prop="patient_name">
             <el-input
               v-model="form.patient_name"
@@ -12,7 +12,7 @@
             />
           </el-form-item>
         </el-col>
-        <el-col :span="6" v-if="!isEditMode">
+        <el-col :span="4" v-if="!isEditMode">
           <el-form-item label="性别" prop="patient_sex">
             <el-select
               v-model="form.patient_sex"
@@ -41,7 +41,7 @@
             />
           </el-form-item>
         </el-col>
-        <el-col :span="6" v-if="!isEditMode">
+        <el-col :span="2" v-if="!isEditMode">
           <el-form-item label="" prop="patient_age_type" label-width="0">
             <el-select
               v-model="form.patient_age_type"
@@ -245,7 +245,7 @@
         </el-col>
       </el-row>
       <el-row :gutter="20">
-        <el-col :span="12">
+        <el-col :span="6">
           <el-form-item label="预约日期" prop="date_time">
             <el-date-picker
               v-model="form.date_time"
@@ -258,8 +258,8 @@
             />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item label="预约时间" prop="time_section">
+        <el-col :span="6">
+          <el-form-item prop="time_section" label-width="0">
             <el-select
               v-model="form.time_section"
               placeholder="请选择预约时间"
@@ -415,6 +415,9 @@ export default {
         exam_rooms: [
           { required: true, message: "检查诊室不能为空", trigger: "change" },
         ],
+        date_time: [
+          { required: true, message: "预约日期不能为空", trigger: "change" },
+        ],
         time_section: [
           { required: true, message: "预约时间不能为空", trigger: "change" },
         ],
@@ -506,7 +509,7 @@ export default {
       this.initDataDictionaries();
       this.reset();
       this.open = true;
-      this.title = "新增病例";
+      this.title = "新建病例";
       this.isEditMode = false;
     },
     // 修改预约时间按钮操作

src/views/cases/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <!-- 查询表单：按截图的三行4列布局 -->
-    <el-form :model="queryParams" ref="queryForm" label-width="90px">
+    <el-form :model="queryParams" ref="queryForm" label-width="70px">
       <el-row :gutter="15">
         <!-- 第一行 -->
         <el-col :span="6">
@@ -177,7 +177,7 @@
       <el-row :gutter="15">
         <!-- 按钮行 -->
         <el-col :span="6">
-          <el-form-item>
+          <el-form-item label-width="0">
             <el-button
               type="primary"
               icon="el-icon-search"
@@ -194,7 +194,7 @@
               icon="el-icon-plus"
               @click="handleAdd"
             >
-              新增
+              新建病例
             </el-button>
           </el-form-item>
         </el-col>
@@ -273,7 +273,11 @@
         show-overflow-tooltip
       >
         <template slot-scope="scope">
-          <el-button type="text" @click="handleTimeSectionUpdate(scope.row)" :disabled="scope.row.reporter_name != userInfo.name">
+          <el-button
+            type="text"
+            @click="handleTimeSectionUpdate(scope.row)"
+            :disabled="scope.row.reporter_name != userInfo.name"
+          >
             {{ scope.row.date_time }} {{ scope.row.time_section }}
             <i class="el-icon-edit el-icon--right"></i>
           </el-button>