医学计算器模块补充

node_modules/.cache/vue-loader/4790727829272df92119be2e9d001e27.json

@@ -0,0 +1 @@
+{"remainingRequest":"/Users/mac/Desktop/zz的项目/cdss/大名县人民医院/CDSS-daming-web/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/mac/Desktop/zz的项目/cdss/大名县人民医院/CDSS-daming-web/src/views/cedicalCalculators/calcDetails.vue?vue&type=template&id=3b0c2d3c&scoped=true&","dependencies":[{"path":"/Users/mac/Desktop/zz的项目/cdss/大名县人民医院/CDSS-daming-web/src/views/cedicalCalculators/calcDetails.vue","mtime":1746961256806},{"path":"/Users/mac/Desktop/zz的项目/cdss/大名县人民医院/CDSS-daming-web/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/mac/Desktop/zz的项目/cdss/大名县人民医院/CDSS-daming-web/node_modules/vue-loader/lib/loaders/templateLoader.js","mtime":499162500000},{"path":"/Users/mac/Desktop/zz的项目/cdss/大名县人民医院/CDSS-daming-web/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/mac/Desktop/zz的项目/cdss/大名县人民医院/CDSS-daming-web/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CjxkaXYgY2xhc3M9InBhZ2Vjb250ZW50LWJveCI+CiAgPGRpdiBjbGFzcz0ieXAtcG9zaXRpb24tYm94Ij4KICAgIDxkaXYgY2xhc3M9ImNvbC1sZWZ0LXRpdGxlIj4KICAgICAgPHAgOnRpdGxlPSJpbmZvLm5hbWUiPnt7IGluZm8ubmFtZT9pbmZvLm5hbWU6J+aaguaXoCcgfX08L3A+CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9ImluZm8tYm94Ij4KICAgICAgPGRpdiBjbGFzcz0ieXAtcG9zaXRpb24tbmJveCIgaWQ9InNjcm9sbEJveCI+CiAgICAgICAgPGRpdiBjbGFzcz0ieXAtaW5mby1ib3ggYXBwbGljYXRpb25zLWNvbnRlbnQiPgogICAgICAgICAgICAyMzQ0CiAgICAgICAgPC9kaXY+CiAgICAgIDwvZGl2PgogICAgPC9kaXY+CgogIDwvZGl2Pgo8L2Rpdj4KCgo="},null]}

src/api/data.js

@@ -588,6 +588,41 @@ export const getDocRefreshAuthor = (params) =>{
   })
 }
 
