数字交接功能

components/bigScreen/bigScreen.vue

@@ -82,8 +82,7 @@
                         });
                       } else if (res.type == "quickOrder") {
                         //快捷建单
-                        res.isDigitalHandover = 1;
-                        if(res.isDigitalHandover == 1){
+                        if(res.data.isDigitalHandover == 1){
                           uni.navigateTo({
                             url: `../specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
                             JSON.stringify(res.data)

components/changeSpeNum/changeSpeNum.vue

@@ -0,0 +1,302 @@
+<template>
+  <view class="changeSpeNum" v-show="disjunctor">
+    <view class="changeSpeNum__wrap">
+      <view class="changeSpeNum__header" v-if="title">
+        {{ title }}
+      </view>
+      <view class="changeSpeNum__article">
+        <view class="uni-list-cell">
+          <view class="uni-list-cell-left">
+            标本数量：
+          </view>
+          <view class="uni-list-cell-db">
+            <uni-number-box v-model="speNum"></uni-number-box>
+          </view>
+        </view>
+        <view class="uni-list-cell" v-if="speNum != num">
+          <view class="uni-list-cell-left">
+            修改原因：
+          </view>
+          <view class="uni-list-cell-db-text">
+            <textarea placeholder="请填写修改原因" v-model="reason" />
+          </view>
+        </view>
+        <view class="uni-list-cell" v-if="speNum != num">
+          <view class="uni-list-cell-left">
+            上传图片：
+          </view>
+          <view class="uni-list-cell-db">
+            <uni-file-picker :auto-upload="false" :limit="3" title="最多选择3张图片" v-model="imageValue" fileMediatype="image" mode="grid"
+              @select="selectFile" @delete="deleteFile"></uni-file-picker>
+          </view>
+        </view>
+      </view>
+      <view class="changeSpeNum__footer">
+        <view v-if="operate.ok" class="changeSpeNum__ok" @click="ok" hover-class="seimin-btn-hover">
+          {{ operate.ok || "" }}
+        </view>
+        <view v-if="operate.cancel" class="changeSpeNum__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 {
+        imageValue: [], //图片列表
+        speNum: 0, //修改后的数量
+        reason: undefined, //修改原因
+        loading: false,
+        userData: null,
+        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: "提示",
+      },
+      // 操作按钮文字
+      operate: {
+        type: Object,
+        default: () => {
+          return {
+            ok: "确认",
+            cancel: "取消",
+          };
+        },
+      },
+      num: {
+        type: Number,
+        default: 0
+      }
+    },
+    methods: {
+      // 获取上传状态
+      selectFile(e) {
+        console.log('选择文件：', e)
+        this.imageValue = this.imageValue.concat(e.tempFiles);
+      },
+
+      // 移除
+      deleteFile(e) {
+        console.log('移除：', e);
+        this.imageValue = this.imageValue.filter(v=>v.uuid != e.tempFile.uuid);
+      },
+      // 确定
+      ok() {
+        this.$emit("ok", {
+          speNum: this.speNum,
+          reason: this.reason,
+          imageValue: this.imageValue,
+        });
+      },
+      // 取消
+      cancel() {
+        this.$emit("cancel");
+      },
+    },
+    created() {
+      this.speNum = this.num;
+      this.hosId = uni.getStorageSync('userData').user.currentHospital.id;
+    }
+  };
+</script>
+
+<style lang="less" scoped>
+  .changeSpeNum {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.2);
+    z-index: 999;
+
+    .uni-list-cell {
+      width: 94%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-evenly;
+      align-items: center;
+      text-align: center;
+      margin-top: 32rpx;
+
+      .uni-list-cell-left {
+        flex: 2;
+        font-size: 32rpx;
+        color: #666;
+      }
+
+      .uni-list-cell-db {
+        padding: 16rpx 0;
+        flex: 5;
+      }
+
+      .uni-list-cell-db-text {
+        border: 1px solid #e5e9ed;
+        background-color: #fff;
+        flex: 5;
+        text-align: left;
+
+        textarea {
+          width: 100%;
+          box-sizing: border-box;
+          padding: 0 8rpx;
+          max-height: 150rpx;
+        }
+      }
+    }
+
+    .changeSpeNum__wrap {
+      width: 90vw;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      background-color: #fff;
+      border-radius: 12rpx;
+      color: #666;
+
+      .changeSpeNum__header {
+        font-size: 36rpx;
+        color: #000;
+        height: 84rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .changeSpeNum__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;
+        }
+
+        .changeSpeNum__icon {
+          font-size: 138rpx;
+          margin-bottom: 32rpx;
+
+          &.changeSpeNum__icon--success {
+            color: rgb(52, 179, 73);
+          }
+
+          &.changeSpeNum__icon--warn {
+            color: rgb(245, 165, 35);
+          }
+
+          &.changeSpeNum__icon--error {
+            color: rgb(255, 58, 82);
+          }
+        }
+
+        .changeSpeNum__content {
+          font-size: 36rpx;
+        }
+
+        .changeSpeNum__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;
+            }
+          }
+        }
+      }
+
+      .changeSpeNum__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);
+          }
+        }
+
+        .changeSpeNum__ok {
+          flex: 1;
+          color: rgb(73, 184, 86);
+        }
+
+        .changeSpeNum__cancel {
+          flex: 1;
+        }
+
+        .changeSpeNum__know {
+          flex: 1;
+          color: rgb(73, 184, 86);
+        }
+      }
+    }
+  }
+</style>

components/smallScreen/smallScreen.vue

@@ -206,8 +206,11 @@
               // id: data.id, //工单ID
               // deptCode: code, //二维码
               // dept: res.dept //科室名称
+              console.log(data,'工单')
+              let endDepts = data.endDepts.map(v=>v.id).toString();
+              console.log(endDepts,'smallScreen');
               uni.navigateTo({
-                url: `../../pages/scanning_code/scanning_code?type=${data.taskType.associationType.value}&type1=${res.type}&id=${data.id}&deptCode=${code}&dept=${res.dept}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}&deptId=${res.deptId}`,
+                url: `../../pages/scanning_code/scanning_code?type=${data.taskType.associationType.value}&type1=${res.type}&id=${data.id}&deptCode=${code}&dept=${res.dept}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}&deptId=${res.deptId}&endDepts=${endDepts}`,
               });
             } else {
               uni.navigateTo({

components/uni-file-picker/choose-and-upload-file.js

@@ -0,0 +1,224 @@
+'use strict';
+
+const ERR_MSG_OK = 'chooseAndUploadFile:ok';
+const ERR_MSG_FAIL = 'chooseAndUploadFile:fail';
+
+function chooseImage(opts) {
+	const {
+		count,
+		sizeType = ['original', 'compressed'],
+		sourceType = ['album', 'camera'],
+		extension
+	} = opts
+	return new Promise((resolve, reject) => {
+		uni.chooseImage({
+			count,
+			sizeType,
+			sourceType,
+			extension,
+			success(res) {
+				resolve(normalizeChooseAndUploadFileRes(res, 'image'));
+			},
+			fail(res) {
+				reject({
+					errMsg: res.errMsg.replace('chooseImage:fail', ERR_MSG_FAIL),
+				});
+			},
+		});
+	});
+}
+
+function chooseVideo(opts) {
+	const {
+		camera,
+		compressed,
+		maxDuration,
+		sourceType = ['album', 'camera'],
+		extension
+	} = opts;
+	return new Promise((resolve, reject) => {
+		uni.chooseVideo({
+			camera,
+			compressed,
+			maxDuration,
+			sourceType,
+			extension,
+			success(res) {
+				const {
+					tempFilePath,
+					duration,
+					size,
+					height,
+					width
+				} = res;
+				resolve(normalizeChooseAndUploadFileRes({
+					errMsg: 'chooseVideo:ok',
+					tempFilePaths: [tempFilePath],
+					tempFiles: [
+					{
+						name: (res.tempFile && res.tempFile.name) || '',
+						path: tempFilePath,
+						size,
+						type: (res.tempFile && res.tempFile.type) || '',
+						width,
+						height,
+						duration,
+						fileType: 'video',
+						cloudPath: '',
+					}, ],
+				}, 'video'));
+			},
+			fail(res) {
+				reject({
+					errMsg: res.errMsg.replace('chooseVideo:fail', ERR_MSG_FAIL),
+				});
+			},
+		});
+	});
+}
+
+function chooseAll(opts) {
+	const {
+		count,
+		extension
+	} = opts;
+	return new Promise((resolve, reject) => {
+		let chooseFile = uni.chooseFile;
+		if (typeof wx !== 'undefined' &&
+			typeof wx.chooseMessageFile === 'function') {
+			chooseFile = wx.chooseMessageFile;
+		}
+		if (typeof chooseFile !== 'function') {
+			return reject({
+				errMsg: ERR_MSG_FAIL + ' 请指定 type 类型，该平台仅支持选择 image 或 video。',
+			});
+		}
+		chooseFile({
+			type: 'all',
+			count,
+			extension,
+			success(res) {
+				resolve(normalizeChooseAndUploadFileRes(res));
+			},
+			fail(res) {
+				reject({
+					errMsg: res.errMsg.replace('chooseFile:fail', ERR_MSG_FAIL),
+				});
+			},
+		});
+	});
+}
+
+function normalizeChooseAndUploadFileRes(res, fileType) {
+	res.tempFiles.forEach((item, index) => {
+		if (!item.name) {
+			item.name = item.path.substring(item.path.lastIndexOf('/') + 1);
+		}
+		if (fileType) {
+			item.fileType = fileType;
+		}
+		item.cloudPath =
+			Date.now() + '_' + index + item.name.substring(item.name.lastIndexOf('.'));
+	});
+	if (!res.tempFilePaths) {
+		res.tempFilePaths = res.tempFiles.map((file) => file.path);
+	}
+	return res;
+}
+
+function uploadCloudFiles(files, max = 5, onUploadProgress) {
+	files = JSON.parse(JSON.stringify(files))
+	const len = files.length
+	let count = 0
+	let self = this
+	return new Promise(resolve => {
+		while (count < max) {
+			next()
+		}
+
+		function next() {
+			let cur = count++
+			if (cur >= len) {
+				!files.find(item => !item.url && !item.errMsg) && resolve(files)
+				return
+			}
+			const fileItem = files[cur]
+			const index = self.files.findIndex(v => v.uuid === fileItem.uuid)
+			fileItem.url = ''
+			delete fileItem.errMsg
+
+			uniCloud
+				.uploadFile({
+					filePath: fileItem.path,
+					cloudPath: fileItem.cloudPath,
+					fileType: fileItem.fileType,
+					onUploadProgress: res => {
+						res.index = index
+						onUploadProgress && onUploadProgress(res)
+					}
+				})
+				.then(res => {
+					fileItem.url = res.fileID
+					fileItem.index = index
+					if (cur < len) {
+						next()
+					}
+				})
+				.catch(res => {
+					fileItem.errMsg = res.errMsg || res.message
+					fileItem.index = index
+					if (cur < len) {
+						next()
+					}
+				})
+		}
+	})
+}
+
+
+
+
+
+function uploadFiles(choosePromise, {
+	onChooseFile,
+	onUploadProgress
+}) {
+	return choosePromise
+		.then((res) => {
+			if (onChooseFile) {
+				const customChooseRes = onChooseFile(res);
+				if (typeof customChooseRes !== 'undefined') {
+					return Promise.resolve(customChooseRes).then((chooseRes) => typeof chooseRes === 'undefined' ?
+						res : chooseRes);
+				}
+			}
+			return res;
+		})
+		.then((res) => {
+			if (res === false) {
+				return {
+					errMsg: ERR_MSG_OK,
+					tempFilePaths: [],
+					tempFiles: [],
+				};
+			}
+			return res
+		})
+}
+
+function chooseAndUploadFile(opts = {
+	type: 'all'
+}) {
+	if (opts.type === 'image') {
+		return uploadFiles(chooseImage(opts), opts);
+	}
+	else if (opts.type === 'video') {
+		return uploadFiles(chooseVideo(opts), opts);
+	}
+	return uploadFiles(chooseAll(opts), opts);
+}
+
+export {
+	chooseAndUploadFile,
+	uploadCloudFiles
+};

components/uni-file-picker/uni-file-picker.vue

@@ -0,0 +1,656 @@
+<template>
+	<view class="uni-file-picker">
+		<view v-if="title" class="uni-file-picker__header">
+			<text class="file-title">{{ title }}</text>
+			<text class="file-count">{{ filesList.length }}/{{ limitLength }}</text>
+		</view>
+		<upload-image v-if="fileMediatype === 'image' && showType === 'grid'" :readonly="readonly"
+			:image-styles="imageStyles" :files-list="filesList" :limit="limitLength" :disablePreview="disablePreview"
+			:delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
+			<slot>
+				<view class="is-add">
+					<view class="icon-add"></view>
+					<view class="icon-add rotate"></view>
+				</view>
+			</slot>
+		</upload-image>
+		<upload-file v-if="fileMediatype !== 'image' || showType !== 'grid'" :readonly="readonly"
+			:list-styles="listStyles" :files-list="filesList" :showType="showType" :delIcon="delIcon"
+			@uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
+			<slot><button type="primary" size="mini">选择文件</button></slot>
+		</upload-file>
+	</view>
+</template>
+
+<script>
+	import {
+		chooseAndUploadFile,
+		uploadCloudFiles
+	} from './choose-and-upload-file.js'
+	import {
+		get_file_ext,
+		get_extname,
+		get_files_and_is_max,
+		get_file_info,
+		get_file_data
+	} from './utils.js'
+	import uploadImage from './upload-image.vue'
+	import uploadFile from './upload-file.vue'
+	let fileInput = null
+	/**
+	 * FilePicker 文件选择上传
+	 * @description 文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=4079
+	 * @property {Object|Array}	value	组件数据，通常用来回显 ,类型由return-type属性决定
+	 * @property {Boolean}	disabled = [true|false]	组件禁用
+	 * 	@value true 	禁用
+	 * 	@value false 	取消禁用
+	 * @property {Boolean}	readonly = [true|false]	组件只读，不可选择，不显示进度，不显示删除按钮
+	 * 	@value true 	只读
+	 * 	@value false 	取消只读
+	 * @property {String}	return-type = [array|object]	限制 value 格式，当为 object 时 ，组件只能单选，且会覆盖
+	 * 	@value array	规定 value 属性的类型为数组
+	 * 	@value object	规定 value 属性的类型为对象
+	 * @property {Boolean}	disable-preview = [true|false]	禁用图片预览，仅 mode:grid 时生效
+	 * 	@value true 	禁用图片预览
+	 * 	@value false 	取消禁用图片预览
+	 * @property {Boolean}	del-icon = [true|false]	是否显示删除按钮
+	 * 	@value true 	显示删除按钮
+	 * 	@value false 	不显示删除按钮
+	 * @property {Boolean}	auto-upload = [true|false]	是否自动上传，值为true则只触发@select,可自行上传
+	 * 	@value true 	自动上传
+	 * 	@value false 	取消自动上传
+	 * @property {Number|String}	limit	最大选择个数 ，h5 会自动忽略多选的部分
+	 * @property {String}	title	组件标题，右侧显示上传计数
+	 * @property {String}	mode = [list|grid]	选择文件后的文件列表样式
+	 * 	@value list 	列表显示
+	 * 	@value grid 	宫格显示
+	 * @property {String}	file-mediatype = [image|video|all]	选择文件类型
+	 * 	@value image	只选择图片
+	 * 	@value video	只选择视频
+	 * 	@value all		选择所有文件
+	 * @property {Array}	file-extname	选择文件后缀，根据 file-mediatype 属性而不同
+	 * @property {Object}	list-style	mode:list 时的样式
+	 * @property {Object}	image-styles	选择文件后缀，根据 file-mediatype 属性而不同
+	 * @event {Function} select 	选择文件后触发
+	 * @event {Function} progress 文件上传时触发
+	 * @event {Function} success 	上传成功触发
+	 * @event {Function} fail 		上传失败触发
+	 * @event {Function} delete 	文件从列表移除时触发
+	 */
+	export default {
+		name: 'uniFilePicker',
+		components: {
+			uploadImage,
+			uploadFile
+		},
+		options: {
+			virtualHost: true
+		},
+		emits: ['select', 'success', 'fail', 'progress', 'delete', 'update:modelValue', 'input'],
+		props: {
+			// #ifdef VUE3
+			modelValue: {
+				type: [Array, Object],
+				default () {
+					return []
+				}
+			},
+			// #endif
+
+			// #ifndef VUE3
+			value: {
+				type: [Array, Object],
+				default () {
+					return []
+				}
+			},
+			// #endif
+
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			disablePreview: {
+				type: Boolean,
+				default: false
+			},
+			delIcon: {
+				type: Boolean,
+				default: true
+			},
+			// 自动上传
+			autoUpload: {
+				type: Boolean,
+				default: true
+			},
+			// 最大选择个数 ，h5只能限制单选或是多选
+			limit: {
+				type: [Number, String],
+				default: 9
+			},
+			// 列表样式 grid | list | list-card
+			mode: {
+				type: String,
+				default: 'grid'
+			},
+			// 选择文件类型  image/video/all
+			fileMediatype: {
+				type: String,
+				default: 'image'
+			},
+			// 文件类型筛选
+			fileExtname: {
+				type: [Array, String],
+				default () {
+					return []
+				}
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			listStyles: {
+				type: Object,
+				default () {
+					return {
+						// 是否显示边框
+						border: true,
+						// 是否显示分隔线
+						dividline: true,
+						// 线条样式
+						borderStyle: {}
+					}
+				}
+			},
+			imageStyles: {
+				type: Object,
+				default () {
+					return {
+						width: 'auto',
+						height: 'auto'
+					}
+				}
+			},
+			readonly: {
+				type: Boolean,
+				default: false
+			},
+			returnType: {
+				type: String,
+				default: 'array'
+			},
+			sizeType: {
+				type: Array,
+				default () {
+					return ['original', 'compressed']
+				}
+			}
+		},
+		data() {
+			return {
+				files: [],
+				localValue: []
+			}
+		},
+		watch: {
+			// #ifndef VUE3
+			value: {
+				handler(newVal, oldVal) {
+					this.setValue(newVal, oldVal)
+				},
+				immediate: true
+			},
+			// #endif
+			// #ifdef VUE3
+			modelValue: {
+				handler(newVal, oldVal) {
+					this.setValue(newVal, oldVal)
+				},
+				immediate: true
+			},
+			// #endif
+		},
+		computed: {
+			filesList() {
+				let files = []
+				this.files.forEach(v => {
+					files.push(v)
+				})
+				return files
+			},
+			showType() {
+				if (this.fileMediatype === 'image') {
+					return this.mode
+				}
+				return 'list'
+			},
+			limitLength() {
+				if (this.returnType === 'object') {
+					return 1
+				}
+				if (!this.limit) {
+					return 1
+				}
+				if (this.limit >= 9) {
+					return 9
+				}
+				return this.limit
+			}
+		},
+		created() {
+			// TODO 兼容不开通服务空间的情况
+			if (!(uniCloud.config && uniCloud.config.provider)) {
+				this.noSpace = true
+				uniCloud.chooseAndUploadFile = chooseAndUploadFile
+			}
+			this.form = this.getForm('uniForms')
+			this.formItem = this.getForm('uniFormsItem')
+			if (this.form && this.formItem) {
+				if (this.formItem.name) {
+					this.rename = this.formItem.name
+					this.form.inputChildrens.push(this)
+				}
+			}
+		},
+		methods: {
+			/**
+			 * 公开用户使用，清空文件
+			 * @param {Object} index
+			 */
+			clearFiles(index) {
+				if (index !== 0 && !index) {
+					this.files = []
+					this.$nextTick(() => {
+						this.setEmit()
+					})
+				} else {
+					this.files.splice(index, 1)
+				}
+				this.$nextTick(() => {
+					this.setEmit()
+				})
+			},
+			/**
+			 * 公开用户使用，继续上传
+			 */
+			upload() {
+				let files = []
+				this.files.forEach((v, index) => {
+					if (v.status === 'ready' || v.status === 'error') {
+						files.push(Object.assign({}, v))
+					}
+				})
+				return this.uploadFiles(files)
+			},
+			async setValue(newVal, oldVal) {
+				const newData =  async (v) => {
+					const reg = /cloud:\/\/([\w.]+\/?)\S*/
+					let url = ''
+					if(v.fileID){
+						url = v.fileID
+					}else{
+						url = v.url
+					}
+					if (reg.test(url)) {
+						v.fileID = url
+						v.url = await this.getTempFileURL(url)
+					}
+					if(v.url) v.path = v.url
+					return v
+				}
+				if (this.returnType === 'object') {
+					if (newVal) {
+						await newData(newVal)
+					} else {
+						newVal = {}
+					}
+				} else {
+					if (!newVal) newVal = []
+					for(let i =0 ;i < newVal.length ;i++){
+						let v = newVal[i]
+						await newData(v)
+					}
+				}
+				this.localValue = newVal
+				if (this.form && this.formItem &&!this.is_reset) {
+					this.is_reset = false
+					this.formItem.setValue(this.localValue)
+				}
+				let filesData = Object.keys(newVal).length > 0 ? newVal : [];
+				this.files = [].concat(filesData)
+			},
+
+			/**
+			 * 选择文件
+			 */
+			choose() {
+
+				if (this.disabled) return
+				if (this.files.length >= Number(this.limitLength) && this.showType !== 'grid' && this.returnType ===
+					'array') {
+					uni.showToast({
+						title: `您最多选择 ${this.limitLength} 个文件`,
+						icon: 'none'
+					})
+					return
+				}
+				this.chooseFiles()
+			},
+
+			/**
+			 * 选择文件并上传
+			 */
+			chooseFiles() {
+				const _extname = get_extname(this.fileExtname)
+				// 获取后缀
+				uniCloud
+					.chooseAndUploadFile({
+						type: this.fileMediatype,
+						compressed: false,
+						sizeType: this.sizeType,
+						// TODO 如果为空，video 有问题
+						extension: _extname.length > 0 ? _extname : undefined,
+						count: this.limitLength - this.files.length, //默认9
+						onChooseFile: this.chooseFileCallback,
+						onUploadProgress: progressEvent => {
+							this.setProgress(progressEvent, progressEvent.index)
+						}
+					})
+					.then(result => {
+						this.setSuccessAndError(result.tempFiles)
+					})
+					.catch(err => {
+						console.log('选择失败', err)
+					})
+			},
+
+			/**
+			 * 选择文件回调
+			 * @param {Object} res
+			 */
+			async chooseFileCallback(res) {
+				const _extname = get_extname(this.fileExtname)
+				const is_one = (Number(this.limitLength) === 1 &&
+						this.disablePreview &&
+						!this.disabled) ||
+					this.returnType === 'object'
+				// 如果这有一个文件 ，需要清空本地缓存数据
+				if (is_one) {
+					this.files = []
+				}
+
+				let {
+					filePaths,
+					files
+				} = get_files_and_is_max(res, _extname)
+				if (!(_extname && _extname.length > 0)) {
+					filePaths = res.tempFilePaths
+					files = res.tempFiles
+				}
+
+				let currentData = []
+				for (let i = 0; i < files.length; i++) {
+					if (this.limitLength - this.files.length <= 0) break
+					files[i].uuid = Date.now()
+					let filedata = await get_file_data(files[i], this.fileMediatype)
+					filedata.progress = 0
+					filedata.status = 'ready'
+					this.files.push(filedata)
+					currentData.push({
+						...filedata,
+						file: files[i]
+					})
+				}
+				this.$emit('select', {
+					tempFiles: currentData,
+					tempFilePaths: filePaths
+				})
+				res.tempFiles = files
+				// 停止自动上传
+				if (!this.autoUpload || this.noSpace) {
+					res.tempFiles = []
+				}
+			},
+
+			/**
+			 * 批传
+			 * @param {Object} e
+			 */
+			uploadFiles(files) {
+				files = [].concat(files)
+				return uploadCloudFiles.call(this, files, 5, res => {
+						this.setProgress(res, res.index, true)
+					})
+					.then(result => {
+						this.setSuccessAndError(result)
+						return result;
+					})
+					.catch(err => {
+						console.log(err)
+					})
+			},
+
+			/**
+			 * 成功或失败
+			 */
+			async setSuccessAndError(res, fn) {
+				let successData = []
+				let errorData = []
+				let tempFilePath = []
+				let errorTempFilePath = []
+				for (let i = 0; i < res.length; i++) {
+					const item = res[i]
+					const index = item.uuid ? this.files.findIndex(p => p.uuid === item.uuid) : item.index
+
+					if (index === -1 || !this.files) break
+					if (item.errMsg === 'request:fail') {
+						this.files[index].url = item.path
+						this.files[index].status = 'error'
+						this.files[index].errMsg = item.errMsg
+						// this.files[index].progress = -1
+						errorData.push(this.files[index])
+						errorTempFilePath.push(this.files[index].url)
+					} else {
+						this.files[index].errMsg = ''
+						this.files[index].fileID = item.url
+						const reg = /cloud:\/\/([\w.]+\/?)\S*/
+						if (reg.test(item.url)) {
+							this.files[index].url = await this.getTempFileURL(item.url)
+						}else{
+							this.files[index].url = item.url
+						}
+
+						this.files[index].status = 'success'
+						this.files[index].progress += 1
+						successData.push(this.files[index])
+						tempFilePath.push(this.files[index].fileID)
+					}
+				}
+
+				if (successData.length > 0) {
+					this.setEmit()
+					// 状态改变返回
+					this.$emit('success', {
+						tempFiles: this.backObject(successData),
+						tempFilePaths: tempFilePath
+					})
+				}
+
+				if (errorData.length > 0) {
+					this.$emit('fail', {
+						tempFiles: this.backObject(errorData),
+						tempFilePaths: errorTempFilePath
+					})
+				}
+			},
+
+			/**
+			 * 获取进度
+			 * @param {Object} progressEvent
+			 * @param {Object} index
+			 * @param {Object} type
+			 */
+			setProgress(progressEvent, index, type) {
+				const fileLenth = this.files.length
+				const percentNum = (index / fileLenth) * 100
+				const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
+				let idx = index
+				if (!type) {
+					idx = this.files.findIndex(p => p.uuid === progressEvent.tempFile.uuid)
+				}
+				if (idx === -1 || !this.files[idx]) return
+				// fix by mehaotian 100 就会消失，-1 是为了让进度条消失
+				this.files[idx].progress = percentCompleted - 1
+				// 上传中
+				this.$emit('progress', {
+					index: idx,
+					progress: parseInt(percentCompleted),
+					tempFile: this.files[idx]
+				})
+			},
+
+			/**
+			 * 删除文件
+			 * @param {Object} index
+			 */
+			delFile(index) {
+				this.$emit('delete', {
+					tempFile: this.files[index],
+					tempFilePath: this.files[index].url
+				})
+				this.files.splice(index, 1)
+				this.$nextTick(() => {
+					this.setEmit()
+				})
+			},
+
+			/**
+			 * 获取文件名和后缀
+			 * @param {Object} name
+			 */
+			getFileExt(name) {
+				const last_len = name.lastIndexOf('.')
+				const len = name.length
+				return {
+					name: name.substring(0, last_len),
+					ext: name.substring(last_len + 1, len)
+				}
+			},
+
+			/**
+			 * 处理返回事件
+			 */
+			setEmit() {
+				let data = []
+				if (this.returnType === 'object') {
+					data = this.backObject(this.files)[0]
+					this.localValue = data?data:null
+				} else {
+					data = this.backObject(this.files)
+					if (!this.localValue) {
+						this.localValue = []
+					}
+					this.localValue = [...data]
+				}
+				// #ifdef VUE3
+				this.$emit('update:modelValue', this.localValue)
+				// #endif
+				// #ifndef VUE3
+				this.$emit('input', this.localValue)
+				// #endif
+			},
+
+			/**
+			 * 处理返回参数
+			 * @param {Object} files
+			 */
+			backObject(files) {
+				let newFilesData = []
+				files.forEach(v => {
+					newFilesData.push({
+						extname: v.extname,
+						fileType: v.fileType,
+						image: v.image,
+						name: v.name,
+						path: v.path,
+						size: v.size,
+						fileID:v.fileID,
+						url: v.url
+					})
+				})
+				return newFilesData
+			},
+			async getTempFileURL(fileList) {
+				fileList = {
+					fileList: [].concat(fileList)
+				}
+				const urls = await uniCloud.getTempFileURL(fileList)
+				return urls.fileList[0].tempFileURL || ''
+			},
+			/**
+			 * 获取父元素实例
+			 */
+			getForm(name = 'uniForms') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			}
+		}
+	}
+</script>
+
+<style>
+	.uni-file-picker {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		overflow: hidden;
+		width: 100%;
+		/* #endif */
+		flex: 1;
+	}
+
+	.uni-file-picker__header {
+		padding-top: 5px;
+		padding-bottom: 10px;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: space-between;
+	}
+
+	.file-title {
+		font-size: 14px;
+		color: #333;
+	}
+
+	.file-count {
+		font-size: 14px;
+		color: #999;
+	}
+
+	.is-add {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.icon-add {
+		width: 50px;
+		height: 5px;
+		background-color: #f1f1f1;
+		border-radius: 2px;
+	}
+
+	.rotate {
+		position: absolute;
+		transform: rotate(90deg);
+	}
+</style>

components/uni-file-picker/upload-file.vue

@@ -0,0 +1,325 @@
+<template>
+	<view class="uni-file-picker__files">
+		<view v-if="!readonly" class="files-button" @click="choose">
+			<slot></slot>
+		</view>
+		<!-- :class="{'is-text-box':showType === 'list'}" -->
+		<view v-if="list.length > 0" class="uni-file-picker__lists is-text-box" :style="borderStyle">
+			<!-- ,'is-list-card':showType === 'list-card' -->
+
+			<view class="uni-file-picker__lists-box" v-for="(item ,index) in list" :key="index" :class="{
+				'files-border':index !== 0 && styles.dividline}"
+			 :style="index !== 0 && styles.dividline &&borderLineStyle">
+				<view class="uni-file-picker__item">
+					<!-- :class="{'is-text-image':showType === 'list'}" -->
+					<!-- 	<view class="files__image is-text-image">
+						<image class="header-image" :src="item.logo" mode="aspectFit"></image>
+					</view> -->
+					<view class="files__name">{{item.name}}</view>
+					<view v-if="delIcon&&!readonly" class="icon-del-box icon-files" @click="delFile(index)">
+						<view class="icon-del icon-files"></view>
+						<view class="icon-del rotate"></view>
+					</view>
+				</view>
+				<view v-if="(item.progress && item.progress !== 100) ||item.progress===0 " class="file-picker__progress">
+					<progress class="file-picker__progress-item" :percent="item.progress === -1?0:item.progress" stroke-width="4"
+					 :backgroundColor="item.errMsg?'#ff5a5f':'#EBEBEB'" />
+				</view>
+				<view v-if="item.status === 'error'" class="file-picker__mask" @click.stop="uploadFiles(item,index)">
+					点击重试
+				</view>
+			</view>
+
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "uploadFile",
+		emits:['uploadFiles','choose','delFile'],
+		props: {
+			filesList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			delIcon: {
+				type: Boolean,
+				default: true
+			},
+			limit: {
+				type: [Number, String],
+				default: 9
+			},
+			showType: {
+				type: String,
+				default: ''
+			},
+			listStyles: {
+				type: Object,
+				default () {
+					return {
+						// 是否显示边框
+						border: true,
+						// 是否显示分隔线
+						dividline: true,
+						// 线条样式
+						borderStyle: {}
+					}
+				}
+			},
+			readonly:{
+				type:Boolean,
+				default:false
+			}
+		},
+		computed: {
+			list() {
+				let files = []
+				this.filesList.forEach(v => {
+					files.push(v)
+				})
+				return files
+			},
+			styles() {
+				let styles = {
+					border: true,
+					dividline: true,
+					'border-style': {}
+				}
+				return Object.assign(styles, this.listStyles)
+			},
+			borderStyle() {
+				let {
+					borderStyle,
+					border
+				} = this.styles
+				let obj = {}
+				if (!border) {
+					obj.border = 'none'
+				} else {
+					let width = (borderStyle && borderStyle.width) || 1
+					width = this.value2px(width)
+					let radius = (borderStyle && borderStyle.radius) || 5
+					radius = this.value2px(radius)
+					obj = {
+						'border-width': width,
+						'border-style': (borderStyle && borderStyle.style) || 'solid',
+						'border-color': (borderStyle && borderStyle.color) || '#eee',
+						'border-radius': radius
+					}
+				}
+				let classles = ''
+				for (let i in obj) {
+					classles += `${i}:${obj[i]};`
+				}
+				return classles
+			},
+			borderLineStyle() {
+				let obj = {}
+				let {
+					borderStyle
+				} = this.styles
+				if (borderStyle && borderStyle.color) {
+					obj['border-color'] = borderStyle.color
+				}
+				if (borderStyle && borderStyle.width) {
+					let width = borderStyle && borderStyle.width || 1
+					let style = borderStyle && borderStyle.style || 0
+					if (typeof width === 'number') {
+						width += 'px'
+					} else {
+						width = width.indexOf('px') ? width : width + 'px'
+					}
+					obj['border-width'] = width
+
+					if (typeof style === 'number') {
+						style += 'px'
+					} else {
+						style = style.indexOf('px') ? style : style + 'px'
+					}
+					obj['border-top-style'] = style
+				}
+				let classles = ''
+				for (let i in obj) {
+					classles += `${i}:${obj[i]};`
+				}
+				return classles
+			}
+		},
+
+		methods: {
+			uploadFiles(item, index) {
+				this.$emit("uploadFiles", {
+					item,
+					index
+				})
+			},
+			choose() {
+				this.$emit("choose")
+			},
+			delFile(index) {
+				this.$emit('delFile', index)
+			},
+			value2px(value) {
+				if (typeof value === 'number') {
+					value += 'px'
+				} else {
+					value = value.indexOf('px') !== -1 ? value : value + 'px'
+				}
+				return value
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.uni-file-picker__files {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		justify-content: flex-start;
+	}
+
+	.files-button {
+		// border: 1px red solid;
+	}
+
+	.uni-file-picker__lists {
+		position: relative;
+		margin-top: 5px;
+		overflow: hidden;
+	}
+
+	.file-picker__mask {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		position: absolute;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		color: #fff;
+		font-size: 14px;
+		background-color: rgba(0, 0, 0, 0.4);
+	}
+
+	.uni-file-picker__lists-box {
+		position: relative;
+	}
+
+	.uni-file-picker__item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		padding: 8px 10px;
+		padding-right: 5px;
+		padding-left: 10px;
+	}
+
+	.files-border {
+		border-top: 1px #eee solid;
+	}
+
+	.files__name {
+		flex: 1;
+		font-size: 14px;
+		color: #666;
+		margin-right: 25px;
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		word-wrap: break-word;
+		/* #endif */
+	}
+
+	.icon-files {
+		/* #ifndef APP-NVUE */
+		position: static;
+		background-color: initial;
+		/* #endif */
+	}
+
+	// .icon-files .icon-del {
+	// 	background-color: #333;
+	// 	width: 12px;
+	// 	height: 1px;
+	// }
+
+
+	.is-list-card {
+		border: 1px #eee solid;
+		margin-bottom: 5px;
+		border-radius: 5px;
+		box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
+		padding: 5px;
+	}
+
+	.files__image {
+		width: 40px;
+		height: 40px;
+		margin-right: 10px;
+	}
+
+	.header-image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.is-text-box {
+		border: 1px #eee solid;
+		border-radius: 5px;
+	}
+
+	.is-text-image {
+		width: 25px;
+		height: 25px;
+		margin-left: 5px;
+	}
+
+	.rotate {
+		position: absolute;
+		transform: rotate(90deg);
+	}
+
+	.icon-del-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		margin: auto 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		top: 0px;
+		bottom: 0;
+		right: 5px;
+		height: 26px;
+		width: 26px;
+		// border-radius: 50%;
+		// background-color: rgba(0, 0, 0, 0.5);
+		z-index: 2;
+		transform: rotate(-45deg);
+	}
+
+	.icon-del {
+		width: 15px;
+		height: 1px;
+		background-color: #333;
+		// border-radius: 1px;
+	}
+
+	/* #ifdef H5 */
+	@media all and (min-width: 768px) {
+		.uni-file-picker__files {
+			max-width: 375px;
+		}
+	}
+
+	/* #endif */
+</style>

components/uni-file-picker/upload-image.vue

@@ -0,0 +1,292 @@
+<template>
+	<view class="uni-file-picker__container">
+		<view class="file-picker__box" v-for="(item,index) in filesList" :key="index" :style="boxStyle">
+			<view class="file-picker__box-content" :style="borderStyle">
+				<image class="file-image" :src="item.url" mode="aspectFill" @click.stop="prviewImage(item,index)"></image>
+				<view v-if="delIcon && !readonly" class="icon-del-box" @click.stop="delFile(index)">
+					<view class="icon-del"></view>
+					<view class="icon-del rotate"></view>
+				</view>
+				<view v-if="(item.progress && item.progress !== 100) ||item.progress===0 " class="file-picker__progress">
+					<progress class="file-picker__progress-item" :percent="item.progress === -1?0:item.progress" stroke-width="4"
+					 :backgroundColor="item.errMsg?'#ff5a5f':'#EBEBEB'" />
+				</view>
+				<view v-if="item.errMsg" class="file-picker__mask" @click.stop="uploadFiles(item,index)">
+					点击重试
+				</view>
+			</view>
+		</view>
+		<view v-if="filesList.length < limit && !readonly" class="file-picker__box" :style="boxStyle">
+			<view class="file-picker__box-content is-add" :style="borderStyle" @click="choose">
+				<slot>
+					<view class="icon-add"></view>
+					<view class="icon-add rotate"></view>
+				</slot>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "uploadImage",
+		emits:['uploadFiles','choose','delFile'],
+		props: {
+			filesList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			disabled:{
+				type: Boolean,
+				default: false
+			},
+			disablePreview: {
+				type: Boolean,
+				default: false
+			},
+			limit: {
+				type: [Number, String],
+				default: 9
+			},
+			imageStyles: {
+				type: Object,
+				default () {
+					return {
+						width: 'auto',
+						height: 'auto',
+						border: {}
+					}
+				}
+			},
+			delIcon: {
+				type: Boolean,
+				default: true
+			},
+			readonly:{
+				type:Boolean,
+				default:false
+			}
+		},
+		computed: {
+			styles() {
+				let styles = {
+					width: 'auto',
+					height: 'auto',
+					border: {}
+				}
+				return Object.assign(styles, this.imageStyles)
+			},
+			boxStyle() {
+				const {
+					width = 'auto',
+						height = 'auto'
+				} = this.styles
+				let obj = {}
+				if (height === 'auto') {
+					if (width !== 'auto') {
+						obj.height = this.value2px(width)
+						obj['padding-top'] = 0
+					} else {
+						obj.height = 0
+					}
+				} else {
+					obj.height = this.value2px(height)
+					obj['padding-top'] = 0
+				}
+
+				if (width === 'auto') {
+					if (height !== 'auto') {
+						obj.width = this.value2px(height)
+					} else {
+						obj.width = '33.3%'
+					}
+				} else {
+					obj.width = this.value2px(width)
+				}
+
+				let classles = ''
+				for(let i in obj){
+					classles+= `${i}:${obj[i]};`
+				}
+				return classles
+			},
+			borderStyle() {
+				let {
+					border
+				} = this.styles
+				let obj = {}
+				const widthDefaultValue = 1
+				const radiusDefaultValue = 3
+				if (typeof border === 'boolean') {
+					obj.border = border ? '1px #eee solid' : 'none'
+				} else {
+					let width = (border && border.width) || widthDefaultValue
+					width = this.value2px(width)
+					let radius = (border && border.radius) || radiusDefaultValue
+					radius = this.value2px(radius)
+					obj = {
+						'border-width': width,
+						'border-style': (border && border.style) || 'solid',
+						'border-color': (border && border.color) || '#eee',
+						'border-radius': radius
+					}
+				}
+				let classles = ''
+				for(let i in obj){
+					classles+= `${i}:${obj[i]};`
+				}
+				return classles
+			}
+		},
+		methods: {
+			uploadFiles(item, index) {
+				this.$emit("uploadFiles", item)
+			},
+			choose() {
+				this.$emit("choose")
+			},
+			delFile(index) {
+				this.$emit('delFile', index)
+			},
+			prviewImage(img, index) {
+				let urls = []
+				if(Number(this.limit) === 1&&this.disablePreview&&!this.disabled){
+					this.$emit("choose")
+				}
+				if(this.disablePreview) return
+				this.filesList.forEach(i => {
+					urls.push(i.url)
+				})
+
+				uni.previewImage({
+					urls: urls,
+					current: index
+				});
+			},
+			value2px(value) {
+				if (typeof value === 'number') {
+					value += 'px'
+				} else {
+					if (value.indexOf('%') === -1) {
+						value = value.indexOf('px') !== -1 ? value : value + 'px'
+					}
+				}
+				return value
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.uni-file-picker__container {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-wrap: wrap;
+		margin: -5px;
+	}
+
+	.file-picker__box {
+		position: relative;
+		// flex: 0 0 33.3%;
+		width: 33.3%;
+		height: 0;
+		padding-top: 33.33%;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.file-picker__box-content {
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		margin: 5px;
+		border: 1px #eee solid;
+		border-radius: 5px;
+		overflow: hidden;
+	}
+
+	.file-picker__progress {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		/* border: 1px red solid; */
+		z-index: 2;
+	}
+
+	.file-picker__progress-item {
+		width: 100%;
+	}
+
+	.file-picker__mask {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		position: absolute;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		color: #fff;
+		font-size: 12px;
+		background-color: rgba(0, 0, 0, 0.4);
+	}
+
+	.file-image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.is-add {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.icon-add {
+		width: 50px;
+		height: 5px;
+		background-color: #f1f1f1;
+		border-radius: 2px;
+	}
+
+	.rotate {
+		position: absolute;
+		transform: rotate(90deg);
+	}
+
+	.icon-del-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		top: 3px;
+		right: 3px;
+		height: 26px;
+		width: 26px;
+		border-radius: 50%;
+		background-color: rgba(0, 0, 0, 0.5);
+		z-index: 2;
+		transform: rotate(-45deg);
+	}
+
+	.icon-del {
+		width: 15px;
+		height: 2px;
+		background-color: #fff;
+		border-radius: 2px;
+	}
+</style>

components/uni-file-picker/utils.js

@@ -0,0 +1,109 @@
+/**
+ * 获取文件名和后缀
+ * @param {String} name
+ */
+export const get_file_ext = (name) => {
+	const last_len = name.lastIndexOf('.')
+	const len = name.length
+	return {
+		name: name.substring(0, last_len),
+		ext: name.substring(last_len + 1, len)
+	}
+}
+
+/**
+ * 获取扩展名
+ * @param {Array} fileExtname
+ */
+export const get_extname = (fileExtname) => {
+	if (!Array.isArray(fileExtname)) {
+		let extname = fileExtname.replace(/(\[|\])/g, '')
+		return extname.split(',')
+	} else {
+		return fileExtname
+	}
+	return []
+}
+
+/**
+ * 获取文件和检测是否可选
+ */
+export const get_files_and_is_max = (res, _extname) => {
+	let filePaths = []
+	let files = []
+	if(!_extname || _extname.length === 0){
+		return {
+			filePaths,
+			files
+		}
+	}
+	res.tempFiles.forEach(v => {
+		let fileFullName = get_file_ext(v.name)
+		const extname = fileFullName.ext.toLowerCase()
+		if (_extname.indexOf(extname) !== -1) {
+			files.push(v)
+			filePaths.push(v.path)
+		}
+	})
+	if (files.length !== res.tempFiles.length) {
+		uni.showToast({
+			title: `当前选择了${res.tempFiles.length}个文件 ，${res.tempFiles.length - files.length} 个文件格式不正确`,
+			icon: 'none',
+			duration: 5000
+		})
+	}
+
+	return {
+		filePaths,
+		files
+	}
+}
+
+
+/**
+ * 获取图片信息
+ * @param {Object} filepath
+ */
+export const get_file_info = (filepath) => {
+	return new Promise((resolve, reject) => {
+		uni.getImageInfo({
+			src: filepath,
+			success(res) {
+				resolve(res)
+			},
+			fail(err) {
+				reject(err)
+			}
+		})
+	})
+}
+/**
+ * 获取封装数据
+ */
+export const get_file_data = async (files, type = 'image') => {
+	// 最终需要上传数据库的数据
+	let fileFullName = get_file_ext(files.name)
+	const extname = fileFullName.ext.toLowerCase()
+	let filedata = {
+		name: files.name,
+		uuid: files.uuid,
+		extname: extname || '',
+		cloudPath: files.cloudPath,
+		fileType: files.fileType,
+		url: files.path || files.path,
+		size: files.size, //单位是字节
+		image: {},
+		path: files.path,
+		video: {}
+	}
+	if (type === 'image') {
+		const imageinfo = await get_file_info(files.path)
+		delete filedata.video
+		filedata.image.width = imageinfo.width
+		filedata.image.height = imageinfo.height
+		filedata.image.location = imageinfo.path
+	} else {
+		delete filedata.image
+	}
+	return filedata
+}

components/uni-number-box/uni-number-box.vue

@@ -0,0 +1,220 @@
+<template>
+	<view class="uni-numbox">
+		<view @click="_calcValue('minus')" class="uni-numbox__minus uni-numbox-btns" :style="{background}">
+			<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue <= min || disabled }" :style="{color}">-</text>
+		</view>
+		<input :disabled="disabled" @focus="_onFocus" @blur="_onBlur" class="uni-numbox__value" type="number"
+			v-model="inputValue" :style="{background, color}" />
+		<view @click="_calcValue('plus')" class="uni-numbox__plus uni-numbox-btns" :style="{background}">
+			<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue >= max || disabled }" :style="{color}">+</text>
+		</view>
+	</view>
+</template>
+<script>
+	/**
+	 * NumberBox 数字输入框
+	 * @description 带加减按钮的数字输入框
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=31
+	 * @property {Number} value 输入框当前值
+	 * @property {Number} min 最小值
+	 * @property {Number} max 最大值
+	 * @property {Number} step 每次点击改变的间隔大小
+	 * @property {String} background 背景色
+	 * @property {String} color 字体颜色（前景色）
+	 * @property {Boolean} disabled = [true|false] 是否为禁用状态
+	 * @event {Function} change 输入框值改变时触发的事件，参数为输入框当前的 value
+	 * @event {Function} focus 输入框聚焦时触发的事件，参数为 event 对象
+	 * @event {Function} blur 输入框失焦时触发的事件，参数为 event 对象
+	 */
+
+	export default {
+		name: "UniNumberBox",
+		emits: ['change', 'input', 'update:modelValue', 'blur', 'focus'],
+		props: {
+			value: {
+				type: [Number, String],
+				default: 1
+			},
+			modelValue: {
+				type: [Number, String],
+				default: 1
+			},
+			min: {
+				type: Number,
+				default: 0
+			},
+			max: {
+				type: Number,
+				default: 100
+			},
+			step: {
+				type: Number,
+				default: 1
+			},
+			background: {
+				type: String,
+				default: '#f5f5f5'
+			},
+			color: {
+				type: String,
+				default: '#333'
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				inputValue: 0
+			};
+		},
+		watch: {
+			value(val) {
+				this.inputValue = +val;
+			},
+			modelValue(val) {
+				this.inputValue = +val;
+			}
+		},
+		created() {
+			if (this.value === 1) {
+				this.inputValue = +this.modelValue;
+			}
+			if (this.modelValue === 1) {
+				this.inputValue = +this.value;
+			}
+		},
+		methods: {
+			_calcValue(type) {
+				if (this.disabled) {
+					return;
+				}
+				const scale = this._getDecimalScale();
+				let value = this.inputValue * scale;
+				let step = this.step * scale;
+				if (type === "minus") {
+					value -= step;
+					if (value < (this.min * scale)) {
+						return;
+					}
+					if (value > (this.max * scale)) {
+						value = this.max * scale
+					}
+				}
+
+				if (type === "plus") {
+					value += step;
+					if (value > (this.max * scale)) {
+						return;
+					}
+					if (value < (this.min * scale)) {
+						value = this.min * scale
+					}
+				}
+
+				this.inputValue = (value / scale).toFixed(String(scale).length - 1);
+				this.$emit("change", +this.inputValue);
+				// TODO vue2 兼容
+				this.$emit("input", +this.inputValue);
+				// TODO vue3 兼容
+				this.$emit("update:modelValue", +this.inputValue);
+			},
+			_getDecimalScale() {
+
+				let scale = 1;
+				// 浮点型
+				if (~~this.step !== this.step) {
+					scale = Math.pow(10, String(this.step).split(".")[1].length);
+				}
+				return scale;
+			},
+			_onBlur(event) {
+				this.$emit('blur', event)
+				let value = event.detail.value;
+				if (!value) {
+					// this.inputValue = 0;
+					return;
+				}
+				value = +value;
+				if (value > this.max) {
+					value = this.max;
+				} else if (value < this.min) {
+					value = this.min;
+				}
+				const scale = this._getDecimalScale();
+				this.inputValue = value.toFixed(String(scale).length - 1);
+				this.$emit("change", +this.inputValue);
+				this.$emit("input", +this.inputValue);
+			},
+			_onFocus(event) {
+				this.$emit('focus', event)
+			}
+		}
+	};
+</script>
+<style lang="scss" scoped>
+	$box-height: 26px;
+	$bg: #f5f5f5;
+	$br: 2px;
+	$color: #333;
+
+	.uni-numbox {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.uni-numbox-btns {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding: 0 8px;
+		background-color: $bg;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.uni-numbox__value {
+		margin: 0 2px;
+		background-color: $bg;
+		width: 40px;
+		height: $box-height;
+		text-align: center;
+		font-size: 14px;
+		border-left-width: 0;
+		border-right-width: 0;
+		color: $color;
+	}
+
+	.uni-numbox__minus {
+		border-top-left-radius: $br;
+		border-bottom-left-radius: $br;
+	}
+
+	.uni-numbox__plus {
+		border-top-right-radius: $br;
+		border-bottom-right-radius: $br;
+	}
+
+	.uni-numbox--text {
+		// fix nvue
+		line-height: 20px;
+
+		font-size: 20px;
+		font-weight: 300;
+		color: $color;
+	}
+
+	.uni-numbox .uni-numbox--disabled {
+		color: #c0c0c0 !important;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+</style>

pages.json

@@ -49,7 +49,7 @@
           "titleNView": false
         }
       }
-    },{
+    }, {
       "path": "pages/scanning_result_seimin/scanning_result_seimin", //药包扫描----知道了
       "style": {
         "h5": {
@@ -82,7 +82,8 @@
       "style": {
         "h5": {
           "titleNView": false
-        }
+        },
+        "enablePullDownRefresh": true
       }
     }, {
       "path": "pages/scanning_all/scanning_all", //大扫描->科室->正确
@@ -211,6 +212,29 @@
         "enablePullDownRefresh": false
       }
 
+    }, {
+      "path": "pages/specimenCheckingDetail/specimenCheckingDetail",
+      "style": {
+        "h5": {
+          "titleNView": false
+        },
+        "enablePullDownRefresh": true
+      }
+    }, {
+      "path": "pages/checkNumberPage/checkNumberPage",
+      "style": {
+        "h5": {
+          "titleNView": false
+        }
+      }
+    }, {
+      "path": "pages/checkNumberDetail/checkNumberDetail",
+      "style": {
+        "h5": {
+          "titleNView": false
+        },
+        "enablePullDownRefresh": true
+      }
     }
   ],
   "globalStyle": {

pages/checkNumberDetail/checkNumberDetail.vue

@@ -0,0 +1,625 @@
+<template>
+  <view class="specimenCheckingDetail">
+    <view class="page_header">
+      <view class="page_header_item">
+        <view class="page_header_title">
+          修改原因：
+        </view>
+        <view class="page_header_content">
+          我是你的爸爸
+        </view>
+      </view>
+      <view class="page_header_item">
+        <view class="page_header_title">
+          图片列表：
+        </view>
+        <view class="page_header_content">
+          <image v-for="(item,i) in imgs" :key="i" :src="item" @click="previewImage(i)" mode="widthFix"></image>
+        </view>
+      </view>
+    </view>
+    <view class="page_item_wrap" v-for="item in list" :key="item.id">
+      <view class="page_item">
+        <view class="page_item_top">
+          <view class="page_item_top-inner">
+            <view class="page_item_top_L">
+              <view class="L_text">{{item.patientName}}</view>
+            </view>
+            <view class="page_item_top_R">
+              <view class="L_iocn"><button type="primary" size="mini" class="back">退回</button></view>
+            </view>
+          </view>
+        </view>
+        <view class="page_item_cont">
+          <view class="page_item_cont_T">
+            <view class="page_item_cont_title">
+              <view>
+                检验项目
+              </view>
+              <view class="text_big">{{item.specimenDesc||'无'}}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view>
+                标本编码
+              </view>
+              <view class="text_big">{{item.scode||'无'}}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view>
+                标本类型
+              </view>
+              <view class="text_big">{{item.stype?item.stype.name:'无'}}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view>
+                申请科室
+              </view>
+              <view class="text_big">{{item.sickRoom?item.sickRoom.dept:'无'}}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view>
+                住院号
+              </view>
+              <view class="text_big">{{item.residenceNo||'无'}}</view>
+            </view>
+          </view>
+        </view>
+        <view class="L"></view>
+        <view class="R"></view>
+      </view>
+      <view class="L-l"></view>
+      <view class="R-l"></view>
+    </view>
+    <view class="foot_btn2"></view>
+    <!-- 退回弹窗 -->
+    <backModel v-if="backModels.disjunctor" :title="backModels.title" :disjunctor="backModels.disjunctor" @ok="backOk"
+      @cancel="backCancel"></backModel>
+    <!-- 填写交接人账号弹窗 -->
+    <selectAccount v-if="hosModels.disjunctor" :title="hosModels.title" :disjunctor="hosModels.disjunctor" @ok="hosOk"
+      @cancel="hosCancel">
+    </selectAccount>
+    <!-- 弹窗 -->
+    <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
+      :operate="models.operate" @know="know"></showModel>
+  </view>
+</template>
+<script>
+  import {
+    get,
+    post,
+    webHandle
+  } from "../../http/http.js";
+  export default {
+    data() {
+      return {
+        res: {},
+        backSpecimen: {},
+        backParams: {},
+        imgs: ['https://img1.baidu.com/it/u=3217543765,3223180824&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=750',
+          'https://img1.baidu.com/it/u=3217543765,3223180824&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=750',
+          'https://img1.baidu.com/it/u=3217543765,3223180824&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=750'
+        ],
+        startDeptId: null,
+        deptId: null,
+        msg: {}, //传递的信息
+        list: [],
+        targetDeptShow: [], //目标科室
+        // 填写交接人账号弹窗model
+        hosModels: {
+          disjunctor: false,
+        },
+        // 退回弹窗model
+        backModels: {
+          disjunctor: false,
+        },
+        // 弹窗model
+        models: {
+          disjunctor: false,
+        },
+      };
+    },
+    methods: {
+      // 退回
+      backHandler(specimen, workorderId, data) {
+        console.log(specimen);
+        const {
+          reasonForReturn,
+          remarks,
+        } = this.backParams;
+        uni.showLoading({
+          title: '加载中',
+          mask: true
+        })
+        let postData = {
+          reasonForReturn,
+          remarks,
+          scode: specimen.scode,
+          hosId: uni.getStorageSync("userData").user.currentHospital.id,
+          speState: specimen.speState ? specimen.speState.id : undefined,
+          handoverId: data ? data.accountId : undefined,
+          handoverName: data ? data.accountName : undefined,
+          gdId: workorderId || undefined,
+        }
+        post('/workerOrder/returnSpecimen', postData).then(res => {
+          uni.hideLoading();
+          if (res.state == 200) {
+            this.models = {
+              disjunctor: true,
+              title: "提示",
+              content: `标本退回成功`,
+              icon: "success",
+            };
+          } else {
+            this.models = {
+              disjunctor: true,
+              title: "提示",
+              content: `标本退回失败`,
+              icon: "error",
+            };
+          }
+        })
+      },
+      // 填写交接人账号-确认
+      hosOk(data) {
+        console.log(data);
+        const {
+          accountName,
+          account,
+          accountId
+        } = data;
+        if (!accountName && !account) {
+          //没有填写交接人
+          uni.showModal({
+            title: "提示",
+            content: "请填写交接人账号！",
+            showCancel: false,
+            success: function(res) {
+              if (res.confirm) {
+                console.log("用户点击确定");
+              } else if (res.cancel) {
+                console.log("用户点击取消");
+              }
+            },
+          });
+          return;
+        } else if ((!accountName && account) || (accountName && !account)) {
+          //没有填写交接人
+          uni.showModal({
+            title: "提示",
+            content: "请填写正确的交接人账号！",
+            showCancel: false,
+            success: function(res) {
+              if (res.confirm) {
+                console.log("用户点击确定");
+              } else if (res.cancel) {
+                console.log("用户点击取消");
+              }
+            },
+          });
+          return;
+        }
+        this.hosModels.disjunctor = false;
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        if (this.backStatus = 'back') {
+          // 退回
+          this.backHandler(this.backSpecimen, this.res.data.gdid, data);
+        } else {
+          this.nextDeptOrder_s(this.res.workOrder, data);
+        }
+      },
+      // 填写交接人账号-取消
+      hosCancel() {
+        this.hosModels.disjunctor = false;
+      },
+      // 填写交接人账号弹窗
+      showSelectAccount() {
+        this.hosModels = {
+          title: "填写交接人账号",
+          disjunctor: true,
+        };
+      },
+      // 退回-确认
+      backOk(data) {
+        console.log(data);
+        this.backParams = data;
+        this.hosModels.disjunctor = false;
+        let postData = {
+          "idx": 0,
+          "sum": 1,
+          "hospitalConfig": {
+            "hosId": uni.getStorageSync("userData").user.currentHospital.id,
+            "key": "returnSpecimenWhetherHandover"
+          }
+        };
+        uni.showLoading({
+          title: "加载中",
+          mask: true,
+        });
+        post('/simple/data/fetchDataList/hospitalConfig', postData).then((result) => {
+          uni.hideLoading();
+          if (result.status == 200) {
+            if (result.list[0].value == 1) {
+              this.showSelectAccount();
+            } else {
+              this.backHandler(this.backSpecimen, this.workOrderId);
+            }
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        })
+      },
+      // 退回-取消
+      backCancel() {
+        this.backModels.disjunctor = false;
+      },
+      // 退回弹窗
+      showBack() {
+        this.backModels = {
+          title: "退回",
+          disjunctor: true,
+        };
+      },
+      previewImage(index) {
+        //uniapp预览轮播图
+        uni.previewImage({
+          current: index, //预览图片的下标
+          urls: this.imgs //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
+        })
+      },
+      getList() {
+        uni.showLoading({
+          mask: true,
+          title: '加载中'
+        })
+        let postData = [Number(this.startDeptId), Number(this.deptId)]; //起点科室id，选择的科室id
+        post(`/api/getTransDeptSpecimens`, postData).then((res) => {
+          uni.hideLoading();
+          uni.stopPullDownRefresh();
+          if (res.status == 200) {
+            this.list = res.data;
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 返回
+      goto() {
+        uni.navigateTo({
+          url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(JSON.stringify(this.msg))}`,
+        });
+      },
+    },
+    onLoad(options) {
+      console.log(options, "快捷建单");
+      this.msg = JSON.parse(options.infoDATA);
+      this.startDeptId = options.startDeptId;
+      this.deptId = options.deptId;
+      this.getList();
+      // #ifdef APP-PLUS
+      webHandle("no", "app");
+      // #endif
+      // #ifdef H5
+      webHandle("no", "wx");
+      // #endif
+    },
+    onPullDownRefresh() {
+      this.getList();
+    },
+  };
+</script>
+<style lang="less" scoped>
+  .specimenCheckingDetail {
+    padding-bottom: 100rpx;
+
+    .page_header {
+      margin: 20rpx;
+      padding: 16rpx;
+      border: 2rpx solid #e5e9ed;
+      background: #fff;
+      border-radius: 8rpx;
+
+      .page_header_item {
+        margin-bottom: 16rpx;
+
+        .page_header_title {
+          margin-bottom: 8rpx;
+          font-weight: bold;
+        }
+
+        .page_header_content {
+          display: flex;
+
+          image {
+            flex: 1;
+            margin: 0 8rpx;
+          }
+        }
+      }
+    }
+
+    .page_item_wrap {
+      width: 100%;
+      height: auto;
+      box-sizing: border-box;
+      position: relative;
+      margin-bottom: 16rpx;
+
+      .page_item {
+        margin-top: 16rpx;
+        margin-bottom: 124rpx;
+        background: #fff;
+        border-radius: 8rpx;
+        margin: 0 20rpx;
+        border: 2rpx solid #e5e9ed;
+        position: relative;
+        overflow: hidden;
+        padding: 0 16rpx;
+
+        .L {
+          width: 40rpx;
+          height: 40rpx;
+          border-radius: 50%;
+          background: #f9fafb;
+          position: absolute;
+          left: -20rpx;
+          top: 68rpx;
+          border: 2rpx solid #e5e9ed;
+        }
+
+        .R {
+          width: 40rpx;
+          height: 40rpx;
+          border-radius: 50%;
+          background: #f9fafb;
+          position: absolute;
+          float: right;
+          right: -20rpx;
+          top: 68rpx;
+          border: 2rpx solid #e5e9ed;
+        }
+
+        .starting {
+          width: 50rpx;
+          height: 50rpx;
+          color: #fff;
+          background: #49b856;
+          display: inline-block;
+          border-radius: 50%;
+          text-align: center;
+          line-height: 46rpx;
+          font-size: 32rpx;
+          margin-right: 6rpx;
+        }
+
+        .End {
+          width: 50rpx;
+          height: 50rpx;
+          color: #fff;
+          background: #39b199;
+          display: inline-block;
+          border-radius: 50%;
+          text-align: center;
+          line-height: 46rpx;
+          font-size: 32rpx;
+          margin-right: 6rpx;
+        }
+
+        .page_item_top {
+          height: 88rpx;
+          border-bottom: 2rpx dashed #e5e9ed;
+          padding: 0 16rpx;
+
+          .page_item_top-inner {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 100%;
+
+            .page_item_top_L {
+              .emergencys {
+                background: #ff3b53 !important;
+                width: 124rpx !important;
+              }
+
+              .emergency {
+                background: #ff3b53 !important;
+              }
+
+              .emergency1 {
+                background: #49b856 !important;
+              }
+
+              .page_item_cont_start {
+                text-align: center;
+                height: 44rpx;
+                width: 104rpx;
+                line-height: 44rpx;
+                border-radius: 8rpx;
+                background: #49b856;
+                color: #fff;
+                display: inline-block;
+              }
+
+              .L_time {
+                color: #6cc076;
+                font-size: 32rpx;
+              }
+
+              .L_text {
+                font-size: 32rpx;
+                font-weight: 700;
+              }
+            }
+
+            .page_item_top_R {
+              font-size: 32rpx;
+
+              .back {
+                background-color: #49b856;
+              }
+
+              .L_iocn {
+                color: rgb(7, 134, 60);
+                font-size: 36rpx;
+                font-weight: 700;
+              }
+            }
+          }
+        }
+
+        .page_item_cont {
+          min-height: 90rpx;
+          padding: 0 16rpx;
+          text-align: left;
+          position: relative;
+
+          .text_big {
+            font-size: 32rpx;
+            font-weight: 700;
+            margin-top: 10rpx;
+
+            p {
+              font-weight: 700;
+              line-height: 1.5;
+            }
+          }
+
+          .page_item_cont_T {
+            padding-top: 28rpx;
+            padding-bottom: 28rpx;
+            font-size: 28rpx;
+
+            .page_item_cont_title {
+              height: 100%;
+              font-size: 32rpx;
+              display: flex;
+              justify-content: space-between;
+            }
+          }
+
+          .page_item_cont_B {
+            padding-top: 28rpx;
+            margin-bottom: 28rpx;
+
+            .page_item_cont_title {
+              font-size: 32rpx;
+              display: flex;
+              justify-content: space-between;
+            }
+
+            .page_item_cont_title1 {
+              height: 60rpx;
+              line-height: 60rpx;
+              font-size: 32rpx;
+              padding-left: 64rpx;
+            }
+          }
+        }
+
+        .page_item_foot {
+          border-top: 2rpx dashed #e5e9ed;
+          border-bottom: 2rpx dashed #e5e9ed;
+          padding: 28rpx 16rpx;
+          text-align: left;
+
+          .page_item_foot_text {
+            font-size: 32rpx;
+            margin-bottom: 20rpx;
+
+            .text1 {
+              color: rgb(102, 102, 102);
+            }
+
+            .text2 {
+              float: right;
+              font-weight: 700;
+            }
+          }
+        }
+
+        #infos {
+          display: none;
+        }
+
+        .page_item_infos {
+          padding-bottom: 20rpx;
+          border-bottom: 2rpx dashed #e5e9ed;
+
+          .page_item_info2 {
+            text-align: left;
+            line-height: 60rpx;
+            font-size: 32rpx;
+            padding-left: 16rpx;
+
+            .page_item_foot_text {
+              font-size: 32rpx;
+              margin-bottom: 20rpx;
+
+              .text1 {
+                color: rgb(102, 102, 102);
+              }
+
+              .text2 {
+                float: right;
+                font-weight: 700;
+              }
+            }
+          }
+        }
+      }
+
+      .L-l {
+        width: 2rpx;
+        height: 40rpx;
+        background: #f9fafb;
+        position: absolute;
+        left: 20rpx;
+        top: 72rpx;
+      }
+
+      .R-l {
+        width: 2rpx;
+        height: 40rpx;
+        background: #f9fafb;
+        position: absolute;
+        right: 20rpx;
+        top: 72rpx;
+      }
+    }
+
+    .foot_btn2 {
+      position: fixed;
+      bottom: 0;
+      width: 100vw;
+      padding: 0 20rpx;
+      box-sizing: border-box;
+      line-height: 66rpx;
+      height: 100rpx;
+      border-top: 2rpx solid #e5e9ed;
+      background: #f9fafb;
+      text-align: center;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .btn2 {
+        height: 66rpx;
+        flex: 1;
+        margin: 16rpx 16rpx 0;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+      }
+    }
+  }
+</style>

