From 06f3efb009f7ad9015c50ddc88511b7c571fb3c9 Mon Sep 17 00:00:00 2001
From: pengjun <158915633@qq.com>
Date: Wed, 19 Jul 2023 22:36:24 +0800
Subject: [PATCH] drog

---
 src/components/doctorCheck/CheckSumSug.vue    |  77 +++++--
 .../doctorCheck/PatientRegisterList.vue       | 213 +++++-------------
 2 files changed, 108 insertions(+), 182 deletions(-)

diff --git a/src/components/doctorCheck/CheckSumSug.vue b/src/components/doctorCheck/CheckSumSug.vue
index 6670530..73b8120 100644
--- a/src/components/doctorCheck/CheckSumSug.vue
+++ b/src/components/doctorCheck/CheckSumSug.vue
@@ -1,45 +1,32 @@
 <template>
   <div style="display: flex;">
     <div style="width:50%;">
-      <el-table :data="doctorCheck.checkSummaryList" width="100%" height="350" border @row-click="rowClick">
-        <el-table-column prop="summary" label="小结" width="380" >
+      <el-table id="tableSummary" row-key="id" :data="doctorCheck.checkSummaryList" width="100%" height="350" border @row-click="rowClick">
+        <el-table-column prop="summary" label="小结" width="460" >
           <template slot-scope="scope">
-            <el-input type="textarea" v-model="doctorCheck.checkSummaryList[scope.$index].summary" 
+            <el-input type="textarea" v-model="scope.row.summary" 
             :disabled="doctorCheck.RegisterCheckEdit.completeFlag=='1' || doctorCheck.RegisterCheckEdit.completeFlag=='2'" placeholder="请输入小结">
-          </el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="排序" width="80">
-          <template>
-            <el-tag class="move" style="cursor: move; margin-left: 15px" draggable="true">
-              <i class="el-icon-d-caret" style="width: 1rem; height: 1rem"></i>
-            </el-tag>
+            </el-input>
           </template>
-        </el-table-column>
+        </el-table-column>      
       </el-table>
     </div>
     <div style="width:50%;">
-      <el-table :data="doctorCheck.checkSuggestionList" width="100%" height="350" border @row-click="rowClick">
-        <el-table-column prop="suggestion" label="建议" width="380" >
+      <el-table id="tableSuggestion" row-key="id" :data="doctorCheck.checkSuggestionList" width="100%" height="350" border @row-click="rowClick">
+        <el-table-column prop="suggestion" label="建议" width="460" >
           <template slot-scope="scope">
-            <el-input type="textarea" v-model="doctorCheck.checkSuggestionList[scope.$index].suggestion" 
+            <el-input type="textarea" v-model="scope.row.suggestion" 
             :disabled="doctorCheck.RegisterCheckEdit.completeFlag=='1' || doctorCheck.RegisterCheckEdit.completeFlag=='2'" placeholder="请输入建议">
           </el-input>
           </template>
-        </el-table-column>
-        <el-table-column label="排序" width="80">
-          <template>
-            <el-tag class="move" style="cursor: move; margin-left: 15px" draggable="true">
-              <i class="el-icon-d-caret" style="width: 1rem; height: 1rem"></i>
-            </el-tag>
-          </template>
-        </el-table-column>
+        </el-table-column>       
       </el-table>
     </div>
   </div>
 </template>
-<script>
+<script lang="ts">
 import { mapState } from 'vuex';
