添加病案质控、费用监控

src/views/outHistorygrouping.vue

@@ -9,7 +9,28 @@
   <!-- 智能分组 -->
   <div class="outsetgrouping" id="setGroupingbox">
     <div class="outsetgrouping_button" style="margin-top: 15px">
-            <el-button class="outsetgrouping_button_Searchbtn" type="primary" size="mini" @click="gosear">
+      <el-button
+        class="outsetgrouping_button_Searchbtn"
+        style="margin-left: 10px"
+        size="mini"
+        type="primary"
+        @click="topage1"
+        >病案质控</el-button
+      >
+      <el-button
+        class="outsetgrouping_button_Searchbtn"
+        type="primary"
+        size="mini"
+        @click="toPage"
+      >
+        <span class="s2">费用监控</span>
+      </el-button>
+      <el-button
+        class="outsetgrouping_button_Searchbtn"
+        type="primary"
+        size="mini"
+        @click="gosear"
+      >
         <span class="s2">疾病分组查询</span>
       </el-button>
       <!-- <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit">
@@ -20,39 +41,53 @@
     <div class="outsetgrouping_top">
       <div class="outsetgrouping_top_message">
         <div class="outsetgrouping_top_message_left">
-                    <span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt="" /> </span>
+          <span class="outsetgrouping_top_message_left_tu1"
+            ><img src="../assets/img/peo.png" alt="" />
+          </span>
           <div class="outsetgrouping_top_message_left_t1">
