ylyx-cli 1.0.14 → 1.0.16

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

@@ -1,2104 +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>
+<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>