ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/dataArchive/index.vue

@@ -0,0 +1,2104 @@
+<template>
+  <div class="app-container" ref="dataArchiveContainer">
+    <!--工具栏-->
+    <div class="head-container" ref="fixedDiv" style="width: calc(100%)">
+      <div class="query-container" v-if="crud.props.searchToggle">
+        <el-form :inline="true" :model="query" class="demo-form-dataArchive" size="small">
+          <el-form-item prop="address">
+            <!--  区域   -->
+            <el-cascader
+              v-model="query.address"
+              clearable
+              placeholder="机构地区"
+              :options="provinceList"
+              :props="props"
+              @active-item-change="handleItemChange"
+              @change="addressChange">
+            </el-cascader>
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.patientId"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入患者编号"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.accessNumber"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查编号"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.patientName"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入姓名"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.mobilePhone"
+              size="small"
+              @clear="crud.toQuery"
+              placeholder="请输入手机号"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.idCardNo"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入患者身份证号"
+              style="width: 180px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.studyUid"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入studyUid"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.modality"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查模式"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.examBodyPart"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查部位"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.examItemName"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查项目"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item> </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.urlKey"
+              clearable
+              @clear="crud.toQuery"
+              type="number"
+              placeholder="请输入urlKey"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.applicationId"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入申请单ID"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.studyOrderId"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查医嘱ID"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item prop="isOss">
+            <el-select
+              v-model="query.isOss"
+              clearable
+              placeholder="图像状态"
+              class="filter-item"
+              style="width: 160px"
+              @change="crud.toQuery">
+              <el-option
+                v-for="item in dict.is_oss"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="检查机构：">
+            <el-select
+              v-model="query.hosId"
+              placeholder="请选择"
+              filterable
+              remote
+              clearable
+              reserve-keyword
+              :remote-method="remoteMethod"
+              :loading="loading"
+              style="width: 160px"
+              size="small"
+              @focus="clear"
+              @hook:mounted="clear"
+              @visible-change="clear"
+              ref="select">
+              <el-option
+                v-for="(item, index) in options"
+                :key="index"
+                :label="item.hospitalName"
+                :value="item.hospitalId">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="检查时间：">
+            <date-range-picker
+              style="width: 300px; height: 34px"
+              startPlaceholder="开始检查时间"
+              endPlaceholder="结束检查时间"
+              @change="crud.toQuery"
+              :clearable="false"
+              v-model="query.checkTime"
+              unlink-panels />
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="crud.toQuery" class="filter-item" size="small">查询</el-button>
+            <el-button @click="ResetClick" class="filter-item" size="small" style="margin-left: 5px"
+              >重置</el-button
+            >
+            <el-button
+              @click="exportExcel"
+              v-if="checkPer(permission.export)"
+              class="filter-item"
+              size="small"
+              style="margin-left: 5px"
+              >导出</el-button
+            >
+            <el-button @click="exportLog" class="filter-item" size="small" style="margin-left: 5px"
+              >导出日志</el-button
+            >
+          </el-form-item>
+          <!-- 搜索 -->
+        </el-form>
+        <div>
+          <el-button
+            size="medium"
+            type="primary"
+            v-if="checkPer(permission.editUrlKey)"
+            @click="editUrlKey"
+            >修改urlKey
+          </el-button>
+          <el-button size="medium" type="danger" v-if="checkPer(permission.del)" @click="delAction"
+            >删除</el-button
+          >
+          <el-button
+            size="medium"
+            type="info"
+            v-if="checkPer(permission.delList)"
+            @click="delRecordsShow"
+            >删除记录</el-button
+          >
+        </div>
+      </div>
+      <crudOperation :permission="permission" />
+    </div>
+    <!--表单渲染-->
+    <el-dialog
+      :title="
+        showReport ? '浏览报告' : showQRCode ? '二维码' : showUrlKey ? '修改urlKey' : '删除记录'
+      "
+      :visible.sync="dataArchiveVisible"
+      style="min-width: 300px"
+      :width="showReport ? '55%' : showUrlKey || showQRCode ? '500px' : '80%'"
+      :before-close="handleClose"
+      append-to-body
+      :top="showQRCode ? '10vh' : '3vh'"
+      @open="dialogOpen"
+      @close="dialogClose">
+      <div v-if="showReport">
+        <el-row>
+          <el-col :span="24"
+            ><h3 style="text-align: center">
+              {{ this.currentRow.applyHospitalName || this.empty }}
+            </h3>
+          </el-col>
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>姓名：</span>{{ this.currentRow.patientName || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>性别：</span>{{ this.currentRow.patientSex || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>年龄：</span>{{ this.currentRow.patientAge || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>申请科室：</span>{{ this.currentRow.applyOffice || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>患者类型：</span>{{ this.currentRow.patientType || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>检查编号：</span>{{ this.currentRow.accessNumber || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>检查部位：</span>{{ this.currentRow.examBodyPart || this.empty }}</el-col
+          >
+          <el-col :span="8">
+            <span>检查项目：</span>
+            <span v-if="currentRow.examItemName">
+              <span
+                v-for="(item, index) in currentRow.examItemName"
+                :key="index"
+                style="font-weight: normal">
+                {{ item }}<span v-if="index != currentRow.examItemName.length - 1">，</span>
+              </span>
+            </span>
+            <span v-else>{{ this.empty }}</span>
+          </el-col>
+          <el-col :span="8"
+            ><span>检查时间：</span>{{ this.currentRow.patientCheckDate || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="paddingClass"><h3>检查所见</h3></el-col>
+        </el-row>
+        <el-row>
+          <el-col class="paddingClass" :span="24">
+            <p>{{ this.currentRow.firExamFindings || this.empty }}</p></el-col
+          >
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="paddingClass"><h3>检查印象</h3></el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="paddingClass">
+            <p>{{ this.currentRow.firExamImpression || this.empty }}</p></el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>报告医生：</span
+            ><span>{{ this.currentRow.firstRepDocName || this.empty }}</span></el-col
+          >
+          <el-col :span="8"
+            ><span>审核医生：</span
+            ><span>{{ this.currentRow.audiRepDocName || this.empty }}</span></el-col
+          >
+          <el-col :span="8"
+            ><span>审核时间：</span
+            ><span>{{ this.currentRow.auditRepTime || this.empty }}</span></el-col
+          >
+        </el-row>
+      </div>
+      <div v-else-if="showQRCode">
+        <div style="padding: 0 20px">
+          <p style="font-size: 15px; line-height: 1.75em">
+            检查项目：<span v-if="currentRow.examItemName">
+              <span
+                v-for="(item, index) in currentRow.examItemName"
+                :key="index"
+                style="font-weight: normal">
+                {{ item }}<span v-if="index != currentRow.examItemName.length - 1">，</span>
+              </span>
+            </span>
+            <span v-else>{{ this.empty }}</span>
+          </p>
+          <p style="font-size: 15px; line-height: 1.75em">
+            检查时间：{{ this.currentRow.patientCheckDate || this.empty }}
+          </p>
+        </div>
+
+        <div class="scanImg">
+          <div class="qrcode">
+            <div>
+              <img :src="scanString[1]" />
+              <span>无校验二维码</span>
+            </div>
+            <div>
+              <img :src="scanString[0]" />
+              <span>校验二维码</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-else-if="showUrlKey">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="0"
+          class="demo-ruleForm">
+          <el-form-item label="" prop="urlKey">
+            <el-input v-model="ruleForm.urlKey" placeholder="请输Url Key"></el-input>
+            <div class="showUrlKeyWarn">
+              <i class="el-icon-warning"></i>
+              修改Key值可能会导致看图错误，请谨慎修改！
+            </div>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div v-else>
+        <delTable v-if="delTableShow" ref="delTable" />
+      </div>
+      <span slot="footer" class="dialog-footer" v-if="showUrlKey">
+        <el-button @click="dataArchiveVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!--表格渲染-->
+    <div class="box-card" ref="dataArchiveTable">
+      <el-popover
+        popper-class="popoverCollapsemedical"
+        placement="bottom"
+        width="200"
+        trigger="click">
+        <el-form style="max-height: 50vh; overflow: auto">
+          <el-form-item style="margin-bottom: 0">
+            <!-- :disabled="index == 0" -->
+            <el-checkbox
+              @change="inkured"
+              :disabled="item.prop == 'accessNumber'"
+              v-for="(item, index) in tableHeader"
+              :key="index"
+              v-model="item.isShow">
+              <p style="margin: 2px 0">{{ item.label }}</p>
+            </el-checkbox>
+          </el-form-item>
+        </el-form>
+        <el-button slot="reference" size="small" style="margin-bottom: 10px" class="el-icon-s-grid">
+          <i class="el-icon-arrow-down el-icon--right"></i>
+        </el-button>
+      </el-popover>
+      <el-table
+        ref="multipleTable"
+        v-loading="crud.loading"
+        lazy
+        :data="crud.data"
+        :cell-style="{ textAlign: 'center' }"
+        :header-cell-style="{ textAlign: 'center' }"
+        :tree-props="{ children: 'flag', hasChildren: 'flag' }"
+        :row-key="getRowKeys"
+        @current-change="handleCurrentChange"
+        @select="crud.selectChange"
+        @select-all="crud.selectAllChange"
+        @selection-change="handleSelectionChange"
+        :max-height="tableHeight">
+        <el-table-column fixed="" type="selection" width="55"> </el-table-column>
+        <el-table-column fixed label="序号" type="index" align="center">
+          <template slot-scope="scope">
+             <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :show-overflow-tooltip="true"
+          v-for="(item, index) in bindTableColumns"
+          :key="index + '-bindTableColumns'"
+          align="center"
+          :label="item.label"
+          :prop="item.prop"
+          :min-width="item.width"
+          :sortable="item.sortable">
+          <template slot-scope="scope">
+            <span v-if="item.prop == 'standardProjectName'">
+              <ul v-if="scope.row.standardProjectName">
+                <li v-for="(item, index) in scope.row.standardProjectName" :key="index">
+                  {{ item }}
+                </li>
+              </ul>
+              <span v-else>-</span>
+            </span>
+            <span v-else-if="item.prop == 'standardProjectCode'">
+              <ul v-if="scope.row.standardProjectCode">
+                <li v-for="(item, index) in scope.row.standardProjectCode" :key="index">
+                  {{ item }}
+                </li>
+              </ul>
+              <span v-else>-</span>
+            </span>
+            <span v-else-if="item.prop == 'examItemName'">
+              <ul v-if="scope.row.examItemName">
+                <li v-for="(item, index) in scope.row.examItemName" :key="index">
+                  {{ item }}
+                </li>
+              </ul>
+              <span v-else>-</span>
+            </span>
+            <span v-else-if="item.prop == 'examItemCode'">
+              <ul v-if="scope.row.examItemCode">
+                <li v-for="(item, index) in scope.row.examItemCode" :key="index">
+                  {{ item }}
+                </li>
+              </ul>
+              <span v-else>-</span>
+            </span>
+            <span v-else>
+              {{ scope.row[item.prop] || empty }}
+            </span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" width="250px" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="showReportDetail">报告</el-button>
+
+            <el-button
+              type="text"
+              size="mini"
+              v-if="checkPer(permission.downLoad)"
+              :disabled="scope.row.isOss == 1 || scope.row.isOss == 5"
+              @click="operateDonwnLoad(scope.row)"
+              >下载</el-button
+            >
+
+            <el-button
+              type="text"
+              size="mini"
+              v-if="scope.row.isOss == 1"
+              @click="getImage(scope.row)">
+              <span style="color: #ff7e00"> 获取图像</span>
+            </el-button>
+            <el-button type="text" size="mini" :disabled="true" v-if="scope.row.isOss == 5">
+              正在获取
+            </el-button>
+            <el-button
+              type="text"
+              size="mini"
+              @click="imageBrower(scope.row)"
+              v-if="scope.row.isOss == 2 || scope.row.isOss == 0">
+              浏览图像
+            </el-button>
+
+            <el-dropdown>
+              <span class="el-dropdown-link">
+                更多<i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item>
+                  <el-button
+                    type="text"
+                    style="width: 100%"
+                    size="mini"
+                    @click="getUpdate(scope.row)"
+                    v-if="checkPer(permission.editInfo)"
+                    >修改信息</el-button
+                  >
+                </el-dropdown-item>
+                <el-dropdown-item>
+                  <el-button type="text" size="mini" @click="showQRCodeDetail(scope.row)"
+                    >二维码</el-button
+                  >
+                </el-dropdown-item>
+                <el-dropdown-item>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    v-if="checkPer(permission.SMSnotice)"
+                    @click="SMSnotice(scope.row)">
+                    短信通知
+                  </el-button>
+                </el-dropdown-item>
+                <el-dropdown-item>
+                  <el-button type="text" size="mini" @click="checkReport(scope.row, 1)">
+                    电子报告
+                  </el-button>
+                </el-dropdown-item>
+                <el-dropdown-item>
+                  <el-button type="text" size="mini" @click="checkReport(scope.row, 2)">
+                    电子胶片
+                  </el-button>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+    <el-dialog
+      title="修改患者信息"
+      :visible.sync="updateInfoShow"
+      width="400px"
+      top="6vh"
+      :before-close="beforeClose">
+      <div class="warning">
+        <span class="el-icon-warning"></span>
+        <span>修改患者信息可能会导致无法查看图像，请谨慎修改！</span>
+      </div>
+      <!-- :rules="rules" -->
+      <el-form
+        :inline="true"
+        :model="form"
+        class="form-inline-hospital"
+        size="small"
+        ref="form"
+        label-position="right"
+        label-width="100px">
+        <el-form-item prop="patientName" label="患者姓名">
+          <el-input
+            v-model="form.patientName"
+            type="text"
+            auto-complete="off"
+            placeholder="请输入患者姓名">
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="mobilePhone" label="手机号">
+          <el-input
+            v-model="form.mobilePhone"
+            type="text"
+            auto-complete="off"
+            placeholder="请输入手机号">
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="idCardNo" label="身份证号">
+          <el-input
+            v-model="form.idCardNo"
+            type="text"
+            auto-complete="off"
+            placeholder="请输入身份证号">
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="examItemCode" label="检查项目编码">
+          <el-input
+            v-model="form.examItemCode"
+            type="textarea"
+            autosize
+            auto-complete="off"
+            placeholder="请输入检查项目编码">
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="beforeClose">取消</el-button>
+        <el-button type="primary" @click="sureUpdate">确认</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog title="下载" :visible.sync="downLoadShow" width="25%" :before-close="beforeClose1">
+      <div class="download">
+        <div @click="openHref">
+          <p>链接：</p>
+          <span class="hover">{{ pramsUrl.shortUrl }}</span>
+          <el-button type="text" style="margin-left: 15%">打开</el-button>
+        </div>
+        <div>
+          <p>提取码：</p>
+          <span id="text">{{ pramsUrl.vfCode }}</span>
+          <el-button
+            type="text"
+            style="margin-left: 5%"
+            data-clipboard-target="#text"
+            @click="btnCopy"
+            class="btn"
+            >复制</el-button
+          >
+        </div>
+        <div>
+          <p>有效期：</p>
+          <span>{{ pramsUrl.validityTime }}</span>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="beforeClose1">确认</el-button>
+      </span>
+    </el-dialog>
+    <!-- 短信通知 -->
+    <el-dialog title="短信通知" :visible.sync="SMSnoticeShow" width="30%" @close="closeSMS">
+      <div class="SMSnoticeStyle">
+        <div>检查机构：{{ SMSnoticeObj.applyHospitalName || '-' }}</div>
+        <div>检查编号：{{ SMSnoticeObj.accessNumber || '-' }}</div>
+        <div>手机号码：{{ SMSnoticeObj.mobilePhone || '-' }}</div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="closeSMS">取 消</el-button>
+        <el-button size="small" type="primary" @click="submitSMSnotice">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!-- 收费状态 -->
+    <el-dialog
+      title="修改收费状态"
+      :visible.sync="chargeStatusShow"
+      width="30%"
+      @close="closecharge">
+      <div class="SMSnoticeStyle">
+        <el-select
+          v-model="isImageService"
+          clearable
+          placeholder="收费状态"
+          class="filter-item"
+          style="width: 100%">
+          <el-option
+            v-for="item in dict.dataCharge_status"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+        <div class="warningStyle">
+          <div>
+            <i class="el-icon-warning warning-icon"
+              >修改收费状态可能会导致收费数据不一致，请谨慎修改！</i
+            >
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="closecharge">取 消</el-button>
+        <el-button size="small" type="primary" @click="updateIsImageService">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog title="验证手机" :visible.sync="validateShow" width="400px" @close="closeValidate">
+      <div class="phone-box">
+        <el-form
+          :inline="true"
+          :model="validateForm"
+          class="form-inline-hospital"
+          size="small"
+          ref="validateForm"
+          :rules="rules"
+          label-position="right"
+          label-width="100px">
+          <el-form-item prop="mobilePhone" label="手机号">
+            <el-input
+              v-model="validateForm.mobilePhone"
+              type="text"
+              auto-complete="off"
+              placeholder="请输入手机号"
+              disabled>
+            </el-input>
+          </el-form-item>
+          <el-form-item prop="code" label="验证码" style="width: 100%">
+            <el-input
+              v-model="validateForm.code"
+              type="text"
+              auto-complete="off"
+              placeholder="请输入验证码"
+              style="width: 58%">
+            </el-input>
+            <el-button
+              type="primary"
+              :disabled="canClick"
+              @click="getCode"
+              size="small"
+              style="width: 40%"
+              >{{ btnText }}</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="closeValidate">取 消</el-button>
+        <el-button size="small" :loading="downloadLoading" type="primary" @click="sureExport"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+    <!-- 电子报告 -->
+    <el-dialog
+      :visible.sync="imageReportShow"
+      custom-class="report-dialog"
+      top="5vh"
+      width="70%"
+      @close="closeReport">
+      <span slot="title" class="dialog-footer">
+        <span>{{ imageTitle }}</span>
+      </span>
+      <div class="checkReportImage">
+        <el-image
+          v-if="imageArray.length > 0"
+          :src="currentImage"
+          :preview-src-list="[currentImage]">
+        </el-image>
+
+        <p v-else>{{ loadingText }}</p>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <div class="footer-left">
+          <el-button @click="prevImage" :disabled="currentIndex === 1">上一页</el-button>
+          <p>
+            <span>{{ currentIndex }}</span
+            >/{{ imageArray.length }}
+          </p>
+          <el-button @click="nextImage" :disabled="currentIndex === imageArray.length">
+            下一页
+          </el-button>
+        </div>
+
+        <el-button size="small" type="primary" @click="deleteImage">删除</el-button>
+      </span>
+    </el-dialog>
+    <!-- 导出日志 -->
+    <el-dialog
+      :visible.sync="exportLogShow"
+      custom-class="report-dialog"
+      top="5vh"
+      width="70%"
+      @close="closeExportLog"
+      title="导出日志详情">
+      <export-list />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getDay } from '@/utils/getTime';
+import { mapGetters } from 'vuex';
+import { downloadFile } from '@/utils/index';
+import { download } from '@/api/data';
+const start = getDay(-6) + ' 00:00:00';
+const end = getDay(0) + ' 23:59:59';
+import exportList from './exportList.vue';
+
+import crudDataAchive, {
+  getHospital,
+  getNewScanString,
+  updateOssStatus,
+  viewImage,
+  modifyUrlKey,
+  deletePatients,
+  operateDonwnLoad,
+  updatePatientInfo,
+  echoPatientInfo,
+  sendMessage,
+  sendMsgCode,
+  updateIsImageService,
+  getTypesettingFilmInfo,
+  checkExistByOriginalReport,
+  getReportStream,
+  retrieveTypesettingFilm,
+  removeTypesettingFilm,
+  removeApplyOrReportFile,
+} from '@/api/dataArchive/index';
+// import { validatePhone, validateIdNo } from "@/utils/validate";
+import IconSelect from '@/components/IconSelect';
+import Treeselect from '@riophae/vue-treeselect';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
+import CRUD, { presenter, header, form, crud } from '@crud/crud';
+import rrOperation from '@crud/RR.operation';
+import crudOperation from '@crud/CRUD.operation';
+import udOperation from '@crud/UD.operation';
+import DateRangePicker from '@/components/DateRangePicker';
+import pagination from '@crud/Pagination';
+import delTable from '@/views/dataArchive/delTable.vue';
+import QRCode from 'qrcodejs2';
+import Clipboard from 'clipboard';
+import institutionMonitor from '@/api/institutionMonitor/index';
+
+const defaultForm = {
+  id: null,
+  name: '',
+  url: '',
+  parentId: null,
+  type: '',
+  radio: '',
+  isDeleted: '',
+};
+export default {
+  name: 'dataArchive',
+  components: {
+    Treeselect,
+    IconSelect,
+    crudOperation,
+    rrOperation,
+    udOperation,
+    DateRangePicker,
+    pagination,
+    delTable,
+    QRCode,
+    exportList,
+  },
+  cruds() {
+    return CRUD({
+      title: '接口',
+      url: '/patient/queryPatientList',
+      sort: '',
+      crudMethod: { ...crudDataAchive },
+      query: {
+        checkTime: [start, end],
+      },
+      optShow: {
+        add: false,
+        reset: true,
+      },
+      page: {
+        page: 0,
+        size: 10,
+        total: 0,
+        sizes: [10, 20, 30, 40, 50, 100, 1000],
+      },
+    });
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  dicts: ['isOss_status', 'is_oss', 'dataCharge_status'],
+  data() {
+    var _this = this;
+    /* 是否手机号码*/
+    function validatePhone(rule, value, callback) {
+      const reg = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
+      if (!value && !_this.form.mobilePhone) {
+        callback(new Error('请填写手机号'));
+      } else if (!reg.test(value) && value !== '') {
+        callback(new Error('请输入正确的手机号'));
+      } else {
+        callback();
+        // _this.$refs['form'].clearValidate()
+        if (_this.$refs['form']) _this.$refs['form'].validateField();
+      }
+    }
+    function validateIdNo(rule, value, callback) {
+      const reg =
+        /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+      if (!value && !_this.form.idCardNo) {
+        callback(new Error('请填写身份证号'));
+      } else if (!reg.test(value) && value) {
+        callback(new Error('请输入正确的身份证号码'));
+      } else {
+        callback();
+        // _this.$refs['form'].clearValidate('mobilePhone')
+        if (_this.$refs['form']) _this.$refs['form'].validateField();
+      }
+    }
+    return {
+      waterMarkProp: {
+        zIndex: 1,
+        devicePixelRatio: 2,
+        text: '',
+        showTime: true,
+      },
+      menus: [],
+      props: {
+        value: 'value',
+        children: 'cities',
+        label: 'label',
+        checkStrictly: true,
+      },
+      fixedDivHeight: 0,
+      tableHeight: 0,
+      sidebarWidth: 0,
+      permission: {
+        delList: ['admin', 'datas:dellist'],
+        editUrlKey: ['admin', 'datas:editurlKey'],
+        editImageStatus: ['admin', 'datas:editImageStatus'],
+        del: ['admin', 'datas:del'],
+        downLoad: ['admin', 'datas:downLoad'],
+        editInfo: ['admin', 'datas:editInfo'],
+        SMSnotice: ['admin', 'datas:SMSnotice'],
+        export: ['admin', 'datas:export'],
+        editCostStatus: ['admin', 'datas:editCostStatus'],
+      },
+      rules: {
+        urlKey: [{ required: true, message: '请输入urlKey', trigger: 'blur' }],
+        patientName: [{ required: true, message: '请输入患者姓名', trigger: 'blur' }],
+        mobilePhone: [{ required: true, validator: validatePhone, trigger: 'blur' }],
+        idCardNo: [
+          {
+            required: true,
+            trigger: 'blur',
+            validator: validateIdNo,
+          },
+        ],
+        //
+        code: [{ required: true, message: '请输入', trigger: 'blur' }],
+      },
+      provinceList: [],
+      tableHeader: [
+        { label: '患者编号', prop: 'patientId', width: '140', isShow: true },
+        {
+          label: '检查编号',
+          prop: 'accessNumber',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '患者姓名',
+          prop: 'patientName',
+          width: '80',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: 'studyUid ',
+          prop: 'studyUid',
+          width: '100',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '身份证号',
+          prop: 'idCardNo',
+          width: '130',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '性别',
+          prop: 'patientSex',
+          width: '80',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '年龄',
+          prop: 'patientAge',
+          width: '80',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '图像数量',
+          prop: 'imageCount',
+          width: '80',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查模式',
+          prop: 'modality',
+          width: '120',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查部位',
+          prop: 'examBodyPart',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查项目',
+          prop: 'examItemName',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查项目编码',
+          prop: 'examItemCode',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '标准检查项目',
+          prop: 'standardProjectName',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '标准检查项目编码',
+          prop: 'standardProjectCode',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '申请单ID',
+          prop: 'applicationId',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查医嘱ID',
+          prop: 'studyOrderId',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查时间',
+          prop: 'patientCheckDate',
+          width: '180',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查机构',
+          prop: 'applyHospitalName',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '数字影像服务费',
+          prop: 'isImageService',
+          width: '160',
+          sortable: false,
+          isShow: false,
+        },
+        {
+          label: '住院号',
+          prop: 'hospitalizedNo',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '就诊卡号',
+          prop: 'healthCardNo',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: 'urlKey',
+          prop: 'urlKey',
+          width: '80',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '数字影像服务费',
+          prop: 'isImageService',
+          width: '100',
+          sortable: false,
+          isShow: false,
+        },
+      ],
+      options: [],
+      sysList: [],
+      partherOptions: [],
+      dataArchiveVisible: false,
+      showReport: false,
+      showQRCode: false,
+      showUrlKey: false,
+      currentRow: {},
+      qrcode: '', //生成的二维码
+      loading: false,
+      empty: '---',
+      multiSelection: [],
+      ruleForm: {
+        urlKey: '',
+      },
+      delTableShow: false,
+      imageRuleForm: {
+        imageState: '',
+      },
+      imageRuleRules: {
+        imageState: [{ required: true, message: '请选择看图状态', trigger: 'change' }],
+      },
+      visible: false,
+      // 控制修改弹窗
+      updateInfoShow: false,
+      downLoadShow: false,
+      // 存储修改的手机号和身份证
+      form: {
+        mobilePhone: '',
+        idCardNo: '',
+        patientName: '',
+        examItemCode: '',
+      },
+      // 存储选中那条数据
+      clickRow: {},
+      pramsUrl: {},
+      SMSnoticeShow: false,
+      SMSnoticeObj: {},
+      tableShowHeight: 0,
+      crudShow: false,
+      // 收费弹窗
+      chargeStatusShow: false,
+      isImageService: '',
+      // 验证手机，验证码
+      validateShow: false,
+      validateForm: {
+        mobilePhone: '',
+        code: '',
+      },
+      // 查看胶片报告
+
+      imageReportShow: false,
+      currentIndex: 1,
+      imageTitle: '电子报告',
+      imageArray: [],
+      // 导出日志
+      exportLogShow: false,
+      downloadLoading: false,
+      loadingText: '加载中',
+      canClick: false,
+      totalTime: 60,
+      btnText: '获取验证码',
+      timer: null,
+      // viewer: null,
+    };
+  },
+  created() {
+    this.getHospital();
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.fixedDivHeight = this.$refs.fixedDiv.clientHeight - 25;
+      this.tableHeight = this.$refs.dataArchiveContainer.clientHeight - 280;
+      window.addEventListener('resize', () => {
+        this.fixedDivHeight = this.$refs.fixedDiv.clientHeight - 25;
+      });
+      this.waterMarkProp.text = this.user.name;
+    });
+  },
+  computed: {
+    ...mapGetters(['user', 'sidebar']),
+    bindTableColumns() {
+      return this.tableHeader.filter(column => column.isShow);
+    },
+    currentImage() {
+      console.log(this.currentIndex - 1);
+      return this.imageArray[this.currentIndex - 1].url;
+    },
+  },
+  methods: {
+    clear(async) {
+      this.$nextTick(() => {
+        if (!async) {
+          // ios 手机有延迟问题
+          setTimeout(() => {
+            const { select } = this.$refs;
+            const input = select.$el.querySelector('.el-input__inner');
+            input.removeAttribute('readonly');
+          }, 200);
+        }
+      });
+    },
+
+    // 地区联动获取数据
+    getPosition(val, cb) {
+      let vm = this; //查询省市县
+      let params = { parent: 1 };
+      if (!val) {
+        //初始化加载 获取所有省份数据
+        params = { parent: 1 };
+      } else if (val.length === 1) {
+        //加载二级  获取市级数据
+        params = { parent: val[0] };
+      } else {
+        //加载3级   获取县级数据
+        params = { parent: val[1] };
+      }
+      institutionMonitor
+        .queryNation(params)
+        .then(res => {
+          if (!val) {
+            //初始化加载   查询省份数据
+            vm.provinceList = res.content.map(e => {
+              return {
+                value: e.saleid,
+                label: e.province,
+                cities: [],
+              };
+            });
+          } else if (val.length === 1) {
+            //加载二级    查询该省下市级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities = res.content.map(e => {
+                  return {
+                    value: e.saleid,
+                    label: e.city || e.county,
+                    cities: [],
+                  };
+                });
+              }
+            });
+          } else {
+            //加载3级   查询该省市下县级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities.map(value => {
+                  if (value.value === val[1]) {
+                    value.cities = res.content.map(e => {
+                      return { value: e.saleid, label: e.county };
+                    });
+                  }
+                });
+              }
+            });
+          }
+          cb && cb(res);
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+    // 一级二级改变的时候调取下一级数据
+    handleItemChange(val) {
+      this.getPosition(val);
+    },
+    addressChange() {
+      if (this.query.address.length > 0) {
+        this.query.province = this.query.address[0];
+        this.query.city = this.query.address[1];
+        this.query.district = this.query.address[2];
+      } else {
+        this.query.province = '';
+        this.query.city = '';
+        this.query.district = '';
+      }
+      this.crud.toQuery();
+    },
+    forceUpdate() {
+      this.$forceUpdate(); // 强制刷新
+    },
+    // setTableHeight() {
+    //   setTimeout(() => {
+    //     const dataArchiveContainer = this.$refs.dataArchiveContainer;
+    //     const dataArchiveTable = this.$refs.dataArchiveTable;
+    //     this.tableShowHeight =
+    //       dataArchiveContainer.clientHeight -
+    //       (dataArchiveTable.offsetTop - dataArchiveContainer.offsetTop) -
+    //       30;
+    //   }, 1000);
+    // },
+    getUpdate(row) {
+      this.clickRow = row;
+      echoPatientInfo(encodeURIComponent(row.id)).then(res => {
+        this.form.mobilePhone = res.mobilePhone;
+        this.form.idCardNo = res.idCardNo;
+        this.form.patientName = res.patientName;
+        this.form.examItemCode = res.examItemCode;
+      });
+
+      this.updateInfoShow = true;
+    },
+    sureUpdate() {
+      this.$refs.form.validate(valid => {
+        console.log(valid, this.$refs.form, 'valid');
+        if (!valid) return false;
+        let data = {
+          ...this.form,
+          userName: this.user.username,
+          accessNumber: this.clickRow.accessNumber,
+          hospitalId: this.clickRow.hospitalId,
+          id: this.clickRow.id,
+          studyUid: this.clickRow.studyUid,
+        };
+        updatePatientInfo(data).then(res => {
+          if (res == 'ERROR_MSG') {
+            this.$message.error('身份证不正确，请重新输入');
+          } else {
+            this.$message.success('修改成功');
+            this.beforeClose();
+            this.crud.toQuery();
+          }
+        });
+      });
+    },
+    operateDonwnLoad(row) {
+      this.downLoadShow = true;
+      operateDonwnLoad(row).then(res => {
+        console.log(res);
+        this.pramsUrl = res;
+      });
+    },
+    btnCopy() {
+      let textUrl = new Clipboard('.btn');
+      console.log(textUrl);
+      textUrl.on('success', e => {
+        console.log(e.action);
+        this.$message('复制成功');
+        textUrl.destroy();
+      });
+      textUrl.on('error', () => {
+        consold.log('没有复制成功');
+        this.$message('没有复制成功');
+        textUrl.destroy();
+      });
+    },
+    openHref() {
+      window.open(`${this.pramsUrl.shortUrl}`, '_blank');
+    },
+    beforeClose() {
+      this.$refs.form.resetFields();
+      this.updateInfoShow = false;
+    },
+    beforeClose1() {
+      this.pramsUrl = {};
+      this.downLoadShow = false;
+    },
+    //重置
+    ResetClick() {
+      for (let key in this.query) {
+        if (key !== 'checkTime') {
+          this.query[key] = '';
+        }
+      }
+      this.getPosition(null, () => {});
+      this.query.address = [window.config.defaultAddress];
+      this.query.province = this.query.address[0];
+      this.crud.toQuery();
+    },
+    //获取检查机构下拉列表
+    getHospital() {
+      getHospital().then(res => {
+        this.optionsDefault = res.content;
+        this.options = res.content;
+      });
+    },
+    //检查机构筛选
+    remoteMethod(query) {
+      this.options = this.optionsDefault.filter((item, index) => {
+        return item.hospitalName.indexOf(query) !== -1;
+      });
+    },
+
+    handleClose() {
+      this.dataArchiveVisible = false;
+    },
+    getRowKeys(row) {
+      return row.id;
+    },
+
+    //无校验二维码
+    showQRCodeDetail(row) {
+      this.$nextTick(res => {
+        this.showReport = false;
+        this.showQRCode = true;
+        this.showUrlKey = false;
+        let data = {
+          hospitalId: row.hospitalId,
+          applyHospitalId: row.applyHospitalId,
+          accessNumber: row.accessNumber,
+        };
+
+        getNewScanString(data).then(res => {
+          this.scanString = res;
+          if (this.showQRCode) {
+            this.dataArchiveVisible = true;
+          }
+        });
+      });
+    },
+    //查看报告
+    showReportDetail() {
+      this.dataArchiveVisible = true;
+      this.showReport = true;
+      this.showQRCode = false;
+      this.showUrlKey = false;
+    },
+    //删除记录
+    delRecordsShow() {
+      this.dataArchiveVisible = true;
+      this.showReport = false;
+      this.showQRCode = false;
+      this.showUrlKey = false;
+      this.delTableShow = true;
+    },
+    //删除按钮
+    delAction() {
+      if (this.multiSelection.length == 0) {
+        return this.$message.info('请至少选择一条数据！');
+      }
+      this.$confirm('删除后云端将无此数据，是否删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          let ids = [];
+          this.multiSelection.forEach((item, index) => {
+            ids.push(item.id);
+          });
+          // this.$store.state.user.username
+          // console.log(this.user.username,'this.user.username')
+          let data = {
+            ids: ids,
+            loginName: this.user.username,
+          };
+          deletePatients(data).then(res => {
+            console.log(res);
+            if (res == undefined) {
+              this.crud.toQuery();
+              this.$message({
+                type: 'success',
+                message: '删除成功!',
+              });
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    updateIsImageService() {
+      let ids = [];
+      this.multiSelection.forEach((item, index) => {
+        ids.push(item.id);
+      });
+      let data = {
+        ids,
+        isImageService: this.isImageService,
+      };
+      console.log(data);
+      updateIsImageService(data)
+        .then(res => {
+          this.chargeStatusShow = false;
+          this.crud.toQuery();
+          this.$message({
+            type: 'info',
+            message: '收费状态修改中，稍后查看!',
+          });
+        })
+        .catch(err => {
+          this.chargeStatusShow = false;
+        });
+    },
+    //浏览图像
+    imageBrower(row) {
+      let data = {
+        urlKey: row.urlKey,
+        studyUid: row.studyUid,
+        accessNumber: row.accessNumber,
+        hospitalId: row.hospitalId,
+      };
+      viewImage(data).then(res => {
+        if (res) {
+          window.open(res);
+        }
+      });
+    },
+    SMSnotice(row) {
+      this.SMSnoticeObj = row;
+      this.SMSnoticeShow = true;
+    },
+    submitSMSnotice() {
+      this.$confirm('确定要发送向该手机号的短信通知 ？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        let iphoneRule = /^[1][3,4,5,6.7,8,9][0-9]{9}$/;
+        if (iphoneRule.test(this.SMSnoticeObj.mobilePhone)) {
+          let params = {
+            hospitalId: this.SMSnoticeObj.hospitalId,
+            accessNumber: this.SMSnoticeObj.accessNumber,
+            applyHospitalName: this.SMSnoticeObj.applyHospitalName,
+            mobilePhone: this.SMSnoticeObj.mobilePhone,
+            patientName: this.SMSnoticeObj.patientName,
+            modality: this.SMSnoticeObj.modality,
+          };
+          sendMessage(params)
+            .then(res => {
+              this.$message.success('发送成功');
+              this.closeSMS();
+            })
+            .catch(err => {});
+        } else {
+          this.$message.warning('该编号手机号码有误，无法发送短信通知');
+        }
+      });
+    },
+    closeSMS() {
+      this.SMSnoticeShow = false;
+    },
+    closecharge() {
+      this.chargeStatusShow = false;
+    },
+    exportExcel(row) {
+      if (!this.query.hosId) {
+        return this.$message.info('请选择一家机构！');
+      }
+      this.validateShow = true;
+      this.validateForm.mobilePhone = this.user.phone;
+    },
+    closeValidate() {
+      this.$refs.validateForm.resetFields();
+      window.clearInterval(this.timer);
+      this.btnText = '获取验证码';
+      this.totalTime = 60;
+      this.canClick = false;
+      this.validateShow = false;
+    },
+    checkReport(row, status) {
+      if (status == 1) {
+        this.imageTitle = '电子报告';
+        this.getReport(row);
+      } else {
+        this.imageTitle = '电子胶片';
+        this.getImagefilm(row);
+      }
+    },
+    getReport(row) {
+      let data = {
+        hospitalId: row.hospitalId,
+        accessNumber: row.accessNumber,
+      };
+      checkExistByOriginalReport(data).then(res => {
+        let array = [];
+        if (res.length == 0) return this.$message.info('暂无电子报告');
+        this.imageReportShow = true;
+        res.forEach(item => {
+          let data = {
+            accessNumber: item.accessNumber,
+            hospitalId: item.hospitalId,
+            formType: item.formType,
+          };
+          // let image = `${window.config.baseUrl}/patient/retrieveTypesettingFilm`;
+          getReportStream(data)
+            .then(result => {})
+            .catch(result => {
+              let blob = new Blob([result], { type: 'image/png' }); // 创建一个Blob对象，并指定文件类型
+              let imageUrl = URL.createObjectURL(blob);
+              let params = {
+                ...data,
+                url: imageUrl,
+              };
+              array.push(params);
+            });
+        });
+        this.imageArray = array;
+        console.log(this.imageArray);
+      });
+    },
+    // // 预览图片
+    // previewImage() {
+    //   if (!this.viewer) {
+    //     console.log(this.$el.querySelector("img"));
+    //     this.viewer = new Viewer(this.$el.querySelector("img"), {
+    //       // 可以根据需要设置viewer的配置选项
+    //     });
+    //     this.viewer.show();
+    //   } else {
+    //     this.viewer.show();
+    //   }
+    // },
+    getImagefilm(row) {
+      let data = {
+        hospitalId: row.hospitalId,
+        accessNumber: row.accessNumber,
+      };
+      getTypesettingFilmInfo(data).then(res => {
+        let array = [];
+        if (res.content.length == 0) return this.$message.info('暂无电子胶片');
+        this.imageReportShow = true;
+
+        res.content.forEach(item => {
+          let data = {
+            accessNumber: item.accessNumber,
+            hospitalId: item.hospitalId,
+            typesettingFilmFileId: item.typesettingFilmFileId,
+            contentType: 'image/jpeg',
+          };
+          // let image = `${window.config.baseUrl}/patient/retrieveTypesettingFilm`;
+          retrieveTypesettingFilm(data)
+            .then(result => {})
+            .catch(result => {
+              let blob = new Blob([result], { type: 'image/png' }); // 创建一个Blob对象，并指定文件类型
+              let imageUrl = URL.createObjectURL(blob);
+              let params = {
+                ...data,
+                url: imageUrl,
+              };
+              array.push(params);
+            });
+        });
+        this.imageArray = array;
+        console.log(this.imageArray);
+      });
+    },
+    closeReport() {
+      this.imageReportShow = false;
+      this.currentIndex = 1;
+      this.imageArray = [];
+      this.loadingText = '加载中';
+    },
+    prevImage() {
+      if (this.currentIndex > 0) {
+        this.currentIndex--;
+      }
+    },
+    exportLog() {
+      this.exportLogShow = true;
+    },
+    closeExportLog() {
+      this.exportLogShow = false;
+    },
+    deleteImage() {
+      if (this.imageArray.length == 0) return this.$message.info('没有数据可删除');
+      this.$confirm('此操作将删除该条数据，是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        if (this.imageTitle == '电子报告') {
+          removeApplyOrReportFile(this.imageArray[this.currentIndex - 1]).then(res => {
+            this.$message.success('删除成功');
+            this.imageArray.splice(this.currentIndex - 1, 1);
+            if (this.currentIndex >= this.imageArray.length) {
+              this.currentIndex = this.imageArray.length;
+            }
+            if (this.imageArray.length == 0) this.closeReport();
+          });
+        } else {
+          removeTypesettingFilm(this.imageArray[this.currentIndex - 1]).then(res => {
+            this.$message.success('删除成功');
+            this.imageArray.splice(this.currentIndex - 1, 1);
+            if (this.currentIndex >= this.imageArray.length) {
+              this.currentIndex = this.imageArray.length;
+            }
+            if (this.imageArray.length == 0) this.closeReport();
+          });
+        }
+      });
+    },
+    nextImage() {
+      if (this.currentIndex < this.imageArray.length) {
+        this.currentIndex++;
+      }
+    },
+    //获取图像
+    getImage(row) {
+      this.$message.warning('开始获取，请稍后手动刷新页面查看');
+      updateOssStatus(row.id).then(res => {
+        this.crud.toQuery();
+      });
+    },
+    validateBtn() {
+      console.log(this.dict.isOss_status);
+      this.$refs.imageRuleForm.validate(valid => {
+        if (valid) {
+          this.visible = true;
+        } else {
+          this.visible = false;
+          return false;
+        }
+      });
+    },
+    // 获取验证码
+    getCode() {
+      let _this = this;
+      if (this.canClick) return;
+      this.canClick = true;
+      sendMsgCode({
+        telNum: this.validateForm.mobilePhone,
+      }).then(res => {});
+      this.btnText = this.totalTime + 's后重新发送';
+      this.timer = window.setInterval(() => {
+        this.totalTime--;
+        this.btnText = this.totalTime + 's后重新发送';
+        if (this.totalTime < 0) {
+          window.clearInterval(_this.timer);
+          this.btnText = '重新获取验证码';
+          this.totalTime = 60;
+          this.canClick = false;
+        }
+      }, 1000);
+    },
+    sureExport() {
+      let _this = this;
+      this.$refs.validateForm.validate(valid => {
+        if (!valid) return false;
+        this.downloadLoading = true;
+        let query = {
+          ...this.query,
+          telNum: this.validateForm.mobilePhone,
+          code: this.validateForm.code,
+        };
+        download('patient/exprotQueryPatient', query)
+          .then(result => {
+            this.downloadLoading = false;
+          })
+          .catch(e => {
+            console.log(e);
+            const reader = new FileReader();
+            // 设置读取完成后的回调函数
+            reader.onload = function (event) {
+              const jsonText = event.target.result; // 获取读取的结果（JSON 字符串）
+              console.log(jsonText.includes('code'));
+
+              if (jsonText.includes('code')) {
+                let data = JSON.parse(jsonText);
+                _this.$message.error(data.message);
+              } else {
+                downloadFile(e, '归档数据', 'xlsx');
+                _this.validateShow = false;
+              }
+            };
+            reader.readAsText(e);
+            // downloadFile(e, "归档数据", "xlsx");
+            this.downloadLoading = false;
+          });
+      });
+    },
+    //修改url Key
+    editUrlKey() {
+      if (this.multiSelection.length == 0) {
+        return this.$message.info('请至少选择一条数据！');
+      }
+      // 不同的UrlKey 给出提示
+      let urlKeyList = [];
+      this.multiSelection.forEach((item, index) => {
+        urlKeyList.push(item.urlKey);
+      });
+      let urlKeyFilterList = new Set(urlKeyList);
+      urlKeyFilterList = Array.from(urlKeyFilterList);
+      console.log(urlKeyFilterList, urlKeyList);
+      if (this.multiSelection.length !== 1 && urlKeyList.length == urlKeyFilterList.length) {
+        return this.$message.warning('请选择urlKey值相同的数据！');
+      }
+      this.ruleForm.urlKey = this.multiSelection[0].urlKey;
+      this.dataArchiveVisible = true;
+      this.showReport = false;
+      this.showQRCode = false;
+      this.showUrlKey = true;
+    },
+    //dialog 确定按钮
+    dialogSubmit() {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          if (this.showUrlKey) {
+            let ids = [];
+            this.multiSelection.forEach((item, index) => {
+              ids.push(item.id);
+            });
+            let data = {
+              ids: ids,
+              urlKey: this.ruleForm.urlKey,
+            };
+            modifyUrlKey(data).then(res => {
+              if (res == undefined) {
+                this.dataArchiveVisible = false;
+                this.crud.toQuery();
+                return this.$message.success('修改成功！');
+              }
+            });
+          }
+        }
+      });
+    },
+    handleSelectionChange(val) {
+      console.log('选中多选', val);
+      this.multiSelection = val;
+    },
+    // 新增与编辑前做的操作
+    [CRUD.HOOK.afterToCU](crud, form) {},
+    [CRUD.HOOK.beforeRefresh](crud, form) {
+      if (!this.crudShow) {
+        this.getPosition(null, () => {});
+        this.query.address = [window.config.defaultAddress];
+        this.query.province = this.query.address[0];
+
+        this.crudShow = true;
+      }
+    },
+    [CRUD.HOOK.afterRefresh](crud, form) {
+      crud.data.forEach(tmp => {
+        if (tmp.standardProjectCode) tmp.standardProjectCode = tmp.standardProjectCode.split(',');
+        if (tmp.standardProjectName) tmp.standardProjectName = tmp.standardProjectName.split(',');
+        if (tmp.examItemCode) tmp.examItemCode = tmp.examItemCode.split(',');
+        if (tmp.examItemName) tmp.examItemName = tmp.examItemName.split(',');
+      });
+    },
+    //弹出框打开
+    dialogOpen() {},
+    //关闭弹出框
+    dialogClose() {
+      this.delTableShow = false;
+      this.scanString = [];
+      if (document.getElementById('qrcodeDom')) {
+        document.getElementById('qrcodeDom').innerHTML = '';
+      }
+    },
+    // 选中图标
+    selected(name) {
+      this.form.icon = name;
+    },
+
+    //获取当前数据
+    handleCurrentChange(val) {
+      this.currentRow = val;
+      console.log(this.currentRow, 'val', '741');
+    },
+    //生成二维码
+    transQrcode() {
+      this.$nextTick(() => {
+        this.qrcode = new QRCode('qrcodeDom', {
+          widht: 250,
+          height: 250,
+          text: this.scanString,
+        });
+      });
+    },
+    inkured() {
+      this.$nextTick(() => {
+        this.$refs.multipleTable.doLayout();
+      });
+    },
+  },
+  activated() {
+    this.$nextTick(() => {
+      this.fixedDivHeight = this.$refs.fixedDiv.clientHeight - 25;
+      console.log(this.fixedDivHeight);
+    });
+
+    this.crud.toQuery();
+  },
+};
+</script>
+// App.vue
+<style lang="scss">
+// to fix 在ios设备中，el-select组件下拉框，点击2次才能选中问题。
+.el-scrollbar .el-scrollbar__bar {
+  opacity: 1 !important;
+}
+.phone-box {
+  .el-form-item {
+    width: 100%;
+    .el-form-item__content {
+      width: calc(100% - 100px);
+    }
+  }
+}
+.report-dialog {
+  .dialog-footer {
+    display: flex;
+    justify-content: space-between;
+    .footer-left {
+      display: flex;
+      align-items: center;
+      p {
+        margin: 0 15px;
+        span {
+          color: #0089ff;
+        }
+      }
+    }
+  }
+}
+.el-dropdown {
+  margin-left: 10px;
+  span {
+    color: #0089ff;
+  }
+  .el-dropdown-menu {
+    display: flex;
+    flex-direction: column;
+  }
+}
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+.app-container {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #dcdfe6;
+  padding: 8px;
+}
+::v-deep .el-table__fixed-right {
+  height: 100% !important;
+}
+::v-deep .el-dropdown-menu__item {
+  width: 100%;
+  padding: 0;
+  height: auto;
+  .el-button {
+    width: 100%;
+    padding: 0 20px;
+    height: 36px;
+    line-height: 36px;
+    span {
+      display: inline-block;
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
+.query-container {
+  background: #fff;
+  // padding: 10px;
+  padding-bottom: 0;
+}
+.head-container {
+  // position: fixed;
+  // z-index: 10;
+  // margin: -16px 0 0 -15px;
+}
+.box-card {
+  // margin-top: 230px;
+  border: 1px solid #dcdfe6;
+  padding: 15px;
+}
+.warning {
+  height: 30px;
+  line-height: 30px;
+  background-color: #f8f9fa;
+  padding: 0 10px;
+  margin-bottom: 10px;
+  span {
+    color: #ff7b35;
+    &:last-child {
+      font-size: 13px;
+      display: inline-block;
+      margin-left: 5px;
+    }
+  }
+}
+.download {
+  > div {
+    display: flex;
+    align-items: center;
+    > p {
+      text-align: right;
+      width: 60px;
+    }
+    .hover:hover {
+      color: #0089ff;
+    }
+    &:last-child {
+      margin: 10px 0;
+    }
+  }
+}
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+::v-deep .el-button.filter-item {
+  color: #1890ff;
+  border: 1px solid #1890ff;
+}
+
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+::v-deep.el-form-item {
+  margin-bottom: 16px;
+}
+.demo-form-dataArchive {
+  position: relative;
+  background-color: #fff;
+  // z-index: 10;
+  .el-form-item {
+    margin-bottom: 0;
+  }
+}
+
+.patientDetail {
+  padding: 10px 0;
+
+  span {
+    color: #606266;
+    font-weight: bold;
+  }
+}
+
+.paddingClass {
+  padding: 10px 0;
+}
+
+#qrcodeDom {
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+#qrCodeIco {
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  left: 50%;
+  top: 50%;
+  margin-left: -20px;
+  margin-top: -20px;
+  z-index: 99;
+  background-color: #fff;
+}
+
+.showUrlKeyWarn {
+  padding: 10px 0;
+}
+
+.OperationFlex {
+  display: flex;
+}
+
+.imageStateDialog {
+  display: flex;
+  flex-direction: column;
+}
+.scanImg {
+  display: flex;
+  justify-content: center;
+  img {
+    width: 200px;
+    margin: 0 20px;
+  }
+  span {
+    margin-top: 8px;
+  }
+}
+.qrcode {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+}
+.SMSnoticeStyle {
+  & > div {
+    color: #111111;
+    line-height: 32px;
+  }
+}
+.warningStyle {
+  margin-top: 15px;
+}
+.checkReportImage {
+  height: 70vh;
+  overflow: auto;
+  display: flex;
+  // align-items: center;
+  justify-content: center;
+  img {
+    width: auto;
+    height: 100%;
+  }
+  p {
+    font-size: 16px;
+    color: #111111;
+    margin-top: 30%;
+  }
+}
+</style>