feat(outpatientCharging): 增加自费结算开关功能

- 在门诊收费页面添加自费结算开关
- 开启自费结算开关后，才能进行自费结算操作
- 添加相关样式，优化自费结算开关的显示效果

src/views/jiesuan/outpatientCharging.vue

@@ -36,6 +36,10 @@
                             <el-checkbox v-model="is_sy">计划生育</el-checkbox>
                             <!-- <el-checkbox v-model="insurance_payment">智慧医保支付</el-checkbox> -->
                         </div>
+                        <div style="display: flex" class="tableScopeSwitchBox">
+                            <div>开启自费结算:</div>
+                            <el-switch class="tableScopeSwitch" v-model="zifei_disable" active-color="#13ce66" active-text="是" inactive-text="否" inactive-color="#ff4949"> </el-switch>
+                        </div>
                         <div style="display: flex" v-if="patientInfo.yblx != '01'">
                             <div style="line-height: 28px; width: 75px">结算类型:</div>
                             <div class="selectinput" style="margin-left: 20px">
@@ -642,6 +646,7 @@ export default {
     name: 'Outpatient',
     data() {
         return {
+            zifei_disable: false,
             is_sy: false,
             saveLoding: false,
             invoicepostData: {},
@@ -1818,17 +1823,24 @@ export default {
         },
         ybjs() {
             if ((this.checktipes() && this.man_name != '1') || this.man_name == '2' || this.man_name == '3') {
-                if (this.channel=='5') {
-                       this.$message({
-                    message: '药房药库禁止医保结算，请转为自费结算！',
-                    type: 'error',
-                })
-                return false
+                if (this.channel == '5') {
+                    this.$message({
+                        message: '药房药库禁止医保结算，请转为自费结算！',
+                        type: 'error',
+                    })
+                    return false
                 }
                 // this.yibaoshow = true
                 this.yibaoshowNew = true
                 this.yujiesuanload = false
             } else {
+                if (!this.zifei_disable) {
+                    this.$message({
+                        message: '若要自费结算请开启自费结算开关！',
+                        type: 'error',
+                    })
+                    return false
+                }
                 // this.jiesuanadmin()
                 this.zfBeforePre()
             }
@@ -3447,4 +3459,33 @@ button:active {
     font-size: 26px;
     color: #f50303;
 }
+::v-deep.tableScopeSwitchBox .tableScopeSwitch .el-switch__label {
+    position: absolute;
+    display: none;
+    color: #fff;
+}
+
+/*打开时文字位置设置*/
+::v-deep.tableScopeSwitchBox .tableScopeSwitch .el-switch__label--right {
+    z-index: 1;
+    right: 6px;
+}
+
+/*关闭时文字位置设置*/
+::v-deep.tableScopeSwitchBox .tableScopeSwitch .el-switch__label--left {
+    z-index: 1;
+    left: 6px;
+}
+
+/*显示文字*/
+::v-deep.tableScopeSwitchBox .tableScopeSwitch .el-switch__label.is-active {
+    display: block;
+    text-align: center;
+}
+
+/*开关按钮的宽度大小*/
+::v-deep.tableScopeSwitchBox .tableScopeSwitch.el-switch .el-switch__core,
+::v-deep.tableScopeSwitchBox .el-switch .el-switch__label {
+    width: 60px !important;
+}
 </style>