患者档案

acupuncture-ui/src/App.vue

@@ -67,7 +67,4 @@ export default {
 .el-upload-list__item:first-child {
   margin-top: 0;
 }
-.el-input__inner {
-  padding: 0 15px !important;
-}
 </style>

acupuncture-ui/src/views/patientFile/index.vue

@@ -257,7 +257,7 @@
             size="mini"
             type="text"
             icon="el-icon-tickets"
-            @click="handleDelete(scope.row)"
+            @click="handleDetails(scope.row)"
             v-hasPermi="['patientFile:details']"
             >详情</el-button
           >
@@ -285,25 +285,39 @@
     <el-dialog :title="title" :visible.sync="open" width="780px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="姓名" prop="name">
-          <el-input v-model="form.name" placeholder="请输入" />
+          <el-input
+            v-model="form.name"
+            :disabled="formDisabled"
+            placeholder="请输入"
+          />
         </el-form-item>
         <el-form-item label="性别" prop="gender">
-          <el-radio-group v-model="form.gender">
+          <el-radio-group v-model="form.gender" :disabled="formDisabled">
             <el-radio :label="0">男</el-radio>
             <el-radio :label="1">女</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="手机号码" prop="phone">
-          <el-input v-model="form.phone" placeholder="请输入" />
+          <el-input
-        </el-form-item>
+            v-model="form.phone"
-        <el-form-item label="出生年月" prop="birthDate">
+            placeholder="请输入"
-          <el-input v-model="form.birthDate" placeholder="请输入" />
+            :disabled="formDisabled"
+          />
         </el-form-item>
+
         <el-form-item label="民族" prop="ethnicity">
-          <el-input v-model="form.ethnicity" placeholder="请输入" />
+          <el-input
+            v-model="form.ethnicity"
+            placeholder="请输入"
+            :disabled="formDisabled"
+          />
         </el-form-item>
         <el-form-item label="证件类型" prop="idCardType">
-          <el-select v-model="form.idCardType" placeholder="请选择">
+          <el-select
+            v-model="form.idCardType"
+            placeholder="请选择"
+            :disabled="formDisabled"
+          >
             <el-option
               v-for="item in idCardType"
               :key="item.value"
@@ -314,20 +328,25 @@
           </el-select>
         </el-form-item>
         <el-form-item label="证件号码" prop="idCard">
-          <el-input v-model="form.idCard" placeholder="请输入" />
+          <el-input
+            v-model="form.idCard"
+            placeholder="请输入"
+            :disabled="formDisabled"
+          />
         </el-form-item>
         <el-form-item label="现病史" prop="currentIllnessHistory">
-          <el-checkbox-group v-model="form.currentIllnessHistory">
+          <el-checkbox-group
+            v-model="form.currentIllnessHistory"
+            :disabled="formDisabled"
+          >
             <el-checkbox v-for="(item, index) in medicalHistory" :label="item">
-              <!-- <el-input
-                v-if="item == '其他'"
-                :disabled="!form.checkList.includes('其他')"
-                v-model="form.noticeTitle"
-                placeholder="请输入"
-              /> -->
             </el-checkbox>
           </el-checkbox-group>
-          <el-input v-model="form.qt" placeholder="其他" />
+          <el-input
+            v-model="form.qt"
+            placeholder="其他"
+            :disabled="formDisabled"
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -442,7 +461,7 @@ export default {
       listDat: [{}], // 公告表格数据
       title: "", // 弹出层标题
       open: false, // 是否显示弹出层
-      importOpen: true, // 导入弹窗
+      importOpen: false, // 导入弹窗
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -456,16 +475,36 @@ export default {
           sourceId: "", //来源
         },
       },
+      formDisabled: false,
       importform: {},
       // 表单参数
       form: {},
       // 表单校验
       rules: {
-        noticeTitle: [
+        name: [
-          { required: true, message: "公告标题不能为空", trigger: "blur" },
+          { required: true, message: "患者姓名不能为空", trigger: "blur" },
+        ],
+        gender: [
+          { required: true, message: "性别不能为空", trigger: "change" },
+        ],
+        phone: [
+          { required: true, message: "手机号码不能为空", trigger: "blur" },
+        ],
+        ethnicity: [
+          { required: true, message: "手机号码不能为空", trigger: "blur" },
+        ],
+        idCardType: [
+          { required: true, message: "证件类型不能为空", trigger: "blur" },
+        ],
+        idCard: [
+          { required: true, message: "证件号码不能为空", trigger: "blur" },
         ],
-        noticeType: [
+        currentIllnessHistory: [
-          { required: true, message: "公告类型不能为空", trigger: "change" },
+          {
+            required: true,
+            message: "现病史不能为空",
+            trigger: "blur",
+          },
         ],
       },
     };
@@ -497,9 +536,9 @@ export default {
     // 上传前校检格式和大小 - 文件
     handleBeforePdfUpload1(file) {
       const fileSuffix = file.name.substring(file.name.lastIndexOf(".") + 1);
-      const whiteList = ["zip"];
+      const whiteList = ["xlsx", "xls"];
       if (whiteList.indexOf(fileSuffix) === -1) {
-        this.$message.error("上传文件只能是 zip");
+        this.$message.error("上传文件只能是.xlsx, .xls");
         return false;
       }
     },
@@ -544,7 +583,7 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.noticeId);
+      this.ids = selection.map((item) => item.id);
       this.single = selection.length != 1;
       this.multiple = !selection.length;
     },
@@ -552,23 +591,28 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加公告";
+      this.title = "新增患者档案";
+      this.formDisabled = false;
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      this.reset();
+      this.open = true;
-      const noticeId = row.noticeId || this.ids;
+      this.title = "修改患者档案";
-      getNotice(noticeId).then((response) => {
+      this.formDisabled = false;
-        this.form = response.data;
+      this.form = JSON.parse(JSON.stringify(row));
-        this.open = true;
+    },
-        this.title = "修改公告";
+    /** 详情按钮操作 */
-      });
+    handleDetails(row) {
+      this.open = true;
+      this.title = "患者档案详情";
+      this.formDisabled = true;
+      this.form = JSON.parse(JSON.stringify(row));
     },
     /** 提交按钮 */
     submitForm: function () {
       this.$refs["form"].validate((valid) => {
         if (valid) {
-          if (this.form.noticeId != undefined) {
+          if (this.form.id != undefined) {
             updateNotice(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
@@ -587,11 +631,11 @@ export default {
 
     /** 删除按钮操作 */
     handleDelete(row) {
-      const noticeIds = row.noticeId || this.ids;
+      const idList = row.id || this.ids;
       this.$modal
-        .confirm('是否确认删除公告编号为"' + noticeIds + '"的数据项？')
+        .confirm("是否确认删除当前选择的患者数据？")
         .then(function () {
-          return delNotice(noticeIds);
+          return delNotice({ param: { ids: idList } });
         })
         .then(() => {
           this.getList();
@@ -604,9 +648,9 @@ export default {
       this.download(
         "system/user/export",
         {
-          ...this.queryParams,
+          ...this.queryParams.params,
         },
-        `user_${new Date().getTime()}.xlsx`
+        `患者档案.xlsx`
       );
     },
     /** 导入按钮操作 */
@@ -628,4 +672,7 @@ export default {
 .form-item-age >>> .el-input {
   width: 90px;
 }
+>>> .el-input__inner {
+  padding: 0 15px !important;
+}
 </style>