患者档案添加导入筛查患者

acupuncture-前台/src/views/patientFile/index.vue

@@ -120,6 +120,26 @@
           >导出</el-button
         >
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="info"
+          plain
+          icon="el-icon-bottom"
+          size="mini"
+          @click="handleScreenDownload"
+          >下载筛查患者模版</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-upload2"
+          size="mini"
+          @click="handleScreenImport"
+          >导入筛查患者</el-button
+        >
+      </el-col>
       <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
@@ -467,6 +487,7 @@
       :visible.sync="importOpen"
       width="640px"
       append-to-body
+      class="div-dialog"
     >
       <el-form ref="importform" :model="importform">
         <el-form-item prop="accessUrl">
@@ -490,6 +511,36 @@
         </el-form-item>
       </el-form>
     </el-dialog>
+    <!-- 导入筛查患者 -->
+    <el-dialog
+      title="导入筛查患者"
+      :visible.sync="importScreenOpen"
+      width="640px"
+      append-to-body
+      class="div-dialog"
+    >
+      <el-form ref="importform">
+        <el-form-item prop="accessUrl">
+          <el-upload
+            :limit="1"
+            class="avatar-uploader wj-uploader"
+            :headers="headers"
+            :action="uploadScreenFileUrl"
+            accept=".xlsx, .xls"
+            :before-upload="handleBeforePdfUpload1"
+            :on-success="handleUploadPdfAdd1"
+            :file-list="fileList"
+            :show-file-list="true"
+          >
+            <i class="el-icon-upload"></i>
+            <div class="el-upload__text">
+              将文件拖到此处，或
+              <em>点击上传</em>
+            </div>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
@@ -507,6 +558,8 @@ export default {
   dicts: ["sys_notice_status", "sys_notice_type"],
   data() {
     return {
+      importScreenOpen: false,
+      uploadScreenFileUrl: process.env.VUE_APP_API_QZURL + "/patient/import1", // 上传的图片服务器地址
       headers: {
         Authorization: "Bearer " + getToken(),
         deptId: localStorage.getItem("hospitalId"),
@@ -774,6 +827,7 @@ export default {
     handleUploadPdfAdd1(res) {
       if (res.code == 200) {
         this.importOpen = false;
+        this.importScreenOpen = false;
         this.getList();
         this.$modal.msgSuccess("导入成功");
       } else {
@@ -956,11 +1010,23 @@ export default {
       this.fileList = [];
       this.importOpen = true;
     },
+    // 筛查导入
+    handleScreenImport() {
+      this.fileList = [];
+      this.importScreenOpen = true;
+    },
+    /** 下载按钮操作 */
+    handleScreenDownload() {
+      window.open(`${process.env.VUE_APP_API_QZURL}/profile/sctemplate.xlsx`);
+    },
   },
 };
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
 <style scoped>
+.div-dialog >>> .el-dialog__body {
+  padding-bottom: 30px;
+}
 .popup-title {
   font-size: 18px;
   line-height: 20px;