添加诊断结果图像检测和相似病例查询

src/api/api.js

@@ -30,4 +30,5 @@ export const pageTaskOne = '/ajax/task/qo'
export const taskResult = '/ajax/task/result/'
export const uploadTask = '/ajax/task/upload'
export const newTask = '/ajax/task/new'
export const pageRelateTask = '/ajax/task/relate'
export const pageRelateSearchTask = '/ajax/task/searchTxt'
export const pageRelateImageTask = '/ajax/task/searchJpg'

src/views/diagnosticLog/index.vue

@@ -14,7 +14,7 @@
              v-model="selectMode"
              @change="selectChange">
              <el-option label="全部诊断疾病" value="" selected></el-option>
              <el-option label="先心病房缺" value="1"></el-option>
              <el-option label="先天性心脏病房间隔缺损" value="1"></el-option>
            </el-select>
            <el-button type="primary" @click="pageQueryList">搜索</el-button>
            <el-button type="primary" @click="refreshList" plain>刷新列表</el-button>
@@ -170,7 +170,7 @@ export default {
                obj[i].stateMsg = stateMsg(obj[i].state)
              }
              if (obj[i].taskType === 1) {
                obj[i].taskType = '先心病房缺'
                obj[i].taskType = '先天性心脏病房间隔缺损'
              }
            }
          }

src/views/diagnosticLog/resultShow.vue

@@ -37,7 +37,7 @@
                  <el-row :gutter="20" v-if="tableResult && tableResult.length>0">
                    <el-col :span="6" v-for="item in tableResult" :key="item.index">
                      <div class="res-pic">
                        <img class="res-pic" :src="item.img" :alt="item.img || '图片缺失'" />
                        <img class="res-pic" :src="item.img" :onerror="imgerror" />
                      </div>
                      <p class="res-word" :style="item.text === '文件缺失' ? 'color: #F56C6C': ''">{{item.text}}</p>
                    </el-col>
@@ -50,21 +50,41 @@
        </div>
      </div>
    </el-card>
    <!-- <el-card style="margin-top:10px">
      <div slot="header">
        <span @click="queryRelateInfo">查看相似病例>></span>
      </div>
      <div class="box-content" v-loading="relateLoading" element-loading-text="查找中...">
        <div class="box-main">
          <el-carousel :interval="5000" arrow="always" v-if="relateData.length">
            <el-carousel-item v-for="item in relateData" :key="item">
              <img :src="item" :alt="item || '病例文件缺失'" width="100%">
            </el-carousel-item>
          </el-carousel>
          <span v-else style="color:#F56C6C">未发现相似病例</span>
    <el-tabs type="border-card" class="box-card-2" v-model="activeName" @tab-click="handelTabTurn">
      <el-tab-pane label="搜索相似诊断" name="first">
        <el-input placeholder="请输入诊断结果" @keyup.enter.native="queryRelateInfo" v-model="searchInput" class="input-with-select">
          <el-button slot="append" icon="el-icon-search" @click.native="queryRelateInfo"></el-button>
        </el-input>
        <div class="box-content" v-loading="relateLoading" element-loading-text="查找中...">
          <div class="box-main">
            <el-carousel :interval="5000" arrow="always" :autoplay="false" v-if="relateData.length">
              <el-carousel-item v-for="(item,index) in relateData" :key="item">
                <div class="res-pic">
                  <img :src="item" :onerror="imgerror">
                </div>
                <p class="res-txt">{{index+1}}/{{relateData.length}}</p>
              </el-carousel-item>
            </el-carousel>
            <span v-if="!relateData.length && ifSearchedText" class="no-data-text">未发现相似病例</span>
          </div>
        </div>
      </div>
    </el-card> -->
      </el-tab-pane>
      <el-tab-pane label="比对相似影像" name="second">
        <div class="box-content" v-loading="relateVideoLoading" element-loading-text="查找中...">
          <div class="box-main">
            <el-carousel :interval="5000" arrow="always" :autoplay="false" v-if="relateVideoData.length">
              <el-carousel-item v-for="(item,index) in relateVideoData" :key="item">
                <div class="res-pic">
                  <img :src="item" :onerror="imgerror">
                </div>
                <p class="res-txt">{{index+1}}/{{relateVideoData.length}}</p>
              </el-carousel-item>
            </el-carousel>
            <span v-if="!relateVideoData.length && ifSearchedJpg" class="no-data-text">未发现相似病例</span>
          </div>
        </div>
      </el-tab-pane>
    </el-tabs>
    <PicPreview v-if="tableResult && tableResult.length>0" ref="PicPreview" :previewList="tableResult"></PicPreview>
  </div>