pages/checkNumberPage/checkNumberPage.vue

@@ -0,0 +1,222 @@
+<template>
+  <view class="checkNumberPage">
+    <view class="title">请填写本次您送达的标本数量！</view>
+    <view class="page_item_wrap">
+      <view class="changeSpeNum__article">
+        <view class="uni-list-cell">
+          <view class="uni-list-cell-left">
+            标本数量：
+          </view>
+          <view class="uni-list-cell-db">
+            <uni-number-box v-model="speNum"></uni-number-box>
+          </view>
+        </view>
+        <view class="uni-list-cell" v-if="speNum != num">
+          <view class="uni-list-cell-left">
+            上传图片：
+          </view>
+          <view class="uni-list-cell-db">
+            <uni-file-picker :auto-upload="false" :limit="3" title="最多选择3张图片" v-model="imageValue" fileMediatype="image"
+              mode="grid" @select="selectFile" @delete="deleteFile"></uni-file-picker>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="foot_btn2">
+      <view class="btn2" @click="createOrder">确认数量</view>
+      <view class="btn2" @click="goto()">查看标本</view>
+    </view>
+  </view>
+</template>
+<script>
+  import {
+    get,
+    post,
+    webHandle
+  } from "../../http/http.js";
+  export default {
+    data() {
+      return {
+        options: {},
+        imageValue: [], //图片列表
+        speNum: 0, //修改后的数量
+        num: 0,
+        reason: undefined, //修改原因
+        msg: {}, //页面展示信息
+      };
+    },
+    methods: {
+      // 获取上传状态
+      selectFile(e) {
+        console.log('选择文件：', e)
+        this.imageValue = this.imageValue.concat(e.tempFiles);
+      },
+
+      // 移除
+      deleteFile(e) {
+        console.log('移除：', e);
+        this.imageValue = this.imageValue.filter(v => v.uuid != e.tempFile.uuid);
+      },
+      // 获取信息
+      getInfo() {
+        uni.showLoading({
+          mask: true,
+          title: '加载中'
+        })
+        let postData = {
+          deptId: this.options.deptId,
+          gdId: this.msg.id
+        };
+        post(`/api/getStartDeptSpecimensNum`, postData).then((res) => {
+          uni.hideLoading();
+          if (res.status == 200) {
+            this.speNum = res.deptSpecimensNum;
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 查看标本
+      goto() {
+        uni.navigateTo({
+          url: `../../pages/checkNumberDetail/checkNumberDetail?startDeptId=${this.msg.startDept.id}&deptId=${this.options.deptId}`,
+        });
+      },
+      // 确认数量并建单
+      createOrder() {
+        uni.showModal({
+          title: '提示',
+          content: "您确认建单吗？",
+          success: (res) => {
+            if (res.confirm) {
+              console.log('用户点击确定');
+              uni.showLoading({
+                mask: true,
+                title: '加载中'
+              })
+              get(`/workerOrder/createQuickOrder/${this.msg.id}`, {}).then((res) => {
+                console.log(res)
+                uni.hideLoading();
+                if (res.status == 200) {
+                  if (res.type === 'plan-spe-ddd-2') {
+                    //需要扫描标本
+                    uni.navigateTo({
+                      url: `../../pages/scanning_code/scanning_code?type=${res.associationTypeName}&type1=${res.type}&id=${res.id}&deptCode=${res.deptCode}&dept=${res.deptName}&accountObj=undefined`,
+                    });
+                  } else {
+                    uni.navigateTo({
+                      url: "../receiptpage/receiptpage",
+                    });
+                  }
+                } else {
+                  uni.showToast({
+                    icon: "none",
+                    title: "请求失败！",
+                  });
+                }
+              });
+            } else if (res.cancel) {
+              console.log('用户点击取消');
+            }
+          }
+        });
+      },
+    },
+    onLoad(options) {
+      console.log(options, "快捷建单");
+      this.options = options;
+      this.msg = JSON.parse(options.infoDATA);
+      this.getInfo();
+      // #ifdef APP-PLUS
+      webHandle("no", "app");
+      // #endif
+      // #ifdef H5
+      webHandle("no", "wx");
+      // #endif
+    },
+  };
+</script>
+<style lang="less" scoped>
+  .checkNumberPage {
+    padding-bottom: 100rpx;
+
+    .title {
+      font-size: 48rpx;
+      margin-top: 24rpx;
+      margin-bottom: 24rpx;
+      text-align: center;
+    }
+
+    .page_item_wrap {
+      width: 100%;
+      height: auto;
+      box-sizing: border-box;
+      position: relative;
+      margin-bottom: 16rpx;
+
+      .uni-list-cell {
+        width: 94%;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-evenly;
+        align-items: center;
+        text-align: center;
+        margin-top: 32rpx;
+
+        .uni-list-cell-left {
+          flex: 2;
+          font-size: 32rpx;
+          color: #666;
+        }
+
+        .uni-list-cell-db {
+          padding: 16rpx 0;
+          flex: 5;
+        }
+
+        .uni-list-cell-db-text {
+          border: 1px solid #e5e9ed;
+          background-color: #fff;
+          flex: 5;
+          text-align: left;
+
+          textarea {
+            width: 100%;
+            box-sizing: border-box;
+            padding: 0 8rpx;
+            max-height: 150rpx;
+          }
+        }
+      }
+    }
+
+    .foot_btn2 {
+      position: fixed;
+      bottom: 0;
+      width: 100vw;
+      padding: 0 20rpx;
+      box-sizing: border-box;
+      line-height: 66rpx;
+      height: 100rpx;
+      border-top: 2rpx solid #e5e9ed;
+      background: #f9fafb;
+      text-align: center;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .btn2 {
+        height: 66rpx;
+        flex: 1;
+        margin: 16rpx 16rpx 0;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+      }
+    }
+  }
+</style>

pages/scanning_code/scanning_code.vue

@@ -312,6 +312,7 @@
       ">
       <view class="btn3" @click="Scanning_again(dataId)">继续扫描</view>
       <view class="btn3" @click="showHandViewSpecimen()">手动录入</view>
+      <view class="btn3" v-if="infoDATA.taskType.isDigitalHandover==1" @click="checkNumber(infoDATA)">数量核对</view>
       <view class="btn3" @click="next()" v-if="queryObj.fromSpecimenBuild">下一步</view>
     </view>
     <view class="foot_btn2 footerPadding" v-if="
@@ -407,6 +408,23 @@
       };
     },
     methods: {
+      // 数量核对
+      checkNumber(infoDATA) {
+        let deptId = this.queryObj.deptId;
+        let endDepts = this.queryObj.endDepts;
+        console.log(endDepts,'scanning_code')
+        if (deptId) {
+          // 小扫描
+          uni.navigateTo({
+            url: `/pages/specimenCheckingDetail/specimenCheckingDetail?infoDATA=${encodeURIComponent(JSON.stringify({startDept:this.infoDATA.startDept.id,uuid:this.infoDATA.id}))}&id=${deptId}&t=small&gdState=${this.infoDATA.gdState.value}&endDepts=${endDepts}`
+          })
+        } else {
+          // 快捷建单进入小扫描
+          uni.navigateTo({
+            url: `/pages/specimenCheckingDetail/specimenCheckingDetail?infoDATA=${encodeURIComponent(JSON.stringify({startDept:this.infoDATA.startDept.id,uuid:this.infoDATA.id}))}&id=${deptId}&t=small&endDepts=${endDepts}`
+          })
+        }
+      },
       // 手动查询药品-确认
       drugbagOk(data) {
         console.log(data);
@@ -474,18 +492,20 @@
         }
       },
       // 下一步
-      next(){
+      next() {
         uni.showLoading({
-          title:'加载中',
-          mask:true,
+          title: '加载中',
+          mask: true,
         })
-        post('/workerOrder/getSpecimenCount',{gdId:this.queryObj.id}).then(res=>{
+        post('/workerOrder/getSpecimenCount', {
+          gdId: this.queryObj.id
+        }).then(res => {
           get('/api/fetchData/specimen/' + this.queryObj.specimenId).then(ress => {
             uni.hideLoading();
             console.log(ress);
-            ress.msg='成功';
+            ress.msg = '成功';
             ress.specimenCount = res.specimenCount;
-            ress.type=this.queryObj.type1;
+            ress.type = this.queryObj.type1;
             uni.navigateTo({
               url: `../scanning_Result/scanning_Result?type=${
               this.queryObj.type
@@ -576,9 +596,9 @@
                   if (this.infoDATA.taskType.associationType.value == 'specimen' || this.infoDATA.taskType
                     .associationType.value == 'specimenPlan') {
                     if (type === 'scan') {
-                      setTimeout(()=>{
+                      setTimeout(() => {
                         this.Scanning_again(this.dataId);
-                      },500)
+                      }, 500)
                     }
                   }
                   if (
@@ -1239,7 +1259,7 @@
       .btn2 {
         height: 66rpx;
         flex: 1;
-        margin:0 1%;
+        margin: 0 1%;
         background-image: linear-gradient(to right, #72c172, #3bb197);
         color: #fff;
         border-radius: 8rpx;

pages/scanning_djEnd/scanning_djEnd.vue

@@ -127,7 +127,7 @@
           type1 === 'jp-dsd-1'
         ">知道了</view>
     </view>
-    <view class="foot_btn" v-if="
+    <view class="foot_btn_spe" v-if="
         (type == 'specimenPlan' &&
           type1 != 'plan-spe-dsd-1' &&
           (type1 != 'plan-spe-ddd-1') & (type1 != 'plan-spe-ddd-2')) ||
@@ -139,8 +139,9 @@
       <view class="btn3" @click="showHandViewSpecimen()">手动录入</view>
       <view class="btn3" @click="getNoScanSpecimen()">未扫描标本</view>
       <view class="btn2" @click="Scanning_complete(ids)">完成扫描</view>
+      <view class="btn2" @click="checkNumber()" v-if="queryObj.isDigitalHandover==1">数量核对</view>
     </view>
-    <view class="foot_btn" v-if="
+    <view class="foot_btn_spe" v-if="
         (type == 'specimenPlan' && type1 == 'plan-spe-ddd-2') ||
         (type == 'specimen' && type1 == 'spe-ddd-2')
       ">
@@ -148,6 +149,7 @@
       <view class="btn3" @click="showHandViewSpecimen()">手动录入</view>
       <view class="btn3" @click="getNoScanSpecimen()">未扫描标本</view>
       <view class="btn2" @click="Scanning_complete(ids)">完成扫描</view>
+      <view class="btn2" @click="checkNumber()" v-if="queryObj.isDigitalHandover==1">数量核对</view>
     </view>
     <view class="foot_btn" v-if="
         (infoDATA.state != 'finish' &&
@@ -248,6 +250,12 @@
       };
     },
     methods: {
+      // 数量核对 queryObj
+      checkNumber() {
+        uni.navigateTo({
+          url: `/pages/specimenCheckingDetail/specimenCheckingDetail?infoDATA=${encodeURIComponent(JSON.stringify({startDept:this.queryObj.startDeptId,uuid:this.queryObj.gdId}))}&id=${this.queryObj.signDeptId}&t=big&gdState=${this.queryObj.gdState}`
+        })
+      },
       // 手动查询药品-确认
       drugbagOk(data) {
         console.log(data);
@@ -373,9 +381,9 @@
                 //标本和标本轮巡工单，扫描标本后会自动调用摄像头，继续扫描，直到status不是200
                 if (this.type == "specimenPlan" || this.type == "specimen") {
                   if (type === 'scan') {
-                    setTimeout(()=>{
+                    setTimeout(() => {
                       this.Scanning_again();
-                    },500)
+                    }, 500)
                   }
                 }
                 this.speNum = ress.specimenCount;
@@ -803,5 +811,31 @@
         margin-top: 16rpx;
       }
     }
+
+    .foot_btn_spe {
+      line-height: 88rpx;
+      height: 100rpx;
+      margin-top: 40rpx;
+      text-align: center;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+
+      &::after {
+        content: '';
+        flex: 1;
+      }
+
+      view {
+        height: 88rpx;
+        width: 48%;
+        margin: 0 1%;
+        background-image: linear-gradient(to right, #72c172, #3bb197);
+        color: #fff;
+        border-radius: 8rpx;
+        font-size: 32rpx;
+        margin-top: 16rpx;
+      }
+    }
   }
 </style>

pages/shortcutbuildOrders/shortcutbuildOrders.vue

@@ -62,24 +62,40 @@
     methods: {
       // 新建工单并签到
       createOrder() {
-        get(`/workerOrder/createQuickOrder/${this.msg.id}`, {}).then((res) => {
-          console.log(res)
-          if (res.status == 200) {
-            if (res.type === 'plan-spe-ddd-2') {
-              //需要扫描标本
-              uni.navigateTo({
-                url: `../../pages/scanning_code/scanning_code?type=${res.associationTypeName}&type1=${res.type}&id=${res.id}&deptCode=${res.deptCode}&dept=${res.deptName}&accountObj=undefined`,
-              });
-            } else {
-              uni.navigateTo({
-                url: "../receiptpage/receiptpage",
+        uni.showModal({
+          title: '提示',
+          content: "您确认建单吗？",
+          success: (res) => {
+            if (res.confirm) {
+              console.log('用户点击确定');
+              uni.showLoading({
+                mask: true,
+                title: '加载中'
+              })
+              get(`/workerOrder/createQuickOrder/${this.msg.id}`, {}).then((res) => {
+                console.log(res)
+                uni.hideLoading();
+                if (res.status == 200) {
+                  if (res.type === 'plan-spe-ddd-2') {
+                    //需要扫描标本
+                    uni.navigateTo({
+                      url: `../../pages/scanning_code/scanning_code?type=${res.associationTypeName}&type1=${res.type}&id=${res.id}&deptCode=${res.deptCode}&dept=${res.deptName}&accountObj=undefined`,
+                    });
+                  } else {
+                    uni.navigateTo({
+                      url: "../receiptpage/receiptpage",
+                    });
+                  }
+                } else {
+                  uni.showToast({
+                    icon: "none",
+                    title: "请求失败！",
+                  });
+                }
               });
+            } else if (res.cancel) {
+              console.log('用户点击取消');
             }
-          } else {
-            uni.showToast({
-              icon: "none",
-              title: "请求失败！",
-            });
           }
         });
       },

pages/specimenChecking/specimenChecking.vue

@@ -1,7 +1,7 @@
 <template>
-  <view class="Receipt_infopage">
+  <view class="specimenChecking">
     <view class="title">请您确认一下科室标本数量！</view>
-    <view class="page_item_wrap" v-for="item in msg.deptDataList" :key="item[0]">
+    <view class="page_item_wrap" v-for="item in list" :key="item[0]" @click="gotoDetail(item)">
       <view class="page_item">
         <view class="page_item_top">
           <view class="page_item_top-inner">
@@ -38,42 +38,89 @@
 <script>
   import {
     get,
+    post,
     webHandle
   } from "../../http/http.js";
   export default {
     data() {
       return {
+        list: [],
         msg: {}, //页面展示信息
-        targetDeptShow: [], //目标科室
       };
     },
     methods: {
+      // 获取列表
+      getList() {
+        uni.showLoading({
+          mask: true,
+          title: '加载中'
+        })
+        let postData = {
+          startDept: this.msg.startDept,
+          targetDept: this.msg.targetDept,
+          uuid: this.msg.uuid
+        }; //起点科室id，选择的科室ids
+        post(`/api/getDeptSpecimensNum`, postData).then((res) => {
+          uni.hideLoading();
+          uni.stopPullDownRefresh();
+          if (res.status == 200) {
+            this.list = res.data;
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        });
+      },
+      // 跳转到详情页
+      gotoDetail(item) {
+        uni.navigateTo({
+          url: `../../pages/specimenCheckingDetail/specimenCheckingDetail?infoDATA=${encodeURIComponent(JSON.stringify(this.msg))}&id=${item[0]}&endDepts=${this.msg.targetDept}`,
+        });
+      },
       // 知道了
       goto() {
         uni.navigateTo({
           url: `../../pages/receiptpage/receiptpage`,
         });
       },
-      // 新建工单并签到
+      // 确认数量并建单
       createOrder() {
-        get(`/workerOrder/createQuickOrder/${this.msg.id}`, {}).then((res) => {
-          console.log(res)
-          if (res.status == 200) {
-            if (res.type === 'plan-spe-ddd-2') {
-              //需要扫描标本
-              uni.navigateTo({
-                url: `../../pages/scanning_code/scanning_code?type=${res.associationTypeName}&type1=${res.type}&id=${res.id}&deptCode=${res.deptCode}&dept=${res.deptName}&accountObj=undefined`,
-              });
-            } else {
-              uni.navigateTo({
-                url: "../receiptpage/receiptpage",
+        uni.showModal({
+          title: '提示',
+          content: "您确认建单吗？",
+          success: (res) => {
+            if (res.confirm) {
+              console.log('用户点击确定');
+              uni.showLoading({
+                mask: true,
+                title: '加载中'
+              })
+              get(`/workerOrder/createQuickOrder/${this.msg.id}`, {}).then((res) => {
+                console.log(res)
+                uni.hideLoading();
+                if (res.status == 200) {
+                  if (res.type === 'plan-spe-ddd-2') {
+                    //需要扫描标本
+                    uni.navigateTo({
+                      url: `../../pages/scanning_code/scanning_code?type=${res.associationTypeName}&type1=${res.type}&id=${res.id}&deptCode=${res.deptCode}&dept=${res.deptName}&accountObj=undefined&endDepts=${this.msg.targetDept}`,
+                    });
+                  } else {
+                    uni.navigateTo({
+                      url: "../receiptpage/receiptpage",
+                    });
+                  }
+                } else {
+                  uni.showToast({
+                    icon: "none",
+                    title: "请求失败！",
+                  });
+                }
               });
+            } else if (res.cancel) {
+              console.log('用户点击取消');
             }
-          } else {
-            uni.showToast({
-              icon: "none",
-              title: "请求失败！",
-            });
           }
         });
       },
@@ -81,7 +128,7 @@
     onLoad(options) {
       console.log(options, "快捷建单");
       this.msg = JSON.parse(options.infoDATA);
-      this.targetDeptShow = this.msg.targetDeptShow.split(",");
+      this.getList();
       // #ifdef APP-PLUS
       webHandle("no", "app");
       // #endif
@@ -89,11 +136,15 @@
       webHandle("no", "wx");
       // #endif
     },
+    onPullDownRefresh() {
+      this.getList();
+    },
   };
 </script>
-<style lang="less">
-  .Receipt_infopage {
+<style lang="less" scoped>
+  .specimenChecking {
     padding-bottom: 100rpx;
+
     .title {
       font-size: 48rpx;
       margin-top: 24rpx;

pages/specimenCheckingDetail/specimenCheckingDetail.vue

@@ -0,0 +1,963 @@
+<template>
+  <view class="specimenCheckingDetail">
+    <view class="page_header" v-if="options.t && (modifyReason || imgs.length)">
+      <view class="page_header_item" v-if="modifyReason">
+        <view class="page_header_title"> 修改原因： </view>
+        <view class="page_header_content">
+          {{ modifyReason }}
+        </view>
+      </view>
+      <view class="page_header_item" v-if="imgs.length">
+        <view class="page_header_title"> 图片列表： </view>
+        <view class="page_header_content">
+          <image
+            v-for="(item, i) in imgs"
+            :key="i"
+            :src="item"
+            @click="previewImage(i)"
+            mode="widthFix"
+            @error="close(i)"
+          ></image>
+        </view>
+      </view>
+    </view>
+    <view class="page_item_wrap" v-for="item in list" :key="item.id">
+      <view class="page_item">
+        <view class="page_item_top">
+          <view class="page_item_top-inner">
+            <view class="page_item_top_L">
+              <view class="L_text">{{ item.patientName }}</view>
+            </view>
+            <view class="page_item_top_R">
+              <view class="L_iocn"
+                ><button
+                  type="primary"
+                  size="mini"
+                  class="back"
+                  @click="back(item, msg.uuid)"
+                >
+                  退回
+                </button></view
+              >
+            </view>
+          </view>
+        </view>
+        <view class="page_item_cont">
+          <view class="page_item_cont_T">
+            <view class="page_item_cont_title">
+              <view> 检验项目 </view>
+              <view class="text_big">{{ item.specimenDesc || "无" }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 标本编码 </view>
+              <view class="text_big">{{ item.scode || "无" }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 标本类型 </view>
+              <view class="text_big">{{
+                item.stype ? item.stype.name : "无"
+              }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 申请科室 </view>
+              <view class="text_big">{{
+                item.sickRoom ? item.sickRoom.dept : "无"
+              }}</view>
+            </view>
+            <view class="page_item_cont_title">
+              <view> 住院号 </view>
+              <view class="text_big">{{ item.residenceNo || "无" }}</view>
+            </view>
+          </view>
+        </view>
+        <view class="L"></view>
+        <view class="R"></view>
+      </view>
+      <view class="L-l"></view>
+      <view class="R-l"></view>
+    </view>
+    <view class="foot_btn2">
+      <view class="btn2" @click="showChangeSpe()">修改数量</view>
+      <view class="btn2" @click="goto()">返回</view>
+    </view>
+    <!-- 修改标本数量弹窗 -->
+    <changeSpeNum
+      v-if="changeSpeModels.disjunctor"
+      :title="changeSpeModels.title"
+      :disjunctor="changeSpeModels.disjunctor"
+      @ok="speOk"
+      @cancel="speCancel"
+      :num="speNum"
+    >
+    </changeSpeNum>
+    <!-- 退回弹窗 -->
+    <backModel
+      v-if="backModels.disjunctor"
+      :title="backModels.title"
+      :disjunctor="backModels.disjunctor"
+      @ok="backOk"
+      @cancel="backCancel"
+    ></backModel>
+    <!-- 填写交接人账号弹窗 -->
+    <selectAccount
+      v-if="hosModels.disjunctor"
+      :title="hosModels.title"
+      :disjunctor="hosModels.disjunctor"
+      @ok="hosOk"
+      @cancel="hosCancel"
+    >
+    </selectAccount>
+    <!-- 弹窗 -->
+    <showModel
+      :title="models.title"
+      :icon="models.icon"
+      :disjunctor="models.disjunctor"
+      :content="models.content"
+      :operate="models.operate"
+      @know="know"
+    ></showModel>
+  </view>
+</template>
+<script>
+import { get, post, webHandle } from "../../http/http.js";
+export default {
+  data() {
+    return {
+      res: {},
+      backStatus: "",
+      workOrderId: 0,
+      backSpecimen: {},
+      backParams: {},
+      imgs: [],
+      // --------------------
+      speNum: 0,
+      modifyReason: "",
+      options: {},
+      selectDeptId: null,
+      msg: {}, //传递的信息
+      list: [],
+      targetDeptShow: [], //目标科室
+      // 修改标本数量弹窗model
+      changeSpeModels: {
+        disjunctor: false,
+      },
+      // 退回弹窗model
+      backModels: {
+        disjunctor: false,
+      },
+      // 填写交接人账号弹窗model
+      hosModels: {
+        disjunctor: false,
+      },
+      // 弹窗model
+      models: {
+        disjunctor: false,
+      },
+    };
+  },
+  methods: {
+    close(i) {
+      this.imgs.splice(i, 1);
+    },
+    know() {
+      this.models.disjunctor = false;
+      if (this.models.icon === "success") {
+        uni.navigateTo({
+          url: "../receiptpage/receiptpage",
+        });
+      }
+    },
+    // 退回
+    back(specimen, workOrderId) {
+      this.backSpecimen = specimen;
+      this.backStatus = "back";
+      this.workOrderId = workOrderId;
+      this.showBack();
+    },
+    // 退回
+    backHandler(specimen, workorderId, data) {
+      console.log(specimen);
+      const { reasonForReturn, remarks } = this.backParams;
+      uni.showLoading({
+        title: "加载中",
+        mask: true,
+      });
+      let postData = {
+        deptId:
+          this.selectDeptId == "undefined"
+            ? this.msg.startDept
+            : this.selectDeptId,
+        reasonForReturn,
+        remarks,
+        scode: specimen.scode,
+        hosId: uni.getStorageSync("userData").user.currentHospital.id,
+        speState: specimen.speState ? specimen.speState.id : undefined,
+        handoverId: data ? data.accountId : undefined,
+        handoverName: data ? data.accountName : undefined,
+        gdId: workorderId || undefined,
+      };
+      post("/workerOrder/returnSpecimen", postData).then((res) => {
+        uni.hideLoading();
+        if (res.state == 200) {
+          this.models = {
+            disjunctor: true,
+            title: "提示",
+            content: `标本退回成功`,
+            icon: "success",
+          };
+        } else {
+          this.models = {
+            disjunctor: true,
+            title: "提示",
+            content: `标本退回失败`,
+            icon: "error",
+          };
+        }
+      });
+    },
+    // 填写交接人账号-确认
+    hosOk(data) {
+      console.log(data);
+      const { accountName, account, accountId } = data;
+      if (!accountName && !account) {
+        //没有填写交接人
+        uni.showModal({
+          title: "提示",
+          content: "请填写交接人账号！",
+          showCancel: false,
+          success: function (res) {
+            if (res.confirm) {
+              console.log("用户点击确定");
+            } else if (res.cancel) {
+              console.log("用户点击取消");
+            }
+          },
+        });
+        return;
+      } else if ((!accountName && account) || (accountName && !account)) {
+        //没有填写交接人
+        uni.showModal({
+          title: "提示",
+          content: "请填写正确的交接人账号！",
+          showCancel: false,
+          success: function (res) {
+            if (res.confirm) {
+              console.log("用户点击确定");
+            } else if (res.cancel) {
+              console.log("用户点击取消");
+            }
+          },
+        });
+        return;
+      }
+      this.hosModels.disjunctor = false;
+      uni.showLoading({
+        title: "加载中",
+        mask: true,
+      });
+      console.log(this.backStatus, "this.backStatus");
+      if ((this.backStatus = "back")) {
+        // 退回
+        this.backHandler(this.backSpecimen, this.msg.uuid, data);
+      }
+    },
+    // 填写交接人账号-取消
+    hosCancel() {
+      this.hosModels.disjunctor = false;
+    },
+    // 填写交接人账号弹窗
+    showSelectAccount() {
+      this.hosModels = {
+        title: "填写交接人账号",
+        disjunctor: true,
+      };
+    },
+    // 退回-确认
+    backOk(data) {
+      console.log(data);
+      this.backParams = data;
+      this.hosModels.disjunctor = false;
+      let postData = {
+        idx: 0,
+        sum: 1,
+        hospitalConfig: {
+          hosId: uni.getStorageSync("userData").user.currentHospital.id,
+          key: "returnSpecimenWhetherHandover",
+        },
+      };
+      uni.showLoading({
+        title: "加载中",
+        mask: true,
+      });
+      post("/simple/data/fetchDataList/hospitalConfig", postData).then(
+        (result) => {
+          uni.hideLoading();
+          if (result.status == 200) {
+            if (result.list[0].value == 1) {
+              this.showSelectAccount();
+            } else {
+              this.backHandler(this.backSpecimen, this.workOrderId);
+            }
+          } else {
+            uni.showToast({
+              icon: "none",
+              title: "请求失败！",
+            });
+          }
+        }
+      );
+    },
+    // 退回-取消
+    backCancel() {
+      this.backModels.disjunctor = false;
+    },
+    // 退回弹窗
+    showBack() {
+      this.backModels = {
+        title: "退回",
+        disjunctor: true,
+      };
+    },
+    previewImage(index) {
+      //uniapp预览轮播图
+      uni.previewImage({
+        current: index, //预览图片的下标
+        urls: this.imgs, //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
+      });
+    },
+    // ---------------------------
+    getInfo() {
+      uni.showLoading({
+        mask: true,
+        title: "加载中",
+      });
+      let postData = {
+        deptId:
+          this.selectDeptId == "undefined"
+            ? this.msg.startDept
+            : this.selectDeptId,
+        gdId: this.msg.uuid,
+      };
+      post(`/api/getStartDeptSpecimensNum`, postData).then((res) => {
+        uni.hideLoading();
+        if (res.status == 200) {
+          this.speNum = res.deptSpecimensNum;
+          this.modifyReason = res.modifyReason;
+          get(
+            `/common/common/listAttachment/specimenPhotos/${res.bindId}`
+          ).then((result) => {
+            if (result.status == 200) {
+              this.imgs = result.data.map((v) => v.previewUrl);
+            } else {
+              this.imgs = [];
+            }
+          });
+        } else {
+          this.speNum = "";
+          this.modifyReason = "";
+        }
+      });
+    },
+    getList() {
+      uni.showLoading({
+        mask: true,
+        title: "加载中",
+      });
+      let postData = {
+        checkDept: this.options.endDepts, //终点科室
+        transDept: Number(this.msg.startDept), //起点科室id
+      };
+      if (this.selectDeptId != "undefined") {
+        if (Number(this.msg.startDept) != Number(this.selectDeptId)) {
+          postData.checkDept = Number(this.selectDeptId); //签到的科室或者选择的科室
+        }
+      }
+      post(`/api/getTransDeptSpecimens`, postData).then((res) => {
+        uni.hideLoading();
+        uni.stopPullDownRefresh();
+        if (res.status == 200) {
+          this.list = res.data;
+          this.getInfo();
+        } else {
+          uni.showToast({
+            icon: "none",
+            title: "请求失败！",
+          });
+        }
+      });
+    },
+    // 返回
+    goto() {
+      if (this.options.t == "big") {
+        uni.navigateBack();
+      } else if (this.options.t == "small") {
+        uni.navigateBack();
+      } else {
+        uni.navigateTo({
+          url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+            JSON.stringify(this.msg)
+          )}`,
+        });
+      }
+    },
+    // 修改标本数量-确认
+    speOk(data) {
+      console.log(data);
+      const pathUrl = uni.getStorageSync("path");
+      const { speNum, reason, imageValue } = data;
+      this.changeSpeModels.disjunctor = false;
+      uni.showLoading({
+        mask: true,
+        title: "加载中",
+      });
+      let postData = {
+        checkDept: this.options.endDepts, //终点科室
+        transDeptId: this.msg.startDept,
+        gdId: this.msg.uuid,
+        deptId:
+          this.selectDeptId == "undefined"
+            ? this.msg.startDept
+            : this.selectDeptId,
+        specimensNum: speNum,
+        modifyReason: reason,
+      };
+      post("/api/updateCheckDeptSpecimensNum", postData).then((res) => {
+        if (res.status == 200) {
+          console.log(imageValue);
+          if (!imageValue.length) {
+            uni.hideLoading();
+            uni.showModal({
+              title: "提示",
+              content: "修改成功！",
+              showCancel: false,
+              success: (result) => {
+                if (result.confirm) {
+                  console.log("用户点击确定");
+                  if (this.options.t == "big") {
+                    if (this.options.gdState == 4) {
+                      // 待到达
+                      uni.navigateTo({
+                        url: `../../pages/receiptpage/receiptpage`,
+                      });
+                    } else if (this.options.gdState == 5) {
+                      // 待送达
+                      if (res.type1 === "plan-spe-ddd-2") {
+                      } else {
+                        let content = `本工单已签到<strong class="red">${
+                          res.scanSet ? res.scanSet.join("、") : ""
+                        }</strong>，剩余需签到科室<strong class="red">${
+                          res.notScanSet ? res.notScanSet.join("、") : ""
+                        }</strong>，总签收<strong class="red">${
+                          res.totalAcceptance
+                        }</strong>只，剩余<strong class="red">${
+                          res.notAcceptance
+                        }</strong>只未签收，您确定完成工单吗？`;
+                        uni.navigateTo({
+                          url: `../scanning/scanning?type=${res.type}&type1=${
+                            res.type1
+                          }&id=${encodeURIComponent(
+                            JSON.stringify([res.gdid])
+                          )}&content=${content}`,
+                        });
+                      }
+                    }
+                  } else if (this.options.t == "small") {
+                    if (this.selectDeptId == "undefined") {
+                      //快捷建单建单进入
+                      uni.navigateTo({
+                        url: `../../pages/receiptpage/receiptpage`,
+                      });
+                    } else {
+                      if (this.options.gdState == 4) {
+                        // 待到达
+                        uni.navigateTo({
+                          url: `../../pages/receiptpage/receiptpage`,
+                        });
+                      } else if (this.options.gdState == 5) {
+                        // 待送达
+                        if (res.type1 === "plan-spe-ddd-2") {
+                        } else {
+                          let content = `本工单已签到<strong class="red">${
+                            res.scanSet ? res.scanSet.join("、") : ""
+                          }</strong>，剩余需签到科室<strong class="red">${
+                            res.notScanSet ? res.notScanSet.join("、") : ""
+                          }</strong>，总签收<strong class="red">${
+                            res.totalAcceptance
+                          }</strong>只，剩余<strong class="red">${
+                            res.notAcceptance
+                          }</strong>只未签收，您确定完成工单吗？`;
+                          uni.navigateTo({
+                            url: `../scanning/scanning?type=${res.type}&type1=${
+                              res.type1
+                            }&id=${encodeURIComponent(
+                              JSON.stringify([res.gdid])
+                            )}&content=${content}`,
+                          });
+                        }
+                      }
+                    }
+                  } else {
+                    uni.navigateTo({
+                      url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+                        JSON.stringify(this.msg)
+                      )}`,
+                    });
+                  }
+                } else if (result.cancel) {
+                  console.log("用户点击取消");
+                }
+              },
+            });
+            return;
+          }
+          let n = 0;
+          imageValue.forEach((v) => {
+            // 图片上传 start
+            console.log("压缩前");
+            let canvasWidth = v.image.width; //图片原始长宽
+            let canvasHeight = v.image.height;
+            let img = new Image();
+            img.src = v.path;
+            let canvas = document.createElement("canvas");
+            let ctx = canvas.getContext("2d");
+            canvas.width = canvasWidth;
+            canvas.height = canvasHeight;
+            ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight);
+            canvas.toBlob(
+              (fileSrc) => {
+                let tp = window.URL.createObjectURL(fileSrc);
+                console.log("压缩后");
+                n++;
+                uni.uploadFile({
+                  url:
+                    pathUrl +
+                    "/common/common/uploadAttachment/specimenPhotos/" +
+                    res.deptSpecimensNumId +
+                    "/666",
+                  filePath: tp,
+                  name: "file",
+                  formData: {
+                    filename: v.cloudPath,
+                  },
+                  success: (uploadFileRes) => {
+                    console.log(uploadFileRes);
+                    if (--n === 0) {
+                      uni.hideLoading();
+                      uni.showModal({
+                        title: "提示",
+                        content: "修改成功！",
+                        showCancel: false,
+                        success: (res) => {
+                          if (res.confirm) {
+                            console.log("用户点击确定", this.options.t);
+                            if (this.options.t == "big") {
+                              if (this.options.gdState == 4) {
+                                // 待到达
+                                uni.navigateTo({
+                                  url: `../../pages/receiptpage/receiptpage`,
+                                });
+                              } else if (this.options.gdState == 5) {
+                                // 待送达
+                                uni.navigateTo({
+                                  url: `../../pages/receiptpage/receiptpage`,
+                                });
+                              }
+                            } else if (this.options.t == "small") {
+                              if (this.selectDeptId == "undefined") {
+                                //快捷建单建单进入
+                                uni.navigateTo({
+                                  url: `../../pages/receiptpage/receiptpage`,
+                                });
+                              } else {
+                                if (this.options.gdState == 4) {
+                                  // 待到达
+                                  uni.navigateTo({
+                                    url: `../../pages/receiptpage/receiptpage`,
+                                  });
+                                } else if (this.options.gdState == 5) {
+                                  // 待送达
+                                  uni.navigateTo({
+                                    url: `../../pages/receiptpage/receiptpage`,
+                                  });
+                                }
+                              }
+                            } else {
+                              uni.navigateTo({
+                                url: `../../pages/specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+                                  JSON.stringify(this.msg)
+                                )}`,
+                              });
+                            }
+                          } else if (res.cancel) {
+                            console.log("用户点击取消");
+                          }
+                        },
+                      });
+                    }
+                  },
+                  fail: (err) => {
+                    n--;
+                    console.error(err);
+                    uni.hideLoading();
+                    uni.showToast({
+                      icon: "none",
+                      title: "上传失败",
+                      duration: 2000,
+                    });
+                  },
+                });
+              },
+              "image/jpeg",
+              0.3
+            );
+            // 图片上传 end
+          });
+        } else {
+          uni.hideLoading();
+          uni.showToast({
+            icon: "none",
+            title: "请求失败！",
+          });
+        }
+      });
+    },
+    // 修改标本数量-取消
+    speCancel() {
+      this.changeSpeModels.disjunctor = false;
+    },
+    // 修改标本数量弹窗
+    showChangeSpe() {
+      this.changeSpeModels = {
+        title: "修改标本数量",
+        disjunctor: true,
+      };
+    },
+  },
+  onLoad(options) {
+    console.log(options, "快捷建单");
+    this.options = options;
+    this.msg = JSON.parse(options.infoDATA);
+    this.selectDeptId = options.id;
+    // this.msg = JSON.parse(options.infoDATA);
+    // this.targetDeptShow = this.msg.targetDeptShow.split(",");
+    this.getList();
+    // #ifdef APP-PLUS
+    webHandle("no", "app");
+    // #endif
+    // #ifdef H5
+    webHandle("no", "wx");
+    // #endif
+  },
+  onPullDownRefresh() {
+    this.getList();
+  },
+};
+</script>
+<style lang="less" scoped>
+.specimenCheckingDetail {
+  padding-bottom: 100rpx;
+
+  .page_header {
+    margin: 20rpx;
+    padding: 16rpx;
+    border: 2rpx solid #e5e9ed;
+    background: #fff;
+    border-radius: 8rpx;
+
+    .page_header_item {
+      margin-bottom: 16rpx;
+
+      .page_header_title {
+        margin-bottom: 8rpx;
+        font-weight: bold;
+      }
+
+      .page_header_content {
+        display: flex;
+
+        image {
+          height: 100rpx;
+          width: 30%;
+          margin: 0 8rpx;
+        }
+      }
+    }
+  }
+
+  .page_item_wrap {
+    width: 100%;
+    height: auto;
+    box-sizing: border-box;
+    position: relative;
+    margin-bottom: 16rpx;
+
+    .page_item {
+      margin-top: 16rpx;
+      margin-bottom: 124rpx;
+      background: #fff;
+      border-radius: 8rpx;
+      margin: 0 20rpx;
+      border: 2rpx solid #e5e9ed;
+      position: relative;
+      overflow: hidden;
+      padding: 0 16rpx;
+
+      .L {
+        width: 40rpx;
+        height: 40rpx;
+        border-radius: 50%;
+        background: #f9fafb;
+        position: absolute;
+        left: -20rpx;
+        top: 68rpx;
+        border: 2rpx solid #e5e9ed;
+      }
+
+      .R {
+        width: 40rpx;
+        height: 40rpx;
+        border-radius: 50%;
+        background: #f9fafb;
+        position: absolute;
+        float: right;
+        right: -20rpx;
+        top: 68rpx;
+        border: 2rpx solid #e5e9ed;
+      }
+
+      .starting {
+        width: 50rpx;
+        height: 50rpx;
+        color: #fff;
+        background: #49b856;
+        display: inline-block;
+        border-radius: 50%;
+        text-align: center;
+        line-height: 46rpx;
+        font-size: 32rpx;
+        margin-right: 6rpx;
+      }
+
+      .End {
+        width: 50rpx;
+        height: 50rpx;
+        color: #fff;
+        background: #39b199;
+        display: inline-block;
+        border-radius: 50%;
+        text-align: center;
+        line-height: 46rpx;
+        font-size: 32rpx;
+        margin-right: 6rpx;
+      }
+
+      .page_item_top {
+        height: 88rpx;
+        border-bottom: 2rpx dashed #e5e9ed;
+        padding: 0 16rpx;
+
+        .page_item_top-inner {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          height: 100%;
+
+          .page_item_top_L {
+            .emergencys {
+              background: #ff3b53 !important;
+              width: 124rpx !important;
+            }
+
+            .emergency {
+              background: #ff3b53 !important;
+            }
+
+            .emergency1 {
+              background: #49b856 !important;
+            }
+
+            .page_item_cont_start {
+              text-align: center;
+              height: 44rpx;
+              width: 104rpx;
+              line-height: 44rpx;
+              border-radius: 8rpx;
+              background: #49b856;
+              color: #fff;
+              display: inline-block;
+            }
+
+            .L_time {
+              color: #6cc076;
+              font-size: 32rpx;
+            }
+
+            .L_text {
+              font-size: 32rpx;
+              font-weight: 700;
+            }
+          }
+
+          .page_item_top_R {
+            font-size: 32rpx;
+
+            .back {
+              background-color: #49b856;
+            }
+
+            .L_iocn {
+              color: rgb(7, 134, 60);
+              font-size: 36rpx;
+              font-weight: 700;
+            }
+          }
+        }
+      }
+
+      .page_item_cont {
+        min-height: 90rpx;
+        padding: 0 16rpx;
+        text-align: left;
+        position: relative;
+
+        .text_big {
+          font-size: 32rpx;
+          font-weight: 700;
+          margin-top: 10rpx;
+
+          p {
+            font-weight: 700;
+            line-height: 1.5;
+          }
+        }
+
+        .page_item_cont_T {
+          padding-top: 28rpx;
+          padding-bottom: 28rpx;
+          font-size: 28rpx;
+
+          .page_item_cont_title {
+            height: 100%;
+            font-size: 32rpx;
+            display: flex;
+            justify-content: space-between;
+          }
+        }
+
+        .page_item_cont_B {
+          padding-top: 28rpx;
+          margin-bottom: 28rpx;
+
+          .page_item_cont_title {
+            font-size: 32rpx;
+            display: flex;
+            justify-content: space-between;
+          }
+
+          .page_item_cont_title1 {
+            height: 60rpx;
+            line-height: 60rpx;
+            font-size: 32rpx;
+            padding-left: 64rpx;
+          }
+        }
+      }
+
+      .page_item_foot {
+        border-top: 2rpx dashed #e5e9ed;
+        border-bottom: 2rpx dashed #e5e9ed;
+        padding: 28rpx 16rpx;
+        text-align: left;
+
+        .page_item_foot_text {
+          font-size: 32rpx;
+          margin-bottom: 20rpx;
+
+          .text1 {
+            color: rgb(102, 102, 102);
+          }
+
+          .text2 {
+            float: right;
+            font-weight: 700;
+          }
+        }
+      }
+
+      #infos {
+        display: none;
+      }
+
+      .page_item_infos {
+        padding-bottom: 20rpx;
+        border-bottom: 2rpx dashed #e5e9ed;
+
+        .page_item_info2 {
+          text-align: left;
+          line-height: 60rpx;
+          font-size: 32rpx;
+          padding-left: 16rpx;
+
+          .page_item_foot_text {
+            font-size: 32rpx;
+            margin-bottom: 20rpx;
+
+            .text1 {
+              color: rgb(102, 102, 102);
+            }
+
+            .text2 {
+              float: right;
+              font-weight: 700;
+            }
+          }
+        }
+      }
+    }
+
+    .L-l {
+      width: 2rpx;
+      height: 40rpx;
+      background: #f9fafb;
+      position: absolute;
+      left: 20rpx;
+      top: 72rpx;
+    }
+
+    .R-l {
+      width: 2rpx;
+      height: 40rpx;
+      background: #f9fafb;
+      position: absolute;
+      right: 20rpx;
+      top: 72rpx;
+    }
+  }
+
+  .foot_btn2 {
+    position: fixed;
+    bottom: 0;
+    width: 100vw;
+    padding: 0 20rpx;
+    box-sizing: border-box;
+    line-height: 66rpx;
+    height: 100rpx;
+    border-top: 2rpx solid #e5e9ed;
+    background: #f9fafb;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .btn2 {
+      height: 66rpx;
+      flex: 1;
+      margin: 16rpx 16rpx 0;
+      background-image: linear-gradient(to right, #72c172, #3bb197);
+      color: #fff;
+      border-radius: 8rpx;
+      font-size: 32rpx;
+    }
+  }
+}
+</style>