益寿缘医生端拒方列表增加用户采集信息页面

src/views/his/refuse/index.vue

@@ -271,7 +271,27 @@
             />
           </div>
         </el-tab-pane>
+        <!-- 定位在右下角的按钮 -->
+        <el-button
+          type="primary"
+          size="mini"
+          style="position: absolute; bottom: 5px; right: 20px;"
+          @click="openCollectionInfo"
+        >
+          查看采集信息
+        </el-button>
       </el-tabs>
+
+      <!-- 查看采集信息的弹窗 -->
+      <el-dialog :visible.sync="collectionDialogVisible" title="用户信息采集详情" width="800px" append-to-body>
+
+        <collectionDetail :userId="form.userId" :prescribeId="form.prescribeId" v-if="collectionDialogVisible"/>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="collectionDialogVisible = false">关 闭</el-button>
+        </span>
+      </el-dialog>
+
+
       <span slot="footer" class="dialog-footer">
         <el-button @click="open = false">关 闭</el-button>
         <el-button type="primary" @click="submitForm" >保 存</el-button>
@@ -334,10 +354,13 @@ import {
   confirmPrescribe
 } from '@/api/his/prescribe'
 import { listPrescribeDrug, addPrescribeDrug, updatePrescribeDrug, deletePrescribeDrug } from "@/api/his/prescribeDrug";
+import collectionDetail from "@/views/components/collection/collectionDetail.vue";
 export default {
   name: "Prescribe",
+  components: {collectionDetail},
   data() {
     return {
+      collectionDialogVisible: false, // 控制采集信息弹窗显示
       // 原有数据保持不变
       loading: false,
       ids: [],
@@ -699,8 +722,16 @@ export default {
         instructions: undefined
       };
       this.resetForm("drugForm");
-    }
-  }
+    },
+    /** 患者信息采集详情页面 */
+    openCollectionInfo() {
+      if (!this.form.userId) {
+        this.$message.warning("患者ID未填写！");
+        return;
+      }
+      this.collectionDialogVisible = true;
+    },
+  },
 };
 </script>