进度信息模块封装ui代码优化

src/views/medical-record-management/medical-edit.vue

@@ -268,75 +268,74 @@ color: #333333;"
         </div>
         <!-- 内部信息 -->
         <el-form ref="from" :model="form" :rules="rules" class="registration-add-form" label-width="110px" size="small">
-        <!--      宠主基本信息-->
-        <el-row :gutter="41">
-          <el-col :span="8">
-            <el-form-item label="医生姓名" prop="petId">
-              <el-input v-model="form.petId" maxlength="20" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="医生ID" prop="nickName">
-              <el-input v-model="form.nickName" maxlength="20" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="手机号" prop="nickName">
-              <el-input v-model="form.nickName" maxlength="20" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="所属医院" prop="sterilizationStatus">
-              <el-select
-                v-model="form.sterilizationStatus"
-
-                clearable
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="(item, index) in dict.type.sterilization_status"
-                  :key="index"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="所属科室" prop="sterilizationStatus">
-              <el-select
-                v-model="form.sterilizationStatus"
+          <!--      宠主基本信息-->
+          <el-row :gutter="41">
+            <el-col :span="8">
+              <el-form-item label="医生姓名" prop="petId">
+                <el-input v-model="form.petId" maxlength="20" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="医生ID" prop="nickName">
+                <el-input v-model="form.nickName" maxlength="20" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="手机号" prop="nickName">
+                <el-input v-model="form.nickName" maxlength="20" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="所属医院" prop="sterilizationStatus">
+                <el-select
+                  v-model="form.sterilizationStatus"
 
-                clearable
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="(item, index) in dict.type.sterilization_status"
-                  :key="index"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="医生职称" prop="sterilizationStatus">
-              <el-select
-                v-model="form.sterilizationStatus"
+                  clearable
+                  style="width: 100%"
+                >
+                  <el-option
+                    v-for="(item, index) in dict.type.sterilization_status"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="所属科室" prop="sterilizationStatus">
+                <el-select
+                  v-model="form.sterilizationStatus"
 
-                clearable
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="(item, index) in dict.type.sterilization_status"
-                  :key="index"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
+                  clearable
+                  style="width: 100%"
+                >
+                  <el-option
+                    v-for="(item, index) in dict.type.sterilization_status"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="医生职称" prop="sterilizationStatus">
+                <el-select
+                  v-model="form.sterilizationStatus"
+                  clearable
+                  style="width: 100%"
+                >
+                  <el-option
+                    v-for="(item, index) in dict.type.sterilization_status"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
         <!--5--进度信息-->
         <schedule-info />
@@ -413,7 +412,10 @@ color: #333333;"
         <!-- 内部信息 -->
         <div class="pet-insurance">
           <el-table :data="petProtect" :header-cell-style="{ background:'#E8E9E8'}" border>
-            <el-table-column align="center" label="药品名称" prop="protectName" />
+            <el-table-column align="center" label="药品名称" prop="protectName">
+              <el-input v-model="form.petId" maxlength="20" />
+            </el-table-column>
+
             <el-table-column align="center" label="规格" prop="type" />
             <el-table-column align="center" label="数量" prop="date" />
             <el-table-column align="center" label="用法" prop="date" />