诊疗档案下载模板按钮点击无效

acupuncture-前台/src/views/followFile/subjects.vue

@@ -1,32 +1,15 @@
 <template>
 	<div class="app-container">
-    <el-form
+		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-      :model="queryParams"
+			label-width="68px">
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-    >
 			<el-form-item label="随访队列" prop="queueId">
 				<el-select v-model="queryParams.param.queueId" clearable placeholder="请选择">
-          <el-option
+					<el-option v-for="item in followupList" :key="item.id" :label="item.name" :value="item.id">
-            v-for="item in followupList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          >
 					</el-option>
 				</el-select>
 			</el-form-item>
 			<el-form-item>
-        <el-button
+				<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          type="primary"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
 				<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
 					重置
 				</el-button>
@@ -34,105 +17,42 @@
 		</el-form>
 
 		<el-row :gutter="10" class="mb8">
-      <right-toolbar
+			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
 		</el-row>
 
-    <el-table
+		<el-table v-loading="loading" :data="listDat" @selection-change="handleSelectionChange" max-height="600">
-      v-loading="loading"
-      :data="listDat"
-      @selection-change="handleSelectionChange"
-      max-height="600"
-    >
 			<el-table-column type="selection" width="55" align="center" />
 			<el-table-column label="姓名" align="center" prop="name" width="100" fixed />
-      <el-table-column
+			<el-table-column fixed label="性别" align="center" prop="gender" show-overflow-tooltip min-width="100">
-	  fixed
-        label="性别"
-        align="center"
-        prop="gender"
-        show-overflow-tooltip
-        min-width="100"
-      >
 				<template slot-scope="scope">
 					<span v-if="scope.row.gender == 0">男</span>
 					<span v-if="scope.row.gender == 1">女</span>
 				</template>
 			</el-table-column>
 
-      <el-table-column
+			<el-table-column fixed label="出生日期" align="center" prop="birthDate" show-overflow-tooltip min-width="150">
-	  fixed
-        label="出生日期"
-        align="center"
-        prop="birthDate"
-        show-overflow-tooltip
-        min-width="150"
-      >
 				<template slot-scope="scope">
 					{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}
 				</template>
 			</el-table-column>
-      <el-table-column
+			<el-table-column label="民族" align="center" prop="ethnicity" show-overflow-tooltip min-width="100" />
-        label="民族"
+			<el-table-column label="受教育年限" align="center" prop="educationYears" show-overflow-tooltip min-width="100" />
-        align="center"
+			<el-table-column label="手机号码" align="center" prop="phone" show-overflow-tooltip min-width="150" />
-        prop="ethnicity"
+			<el-table-column label="证件类型" align="center" prop="idCardType" show-overflow-tooltip min-width="200">
-        show-overflow-tooltip
-        min-width="100"
-      />
-      <el-table-column
-        label="受教育年限"
-        align="center"
-        prop="educationYears"
-        show-overflow-tooltip
-        min-width="100"
-      />
-      <el-table-column
-        label="手机号码"
-        align="center"
-        prop="phone"
-        show-overflow-tooltip
-        min-width="150"
-      />
-      <el-table-column
-        label="证件类型"
-        align="center"
-        prop="idCardType"
-        show-overflow-tooltip
-        min-width="200"
-      >
 				<template slot-scope="scope">
 					{{ idCardTypeValue[scope.row.idCardType] }}
 				</template>
 			</el-table-column>
-      <el-table-column
+			<el-table-column label="证件号码" align="center" prop="idCard" show-overflow-tooltip min-width="180" />
-        label="证件号码"
+			<el-table-column fixed="right" label="随访队列" align="center" prop="queueList" show-overflow-tooltip
-        align="center"
+				min-width="180">
-        prop="idCard"
-        show-overflow-tooltip
-        min-width="180"
-      />
-      <el-table-column
-        fixed="right"
-        label="随访队列"
-        align="center"
-        prop="queueList"
-        show-overflow-tooltip
-        min-width="180"
-      >
 				<template slot-scope="scope">
 					<div v-if="scope.row.queueList && scope.row.queueList.length">
 						{{ scope.row.queueList.map((i) => i.queueName).join(",") }}
 					</div>
 				</template>
 			</el-table-column>
