追加执行人复选框

components/checkboxModal/checkboxModal.vue

@@ -0,0 +1,266 @@
+<template>
+  <view class="changeHospital" v-show="disjunctor">
+    <view class="changeHospital__wrap">
+      <view class="changeHospital__header" v-if="title">
+        {{ title }}
+      </view>
+      <view class="changeHospital__article">
+        <view class="tips" v-html="content" v-if="content"></view>
+        <view class="uni-list-cell">
+          <checkbox-group @change="forceDeptInputBlur">
+            <checkbox value="forceDept" :checked="forceDept" color="#49b856" />可同时复制同类型所有待到达、到送达工单，是否一起复制？
+          </checkbox-group>
+        </view>
+      </view>
+      <view class="changeHospital__footer">
+        <view v-if="operate.ok" class="changeHospital__ok" @click="ok" hover-class="seimin-btn-hover">
+          {{ operate.ok || "" }}
+        </view>
+        <view v-if="operate.cancel" class="changeHospital__cancel" @click="cancel" hover-class="seimin-btn-hover">
+          {{ operate.cancel || "" }}
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import {
+    post
+  } from "../../http/http.js";
+  export default {
+    data() {
+      return {
+        forceDept: false,
+        hosId: null,
+        timer: null,
+      };
+    },
+    watch: {
+      disjunctor(newValue) {
+        if (newValue && this.operate.know == "知道了") {
+          this.time = 5;
+          this.timer = setInterval(() => {
+            this.time--;
+            if (this.time <= 0) {
+              clearInterval(this.timer);
+              this.know();
+            }
+          }, 1000);
+        }
+      },
+    },
+    props: {
+      // 显示隐藏
+      disjunctor: {
+        type: Boolean,
+        default: false,
+      },
+      // 标题
+      title: {
+        type: String,
+        default: "提示",
+      },
+      // 内容
+      content: {
+        type: String,
+        default: "",
+      },
+      // 操作按钮文字
+      operate: {
+        type: Object,
+        default: () => {
+          return {
+            ok: "确认",
+            cancel: "取消",
+          };
+        },
+      },
+    },
+    methods: {
+      // 可同时复制同类型所有待到达、到送达工单，是否一起复制？
+      forceDeptInputBlur(e) {
+        this.forceDept = e.detail.value.length > 0;
+      },
+      // 确定
+      ok() {
+        this.$emit("ok", this.forceDept);
+      },
+      // 取消
+      cancel() {
+        this.$emit("cancel");
+      },
+    },
+    created() {
+      this.hosId = uni.getStorageSync('userData').user.currentHospital.id;
+    }
+  };
+</script>
+
+<style lang="less" scoped>
+  .changeHospital {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.2);
+    z-index: 999;
+    
+    .tips {
+      width: 90%;
+      text-align: left;
+    }
+
+    .uni-list-cell {
+      width: 90%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-evenly;
+      align-items: center;
+      text-align: center;
+      margin-top: 32rpx;
+
+      .uni-list-cell-left {
+        flex: 3;
+        font-size: 32rpx;
+        color: #666;
+      }
+
+      .uni-list-cell-db {
+        border: 1px solid #e5e9ed;
+        background-color: #fff;
+        padding: 16rpx 0;
+        flex: 5;
+      }
+
+      .uni-list-cell-db-text {
+        flex: 5;
+        text-align: left;
+      }
+    }
+
+    .changeHospital__wrap {
+      width: 90vw;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      background-color: #fff;
+      border-radius: 12rpx;
+      color: #666;
+
+      .changeHospital__header {
+        font-size: 36rpx;
+        color: #000;
+        height: 84rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .changeHospital__article {
+        width: 90%;
+        margin: 0 auto 25rpx;
+        padding: 48rpx 0;
+        background-color: rgb(249, 250, 251);
+        border: 2rpx solid rgb(229, 233, 237);
+        border-radius: 12rpx;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        &.p0 {
+          padding: 0;
+        }
+
+        .changeHospital__icon {
+          font-size: 138rpx;
+          margin-bottom: 32rpx;
+
+          &.changeHospital__icon--success {
+            color: rgb(52, 179, 73);
+          }
+
+          &.changeHospital__icon--warn {
+            color: rgb(245, 165, 35);
+          }
+
+          &.changeHospital__icon--error {
+            color: rgb(255, 58, 82);
+          }
+        }
+
+        .changeHospital__content {
+          font-size: 36rpx;
+        }
+
+        .changeHospital__info {
+          font-size: 32rpx;
+          color: rgb(102, 102, 102);
+        }
+
+        .specialCloseFlag {
+          width: 90%;
+          height: 100%;
+          padding: 16rpx;
+        }
+
+        .radio-wrap {
+          .radio-item {
+            margin-top: 16rpx;
+
+            /deep/ .uni-radio-input-checked {
+              background-color: #49b856 !important;
+              border-color: #49b856 !important;
+            }
+          }
+        }
+      }
+
+      .changeHospital__footer {
+        box-sizing: border-box;
+        height: 100rpx;
+        border-top: 2rpx solid rgb(229, 233, 237);
+        display: flex;
+        align-items: center;
+
+        view {
+          height: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 36rpx;
+          color: rgb(102, 102, 102);
+          position: relative;
+
+          &:nth-of-type(2)::before {
+            content: "";
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            width: 2rpx;
+            height: 87rpx;
+            background-color: rgb(229, 233, 237);
+          }
+        }
+
+        .changeHospital__ok {
+          flex: 1;
+          color: rgb(73, 184, 86);
+        }
+
+        .changeHospital__cancel {
+          flex: 1;
+        }
+
+        .changeHospital__know {
+          flex: 1;
+          color: rgb(73, 184, 86);
+        }
+      }
+    }
+  }
+</style>

