vue3->vue2

src/components/medicalRecordHomepage/index.vue

@@ -73,7 +73,7 @@
                     <el-row>
                         <el-col :span="7"><span class="key a13">出生日期 </span></el-col>
                         <el-col :span="17"
-                            ><span class="values"> {{ changeValue("a13") != "——" ? transformTime(changeValue("a13")) : changeValue("a13") }}</span></el-col
+                            ><span class="values"> {{ changeValue("a13") != "——" ? transformTimestamp(changeValue("a13")) : changeValue("a13") }}</span></el-col
                         >
                     </el-row>
                 </el-col>
@@ -306,7 +306,7 @@
                     <el-row>
                         <el-col :span="8"><span class="key b12">入院时间 </span></el-col>
                         <el-col :span="16"
-                            ><span class="values">{{ changeValue("b12") != "——" ? transformTime(changeValue("b12")) : changeValue("b12") }}</span></el-col
+                            ><span class="values">{{ changeValue("b12") != "——" ? transformTimestamp(changeValue("b12")) : changeValue("b12") }}</span></el-col
                         >
                     </el-row>
                 </el-col>
@@ -344,7 +344,7 @@
                     <el-row>
                         <el-col :span="8"><span class="key b15">出院时间 </span></el-col>
                         <el-col :span="16"
-                            ><span class="values">{{ changeValue("b15") != "——" ? transformTime(changeValue("b15")) : changeValue("b15") }}</span></el-col
+                            ><span class="values">{{ changeValue("b15") != "——" ? transformTimestamp(changeValue("b15")) : changeValue("b15") }}</span></el-col
                         >
                     </el-row>
                 </el-col>
@@ -669,7 +669,7 @@
             <el-row>
                 <el-col :span="3"><span class="key b33">质控日期</span></el-col>
                 <el-col :span="15"
-                    ><span class="values">{{ changeValue("b33") != "——" ? transformTime(changeValue("b33")) : changeValue("b33") }}</span></el-col
+                    ><span class="values">{{ changeValue("b33") != "——" ? transformTimestamp(changeValue("b33")) : changeValue("b33") }}</span></el-col
                 >
             </el-row>
         </div>
@@ -680,7 +680,7 @@
                     <el-table-column prop="opS_CODE" label="手术及操作编码"></el-table-column>
                     <el-table-column prop="opS_TIME" label="手术及操作日期">
                         <template #default="scope">
-                            {{ scope.row.opS_TIME ? transformTime(scope.row.opS_TIME) : "" }}
+                            {{ scope.row.opS_TIME ? transformTimestamp(scope.row.opS_TIME) : "" }}
                         </template>
                     </el-table-column>
                     <el-table-column prop="opS_LEVEL" label="手术级别"></el-table-column>
