更改页面展示效果

.env.development

@@ -13,7 +13,7 @@ VUE_APP_BASE_URL_change = 'http://10.10.8.230:6200/fancy'
 # VUE_APP_BASE_URL = 'http://127.0.0.1:9902'
 # VUE_APP_BASE_URL = 'http://10.10.9.219:8802'
 # VUE_APP_BASE_URL = 'http://10.10.9.219:9902'
-VUE_APP_BASE_URL_SFC = 'http://10.10.9.219:9902'
+VUE_APP_BASE_URL_SFC = 'http://10.10.9.219:8802'
 # VUE_APP_BASE_URL_SFC = 'http://10.10.40.69:9903'
 # VUE_APP_BASE_URL = 'http://192.169.4.171:8002'
 # VUE_APP_BASE_URL = 'http://10.10.40.10:8099'

src/views/jiesuan/outpatientCharging.vue

@@ -22,15 +22,15 @@
                 </div>
             </div>
         </el-card>
-        <div style="display: flex; justify-content: space-between; margin-top: 10px" v-loading="yujiesuanLoading">
+        <div style=" margin-top: 10px" v-loading="yujiesuanLoading">
             <div class="box-card">
                 <div class="box_card_title">
                     <div style="display: flex; justify-content: space-between; width: 100%">
                         <div>结算清单</div>
-                        <div style="font-weight: 500" v-if="isGS">
+                        <!-- <div style="font-weight: 500" v-if="isGS">
                             工商时间
                             <el-date-picker size="mini" v-model="GSdatatime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker>
-                        </div>
+                        </div> -->
                         <div style="display: flex">
                             <el-checkbox v-model="is_sy">计划生育</el-checkbox>
                         </div>
@@ -46,6 +46,9 @@
                                 </el-select>
                             </div>
                         </div>
+                        <div style="color: red;" v-if="diagnosisData">
+                            诊断：{{ diagnosisData }}
+                        </div>
                     </div>
                 </div>
 
@@ -68,15 +71,21 @@
                         <el-empty :image="tempsrc" :image-size="250" description="暂无数据"></el-empty>
                     </template>
                     <el-table-column align="center" type="selection" width="45"> </el-table-column>
-                    <el-table-column prop="occurrence_dept_name" label="开单科室" :show-overflow-tooltip="true"> </el-table-column>
-                    <el-table-column prop="executive_dept_name" label="执行科室" :show-overflow-tooltip="true"> </el-table-column>
+                              <el-table-column prop="occurrence_time" label="挂号日期" width="150" :show-overflow-tooltip="true"> </el-table-column>
+                                 <el-table-column prop="chronic_name" label="慢病病种"  :show-overflow-tooltip="true"> 
+                                     <template slot-scope="scope">
+                                        <span style="color: #1a5bfd;">{{ scope.row.chronic_name }}</span> 
+                                     </template>
+                                 </el-table-column>
+                               <el-table-column prop="total" align="center" label="总金额" width="80"> </el-table-column>
                                 <el-table-column prop="doct_name" label="医生姓名" width="90" :show-overflow-tooltip="true"> </el-table-column>
-                    <el-table-column prop="occurrence_time" label="挂号日期" width="100" :show-overflow-tooltip="true"> </el-table-column>
+                    <el-table-column prop="occurrence_dept_name" label="开单科室" :show-overflow-tooltip="true" width="150"> </el-table-column>
                    
-                    <el-table-column prop="total" align="center" label="总金额" width="80"> </el-table-column>
+                    <el-table-column prop="executive_dept_name" label="执行科室" :show-overflow-tooltip="true"> </el-table-column>
                     <el-table-column prop="reviewed" align="center" label="审核状态" width="80">
                         <template slot-scope="scope">
-                            <span>{{ scope.row.reviewed == 1 ? '已审核' : '未审核' }}</span>
+                            <span v-if="scope.row.reviewed == 1" style="color: greenyellow;">已审核</span>
+                            <span v-else style="color: red;">未审核</span>
                         </template>
                         <span></span>
                     </el-table-column>
@@ -89,9 +98,9 @@
                 <div >
             <div class="box_card_title" >
                     <div @click="addEventListener()">费用明细</div>
-                    <div><el-button type="primary" size="mini" round @click="jshistory">结算历史</el-button></div>
+                    <!-- <div><el-button type="primary" size="mini" round @click="jshistory">结算历史</el-button></div> -->
                 </div>
-                <div style="height: 32px;font-size: 15px;padding: 5px;">诊断:{{ diagnosisData }}</div>
+            
                 </div>
               
                 <el-table
@@ -105,7 +114,7 @@
                     <template slot="empty">
                         <el-empty :image="tempsrc" :image-size="250" description="暂无数据"></el-empty>
                     </template>
-                    <el-table-column prop="item_name" label="费用名称" width="140"> </el-table-column>
+                    <el-table-column prop="item_name" label="费用名称" width="200"> </el-table-column>
 
                     <el-table-column prop="amount" align="center" label="单价"> </el-table-column>
                     <el-table-column prop="qty" align="center" label="数量"> </el-table-column>
@@ -2368,7 +2377,7 @@ if (this.bxxxinfo.gjzhzf == '' || this.bxxxinfo.gjzhzf == null || this.bxxxinfo.
     padding: 5px 10px;
 }
 ::v-deep .el-table__body-wrapper {
-    height: calc(50vh);
+    height: calc(25vh);
     overflow-y: auto;
 }
 ::v-deep.el-input--mini .el-input__inner {
@@ -2871,7 +2880,7 @@ if (this.bxxxinfo.gjzhzf == '' || this.bxxxinfo.gjzhzf == null || this.bxxxinfo.
 }
 
 .box-card {
-    width: 55%;
+   //@at-root width: 55%;
     background: #fff;
     border-radius: 5px;
 
@@ -2885,10 +2894,10 @@ if (this.bxxxinfo.gjzhzf == '' || this.bxxxinfo.gjzhzf == null || this.bxxxinfo.
     }
 }
 .box-card-right {
-    width: 44%;
+   // width: 44%;
     background: #fff;
     border-radius: 5px;
-
+    margin-top: 10px;
     .box_card_title {
         box-sizing: border-box;
         padding: 5px;