64080

src/views/service-management/registration-queue/components/prescribing-modle.vue

@@ -13,7 +13,7 @@
       </div>
       <!--      宠物基本信息-->
       <el-row class="pet-base">
-        <el-col :span="8">
+        <div>
           <el-form-item label="宠物名称" prop="petNickname">
             <el-input
               v-model="registerForm.petNickname"
@@ -21,8 +21,8 @@
               placeholder="暂无数据"
             />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="宠物性别" prop="petSex">
             <el-select
               v-model="registerForm.petSex"
@@ -39,39 +39,39 @@
               />
             </el-select>
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="宠物年龄" prop="petAge">
             <el-input v-model="registerForm.petAge" placeholder="暂无数据" :disabled="true" maxlength="20" />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="宠物品种" prop="petBreed" class="petBreed">
             <el-input v-model="registerForm.petBreed" placeholder="暂无数据" disabled />
             <el-input v-model="registerForm.petChildBreed" placeholder="暂无数据" class="petChildBreed" disabled />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="体重" prop="petWeight">
             <el-input v-model="registerForm.petWeight" placeholder="暂无数据" :disabled="true" maxlength="20" />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="诊断时间" prop="visitDate">
             <el-input v-model="registerForm.reportTime" placeholder="暂无数据" :disabled="true" maxlength="20" />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="宠主姓名" prop="nickName">
             <el-input v-model="registerForm.petOwnerBo.nickName" placeholder="暂无数据" :disabled="true" maxlength="20" />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="联系电话" prop="phoneNumber">
             <el-input v-model="registerForm.petOwnerBo.phoneNumber" placeholder="暂无数据" :disabled="true" maxlength="20" />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="宠物保险" prop="insure">
             <el-select
               v-model="registerForm.insure
@@ -89,27 +89,27 @@
               />
             </el-select>
           </el-form-item>
-        </el-col>
+        </div>
       </el-row>
       <!--     处方模块-->
       <el-row class="prescribing-content">
-        <el-col :span="8">
+        <div>
           <el-form-item label="主治兽医" prop="doctorName">
             <el-input v-model="registerForm.doctorName" :disabled="true" maxlength="20" placeholder="请输入宠物昵称" />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="科室" prop="hospitalDepartmentName">
 
             <el-input v-model="registerForm.hospitalDepartmentName" placeholder="暂无数据" :disabled="true" maxlength="20" />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
+        </div>
+        <div>
           <el-form-item label="诊位" prop="visitLocation">
             <el-input v-model="registerForm.visitLocation" placeholder="暂无数据" :disabled="true" maxlength="20" />
           </el-form-item>
-        </el-col>
-        <el-col :span="24">
+        </div>
+        <div class="all-row">
           <el-form-item label="主诉">
             <el-input
               v-model="visitForm.mainSuit"
@@ -119,8 +119,8 @@
               type="textarea"
             />
           </el-form-item>
-        </el-col>
-        <el-col :span="24">
+        </div>
+        <div class="all-row">
           <el-form-item label="医嘱">
             <el-input
               v-model="visitForm.doctorAdvice"
@@ -130,12 +130,12 @@
               type="textarea"
             />
           </el-form-item>
-        </el-col>
-        <el-col :span="24">
+        </div>
+        <div class="all-row">
           <el-form-item label="诊断结果">
             <el-input v-model="visitForm.diagnosisResult" disabled maxlength="30" placeholder="暂无数据" />
           </el-form-item>
-        </el-col>
+        </div>
         <!--        开药模块--后续开发 -->
         <div class="drug-content">
           <el-form-item label="药物处理" prop="medication">
@@ -258,49 +258,53 @@
         </div>
         <!--        住院模块--后续开发 -->
         <el-row class="hospital-content">
-          <el-col :span="8">
+          <div>
             <el-form-item label="住院治疗">
-              <el-input-number v-model="registerForm.petSex" :max="10" :min="1" controls-position="right" />
+              <el-input-number v-model="registerForm.hospital" :max="10" :min="1" controls-position="right" />&nbsp;天
             </el-form-item>
-          </el-col>
-          <el-col :span="8">
+          </div>
+          <div>
             <el-form-item label="病情等级">
               <el-select
-                v-model="prescribingForm.petSex"
+                v-model="prescribingForm.sickLevel"
                 clearable
                 placeholder="请选择病情等级"
                 style="width: 100%"
               >
                 <el-option
-                  v-for="(item, index) in dict.type.pet_sex"
+                  v-for="(item, index) in isBatheOption"
                   :key="index"
                   :label="item.label"
                   :value="item.value"
                 />
               </el-select>
             </el-form-item>
-          </el-col>
-          <el-col :span="8">
+          </div>
+          <div>
             <el-form-item label="能否沐浴">
               <el-select
-                v-model="registerForm.petSex"
+                v-model="registerForm.bathe"
                 clearable
                 placeholder="请选择能否沐浴"
                 style="width: 100%"
               >
                 <el-option
-                  v-for="(item, index) in dict.type.pet_sex"
+                  v-for="(item, index) in isBatheOption"
                   :key="index"
                   :label="item.label"
                   :value="item.value"
                 />
               </el-select>
             </el-form-item>
-          </el-col>
+          </div>
         </el-row>
       </el-row>
     </el-form>
     <div slot="footer" class="dialog-footer">
+      <div class="doctor-sign">
+        主治兽医
+        <img :src="baseURL + registerForm.doctorSignatureUrl"/>
+      </div>
       <el-button type="primary" @click="submit">确 定</el-button>
       <el-button @click="cancle">取 消</el-button>
     </div>
@@ -347,6 +351,9 @@ export default {
       callback()
     }
     return {
+      baseURL: process.env.VUE_APP_TEST_API,
+      isBatheOption: [
+      ], // 能否沐浴选项
       checkItemOptions: [], // 项目选项列表 根据检查类型变化
       treatItemOptions: [], // 治疗选项列表 根据检查类型变化
       // 表单默认值
@@ -554,10 +561,30 @@ export default {
 
 <style lang="scss" scoped>
 .prescribing-modle {
-  .el-dialog {
+  ::v-deep .el-dialog {
     width: 1060px;
   }
-
+  .doctor-sign{
+    margin-right: 222px;
+    margin-bottom: 50px;
+    font-size: 0.875rem;
+    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+    font-weight: 400;
+    color: #707070;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    img{
+      width: 100px;
+      height: 50px;
+    }
+  }
+  .all-row{
+    width: 100%;
+    .el-input--small{
+      width: 100%!important;
+    }
+  }
   .prescribing-head {
     border-bottom: 1px solid #5FB54B;
     margin-bottom: 24px;
@@ -582,7 +609,10 @@ export default {
     padding-top: 25px;
     padding-bottom: 3px;
   }
-
+  ::v-deep .el-row{
+    display: flex;
+    flex-wrap: wrap;
+  }
   .pet-base {
     border-bottom: 1px dashed #5FB54B;
   }
@@ -598,10 +628,6 @@ export default {
       float: left;
       width: 100%;
 
-      .el-input-number--small {
-        width: 220px;
-      }
-
       .single-medication {
         position: relative;
         display: flex;
@@ -644,14 +670,17 @@ export default {
 <style lang="scss">
 .prescribing-modle {
   .el-input--small{
-    width: 100% !important;
+    width: 188px !important;
+  }
+  .el-input-number--small {
+    width: 188px !important;
   }
   .petBreed{
     .el-form-item__content{
       display: flex;
     }
     .el-input--small{
-      width: 50% !important;
+      width: 91.5px !important;
     }
     .petChildBreed{
       margin-left: 5px;