style(components): 优化读卡组件和结算页面样式

- 调整读卡组件和结算页面的布局和样式
- 优化图片显示和表单项样式
- 统一弹窗样式和字体风格

src/assets/styles/sidebar.scss

@@ -242,7 +242,7 @@
         }
 
         .main-container {
-            margin-left: 54px;
+            // margin-left: 54px;
         }
 
         .submenu-title-noDropdown {

src/components/ReadcardsNewSFC/index.vue

@@ -3,7 +3,7 @@
         title="读卡"
         :visible.sync="isOpenCardeds"
         :destroy-on-close="true"
-        width="561px"
+        width="40%"
         custom-class="my-reader-card"
         :show-close="true"
         :close-on-click-modal="false"
@@ -11,13 +11,13 @@
     >
         <div class="my-card-body">
             <!-- <div style="position: absolute; right: 24px; top: 15px; width: 19px" @click="handleCloseModal">X</div> -->
-            <img :src="logo" style="display: block" alt="logo" />
+            <img :src="logo" style="display: block;width: 100%;" alt="logo" />
             <!-- 目前因为开发阶段没有很多扫码设备，需要先设置输入框和下拉框满足当下情况 -->
-            <div style="text-align: center; line-height: 50px">
+            <div style="text-align: center;">
                 <el-checkbox v-model="isYDpatint">是否异地(<span style="color: red">患者有多个参保信息时选择</span>)</el-checkbox>
             </div>
 
-            <div class="swipe_user_select_content" style="margin: 10px auto">
+            <div class="swipe_user_select_content" style="margin: 10px auto;">
                 <!-- <el-select ref="physicalCardType" v-model="form.physicalCardType" style="width: 30%;" placeholder="请选择卡类型"
             @change="handleSelect">
             <el-option v-for="(item, i) in DiagnosisCardOptions" :key="i" :label="item.name" :value="item.code" />
@@ -564,6 +564,9 @@ export default {
             }
         }
     }
+    .el-form-item{
+        margin-bottom: 0;
+    }
 }
 
 .my-read-card-number {

src/components/ReadcardsSFC/index.vue

 <template>
-  <el-dialog title="读卡" :visible.sync="isOpenCardeds" :destroy-on-close="true" width="561px" custom-class="my-reader-card"
+  <el-dialog title="读卡" :visible.sync="isOpenCardeds" :destroy-on-close="true" width="40%" custom-class="my-reader-card"
     :show-close="true" :close-on-click-modal="false" @close="handleCloseModal">
     <div class="my-card-body">
       <!-- <div style="position: absolute;right: 24px;top: 15px;width: 19px;" @click="handleCloseModal">X</div> -->
-      <img :src="logo" style="display: block; " alt="logo" />
+      <img :src="logo" style="display: block;width: 100%; " alt="logo" />
       <!-- 目前因为开发阶段没有很多扫码设备，需要先设置输入框和下拉框满足当下情况 -->
       <div class="swipe_user_select_content" style="margin:10px auto;">
         <!-- <el-select ref="physicalCardType" v-model="form.physicalCardType" style="width: 30%;" placeholder="请选择卡类型"
@@ -404,6 +404,9 @@ export default {
       }
     }
   }
+  .el-form-item{
+    margin-bottom: 0px;
+  }
 }
 
 .my-read-card-number {

src/views/jiesuan/outpatientCharging.vue

@@ -140,7 +140,7 @@
         </div>
 
         <el-dialog title="提示" :visible.sync="dialogVisible" width="70%" :close-on-click-modal="false">
-            <div slot="title" class="" style="border-bottom: 1px solid #e6e6e6; margin-bottom: 10px">
+            <div slot="title">
                 <span class="titles" style="color: #484848">结算确认</span
                 ><span style="color: #666666"
                     >（ 姓名：{{ patientData.name }} <span style="margin: 0px 10px"> 门诊号码: {{ patientData.patient_id }} </span>病人ID：{{ patientData.id_card }}
@@ -688,7 +688,9 @@ export default {
             checked: false,
             moreLoading: false,
             moreshowdata: {
-                data: {},
+                data: {
+                    mzdbjbs_arr:[]
+                },
             },
             zhenduan: '',
             moreshow: false,
@@ -2734,9 +2736,10 @@ if (this.bxxxinfo.gjzhzf == '' || this.bxxxinfo.gjzhzf == null || this.bxxxinfo.
 }
 
 ::v-deep .el-divider__text {
+    padding: 0 10px;
     font-weight: 550;
     color: #1890ff;
-    font-size: 18px;
+    font-size: 15px;
     background-color: #f2f8ff;
 }
 
@@ -2986,4 +2989,10 @@ button:active {
 ::v-deep.tableScopeSwitchBox .el-switch .el-switch__label {
     width: 60px !important;
 }
+::v-deep .el-dialog__header{
+    padding: 10px ;
+}
+::v-deep .el-divider--horizontal{
+    margin: 15px 0;
+}
 </style>