-      <el-table-column
+			<el-table-column label="创建人/创建时间" align="center" width="140" fixed="right">
-        label="创建人/创建时间"
-        align="center"
-        width="140"
-        fixed="right"
-      >
 				<template slot-scope="scope">
 					<div>{{ scope.row.createBy }}</div>
 					<span>{{
@@ -142,62 +62,25 @@
 			</el-table-column>
 			<el-table-column fixed="right" label="操作" align="center" width="200">
 				<template slot-scope="scope">
-          <el-button
+					<el-button size="mini" type="text" icon="el-icon-edit"
-            size="mini"
+						@click="handleUpdate(scope.row)">队列管理</el-button>
-            type="text"
+					<el-button size="mini" type="text" icon="el-icon-tickets"
-            icon="el-icon-edit"
+						@click="handlePatient(scope.row)">患者档案</el-button>
-            @click="handleUpdate(scope.row)"
+					<el-button size="mini" type="text" icon="el-icon-notebook-2"
-            >队列管理</el-button
+						@click="handleMedical(scope.row)">诊疗档案</el-button>
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-tickets"
-            @click="handlePatient(scope.row)"
-            >患者档案</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-notebook-2"
-            @click="handleMedical(scope.row)"
-            >诊疗档案</el-button
-          >
 				</template>
 			</el-table-column>
 		</el-table>
 
-    <pagination
+		<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-      v-show="total > 0"
+			:limit.sync="queryParams.pageSize" @pagination="getList" />
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
 
 		<!-- 添加或修改公告对话框 -->
-    <el-dialog
+		<el-dialog class="popup" :title="title" :visible.sync="open" width="780px" append-to-body>
-      class="popup"
+			<el-form class="formStep" ref="form" :model="form" :rules="rules" label-width="90px">
-      :title="title"
-      :visible.sync="open"
-      width="780px"
-      append-to-body
-    >
-      <el-form
-        class="formStep"
-        ref="form"
-        :model="form"
-        :rules="rules"
-        label-width="90px"
-      >
 				<el-form-item label="随访队列" prop="queueIdList">
 					<el-select v-model="form.queueIdList" multiple placeholder="请选择">
-            <el-option
+						<el-option v-for="item in followupList" :key="item.id" :label="item.name" :value="item.id">
-              v-for="item in followupList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            >
 						</el-option>
 					</el-select>
 				</el-form-item>
@@ -211,7 +94,11 @@
 </template>
 
 <script>
-import { queryPatient, followupQuery, updPatient } from "@/api/followupFile";
+	import {
+		queryPatient,
+		followupQuery,
+		updPatient
+	} from "@/api/followupFile";
 	export default {
 		name: "Notice",
 		data() {
@@ -267,9 +154,11 @@ export default {
 				form: {},
 				// 表单校验
 				rules: {
-        queueIdList: [
+					queueIdList: [{
-          { required: true, message: "随访队列不能为空", trigger: "change" },
+						required: true,
-        ],
+						message: "随访队列不能为空",
+						trigger: "change"
+					}, ],
 				},
 				followupList: [], // 随访队列
 			};
@@ -321,7 +210,11 @@ export default {
 			},
 			/** 重置按钮操作 */
 			resetQuery() {
-      this.resetForm("queryForm");
+				this.queryParams = {
+						param: {
+							queueId: ''
+						},
+					},
 					this.handleQuery();
 			},
 			// 多选框选中数据
@@ -374,7 +267,9 @@ export default {
 				this.$modal
 					.confirm("是否确认删除当前选择的数据？")
 					.then(function() {
-          return patientDel({ idList: idList });
+						return patientDel({
+							idList: idList
+						});
 					})
 					.then(() => {
 						this.getList();
@@ -385,8 +280,7 @@ export default {
 			/** 导出按钮操作 */
 			handleExport() {
 				this.download(
-        "system/user/export",
+					"system/user/export", {
-        {
 						...this.queryParams.params,
 					},
 					`患者档案.xlsx`
@@ -406,9 +300,11 @@ export default {
 		display: flex;
 		align-items: center;
 	}
+
 	.form-item-age span {
 		margin: 0 10px;
 	}
+
 	.form-item-age>>>.el-input {
 		width: 100px;
 	}

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

@@ -119,7 +119,7 @@
 				</template>
 			</el-table-column>
 			<el-table-column label="责任医生" align="center" prop="doctor" show-overflow-tooltip min-width="100" />
-			<el-table-column label="主要诊断" align="center" prop="diagnosisName" show-overflow-tooltip min-width="100" />
+			<el-table-column label="主要诊断" align="center" prop="diagnosisName" show-overflow-tooltip min-width="200" />
 			<el-table-column label="建档人" align="center" prop="createBy" show-overflow-tooltip min-width="100" />
 			<el-table-column label="建档时间" align="center" min-width="140">
 				<template slot-scope="scope">
@@ -134,7 +134,7 @@
 					<span>{{ status[scope.row.status] }}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="随访队列" align="center" prop="" show-overflow-tooltip width="150">
+			<el-table-column label="随访队列" align="center" prop="" show-overflow-tooltip width="200">
 				<template slot-scope="scope">
 					<div v-if="scope.row.queueVoList && scope.row.queueVoList.length">
 						{{ scope.row.queueVoList.map((i) => i.queueName).join(",") }}