+import Sortable from "sortablejs";
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
 export default {
   components: {},
@@ -52,7 +39,10 @@ export default {
   created() { },
 
   //挂载完成
-  mounted() { },
+  mounted() { 
+    this.rowDrop();
+    this.rowDropSuggestion()
+  },
 
   computed: {
     ...mapState(['dict', 'doctorCheck']),
@@ -93,6 +83,43 @@ export default {
     rowClick(row) {
       
     },
+
+    //拖拽
+    rowDrop() {
+      this.$nextTick(() => {
+        const el = document.querySelector("#tableSummary tbody");
+        //console.log('tbody',tbody)
+        const that = this;
+        Sortable.create(el, {
+          animation: 150, // ms, number 单位：ms，定义排序动画的时间
+          //拖拽结束
+          onEnd({ newIndex, oldIndex }) {            
+            that.isshow = false;
+            const currRow = that.doctorCheck.checkSummaryList.splice(oldIndex, 1)[0];
+            that.doctorCheck.checkSummaryList.splice(newIndex, 0, currRow);           
+          },
+        });
+      });
+    }, 
+    
+    //拖拽
+    rowDropSuggestion() {
+      this.$nextTick(() => {
+        const el = document.querySelector("#tableSuggestion tbody");
+        //console.log('tbody',tbody)
+        const that = this;
+        Sortable.create(el, {
+          animation: 150, // ms, number 单位：ms，定义排序动画的时间
+          //拖拽结束
+          onEnd({ newIndex, oldIndex }) {            
+            that.isshow = false;
+            const currRow = that.doctorCheck.checkSuggestionList.splice(oldIndex, 1)[0];
+            that.doctorCheck.checkSuggestionList.splice(newIndex, 0, currRow);           
+          },
+        });
+      });
+    }, 
+
   },
 
   //监听事件
diff --git a/src/components/doctorCheck/PatientRegisterList.vue b/src/components/doctorCheck/PatientRegisterList.vue
index 20c8cd3..64cf915 100644
--- a/src/components/doctorCheck/PatientRegisterList.vue
+++ b/src/components/doctorCheck/PatientRegisterList.vue
@@ -1,5 +1,6 @@
 <template>
-  <div>    
+  <div>
+    <!-- 查询条件 -->  
     <div style="display: flex; flex-wrap: wrap; width: 90%">
       <div class="block query">
         <span class="demonstration">登记日期：</span>
@@ -51,7 +52,7 @@
         <span>性别：</span>
         <el-select
           v-model="patientRegister.query.sex"
-          placeholder="请选择"
+          placeholder="请选择" clearable
           style="width: 80px" size="small"
         >
           <el-option
@@ -82,8 +83,8 @@
             expandTrigger: 'hover',
             ...customerOrg.treeprops,
           }"
-          :show-all-levels="false"
-          size="small"
+          :show-all-levels="false" 
+          size="small" clearable
         >
         </el-cascader>
         <el-checkbox v-model="patientRegister.query.customerOrgFlag">单位作为查询条件</el-checkbox>
@@ -106,10 +107,10 @@
       </div>
     </div>
 
+    <!-- 人员列表 -->  
     <div style="display: flex;margin-top: 10px;">
       <el-table :data="dataList" border width="100%" height="430" row-key="id" size="small"
-        class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" ref="dataList"
-        @selection-change="handleSelectionChange">
+        class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" ref="dataList">
         <el-table-column type="selection" width="40">
 
         </el-table-column>
@@ -218,14 +219,10 @@
 
       <div style="margin-left: 10px">
         <div class="listBtn">
-          <el-button type="primary" @click="edit">查询</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="success" @click="add">确定</el-button>
+          <el-button type="primary" @click="query">查询</el-button>
         </div>
-        
         <div class="listBtn">
-          <el-button type="danger" @click="doctorCheck.doctorCheckDialogVisible=true">取消</el-button>
+          <el-button type="danger" @click="doctorCheck.doctorCheckDialogVisible=false">关闭</el-button>
         </div>        
       </div>
     </div>
@@ -234,7 +231,7 @@
 </template>
 <script>
 import moment from "moment";
-import { mapState} from "vuex";
+import { mapState, mapMutations} from "vuex";
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { dddw, objCopy, arrayReduce } from "@/utlis/proFunc";
 
@@ -252,6 +249,38 @@ export default {
       multipleSelection: [], //选中的数据列表
       dialogVisible: false,
       dialogCamera: false,
+
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
     };
   },
 
@@ -263,133 +292,14 @@ export default {
     ...mapState(["dict", "patientRegister", "customerOrg","doctorCheck"]),
   },
   methods: {
-    
-
-    handleSelectionChange(val) {
-      this.multipleSelection = val;
-      //console.log('this.multipleSelection',this.multipleSelection)
-    },
-
-    //获取单位分组 /api/app/customer-org-group/in-customer-org-id/3a0c0444-d7a0-871f-4074-19faf1655caf
-    getCustomerOrgGroup(customerOrgld) {
-      getapi(`/api/app/customer-org-group/in-customer-org-id/${customerOrgld}`)
-        .then((res) => {
-          console.log("getCustomerOrgGroup", res.data);
-          if (res.code == 1) {
-            this.patientRegister.customerOrgGroup = res.data;
-          }
-        });
-    },
+    ...mapMutations(['doctorCheckPrBaseInit']),
 
+    
     //点击体检次数行
     rowick(row) {
-      this.patientRegister.photo = ""; //清除照片缓存
-      this.patientRegister.patientRegisterId = row.id;
-      this.patientRegister.patientRegisterRd = row;
-      this.patientRegister.query.customerOrgParentId = row.customerOrgParentId;
-      this.patientRegister.customerOrgGroupChange = 0;   //控制体检列表记录切换时，0 无需触发更换分组操作 
-      this.patientRegister.medicalPackageChange = 0;     //控制体检列表记录切换时，0 无需触发更换套餐操作
-      this.getCustomerOrgGroup(row.customerOrgParentId);
-      this.dict.asbItem = [...this.dict.asbItemAll]
-      this.getPatientRegisterAbs(row.id);
-    },
-
-    //体检次数 相关操作
-    add() {
-      let customerOrgId = this.patientRegister.query.customerOrgId;
-      if (!customerOrgId) {
-        alert("请选择单位或个人");
-        return;
-      }
-      //console.log('customerOrgId',customerOrgId)
-      this.patientRegister.patientRegisterId = "";
-      this.patientRegister.patientRegisterRd.photo = '';
-      this.patientRegister.patientRegisterRdInit.id = "";
-      this.patientRegister.patientRegisterRdInit.customerOrgId = this.patientRegister.query.customerOrgId;
-      this.patientRegister.addTimes++;
-      this.patientRegister.patientRegisterTimes++;
-      this.patientRegister.patientRegisterAbs = [];
-      this.dialogVisible = true;
-    },
-
-    edit() {
-      if (!this.patientRegister.patientRegisterId) {
-        alert("请选择要操作的记录");
-        return;
-      }
-      this.patientRegister.patientRegisterTimes++;
-      this.dialogVisible = true;
-    },
-
-    //拍照
-    openCamera() {
-      if (!this.patientRegister.patientRegisterId) {
-        alert("请选择要操作的记录");
-        return;
-      }
-      this.patientRegister.cameraVisble = true;
-    },
-
-    //删除（可批量删除）
-    // /api/app/patient-register/many?PatientRegisterIds=3a0c2cac-f44c-f407-9504-c1fc5e80a159&PatientRegisterIds=3a0c2cb3-d10c-ed70-db6a-b835e75ce641
-    del() {
-      if (this.multipleSelection.length < 1) {
-        alert("请先勾选要操作的记录");
-        return;
-      }
-      let patientRegisterIds = [];
-      for (let i = 0; i < this.multipleSelection.length; i++) {
-        patientRegisterIds.push(this.multipleSelection[i]["id"]);
-      }
-
-      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          //console.log('{patientRegisterIds}',{patientRegisterIds})
-          return postapi(`/api/app/patient-register/delete-many`, {
-            patientRegisterIds,
-          });
-        })
-        .then((res) => {
-          this.$message.success("删除成功");
-          this.patientRegister.query.times++;
-          this.patientRegister.patientRegisterId = "";
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "已取消删除",
-          });
-        });
-    },
-
-    //单个删除方式
-    delBak() {
-      if (!this.patientRegister.patientRegisterId) {
-        alert("请选择要操作的记录");
-        return;
-      }
-
-      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          //console.log('${this.patientRegister.patientRegisterId}',this.patientRegister.patientRegisterId)
-          return deletapi(`/api/app/patient-register/${this.patientRegister.patientRegisterId}`);
-        })
-        .then((res) => {
-          this.$message.success("删除成功");
-          this.patientRegister.query.times++;
-          this.patientRegister.patientRegisterId = "";
-        })
-        .catch(() => {
-          this.$message({ type: "info", message: "已取消删除", });
-        });
+      this.doctorCheckPrBaseInit()
+      this.doctorCheck.prBase.patientRegisterNo = row.patientRegisterNo
+      objCopy(row,this.doctorCheck.prBase)
     },
 
     ldddw(arrayData, key, value, display) {
@@ -405,12 +315,9 @@ export default {
       let body = {}
       
       console.log(`this.patientRegister.query`, this.patientRegister.query)
+
       if (this.patientRegister.query.customerOrgFlag) {
-        if (this.patientRegister.query.CustomerOrgParentId) {
-          body.customerOrgId = this.patientRegister.query.CustomerOrgParentId
-        } else{
-          if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId
-        } 
+        if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId[0]
       }
 
       if (this.patientRegister.query.sex) body.sexId = this.patientRegister.query.sex
@@ -439,25 +346,17 @@ export default {
           this.dataList = res.data;
         });
     },
+
+    //选择
+    choose(){
+      console.log('choose')
+    },
+
   },
 
   //监听事件
   watch: {
-    //触发查询事件
-    "patientRegister.query.times"(newVal, oldVal) {
-      if (newVal != oldVal) {
-        //alert('触发查询事件')
-        this.query();
-      }
-    },
-
-    //新增后，触发赋值
-    "patientRegister.patientRegisterRd.id"(newVal, oldVal) {
-      if (newVal != oldVal) {
-        //console.log('patientRegister.patientRegisterRd.customerOrgId',this.patientRegister.patientRegisterRd.customerOrgId)
-        objCopy(this.patientRegister.patientRegisterRd, this.form);
-      }
-    },
+    
   },
 };
 </script>