收费美化

src/xt_pages/hospitalStation/components/settlePrescriptionTable.vue

         width="40"
         label="序号"
       ></el-table-column>
-      <el-table-column align="center" prop="name" width="100" label="名称">
+      <el-table-column align="center" prop="name" width="400" label="名称">
         <template slot-scope="scope"
           ><span :title="scope.row.drug_name">{{
             scope.row.drug_name
           }}</span></template
         >
       </el-table-column>
-
-      <el-table-column align="center" prop="name" width="90" label="单次用量">
+      <el-table-column align="center" prop="name" width="80" label="单次用量">
         <template slot-scope="scope">
-          <!--<el-input v-model="scope.row.single_dose" readonly style="width:65%;"></el-input>-->
-          <div>
-            {{ scope.row.single_dose }}&nbsp;&nbsp;{{
-              scope.row.single_dose_unit
-            }}
-          </div>
+          <!--<el-input v-model="scope.row.delivery_way" readonly></el-input>-->
+          <div>{{ scope.row.single_dose }}{{ scope.row.single_dose_unit }}</div>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="name" width="100" label="用法">
+      <el-table-column align="center" prop="name" width="80" label="用法">
         <template slot-scope="scope">
           <!--<el-input v-model="scope.row.delivery_way" readonly></el-input>-->
           <div>{{ scope.row.delivery_way }}</div>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="name" width="100" label="频率">
+      <el-table-column align="center" prop="name" width="80" label="频率">
         <template slot-scope="scope">
           <div>{{ scope.row.execution_frequency }}</div>
 
         </template>
       </el-table-column>
 
-      <el-table-column align="center" prop="day" width="50" label="天数">
+      <el-table-column align="center" prop="day" width="80" label="天数">
         <template slot-scope="scope">{{ scope.row.day }}天</template>
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="100" label="总量">
-        <template slot-scope="scope">
-          <!--<el-input v-model="scope.row.prescribing_number" style="width:60%" readonly placeholder=""></el-input>-->
-          <div>
-            {{ scope.row.prescribing_number }}&nbsp;&nbsp;{{
-              scope.row.prescribing_number_unit
-            }}
-          </div>
-        </template>
+      <el-table-column align="center" prop="name" width="80" label="总量">
+        <template slot-scope="scope"
+          >{{ scope.row.prescribing_number
+          }}{{ scope.row.prescribing_number_unit }}</template
+        >
       </el-table-column>
-      <el-table-column align="center" prop="name" width="60" label="单价">
+      <el-table-column align="center" prop="name" width="100" label="单价">
         <template slot-scope="scope">
           <div>{{ scope.row.retail_price }}元</div>
 
           <!--<el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>-->
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="name" width="60" label="总价">
+
+      <el-table-column align="center" prop="name" width="100" label="总价">
         <template slot-scope="scope">
           <div>
             {{
         </template>
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="60" label="全自费金额">
+      <el-table-column align="center" prop="name" width="80" label="全自费金额">
         <template slot-scope="scope">
           <div>{{ scope.row.fulamt_ownpay_amt }}元</div>
         </template>
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="60" label="超限价金额">
+      <el-table-column align="center" prop="name" width="80" label="超限价金额">
         <template slot-scope="scope">
           <div>{{ scope.row.overlmt_amt }}元</div>
         </template>
       <el-table-column
         align="center"
         prop="name"
-        width="60"
+        width="80"
         label="先行自付金额"
       >
         <template slot-scope="scope">
       <el-table-column
         align="center"
         prop="name"
-        width="60"
+        width="70"
         label="符合正常范围金额"
       >
         <template slot-scope="scope">
         </template>
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="50" label="备注">
+      <el-table-column align="center" prop="name" width="60" label="备注">
         <template slot-scope="scope">
           <!--<el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder="" readonly></el-input>-->
           <div>{{ scope.row.remark }}</div>
         width="40"
         label="序号"
       ></el-table-column>
-      <el-table-column align="center" prop="project_name" width="100" label="名称">
+      <el-table-column
+        align="center"
+        prop="project_name"
+        width="400"
+        label="名称"
+      >
         <template slot-scope="scope">{{ scope.row.project_name }}</template>
       </el-table-column>
       <el-table-column
           getGroup(scope.row.statistical_classification)
         }}</template>
       </el-table-column>
+
       <el-table-column
         align="center"
         prop="single_dose"
         width="80"
         label="单次用量"
       >
-        <template slot-scope="scope"
-          >{{ scope.row.single_dose }}{{ scope.row.unit }}</template
-        >
+        <template slot-scope="scope">
+          <!--<el-input v-model="scope.row.delivery_way" placeholder="" readonly></el-input>-->
+          {{ scope.row.single_dose }}{{ scope.row.unit }}
+        </template>
       </el-table-column>
       <el-table-column
         align="center"
       <el-table-column
         align="center"
         prop="number_days"
-        width="50"
+        width="80"
         label="天数"
       >
         <template slot-scope="scope">
           {{ scope.row.number_days }}天
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="total" width="50" label="总量">
+
+      <el-table-column align="center" prop="total" width="80" label="总量">
         <template slot-scope="scope">