+//医疗计算器
+export const getMedicalCalculators = (params) =>{
+  return axios.request({
+    url:'/medical-calculators?page' + params.page,
+    method: 'get',
+    data: params
+  })
+}
+
+// 获取指定 ID 的医学计算器详情
+export const getMedicalCalculatorsDetails = (params) =>{
+  return axios.request({
+    url:'/medical-calculators/' + params.id,
+    method: 'get',
+    data: params
+  })
+}
+// 获取指定计算器的问题及选项
+export const getMedicalCalculatorsQuestions = (params) =>{
+  return axios.request({
+    url:'/medical-calculators/' + params.id + '/questions',
+    method: 'get',
+    data: params
+  })
+}
+// 计算医学计算器的结果
+export const getMedicalCalculatorsCalculate = (params) =>{
+  return axios.request({
+    url:'/medical-calculators/' + params.id + '/calculate',
+    method: 'post',
+    data: params
+  })
+}
+
+//deepSeek接口请求
 export const getDeepSeekInfo = (params) =>{
   return axios.request({
     url:'/api/chat',
@@ -602,6 +637,7 @@ export const getDeepSeekInfo = (params) =>{
 
 
 
+
 // 正则获取 url 参数
 export const queryURLParams= (url) =>{
   let pattern = /(\w+)=(\w+)/ig;

src/router/index.js

@@ -65,6 +65,27 @@ const routes = [
         },
         component: () => import('@/views/NewDetails'),
       },
+      // 医学计算器
+      {
+        path: '/cedicalCalculators',
+        name: 'cedicalCalculators',
+        component:  () => import('@/views/cedicalCalculators/index'),
+        meta:{
+          title:'医学计算器',
+          requireAuth:true,
+          keepAlive: true,
+        }
+      },
+      {
+        path: '/calcDetails',
+        name: 'calcDetails',
+        component:  () => import('@/views/cedicalCalculators/calcDetails'),
+        meta:{
+          title:'医学计算器',
+          requireAuth:true,
+          keepAlive: true,
+        }
+      },
       {
         path: '/drugTarget',
         name : 'drugTarget',
@@ -72,7 +93,7 @@ const routes = [
       },
     ],
   },
-  { 
+  {
     path: '/CDSSPages',
     name: 'CDSSPages',
     component: () => import('@/views/CDSSPages'),
@@ -112,7 +133,7 @@ router.beforeEach(async(to, from, next) => {
   //判断是否需要缓存
   if(to.path == from.path ){
     // 让 列表页 即不缓存，刷新
-    to.meta.keepAlive = false; 
+    to.meta.keepAlive = false;
   }
   next()
 })

src/views/SearchPages.vue

@@ -81,7 +81,8 @@
           <div class="MedicineTagList-infodiv">
             <a v-for="(item, index) in MedicineIfoList" :key="index" :href="item.file?item.file:'javascript:0;'" :target="item.file?'_blank':''"  @click="item.file?click_file(item.file):click_gotoxq( item )">
               <span>{{ item.name }}</span>
-              <i>( {{item.description}} )</i>
+              <i>( {{ tag== 'MedicalCalculator'?'医学计算器':item.description }} )</i>
+              <span v-if="$route.path == '/zyzskPages' && item.dialecticalName">&nbsp;<i>( {{item.dialecticalName}} )</i></span>
             </a>
             <el-empty description="暂无数据..." v-if="!MedicineIfoList || MedicineIfoList.length <= 0"></el-empty>
           </div>
@@ -102,7 +103,14 @@
 </template>
 
 <script>
-  import { getMedicineList,getExistLabels,getNewClinicalTrial,getNewInteract,queryURLParams } from "@/api/data"
+import {
+  getMedicineList,
+  getExistLabels,
+  getNewClinicalTrial,
+  getNewInteract,
+  queryURLParams,
+  getMedicalCalculators
+} from "@/api/data"
   export default {
     // provide(){
     //   return {
@@ -138,14 +146,9 @@
         defaultActiveIndex: '',
         defaultActiveName: ''
       }
-    },
-    mounted(){
-     
     },
     created(){
-      console.log( this.$route.query)
       let getViewportSize = this.$getViewportSize();
-      // this.viewHeight = getViewportSize.height -100;
       this.viewWidth = getViewportSize.width;
       const route = this.$route;
       if(route.path == '/xyzskPages'){
@@ -163,9 +166,19 @@
       // 获取分类项
       this.getExistLabels();
     },
-
-    methods: { 
-          
+    methods: {
+      // 获取医学计算器名称
+      getCedicalCalculatorsList(){
+        let that = this;
+        let p = {
+          page: that.page
+        }
+        getMedicalCalculators(p).then( res =>{
+          that.MedicineIfoList = res.data.data.list;
+          console.log(that.MedicineIfoList);
+          that.count = res.data.data.total;
+        })
+      },
       indexMethod(index) {
         return index + 1;
       },
@@ -173,7 +186,6 @@
         this.is_view = false;
         this.$nextTick(() => {
           this.is_view = true
-          console.log(this.is_view)
         })
       },
       click_file(f){
@@ -202,11 +214,26 @@
         that.count = 0;
         that.getListInfo = [];
         let tag = that.tag;
+        switch (tag){
+          case 'ClinicalTrial'|| 'Interact':
+            that.getNewClinicalTrial();
+            break;
+          case 'MedicalCalculator' : //医疗计算器
+            that.getCedicalCalculatorsList();
+            break;
+          default :
+            that.getMedicineInputBtn();
+            break;
+        }
+        /*
         if(tag == 'ClinicalTrial' || tag == 'Interact'){
           that.getNewClinicalTrial();
         }else{
           that.getMedicineInputBtn();
         }
+        console.log(tag);
+        return;
+         */
       },
       // 点击分页功能
       handleCurrentChange(val) {
@@ -319,14 +346,13 @@
       },
       // 点击跳转详情页
       click_gotoxq(i){
-        console.log(i)
         let item = i;
-        let tag = item.tag;
+        let tag = this.tag;
         let name = item.tag == 'zySickNess' ? item.dialecticalName : item.name;
         let type = item.type;
         let t_id = item.id; // 数据id
         let tag_pages = this.tag_pages;
-        let id = this.activeIndex; 
+        let id = this.activeIndex;
         if(tag == 'DrugTarget'){ // 药物靶点
         // 新页面打开
         let newUrl = this.$router.resolve({
@@ -352,7 +378,18 @@
             }
           });
           window.open(newUrl.href, "_blank");
-        }else{
+        }else if(tag == 'MedicalCalculator'){ // 医学计算器
+          let item = JSON.stringify(i);
+          // 新页面打开
+          let newUrl = this.$router.resolve({
+            path: '/cedicalCalculators',
+            query:{
+              tag,
+              item,
+            }
+          });
+          window.open(newUrl.href, "_blank");
+        } else{
           // 新页面打开
           let newUrl = this.$router.resolve({
             path: '/NewDetails',
@@ -534,7 +571,7 @@
   .header-input-box /deep/.el-input-group__append{
     width: auto;
   }
-  .header-input-box .el-button{ 
+  .header-input-box .el-button{
     background:#2D5AFA;
     color: #fff;
     border: 1px solid #2D5AFA;
@@ -612,6 +649,6 @@
   }
   /* 媒体查询 */
   @media only screen and (max-width: 1366px){
-  
+
   }
 </style>

src/views/cedicalCalculators/calcDetails.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="pagecontent-box">
+    <div class="yp-position-box">
+      <div class="col-left-title">
+        <p :title="info.name">{{ info.name?info.name:'暂无' }}</p>
+      </div>
+      <div class="info-box">
+        <div class="yp-position-nbox" id="scrollBox">
+          <div class="yp-info-box applications-content">
+              2344
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+
+
+</template>
+
+<script>
+  import {  } from "@/api/data"
+import { json } from "d3";
+  export default {
+    name: 'cedicalCalculators',
+    components: {
+
+    },
+    data(){
+      return {
+        viewHeight:'',
+        viewWidth:'',
+        sickNess1:[],
+        is_view: true,
+        main_bg:{},
+        tag_pages:'xyzsk',
+        name:'',
+        tag:'',
+        info: null
+      }
+    },
+    mounted(){
+      let that = this;
+    },
+    created(){
+      let getViewportSize = this.$getViewportSize();
+      this.viewHeight = getViewportSize.height;
+      this.viewWidth = getViewportSize.width;
+      this.main_bg = this.$root.main_bg;  // 背景图
+      this.tag = this.$route.query.tag?this.$route.query.tag:'';
+      this.info = JSON.parse(this.$route.query.item);
+      document.title = this.info.name;
+      this.getNewBaseDetail();
+    },
+
+    methods: {
+      setsickNess(){
+        this.is_view = false;
+        this.$nextTick(() => {
+          this.is_view = true
+          console.log(this.is_view)
+        })
+      },
+      //获取西医知识库详情页数据
+      getNewBaseDetail(){
+        let that = this;
+        
+       
+      },
+    },
+  }
+</script>
+<style lang="scss" scoped>
+
+
+</style>

src/views/cedicalCalculators/index.vue

@@ -0,0 +1,414 @@
+<template>
+  <div class="pagecontent-box">
+    <div class="yp-position-box">
+      <div class="col-left-title">
+        <p :title="info.name">{{ info.name?info.name:'暂无' }}</p>
+      </div>
+      <div class="info-box">
+        <div class="yp-info-box applications-content">
+          <div class="questions-box">
+            <div v-for="(item,idx) in questionsList" :key="idx">
+
+              <ul class="q-text-box" v-if="item.type == 'text'">
+                <li class="question_infor">
+                  <div class="calc-item">
+                    <div class="calc-label-lg">{{ item.question }}</div>
+                    <div class="flex-item">
+                      <el-input type="text" v-model="item.num"></el-input>
+                    </div>
+                    <div class="calc-unit-md"></div>
+                  </div>
+                </li>
+              </ul>
+
+              <ul v-if="item.type == 'checkbox'">
+                <p class="question_title">{{ item.question }}</p>
+                <li v-for="(items,index) in item.options" :key="index">
+                  <div class="calc-que">
+                    <el-checkbox v-model="items.checked">{{ items.content }}</el-checkbox>
+                  </div>
+                </li>
+              </ul>
+
+              <ul v-if="item.type == 'radio'">
+                <li class="question_block">
+                  <p class="question_title">{{ item.question }}</p>
+                  <div class="question_infor2">
+                    <div class="flex-center calc-que">
+                      <el-radio-group v-model="item.num">
+                        <el-radio :label="items.score" v-for="(items,index) in item.options" :key="index" @change="changeRadio">{{ items.content }}</el-radio>
+                      </el-radio-group>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+
+
+          </div>
+          <div class="answer_block">
+            <div class="question_infor">
+              <div class="calc-item">
+                <div class="calc-label-md">结果:</div>
+                <div class="flex-item" style="display: flex;align-items: center;">
+                  <div class="msg_text">{{ calculateValue.value }}</div>
+                  <div class="skin-color" @click="getMedicalCalculatorsCalculate">{{ calculateValue.value?'点击更新':'点击查看' }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="yp-info-box applications-content">
+          <div class="medcalc" v-if="detailsInfo.formula">
+            <h3>
+              <span class="jiedu-title">计算公式</span>
+            </h3>
+            <div class="jiedu">
+              <p>{{ detailsInfo.formula }}</p>
+              <p></p>
+              <p></p>
+            </div>
+          </div>
+          <div class="medcalc" v-if="detailsInfo.disease_name">
+            <h3>
+              <span class="jiedu-title">{{ detailsInfo.disease_name }}</span>
+            </h3>
+            <div class="jiedu">
+              <p>{{ detailsInfo.instructions }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+
+
+</template>
+
+<script>
+  import { getMedicalCalculatorsDetails,getMedicalCalculatorsQuestions,getMedicalCalculatorsCalculate } from "@/api/data"
+import { json } from "d3";
+  export default {
+    name: 'cedicalCalculators',
+    components: {
+
+    },
+    data(){
+      return {
+        viewHeight:'',
+        viewWidth:'',
+        sickNess1:[],
+        is_view: true,
+        main_bg:{},
+        tag_pages:'xyzsk',
+        name:'',
+        tag:'',
+        info: null,
+        detailsInfo: null, // 详情数据
+        questionsList: [],   // 问题列表
+        calculateValue: {}
+      }
+    },
+    mounted(){
+      let that = this;
+    },
+    created(){
+      let getViewportSize = this.$getViewportSize();
+      this.viewHeight = getViewportSize.height;
+      this.viewWidth = getViewportSize.width;
+      this.main_bg = this.$root.main_bg;  // 背景图
+      this.tag = this.$route.query.tag?this.$route.query.tag:'';
+      this.info = JSON.parse(this.$route.query.item);
+      document.title = this.info.name;
+      this.getNewBaseDetail();
+      this.getMedicalCalculatorsQuestions();
+    },
+
+    methods: {
+      changeRadio(e){
+        console.log(e)
+      },
+      setsickNess(){
+        this.is_view = false;
+        this.$nextTick(() => {
+          this.is_view = true
+          console.log(this.is_view)
+        })
+      },
+      //获取西医知识库详情页数据
+      getNewBaseDetail(){
+        let that = this;
+        getMedicalCalculatorsDetails({
+          id: that.info.id
+        }).then( res =>{
+          console.log(res)
+          this.detailsInfo = res.data.data;
+        })
+
+      },
+      //获取西医知识库详情页数据
+      getMedicalCalculatorsQuestions(){
+        let that = this;
+        getMedicalCalculatorsQuestions({
+          id: that.info.id
+        }).then( res =>{
+          console.log(res)
+          if(res.data.code == 0){
+            this.questionsList = res.data.data;
+          }
+        })
+
+      },
+      // 计算
+      getMedicalCalculatorsCalculate(){
+        let that = this;
+        let questionsList = that.questionsList;
+        console.log(questionsList)
+        let p = {};
+        questionsList.forEach( ele =>{
+          if(ele.type == 'text'){
+            p[ele.variable_name] = Number(ele.num)
+          }
+          if(ele.type == 'checkbox'){
+            let num = 0;
+            ele.options.forEach( o_ele =>{
+              if(o_ele.checked){
+                num += Number(o_ele.score)
+              }
+            })
+            p[ele.variable_name] = Number(num)
+          }
+          if(ele.type == 'radio'){
+            if(ele.num){
+              p[ele.variable_name] = Number(ele.num)
+            }
+
+          }
+        })
+        // let inputData = JSON.stringify(p);
+
+        getMedicalCalculatorsCalculate({
+          id: that.info.id,
+          ...p
+        }).then( res =>{
+          console.log(res)
+          if(res.data.code == 0){
+            that.calculateValue = res.data.data;
+          }else{
+            this.$message.error({
+              message: res.data.msg
+            });
+          }
+        })
+
+      },
+    },
+  }
+</script>
+<style lang="scss" scoped>
+  li{
+    list-style: none;
+  }
+  /* ==============  滚动条样式   ==================== */
+  ::-webkit-scrollbar {
+    width:8px;
+    height:10px;
+    background-color:#dfdbdb;
+  }
+  /* 滚动条上的滚动滑块. */
+  ::-webkit-scrollbar-thumb {
+    background-color:#2786D9;
+    border-radius: 50px;
+  }
+  /* ==============  滚动条样式   ==================== */
+  .pagecontent-box{
+    height: auto;
+    background: #FFFFFF;
+    padding: 12px;
+  }
+
+.yp-position-box {
+  width: 100%;
+  background: #fff;
+  border-radius: 6px;
+  // transform: translate(-50%, -50%);
+  padding: 0 10px 10px;
+  display: flex;
+  flex-direction: column;
+}
+.info-box{
+  flex: 1;
+  width: 880px;
+  height: 100%;
+  padding-top: 16px;
+  margin: 0 auto;
+}
+.yp-info-box {
+  width: 100%;
+  height: auto;
+  padding: 0 10px 30px 10px;
+  font-size: 15px;
+  text-align: left;
+  position: relative;
+}
+.col-left-title {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding-bottom: 10px;
+  border-bottom: 1px dashed rgb(126, 126, 126);
+}
+.col-left-title>a{
+  width: auto;
+}
+.col-left-title>p{
+  flex: 1;
+  text-overflow: ellipsis;
+  display: box;
+  box-orient: vertical;
+  line-clamp: 2;
+  text-align: center;
+  font-size: 18px;
+  font-family: Source Han Sans CN;
+  font-weight: 600;
+  line-height: 35px;
+  color: #191919;
+  cursor: pointer;
+}
+.questions-box{
+  width: 100%;
+  li{
+    .calc-que{
+      font-size: 16px;
+      word-break: break-all;
+      padding-bottom: 10px;
+      border-bottom: 1px solid rgba(204, 204, 204, 0.3);
+      margin-bottom: 5px;
+    }
+  }
+  .q-text-box{
+
+    .calc-label-lg{
+      width: 180px;
+      font-size: 14px;
+    }
+    .calc-unit-md {
+      width: 50px;
+      font-size: 14px;
+      margin: 0 0 0 10px;
+    }
+  }
+  /deep/ .el-checkbox{
+    padding: 10px 0;
+    width: 100%;
+    padding-left: 30px;
+  }
+  /deep/ .el-checkbox__label {
+    font-size: 16px;
+  }
+  /deep/ .el-radio-group{
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  /deep/ .el-radio{
+    width: 50%;
+    padding: 10px 20px;
+    margin: 0;
+  }
+  /deep/ .el-radio__label{
+    font-size: 16px;
+  }
+  .question_title {
+    background-color: #edf8fc;
+    font-weight: bold;
+    padding: 10px 20px;
+    user-select: none;
+    border-radius: 5px;
+    font-size: 14px;
+  }
+  .question_infor2{
+    padding: 10px 0 10px 10px;
+  }
+}
+.answer_block {
+  margin-top: 10px;
+  background-color: #f5f5f5;
+  border-radius: 5px;
+  .skin-color {
+    color: #1d78b6;
+    cursor: pointer;
+  }
+  .msg_text{
+    color: #ff0000;
+    padding-right: 20px;
+  }
+}
+.question_infor {
+  padding: 10px 16px;
+}
+.calc-item {
+  font-size: 16px;
+  line-height: 24px;
+  word-break: break-all;
+  display: flex;
+  align-items: center;
+}
+.calc-label-md {
+  width: 100px;
+}
+.flex-center{
+  display: flex;
+  align-items: center;
+}
+.flex-item{
+  flex: 1;
+}
+.medcalc{
+  h3 {
+    background-color: #1d78b6;
+    width: 100%;
+    height: 36px;
+    margin-top: 20px;
+    color: #fff;
+    line-height: 36px;
+    border-radius: 5px;
+  }
+  .jiedu-title{
+    font-size: 18px;
+    margin-left: 10px;
+  }
+  .jiedu {
+    font-size: 14px;
+    line-height: 22px;
+    padding: 6px 6px 0 6px;
+    text-align: justify;
+    p {
+      margin-top: 10px;
+      color: #595959;
+    }
+  }
+}
+@media only screen and (max-width: 758px){
+  .pagecontent-box{
+    padding: 0;
+    margin: 0;
+  }
+  .yp-position-box{
+    padding: 0;
+    margin: 0;
+  }
+  .col-left-title > p{
+    text-align: left;
+  }
+  .yp-position-nbox{
+    padding: 0;
+    height: auto;
+  }
+  .yp-info-box{
+    padding: 0;
+  }
+}
+
+</style>