-                        住院号:<span>{{ casehisObj ? casehisObj.a48 : "" }}</span>
+            住院号:<span>{{ casehisObj ? casehisObj.a48 : '' }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top_message_left">
-                    <span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt="" /> </span>
+          <span class="outsetgrouping_top_message_left_tu1"
+            ><img src="../assets/img/peo.png" alt="" />
+          </span>
           <div class="outsetgrouping_top_message_left_t1">
-                        姓名:<span>{{ casehisObj ? casehisObj.a11 : "" }}</span>
+            姓名:<span>{{ casehisObj ? casehisObj.a11 : '' }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top_message_centert">
-                    <span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
+          <span class="outsetgrouping_top_message_centert_tu2"
+            ><img src="../assets/img/ka.png" alt=""
+          /></span>
           <div class="outsetgrouping_top_message_centert_t2">
-                        住院次数:<span>{{ casehisObj ? casehisObj.a49 : "" }}</span>
+            住院次数:<span>{{ casehisObj ? casehisObj.a49 : '' }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top_message_centert">
-                    <span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt="" /></span>
+          <span class="outsetgrouping_top_message_centert_tu2"
+            ><img src="../assets/img/ka.png" alt=""
+          /></span>
           <div class="outsetgrouping_top_message_centert_t2">
-                        实际住院天数:<span>{{ casehisObj ? casehisObj.b20 : "" }}</span>
+            实际住院天数:<span>{{ casehisObj ? casehisObj.b20 : '' }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top_message_right">
-                    <span class="outsetgrouping_top_message_right_tu3"><img src="../assets/img/qian.png" alt="" /></span>
+          <span class="outsetgrouping_top_message_right_tu3"
+            ><img src="../assets/img/qian.png" alt=""
+          /></span>
           <div class="outsetgrouping_top_message_right_t3">
-                        医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : "" }}</span>
+            医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : '' }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top_message_blow">
-                    <span class="outsetgrouping_top_message_blow_tu7"><img src="../assets/img/daoru.png" alt="" /></span>
+          <span class="outsetgrouping_top_message_blow_tu7"
+            ><img src="../assets/img/daoru.png" alt=""
+          /></span>
           <div class="outsetgrouping_top_message_blow_t4">
-                        分组类型:<span>{{ casehisObj ? casehisObj.drgs.disNature : "" }}</span>
+            分组类型:<span>{{
+              casehisObj ? casehisObj.drgs.disNature : ''
+            }}</span>
           </div>
         </div>
       </div>
@@ -60,15 +95,19 @@
     <div class="outsetgrouping_top2">
       <div class="outsetgrouping_top2_message">
         <div class="outsetgrouping_top2_message_left">
-                    <span class="outsetgrouping_top2_message_left_tu4"><img src="../assets/img/bianma.png" alt="" /> </span>
+          <span class="outsetgrouping_top2_message_left_tu4"
+            ><img src="../assets/img/bianma.png" alt="" />
+          </span>
           <div class="outsetgrouping_top2_message_left_t1">
-                        分组编码:<span>{{ casehisObj ? casehisObj.drgs.code : "" }}</span>
+            分组编码:<span>{{ casehisObj ? casehisObj.drgs.code : '' }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top2_message_right">
-                    <span class="outsetgrouping_top2_message_centert_tu5"><img src="../assets/img/daoru.png" alt="" /></span>
+          <span class="outsetgrouping_top2_message_centert_tu5"
+            ><img src="../assets/img/daoru.png" alt=""
+          /></span>
           <div class="outsetgrouping_top2_message_centert_t2">
-                        分组名称:<span>{{ casehisObj ? casehisObj.drgs.name : "" }}</span>
+            分组名称:<span>{{ casehisObj ? casehisObj.drgs.name : '' }}</span>
           </div>
         </div>
         <!-- <div class="outsetgrouping_top2_message_right">
@@ -97,13 +136,22 @@
       <span class="outsetgrouping_title_span">智能疾病分组</span>
     </div>
     <div class="outsetgrouping_centent">
-            <div class="outsetgrouping_centent_totalnum" v-for="(item, index) in CorePercents" :key="index">
+      <div
+        class="outsetgrouping_centent_totalnum"
+        v-for="(item, index) in CorePercents"
+        :key="index"
+      >
         <div class="outsetgrouping_centent_totalnum_left">
           <div class="outsetgrouping_centent_totalnum_left_radios">
             <!-- <input type="radio" name="radios" v-model="radio" /> -->
             <!-- <input type="radio" name="radios" :value="item.id" @click="radios" /> -->
 
-                        <el-button class="outsetgrouping_button_Submitbtn" size="mini" type="primary" @click="submit(item.coreID)">
+            <el-button
+              class="outsetgrouping_button_Submitbtn"
+              size="mini"
+              type="primary"
+              @click="submit(item.coreID)"
+            >
               <span class="iconfont icon-ipr_tijiao"></span>
               <span class="s2">分组提交</span>
             </el-button>
@@ -111,19 +159,27 @@
 
           <div class="outsetgrouping_centent_totalnum_left_text">
             <div class="outsetgrouping_centent_totalnum_left_text_msg1">
-                            <div class="outsetgrouping_centent_totalnum_left_text_msg1_text11">
+              <div
+                class="outsetgrouping_centent_totalnum_left_text_msg1_text11"
+              >
                 <span> 诊断名称:{{ item.diagMapName }}</span>
                 <span>操作名称:{{ item.opsMapName }}</span>
               </div>
-                            <div class="outsetgrouping_centent_totalnum_left_text_msg1_text22">
+              <div
+                class="outsetgrouping_centent_totalnum_left_text_msg1_text22"
+              >
                 <span> 诊断编码:{{ item.disCode }}</span>
                 <span>操作编码:{{ item.opsCode }}</span>
               </div>
-                            <div class="outsetgrouping_centent_totalnum_left_text_msg1_text33">
+              <div
+                class="outsetgrouping_centent_totalnum_left_text_msg1_text33"
+              >
                 <span> 诊断类型:{{ item.diagOrder }}</span>
                 <span>操作类型:{{ item.opsOrder }}</span>
               </div>
-                            <div class="outsetgrouping_centent_totalnum_left_text_msg1_text44">
+              <div
+                class="outsetgrouping_centent_totalnum_left_text_msg1_text44"
+              >
                 <span> 分组类型:{{ item.disNature }}</span>
               </div>
             </div>
@@ -201,12 +257,19 @@
     </div>
 
     <!-- 弹出层 -->
-        <el-dialog center :visible.sync="addrecordEnrollmentShow" :before-close="closeDialog" :fullscreen="true">
+    <el-dialog
+      center
+      :visible.sync="addrecordEnrollmentShow"
+      :before-close="closeDialog"
+      :fullscreen="true"
+    >
       <!-- 病案分组 -->
       <div class="outaddrecordEnrollment" id="outaddrecordEnrollment">
         <div class="outaddrecordEnrollment_search">
           <div class="outaddrecordEnrollment_search_div1">
-                        <span class="outaddrecordEnrollment_search_div1_span1"><span style="color: red">*</span> 主诊断:</span>
+            <span class="outaddrecordEnrollment_search_div1_span1"
+              ><span style="color: red">*</span> 主诊断:</span
+            >
             <el-select
               class="outaddrecordEnrollment_search_div1_inp1"
               v-model="outaddsearchForm.diagName"
@@ -218,7 +281,12 @@
               size="mini"
               clearable
             >
-                            <el-option v-for="item in zdoptions" :key="item.name" :label="item.name" :value="item.name" />
+              <el-option
+                v-for="item in zdoptions"
+                :key="item.name"
+                :label="item.name"
+                :value="item.name"
+              />
             </el-select>
             <!-- <span class="outaddrecordEnrollment_search_div1_span2">其他诊断:</span>
                         <el-select
@@ -242,7 +310,9 @@
                         <span class="outaddrecordEnrollment_search_div1_span4">ICU总时长:</span>
                         <el-input v-model="icuinput" placeholder="请输入ICU总时长" class="outaddrecordEnrollment_search_div1_inp4" size="mini" />&nbsp;分钟 -->
             <span class="outaddrecordEnrollment_search_div1_span5">
-                            <el-button size="mini" type="primary" @click="addsearch">查询</el-button>
+              <el-button size="mini" type="primary" @click="addsearch"
+                >查询</el-button
+              >
             </span>
           </div>
           <div class="outaddrecordEnrollment_search_div2">
@@ -294,18 +364,26 @@
                     </div> -->
         </div>
         <div class="outaddrecordEnrollment_centent">
-                    <div class="outaddrecordEnrollment_centent_totalnum" v-for="(item, index) in addCorePercents" :key="index">
+          <div
+            class="outaddrecordEnrollment_centent_totalnum"
+            v-for="(item, index) in addCorePercents"
+            :key="index"
+          >
             <div class="outaddrecordEnrollment_centent_totalnum_left">
               <div class="outaddrecordEnrollment_centent_totalnum_left_text1">
                 <span>分组编码：{{ item.code }}</span>
-                                <span class="one-txt-cut" :title="item.coreName">分组名称：{{ item.coreName }}</span>
+                <span class="one-txt-cut" :title="item.coreName"
+                  >分组名称：{{ item.coreName }}</span
+                >
                 <span>病种分值：{{ item.score }}</span>
                 <span>预计DIP支付费用：{{ decimal(item.actualfee) }}</span>
                 <span>分组类型：{{ item.disNature }}</span>
               </div>
               <div class="outaddrecordEnrollment_centent_totalnum_left_text1">
                 <span>手术操作编码：{{ item.opsCode }}</span
-                                ><span class="one-txt-cut" :title="item.opsName">手术操作名称：{{ item.opsName }}</span>
+                ><span class="one-txt-cut" :title="item.opsName"
+                  >手术操作名称：{{ item.opsName }}</span
+                >
               </div>
             </div>
             <!-- <div class="outaddrecordEnrollment_centent_totalnum_right">
@@ -316,11 +394,16 @@
                             <div :id="`indexChart11file` + index" class="outaddrecordEnrollment_centent_totalnum_right_echar5"></div>
                         </div> -->
           </div>
-                    <div v-show="addnolistShow" class="outaddrecordEnrollment_centent_nodata">
+          <div
+            v-show="addnolistShow"
+            class="outaddrecordEnrollment_centent_nodata"
+          >
             <div class="outaddrecordEnrollment_centent_nodata_img">
               <img src="../assets/img/nodata.png" alt="" />
             </div>
-                        <div class="outaddrecordEnrollment_centent_nodata_text">暂无数据</div>
+            <div class="outaddrecordEnrollment_centent_nodata_text">
+              暂无数据
+            </div>
           </div>
         </div>
 
@@ -330,20 +413,20 @@
   </div>
 </template>
 <script>
-import { decimal } from "../utils/decimal";
-import http from "../utils/http";
-import $ from "jquery";
-import { Message } from "element-ui";
-import { initEcharts, categoryChart, categoryChart11 } from "../utils/echarts";
+import { decimal } from '../utils/decimal'
+import http from '../utils/http'
+import $ from 'jquery'
+import { Message } from 'element-ui'
+import { initEcharts, categoryChart, categoryChart11 } from '../utils/echarts'
 export default {
-    name: "outHistorygrouping",
+  name: 'outHistorygrouping',
   data() {
     return {
-            abc: "",
+      abc: '',
       casehisObj: null,
       searchForm: {
-                diagName: "",
-                opsName: "",
+        diagName: '',
+        opsName: ''
       },
       CorePercents: [],
       coreID: 0,
@@ -360,8 +443,8 @@ export default {
       opsMapList: null, //医保手术编码集合
 
       outaddsearchForm: {
-                diagName: "",
-                opsName: "",
+        diagName: '',
+        opsName: ''
       },
       addCorePercents: [],
       addnolistShow: true, //没有搜索数据的时候显示
@@ -373,181 +456,190 @@ export default {
       // 性别选择器
       sexoptions: [
         {
-                    label: "未知",
-                    value: "0",
+          label: '未知',
+          value: '0'
         },
         {
-                    label: "男",
-                    value: "1",
+          label: '男',
+          value: '1'
         },
         {
-                    label: "女",
-                    value: "2",
-                },
+          label: '女',
+          value: '2'
+        }
       ],
       //离院方式选择器
       leaveoptions: [
         {
-                    label: "医嘱离院",
-                    value: "1",
+          label: '医嘱离院',
+          value: '1'
         },
         {
-                    label: "医嘱转院",
-                    value: "2",
+          label: '医嘱转院',
+          value: '2'
         },
         {
-                    label: "医嘱转社区卫生服务机构/乡镇卫生院",
-                    value: "3",
+          label: '医嘱转社区卫生服务机构/乡镇卫生院',
+          value: '3'
         },
         {
-                    label: "非医嘱离院",
-                    value: "4",
+          label: '非医嘱离院',
+          value: '4'
         },
         {
-                    label: "死亡",
-                    value: "5",
+          label: '死亡',
+          value: '5'
         },
         {
-                    label: "其他",
-                    value: "9",
-                },
+          label: '其他',
+          value: '9'
+        }
       ],
       //性别输入框
-            sexvalue: "0",
+      sexvalue: '0',
       //年龄  岁
-            ageinput: "0",
+      ageinput: '0',
       //年龄  天
-            ageinput2: "0",
+      ageinput2: '0',
       //icu时长
-            icuinput: "0",
+      icuinput: '0',
       //离院方式
-            leavevalue: "1",
-            otdiagName: "", //其他诊断
-            otopsName: "", //其他手术
+      leavevalue: '1',
+      otdiagName: '', //其他诊断
+      otopsName: '', //其他手术
       zdoptions: [], //诊断的数据
       otzdoptions: [], //其他诊断数据
       ssoptions: [], //主手术
       otssoptions: [], //其他手术
       diagList: [], //诊断
-            opsList: [], //手术
-        };
+      opsList: [] //手术
+    }
   },
   async mounted() {
-        this.getCaseHis(this.$route.query.id);
+    this.getCaseHis(this.$route.query.id)
   },
   methods: {
     decimal,
     goback() {
-            this.$router.go(-1);
+      this.$router.go(-1)
     },
     //疾病查询
     gosear() {
-            this.addrecordEnrollmentShow = true;
+      this.addrecordEnrollmentShow = true
       this.outaddsearchForm = {
-                diagName: this.casehisObj.c03C || "",
-            };
-            this.addsearch();
+        diagName: this.casehisObj.c03C || ''
+      }
+      this.addsearch()
     },
     //获取基本数据
     getCaseHis(code) {
-            http.post(`/medical/Get/casehisData?id=${code}`, {})
+      http
+        .post(`/medical/Get/casehisData?id=${code}`, {})
         .then((data) => {
-                    this.casehisObj = data;
-                    this.diagMapList = data.diagMapList;
-                    this.opsMapList = data.opsMapList;
-                    this.getlist();
+          this.casehisObj = data
+          this.diagMapList = data.diagMapList
+          this.opsMapList = data.opsMapList
+          this.getlist()
         })
-                .catch((error) => {});
+        .catch((error) => {})
     },
     //获取列表数据
     getlist() {
-            http.post(`/medical/get/GetCorePercents`, {
+      http
+        .post(`/medical/get/GetCorePercents`, {
           Type: 1,
           DiagMapList: this.diagMapList,
           OpsMapList: this.opsMapList,
-                id: this.$route.query.id,
+          id: this.$route.query.id
         })
         .then((data) => {
-                    this.CorePercents = data.list;
+          this.CorePercents = data.list
           if (this.CorePercents.length == 0) {
-                        this.nolistShow = true;
+            this.nolistShow = true
             // this.nodataShow = false;
           }
         })
-                .catch((error) => {});
+        .catch((error) => {})
     },
     //提交
     submit(coreID) {
-            http.post(`/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${coreID}`)
+      http
+        .post(
+          `/medical/Update/casehisById?PatientId=${this.$route.query.id}&coreid=${coreID}`
+        )
         .then((data) => {
           Message.success({
             message: `${data.message}`,
-                        type: "success",
-                    });
-                    this.getCaseHis(this.$route.query.id);
+            type: 'success'
+          })
+          this.getCaseHis(this.$route.query.id)
         })
-                .catch((error) => {});
+        .catch((error) => {})
     },
     //关闭弹层前的回调
     closeDialog() {
-            this.addrecordEnrollmentShow = false;
+      this.addrecordEnrollmentShow = false
       this.outaddsearchForm = {
-                diagName: "",
-                opsName: "",
-            };
-            (this.otdiagName = []), (this.otopsName = []), this.addclear();
+        diagName: '',
+        opsName: ''
+      }
+      ;(this.otdiagName = []), (this.otopsName = []), this.addclear()
     },
     //清空输入框的值时触发
     addclear() {
-            this.addCorePercents = [];
-            this.addnodataShow = true;
+      this.addCorePercents = []
+      this.addnodataShow = true
     },
     //获取诊断数据
     remoteMethod(query) {
       if (query) {
-                http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
+        http
+          .post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
           .then((data) => {
-                        this.zdoptions = data;
+            this.zdoptions = data
           })
-                    .catch((error) => {});
+          .catch((error) => {})
       } else {
-                this.zdoptions = [];
+        this.zdoptions = []
       }
     },
     //获取其他诊断数据
     otremoteMethod(query) {
       if (query) {
-                http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
+        http
+          .post(`/medical/get/GetDiagOpss?diagName=${query}&type=${1}`, {})
           .then((data) => {
-                        this.otzdoptions = data;
+            this.otzdoptions = data
           })
-                    .catch((error) => {});
+          .catch((error) => {})
       } else {
-                this.zdoptions = [];
+        this.zdoptions = []
       }
     },
     //获取主手术，其他手术的数据
     ssremoteMethod(query) {
       if (query) {
-                http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
+        http
+          .post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
           .then((data) => {
-                        this.ssoptions = data;
+            this.ssoptions = data
           })
-                    .catch((error) => {});
+          .catch((error) => {})
       } else {
-                this.zdoptions = [];
+        this.zdoptions = []
       }
     },
     //获取其他手术的数据
     otssremoteMethod(query) {
       if (query) {
-                http.post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
+        http
+          .post(`/medical/get/GetDiagOpss?diagName=${query}&type=${2}`, {})
           .then((data) => {
-                        this.otssoptions = data;
+            this.otssoptions = data
           })
-                    .catch((error) => {});
+          .catch((error) => {})
       } else {
-                this.zdoptions = [];
+        this.zdoptions = []
       }
     },
     //查询
@@ -556,35 +648,36 @@ export default {
       if (this.outaddsearchForm.diagName) {
         this.diagList.push({
           diagCode: this.outaddsearchForm.diagName,
-                    diagOrder: "0",
-                });
+          diagOrder: '0'
+        })
       }
       if (!this.outaddsearchForm.diagName) {
-                Message.warning("请输入主诊断");
-                return;
+        Message.warning('请输入主诊断')
+        return
       }
