From 660505e05cbc350e5d7b71fb49862c216310db3b Mon Sep 17 00:00:00 2001
From: zhuangyuanke <xiaozhantie@126.com>
Date: Thu, 5 Dec 2024 09:14:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BF=AB=E9=80=9F=E5=A4=96=E5=91=BC=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/manage/patientInfoImport.js          |  10 +
 src/views/manage/patientInfoImport/index.vue | 314 +++++++++++++++++++
 2 files changed, 324 insertions(+)
 create mode 100644 src/api/manage/patientInfoImport.js
 create mode 100644 src/views/manage/patientInfoImport/index.vue

diff --git a/src/api/manage/patientInfoImport.js b/src/api/manage/patientInfoImport.js
new file mode 100644
index 0000000..39b6bf5
--- /dev/null
+++ b/src/api/manage/patientInfoImport.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 查询导入批次列表
+export function patientInfoImportBatchlist(query) {
+    return request({
+        url: '/manage/patientInfoimporttemp/list',
+        method: 'get',
+        params: query
+    })
+}
\ No newline at end of file
diff --git a/src/views/manage/patientInfoImport/index.vue b/src/views/manage/patientInfoImport/index.vue
new file mode 100644
index 0000000..3590779
--- /dev/null
+++ b/src/views/manage/patientInfoImport/index.vue
@@ -0,0 +1,314 @@
+<template>
+  <div class="app-container" ref="layout">
+    <div ref="topform" class="form">
+      <SearchFilter  labelWidth="90px" :labelWidths="310" size="small" @search="handleQuery"  patientUploadButtonVisible ="true"
+        @reset="resetQuery" @minShowCtrol="getMaxTableHeight">
+        <el-form-item label="导入日期" prop="" label-width="120px">
+          <el-date-picker v-model="createTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+            style="width: 220px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="医院" prop="">
+          <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:220px" clearable
+            @clear="clearhospitalAgency" @change="changehospitalAgency">
+            <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="院区" prop="">
+          <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:220px" clearable
+            @clear="clearcampusAgency" >
+            <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </SearchFilter>
+    </div>
+    <!-- <div ref="mb8" class="mb8">
+      <el-row :gutter="10" class="">
+        <el-col :span="1.5">
+          <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+            v-hasPermi="['manage:blacklist:add']">新增</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+            v-hasPermi="['manage:blacklist:edit']">修改</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+            v-hasPermi="['manage:blacklist:remove']">删除</el-button>
+        </el-col> -->
+        <!-- <el-col :span="1.5">
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+          v-hasPermi="['manage:blacklist:export']">导出</el-button>
+      </el-col> -->
+        <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      </el-row>
+    </div> -->
+    <div ref="table">
+      <el-table :max-height="maxTableHeight" v-loading="loading" :data="PatientInfoImportBatchlist"
+        @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="序号"  type="index"  width="48" align="center" />
+        <el-table-column label="流水号"  prop="sn" width="180" align="center" />
+        <el-table-column label="患者数" align="center" prop="patientCount" width="100"/>
+        <el-table-column label="操作人" align="center" prop="createBy" width='120' />
+        <el-table-column label="导入日期" align="center" prop="createTime"   width="100">
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" @click="handleUpdate(scope.row)"
+              v-hasPermi="['manage:blacklist:edit']">修改</el-button>
+            <el-button size="mini" type="text" @click="handleDelete(scope.row)"
+              v-hasPermi="['manage:blacklist:remove']">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
+    <myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize"
+      :indexFromWrap="queryParams.pageNum" @updateCPage="updateCPage"></myPagination>
+  </div>
+</template>
+
+<script>
+import { patientInfoImportBatchlist} from "@/api/manage/patientInfoImport";
+import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
+import SearchFilter from '../../components/SearchForm.vue'
+
+
+export default {
+  name: "Importlist",
+  components: { SearchFilter },
+
+  data() {
+    return {
+      maxTableHeight: undefined,
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+     
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 导入列表
+      PatientInfoImportBatchlist: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      createTime:"",
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        hospitalAgencyId: null,
+        importTimeStart: "",
+        importTimeEnd: "",
+        campusAgencyId: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {}
+    };
+  },
+  created() {
+    this.selectAgencyinfo();
+    this.getList();
+  },
+  mounted() {
+    this.getMaxTableHeight()
+    this.screenChange()
+  },
+  methods: {
+    // 导入成功
+     handleRules(){
+        console.log('this.patientInfoImportList')
+        this.getList()
+      },
+    updateCPage(index, size) {
+      this.queryParams.pageNum = index
+      this.queryParams.pageSize = size
+      this.getList();
+    },
+    /** 查询 */
+    getList() {
+      this.loading = true;
+      patientInfoImportBatchlist(this.queryParams).then(response => {
+        this.PatientInfoImportBatchlist = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        campusAgencyId: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      if (this.createTime?.length > 0) {
+        this.queryParams.importTimeStart = this.createTime[0];
+        this.queryParams.importTimeEnd = this.createTime[1];
+      } else {
+        this.queryParams.importTimeStart = null;
+        this.queryParams.importTimeEnd = null;
+      }
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.createTime ='';
+      // this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+
+
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('manage/blacklist/export', {
+        ...this.queryParams
+      }, `blacklist_${new Date().getTime()}.xlsx`)
+    },
+    //获取医院list
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
+      }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //获取下级单位
+    getAgencyListinfo(nodeType, id, type) {
+      let query = {
+        nodeType: nodeType,
+      }
+      if (nodeType == 'HOSPITAL') {
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      } 
+      getAgencyList(query).then(res => {
+        // if (type) 
+        console.log(nodeType );
+        console.log(res.data.campusList);
+        {
+          if (nodeType == 'HOSPITAL') {
+            this.campusAgencylist = res.data.campusList;
+           
+          } 
+        } 
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      this.getAgencyListinfo('HOSPITAL', id, type)
+      // let query = {
+      //   agencyStatus: 'ON',
+      //   nodeType: 'CAMPUS',
+      //   parentId: id,
+      // }
+      // selectAgencyList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.campusAgencyId = null
+        }
+      } else {
+        this.queryParams.campusAgencyId = null
+      }
+      // })
+    },
+    //选中院区获取科室
+    changecampusAgency(id, type, typetwo) {
+      this.getAgencyListinfo('CAMPUS', id, type)
+    },
+    //清空医院
+    clearhospitalAgency(type) {
+      if (type) {
+        this.form.campusAgencyId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空院区
+    clearcampusAgency(type) {
+      if (type) {
+        this.form.departmentId = null
+        this.form.wardId = null
+        this.getAgencyListinfo('HOSPITAL', this.form.hospitalAgencyId, type)
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+        this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
+      }
+    },
+  
+    // 获取表格最高高度
+    getMaxTableHeight() {
+      const windowInnerHeight = window.innerHeight // 屏幕可视高度
+      const layoutDiv = this.$refs.layout
+      const formDiv = this.$refs.topform
+      const mb8Div = this.$refs.mb8
+      this.maxTableHeight =
+        windowInnerHeight - 134 -
+        this.getBoxPadding(layoutDiv) -
+        this.getBoxHeight(mb8Div) -
+        this.getBoxHeight(formDiv)
+    },
+    // 屏幕resize监听
+    screenChange() {
+      // 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
+      window.addEventListener('resize', this.getMaxTableHeight, true)
+      // 将屏幕监听事件移除
+      // 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
+      // 或者将这里的方法直接写在beforeDestroy函数中也可以
+      this.$once('hook:beforeDestroy', () => {
+        window.removeEventListener('resize', this.getMaxTableHeight, true)
+      })
+    },
+  }
+};
+</script>