-          <div style="display: flex">
-            <!--<el-input v-model="scope.row.total" placeholder="" readonly></el-input>-->
-            {{ scope.row.total }} {{ scope.row.unit }}
-          </div>
+          <!--<el-input v-model="scope.row.total" placeholder="" readonly></el-input>-->
+          {{ scope.row.total }} {{ scope.row.unit }}
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="name" width="50" label="单价">
+
+      <el-table-column align="center" prop="name" width="100" label="单价">
         <template slot-scope="scope">
           <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
           {{ scope.row.price }}元
         </template>
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="60" label="总价">
+       <el-table-column align="center" prop="name" width="100" label="总价">
         <template slot-scope="scope">
-          <div>{{ (scope.row.total * scope.row.price).toFixed(2) }}元</div>
-
           <!--<el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>-->
+          {{ (scope.row.total * scope.row.price).toFixed(2) }}元
         </template>
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="60" label="全自费金额">
+      <el-table-column align="center" prop="name" width="80" label="全自费金额">
         <template slot-scope="scope">
           <div>{{ scope.row.fulamt_ownpay_amt }}元</div>
         </template>
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="60" label="超限价金额">
+      <el-table-column align="center" prop="name" width="80" label="超限价金额">
         <template slot-scope="scope">
           <div>{{ scope.row.overlmt_amt }}元</div>
         </template>
       <el-table-column
         align="center"
         prop="name"
-        width="60"
+        width="80"
         label="先行自付金额"
       >
         <template slot-scope="scope">
       <el-table-column
         align="center"
         prop="name"
-        width="60"
+        width="70"
         label="符合正常范围金额"
       >
         <template slot-scope="scope">

src/xt_pages/outpatientCharges/components/prescriptionTable.vue

       border
       style="width: 99%"
       :row-style="changColor"
-      :row-class-name="tableRowClassName"
       :header-cell-style="{
         color: '#606266',
       }"
         width="40"
         label="序号"
       ></el-table-column>
-      <el-table-column fixed align="center" prop="name" width="400" label="名称">
+      <el-table-column
+        fixed
+        align="center"
+        prop="name"
+        width="400"
+        label="名称"
+      >
         <template slot-scope="scope"
           ><span :title="scope.row.drug_name">{{
             scope.row.drug_name
         >
       </el-table-column>
 
-      <el-table-column align="center" prop="name" width="70" label="单次用量">
+      <el-table-column align="center" prop="name" width="80" label="单次用量">
         <template slot-scope="scope">
-          <!--<el-input v-model="scope.row.single_dose" readonly style="width:65%;"></el-input>-->
-          <div>
-            {{ scope.row.single_dose }}&nbsp;&nbsp;{{
-              scope.row.single_dose_unit
-            }}
-          </div>
+          <!--<el-input v-model="scope.row.delivery_way" readonly></el-input>-->
+          <div>{{ scope.row.single_dose }}{{ scope.row.single_dose_unit }}</div>
         </template>
       </el-table-column>
       <el-table-column align="center" prop="name" width="80" label="用法">
       <el-table-column align="center" prop="day" width="80" label="天数">
         <template slot-scope="scope">{{ scope.row.day }}天</template>
       </el-table-column>
-
       <el-table-column align="center" prop="name" width="80" label="总量">
+        <template slot-scope="scope">{{ scope.row.prescribing_number }}{{scope.row.prescribing_number_unit}}</template>
+      </el-table-column>
+      <!-- <el-table-column align="center" prop="name" width="80" label="总量">
         <template slot-scope="scope">
-          <!--<el-input v-model="scope.row.prescribing_number" style="width:60%" readonly placeholder=""></el-input>-->
           <div>
-            {{ scope.row.prescribing_number }}&nbsp;&nbsp;{{
+            {{ scope.row.prescribing_number }} {{
               scope.row.prescribing_number_unit
             }}
           </div>
         </template>
-      </el-table-column>
+      </el-table-column> -->
       <el-table-column align="center" prop="name" width="80" label="单价">
         <template slot-scope="scope">
           <div>{{ scope.row.retail_price }}元</div>
         width="40"
         label="序号"
       ></el-table-column>
-      <el-table-column fixed align="center" prop="project_name" width="400" label="名称">
+      <el-table-column
+        fixed
+        align="center"
+        prop="project_name"
+        width="400"
+        label="名称"
+      >
         <template slot-scope="scope">{{ scope.row.project_name }}</template>
       </el-table-column>
       <el-table-column
   },
   methods: {
     changColor({ row, rowIndex }) {
-     if (rowIndex % 2 == 1) { // 变颜色的条件
-		return {
-		backgroundColor: "#C4E1FF",
-    color: '#303133'  // 这个return的就是样式 可以是color 也可以是backgroundColor
-		}
-	}else{
-    return {
-      backgroundColor:"#ACD6FF",
-      color: '#303133'
-    }
-  }
+      if (rowIndex % 2 == 1) {
+        // 变颜色的条件
+        return {
+          backgroundColor: "#C4E1FF",
+          color: "#303133", // 这个return的就是样式 可以是color 也可以是backgroundColor
+        };
+      } else {
+        return {
+          backgroundColor: "#ACD6FF",
+          color: "#303133",
+        };
+      }
     },
 
     getName(id) {