@@ -1066,68 +1066,55 @@ import { reactive, toRefs, computed, onMounted, nextTick } from "@vue/compositio
 import { transformTimestamp } from "../../utils/formatTime";
 import { decimal } from "../../utils/decimal";
 export default {
-    props: {
-        Object, //弹出层是否显示
-        clicktitle: String, //点击的文本内容
-        medicalrecord: Object,
-    },
-    setup(props, context) {
-        const state = reactive({});
-        const transformTime = computed(() => {
-            return transformTimestamp;
-        });
-        // 添加表头calss
-        const headerRowStyle = ({ row, column, rowIndex, columnIndex }) => {
-            if (column.label == "手术及操作编码") {
-                return "ops";
+    props: ["clicktitle", "medicalrecord"],
+    computed: {
+        diagnosis() {
+            if (this.medicalrecord?.diagnosis) {
+                if (this.medicalrecord?.diagnosis.length < 4) {
+                    for (let i = this.medicalrecord?.diagnosis.length; i <= 4; i++) {
+                        this.medicalrecord?.diagnosis.push({});
                     }
-        };
-
-        const diagnosisclass = ({ row, column, rowIndex, columnIndex }) => {
-            if (column.label == "出院诊断") {
-                return "diagnosis";
                 }
-        };
-
-        const diagnosis = computed(() => {
-            if (props.medicalrecord.diagnosis) {
-                if (props.medicalrecord.diagnosis.length < 4) {
-                    for (let i = props.medicalrecord.diagnosis.length; i <= 4; i++) {
-                        props.medicalrecord.diagnosis.push({});
+                return this.medicalrecord?.diagnosis;
             }
+        },
+        ops() {
+            if (this.medicalrecord?.ops) {
+                if (this.medicalrecord?.ops.length < 4) {
+                    for (let i = this.medicalrecord?.ops.length; i <= 4; i++) {
+                        this.medicalrecord?.ops.push({});
                     }
-                return props.medicalrecord.diagnosis;
                 }
-        });
-        const ops = computed(() => {
-            if (props.medicalrecord.ops) {
-                if (props.medicalrecord.ops.length < 4) {
-                    for (let i = props.medicalrecord.ops.length; i <= 4; i++) {
-                        props.medicalrecord.ops.push({});
+                return this.medicalrecord?.ops;
             }
+        },
+    },
+    mounted() {
+        console.log(this.medicalrecord);
+        console.log(this.clicktitle);
+    },
+    methods: {
+        decimal,
+        transformTimestamp,
+        // 添加表头calss
+        headerRowStyle({ row, column, rowIndex, columnIndex }) {
+            if (column.label == "手术及操作编码") {
+                return "ops";
             }
-                return props.medicalrecord.ops;
+        },
+        diagnosisclass({ row, column, rowIndex, columnIndex }) {
+            if (column.label == "出院诊断") {
+                return "diagnosis";
             }
-        });
-        function changeValue(str) {
-            let obj = props.medicalrecord;
-
+        },
+        changeValue(str) {
+            let obj = this.medicalrecord;
             if (str && obj) {
                 return obj[str] ? obj[str] : "——";
             } else {
                 return "——";
             }
-        }
-        return {
-            ...toRefs(state),
-            changeValue,
-            transformTime,
-            diagnosis,
-            ops,
-            decimal,
-            headerRowStyle,
-            diagnosisclass,
-        };
+        },
     },
 };
 </script>

src/utils/http.js

@@ -21,7 +21,6 @@ function errorMsg(d) {
     console.log(d.response);
     if (d.response.status == "401") {
         Vue.prototype.$message.error("登录信息失效，重新登录！");
-
         sessionStorage.clear();
         this.$router.push("/login").catch((err) => {
             console.log("输出报错", err);

src/views/outHistorygrouping.vue

@@ -420,12 +420,8 @@ export default {
             opsList: [], //手术
         };
     },
-    mounted() {
+    async mounted() {
         this.getCaseHis(this.$route.query.id);
-
-        if (this.searchForm.diagName.length > 0) {
-            this.getlist();
-        }
     },
     methods: {
         goback() {
@@ -445,7 +441,6 @@ export default {
             http.post(`/medical/Get/casehisData?id=${code}`, {})
                 .then((data) => {
                     this.casehisObj = data;
-                    console.log("data", data);
                     this.diagMapList = data.diagMapList;
                     this.opsMapList = data.opsMapList;
                     this.getlist();
@@ -466,15 +461,6 @@ export default {
                         this.nolistShow = true;
                         // this.nodataShow = false;
                     }
-                    for (var i = 0; i < this.CorePercents.length; i++) {
-                        this.$nextTick(() => {
-                            initEcharts(categoryChart(this.CorePercents[i].drugPercent, "#2CABE3"), `indexChart${i}`);
-                            initEcharts(categoryChart(this.CorePercents[i].materialsPercent, "#71D875"), `indexCharttwo${i}`);
-                            initEcharts(categoryChart(this.CorePercents[i].inspectPercent, "#F35E77"), `indexCharttree${i}`);
-                            initEcharts(categoryChart(this.CorePercents[i].testPercent, "#FFB321"), `indexChartfore${i}`);
-                            initEcharts(categoryChart(this.CorePercents[i].otherPercent, "#C05EF3"), `indexChartfile${i}`);
-                        });
-                    }
                 })
                 .catch((error) => {});
         },

src/views/outseeQualityControl.vue

@@ -145,9 +145,7 @@
 
 <script>
 import http from "../utils/http";
-import { reactive, toRefs, onMounted, nextTick, computed } from "@vue/composition-api";
 import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
-import { useRoute, useRouter } from "../utils/useVueRouter";
 import $ from "jquery";
 import { setItem, getItem } from "../utils/auth";
 import { Message, Loading } from "element-ui";
@@ -156,8 +154,8 @@ export default {
         medicalRecordHomepage,
     },
     name: "outseeQualityControl",
-    setup() {
-        let state = reactive({
+    data() {
+        return {
             medicalrecord: null,
             ScoringDetails: null,
             caseHistoryScoreData: null,
@@ -178,37 +176,45 @@ export default {
             splithtml3: "", //病房
             keys: [], //获取所有的问卷key
             values: [], //
-        });
-        var route = useRoute();
-
-        onMounted(() => {
-            console.log(route.value);
-        });
-
+            loadingOption1: {
+                // 加载loading
+                fullscreen: true,
+                text: "正在加载...",
+                spinner: "el-icon-loading",
+                background: "rgba(0, 0, 0, 0.5)",
+            },
+        };
+    },
+    mounted() {
+        if (this.$route.query.id) {
+            this.getScoringDetails(this.$route.query.id);
+            this.getHomePage(this.$route.query.id);
+            setItem("outpid", this.$route.query.id);
+        }
+    },
+    methods: {
         //同步数据
-        const getSynchronous = (id) => {
-            http.post(`/medical/get/Synchronization?id=${route.value.query.id}`)
+        getSynchronous(id) {
+            http.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
                 .then((data) => {
                     Message.success(data.message);
                 })
                 .catch((error) => {
                     Message.error(error);
                 });
-        };
+        },
         //获取到点击的值
-        const handleNodeClick = (data) => {
+        handleNodeClick(data) {
             let arr = document.getElementsByClassName(data.columnName);
             let dom = $("#medicalRecord").find("#clickColor");
             if (dom.length != 0) {
                 dom.removeAttr("id");
             }
-
             arr[0].setAttribute("id", "clickColor");
+            this.scrollTop();
+        },
 
-            scrollTop();
-        };
-
-        function scrollTop() {
+        scrollTop() {
             if ($("#clickColor").position()) {
                 $(".outseeQualityControl_box_Content_left").animate(
                     {
@@ -221,77 +227,51 @@ export default {
                     500
                 );
             }
-        }
-        const loadingOption1 = {
-            // 加载loading
-            fullscreen: true,
-            text: "正在加载...",
-            spinner: "el-icon-loading",
-            background: "rgba(0, 0, 0, 0.5)",
-        };
+        },
+
         //获取患者基本信息树形数据
-        function getScoringDetails(id) {
-            var loadingInstance1 = Loading.service(loadingOption1);
+        getScoringDetails(id) {
+            var loadingInstance1 = Loading.service(this.loadingOption1);
             http.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
                 .then((data) => {
-                    state.departmentTree = data[0].rulesLists;
-                    state.rightdepartmentTree = data[1].rulesLists;
-                    state.fruleCount = data[0].ruleCount;
-                    state.ruleCount = data[1].ruleCount;
+                    this.departmentTree = data[0].rulesLists;
+                    this.rightdepartmentTree = data[1].rulesLists;
+                    this.fruleCount = data[0].ruleCount;
+                    this.ruleCount = data[1].ruleCount;
 
-                    if (state.fruleCount == 0 || state.ruleCount == 0) {
-                        state.isnodataShow = true;
+                    if (this.fruleCount == 0 || this.ruleCount == 0) {
+                        this.isnodataShow = true;
                     }
                     loadingInstance1.close();
                 })
                 .catch((error) => {
                     loadingInstance1.close();
                 });
-        }
+        },
 
         // 获取病案首页数据
-        function getHomePage(id) {
+        getHomePage(id) {
             http.post(`/medical/Get/HomeHisPage?id=${id}`, {})
                 .then((data) => {
-                    state.medicalrecord = data;
-                    state.keys = Object.keys(data);
+                    this.medicalrecord = data;
+                    this.keys = Object.keys(data);
                 })
                 .catch((error) => {});
-        }
+        },
 
         //点击非编码问题
-        const leftcode = () => {
-            state.isleftcodeShow = true;
-        };
+        leftcode() {
+            this.isleftcodeShow = true;
+        },
         //点击编码问题
-        const rightcode = () => {
-            state.isleftcodeShow = false;
-        };
-
-        onMounted(() => {
-            if (route.value.query.id) {
-                getScoringDetails(route.value.query.id);
-                getHomePage(route.value.query.id);
-
-                setItem("outpid", route.value.query.id);
-            }
-        });
-
-        return {
-            ...toRefs(state),
-            handleNodeClick,
-            leftcode,
-            rightcode,
-            getSynchronous,
-        };
+        rightcode() {
+            this.isleftcodeShow = false;
+        },
     },
 };
 </script>
 
 <style lang="scss">
-// @import '../styles/mixin.scss';
-// @import 'styles/media/components/outseeQualityControl.scss';
-
 .outseeQualityControl {
     height: 96%;
     background-color: white;