zhuyuan

src/assets/styles/element-ui.scss

@@ -114,7 +114,9 @@
   font-weight: bold;
   color: #5FB54B;
 }
-
+.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+  background-color: #F6FCF5;
+}
 .el-form-item--small.el-form-item {
   margin-right: 20px !important;
 }

src/views/service-management/hospitalization-management/hospitalization-management.vue

@@ -108,6 +108,7 @@
       v-loading="loading"
       :data="hospitalList"
       :row-key="getRowKeys"
+      :row-class-name="highlightRow"
       :header-cell-style="{ background:'#E8E9E8' }"
       @selection-change="handleSelectionChange"
     >
@@ -178,7 +179,7 @@
       </el-table-column>
       <el-table-column label="押金余额" align="left" prop="deposit" :show-overflow-tooltip="true">
         <template slot-scope="scope">
-          <span>{{ scope.row.deposit || '0.00' }}元</span>
+          <span>{{ moneyFormat(scope.row.deposit) || '0.00' }}元</span>
         </template>
       </el-table-column>
       <el-table-column label="状态" align="left" prop="status" :show-overflow-tooltip="true">
@@ -192,14 +193,14 @@
           <span>{{ parseTime(scope.row.dischargeDate, '{y}/{m}/{d}') || '-' }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" min-width="180px">
+      <el-table-column label="操作" class-name="small-padding fixed-width" align="center" min-width="180px">
         <template slot-scope="scope">
           <el-button
             v-hasPermi="['business:hospital:query']"
             icon="el-icon-document"
             plain
             size="mini"
-            style="width: 55px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(95,181,75);"
+            class="el-button--success--solid"
             type="success"
             @click="handleDetails(scope.row)"
           >详情</el-button>
@@ -209,7 +210,7 @@
             icon="el-icon-paperclip"
             plain
             size="mini"
-            style="width: 80px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(255,157,78);"
+            class="el-button--warning--solid--four"
             type="warning"
             @click="handleadmission(scope.row)"
           >办理入院</el-button>
@@ -218,7 +219,7 @@
             icon="el-icon-paperclip"
             plain
             size="mini"
-            style="width: 80px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(255,157,78);"
+            class="el-button--warning--solid--four"
             type="warning"
             :disabled="true"
           >办理入院</el-button>
@@ -228,7 +229,7 @@
             icon="el-icon-paperclip"
             plain
             size="mini"
-            style="width: 80px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(255,157,78);"
+            class="el-button--warning--solid--four"
             type="warning"
             @click="handleDischargeMe(scope.row)"
           >办理出院</el-button>
@@ -237,7 +238,7 @@
             icon="el-icon-paperclip"
             plain
             size="mini"
-            style="width: 80px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(255,157,78);"
+            class="el-button--warning--solid--four"
             type="warning"
           >导出明细</el-button>
         </template>
@@ -264,6 +265,7 @@ import { getHospital, listHospital, listInHospitalNoPage, listWardSelect } from
 import HandlingAdmissions
 from '@/views/service-management/hospitalization-management/components/handling-admissions.vue'
 import HandleDischarge from '@/views/service-management/hospitalization-management/components/handle-discharge.vue'
+import { moneyFormat } from '../../../utils'
 
 export default {
   name: 'HospitalizationManagement',
@@ -340,6 +342,12 @@ export default {
     this.getWardSelect()
   },
   methods: {
+    moneyFormat,
+    highlightRow(scope) {
+      if (scope.row.diseaseLevel === '1') {
+        return 'height-line'
+      }
+    },
     // 病房下拉框
     getWardSelect() {
       listWardSelect().then(res => {
@@ -484,6 +492,11 @@ export default {
   }
 }
 </script>
+<style>
+.height-line{
+  background-color: rgba(85, 163, 67, 0.2) !important;
+}
+</style>
 <style scoped lang="scss">
 .app-container{
   background-color: #FFFFFF;