</template>
@@ -72,7 +92,7 @@
<script>
import axios from 'axios'
import queryBase from '@/utils/queryBase'
import { taskResult, pageTaskOne, pageRelateTask } from '@/api/api'
import { taskResult, pageTaskOne, pageRelateSearchTask, pageRelateImageTask } from '@/api/api'
import { urlParse, parseTime } from '@/utils'
import '@/styles/roleuser.scss'
import PicPreview from '@/components/PicturePreview'
@@ -80,12 +100,20 @@ import PicPreview from '@/components/PicturePreview'
export default {
  data() {
    return {
      activeName: 'first',
      tableData: {},
      tableResult: [],
      tableLoading: false,
      relateData: [],
      relateLoading: false,
      resultId: ''
      relateVideoData: [],
      relateVideoLoading: false,
      resultId: '',
      searchInput: '',
      ifSearchImage: true,
      ifSearchedText: false,
      ifSearchedJpg: false,
      imgerror: "this.src='/static/no-data-pic.png';this.onerror=null"
    }
  },
  components: {
@@ -95,7 +123,6 @@ export default {
    this.resultId = urlParse('id')
    this.queryTaskCon()
    this.queryResultCon()
    // this.queryRelateInfo()
  },
  methods: {
    queryTaskCon() {
@@ -114,7 +141,7 @@ export default {
            obj.modifyTime = parseTime(obj.modifyTime)
          }
          if (obj.taskType === 1) {
            obj.taskType = '先心病房缺'
            obj.taskType = '先天性心脏病房间隔缺损'
          }
          queryBase.getUserBase(obj.uid, function(sc, value) {
            if (sc) {
@@ -187,19 +214,57 @@ export default {
    },
    queryRelateInfo() {
      var that = this
      if (!that.searchInput) {
        return
      }
      that.relateLoading = true
      that.$http.get(pageRelateTask, {
        dataNum: that.searchText,
        taskType: that.selectMode,
        pageSize: that.pageSize,
        pageNo: that.pageNo
      that.$http.get(pageRelateSearchTask, {
        txt: that.searchInput,
        id: that.resultId
      }, function(res) {
        that.relateLoading = false
        if (res.success && res.data) {
          const obj = res.data.data
        if (res.success) {
          const obj = res.data
          if (obj.length > 0) {
            var url = '/task/searchTxt/result/'
            for (let i = 0; i < obj.length; ++i) {
              var index = obj[i].lastIndexOf('\/')
              obj[i] = url + obj[i].substring(index + 1, obj[i].length)
            }
          }
          that.relateData = obj
          that.ifSearchedText = true
        }
      })
    },
    queryRelateVideoInfo() {
      var that = this
      that.relateVideoLoading = true
      that.$http.get(pageRelateImageTask, {
        id: that.resultId
      }, function(res) {
        that.relateVideoLoading = false
        if (res.success) {
          const obj = res.data
          if (obj.length > 0) {
            var url = '/task/searchJpg/result/'
            for (let i = 0; i < obj.length; ++i) {
              var index = obj[i].lastIndexOf('\/')
              obj[i] = url + obj[i].substring(index + 1, obj[i].length)
            }
          }
          that.relateVideoData = obj
          that.ifSearchedJpg = true
        }
      })
    },
    handelTabTurn(tab, event) {
      if (this.activeName === 'second') {
        if (this.ifSearchImage) {
          this.queryRelateVideoInfo()
          this.ifSearchImage = false
        }
      }
    }
  }
}
@@ -246,5 +311,46 @@ export default {
      }
    }
  }
  .box-card-2{
    margin-top:20px;
    .box-main{
      min-height: 100px;
      .el-carousel{
        margin-top:10px;
      }
      .el-carousel__item{
        background: #d3dce6
      }
      .res-pic{
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing:border-box;
        width:100%;
        height:302px;
        border-radius: 4px;
        background-size:cover;
        background-position: center center;
        img{
          max-width: 100%;
          max-height: 100%;
        }
      }
      .res-txt{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
      }
    }
  }
  .no-data-text{
    display: block;
    padding: 8% 40px;
    color:#F56C6C;
    text-align: center;
    font-size: 14px;
  }
}
</style>

src/views/diagnosticLog/startDiag.1.vue

@@ -74,11 +74,11 @@
        dataBh: '',
        multipleSelection: [],
        tableResult: [{
          type: '先心病房缺(先天性心脏病房间隔缺损)',
          type: '先天性心脏病房间隔缺损',
          check: 1,
          dis: 1
        }, {
          type: '先心病室缺(先天性心脏病室间隔缺损)',
          type: '先天性心脏病房间隔缺损',
          check: 0,
          dis: 0
        }, {

src/views/diagnosticLog/startDiag.vue

@@ -69,7 +69,7 @@
        multipleSelection: [],
        fileMutList: [],
        tableResult: [{
          type: '先心病(房间隔缺损)',
          type: '先天性心脏病房间隔缺损',
          check: 1,
          dis: 1
        }, {