pages/receipt_infopage/receipt_infopage.vue

@@ -425,6 +425,10 @@
     <selectAccount v-if="hosModels.disjunctor" :title="hosModels.title" :disjunctor="hosModels.disjunctor" @ok="hosOk"
       @cancel="hosCancel">
     </selectAccount>
+    <!-- 手动查询弹窗 -->
+    <checkboxModal v-if="speModels.disjunctor" :content="speModels.content" :disjunctor="speModels.disjunctor"
+      @ok="speOk" @cancel="speCancel">
+    </checkboxModal>
   </view>
 </template>
 <script>
@@ -446,6 +450,14 @@
     },
     data() {
       return {
+        other: {
+          user: {},
+          data: {},
+        },
+        // 手动查询弹窗model
+        speModels: {
+          disjunctor: false,
+        },
         taskTypeConfig: {},
         // 填写交接人账号弹窗model
         hosModels: {
@@ -507,6 +519,28 @@
       },
     },
     methods: {
+      // 手动查询-确认
+      speOk(bulkCopy) {
+        console.log(bulkCopy);
+        this.speModels.disjunctor = false;
+        let { user, data } = this.other;
+        this.additionalUserCommon(user.id, data.id, data.worker.id, bulkCopy);
+      },
+      // 手动查询-取消
+      speCancel() {
+        this.speModels.disjunctor = false;
+      },
+      // 手动查询弹窗
+      showCheckboxModal(user, data) {
+        this.other = {
+          user,
+          data,
+        }
+        this.speModels = {
+          content: `您要最追加的人员为${user.name}，您确认要追加吗？`,
+          disjunctor: true,
+        }
+      },
       // 判断药品页面控制-是否显示关联批次药品
       isShowDrugsBatchInfo(){
         post("/simple/data/fetchDataList/taskType", {
@@ -1105,18 +1139,22 @@
                 });
               }
               if(user.type == 'myQrCode' && user.id && user.name){
-                uni.showModal({
-                  title: "提示",
-                  content: `您要最追加的人员为${user.name}，您确认要追加吗？`,
-                  success: (res) => {
-                    if (res.confirm) {
-                      console.log("用户点击确定");
-                      this.additionalUserCommon(user.id, data.id, data.worker.id);
-                    } else if (res.cancel) {
-                      console.log("用户点击取消");
-                    }
-                  },
-                });
+                if(data.taskType.associationType.value == 'other'){
+                  this.showCheckboxModal(user, data);
+                }else{
+                  uni.showModal({
+                    title: "提示",
+                    content: `您要最追加的人员为${user.name}，您确认要追加吗？`,
+                    success: (res) => {
+                      if (res.confirm) {
+                        console.log("用户点击确定");
+                        this.additionalUserCommon(user.id, data.id, data.worker.id, false);
+                      } else if (res.cancel) {
+                        console.log("用户点击取消");
+                      }
+                    },
+                  });
+                }
               }else{
                 uni.showToast({
                   icon: "none",
@@ -1136,8 +1174,8 @@
         });
       },
       // 追加陪检人
-      additionalUserCommon(userId, gdId, workerId) {
-        console.log(userId, gdId, workerId);
+      additionalUserCommon(userId, gdId, workerId, bulkCopy) {
+        console.log(userId, gdId, workerId, bulkCopy);
         uni.showLoading({
           title: "加载中",
           mask: true,
@@ -1146,6 +1184,7 @@
           userId,
           gdId,
           workerId,
+          bulkCopy: bulkCopy ? 1 : undefined,
         }).then((result) => {
           uni.hideLoading();
           if (result.state == 200) {