-            this.addgetlist();
+      this.addgetlist()
     },
     //获取列表数据
     addgetlist() {
-            http.post(`/medical/post/GetCorePercentsByAssemble`, {
-                a14: this.ageinput ? this.ageinput : "0", // 年龄
-                a16: this.ageinput2 ? this.ageinput2 : "0", // 年龄不足一周岁（天）
+      http
+        .post(`/medical/post/GetCorePercentsByAssemble`, {
+          a14: this.ageinput ? this.ageinput : '0', // 年龄
+          a16: this.ageinput2 ? this.ageinput2 : '0', // 年龄不足一周岁（天）
           a12C: this.sexvalue, // 性别
-                icuTime: this.icuinput ? this.icuinput : "0", // icu总时长（分钟）
+          icuTime: this.icuinput ? this.icuinput : '0', // icu总时长（分钟）
           b34C: this.leavevalue, // 离院方式
           diagList: this.diagList, // 诊断集合
-                opsList: this.opsList, // 手术集合
+          opsList: this.opsList // 手术集合
         })
         .then((data) => {
-                    this.addCorePercents = data;
+          this.addCorePercents = data
           if (this.addCorePercents.length == 0) {
-                        this.addnolistShow = true;
+            this.addnolistShow = true
           } else {
-                        this.addnolistShow = false;
+            this.addnolistShow = false
           }
-                    this.diagList = [];
-                    this.opsList = [];
+          this.diagList = []
+          this.opsList = []
           // this.totalCount = data.totalCount;
           // for (var i = 0; i < this.addCorePercents.length; i++) {
           //     this.$nextTick(() => {
@@ -597,27 +690,48 @@ export default {
           //     (this.diagList = []), (this.opsList = []);
           // }
         })
-                .catch((error) => {});
+        .catch((error) => {})
     },
     radios() {
-            let _this = this;
-            $("input[type=radio][name=radios]").on("change", function () {
-                _this.radio = this.value;
-                _this.coreID = _this.CorePercents.find((item) => item.id == this.value).coreID;
-                console.log(_this.coreID);
-                console.log(this.value);
-            });
+      let _this = this
+      $('input[type=radio][name=radios]').on('change', function () {
+        _this.radio = this.value
+        _this.coreID = _this.CorePercents.find(
+          (item) => item.id == this.value
+        ).coreID
+        console.log(_this.coreID)
+        console.log(this.value)
+      })
       // console.log(e);
       // this.radio = e.target.value;
       // this.coreID = this.CorePercents.find((item) => item.id == e.target.value).coreID;
       // console.log(this.coreID);
     },
+
+    toPage() {
+      http
+        .get(`/medical/get/JumpHisMAInfo?id=${this.$route.query.id}`, {})
+        .then((data) => {
+          window.open(data.message)
+        })
+        .catch((error) => {
+          console.log(error)
+        })
     },
-};
+    topage1() {
+      http
+        .get(`/medical/get/JumpHisRules?id=${this.$route.query.id}`, {})
+        .then((data) => {
+          window.open(data.message)
+        })
+        .catch((error) => {})
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
-@import "../styles/mixin.scss";
-@import "../styles/outHistorygrouping.scss";
+@import '../styles/mixin.scss';
+@import '../styles/outHistorygrouping.scss';
 .outsetgrouping {
   height: 900px;
   background-color: white;
@@ -1846,7 +1960,7 @@ export default {
       }
     }
   }
-    input[type="radio" i] {
+  input[type='radio' i] {
     width: 16px;
     height: 16px;
   }