lh-mobile/pages/communication/communication.vue

<template>
	<view>
		<cu-custom bgColor="bg-luohu" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">检测报告</block>
		</cu-custom>
		<view>
			<view class="cu-form-group">
				<view class="title">表单编号:</view>
				<input placeholder="请输入表单编号" v-model="form.biaoDanBianHao" name="input" :disabled="true"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">客户单位名称:</view>
				<input placeholder="请输入客户单位名称" v-model="form.buMenName" name="input" :disabled="true"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">客户联系人:</view>
				<input placeholder="请输入客户联系人" v-model="form.keHuLianXiRen" name="input"></input>
				<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
					v-if="form.keHuLianXiRen != ''" @click="form.keHuLianXiRen = ''"></u-icon>
			</view>
			<view class="cu-form-group">
				<view class="title">委托单号:</view>
				<input placeholder="请输入委托单号" v-model="form.weiTuoDanHao" name="input"></input>
				<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
					v-if="form.weiTuoDanHao != ''" @click="form.weiTuoDanHao = ''"></u-icon>
			</view>
			<view class="cu-form-group">
				<view class="title">联系电话:</view>
				<input placeholder="请输入联系电话" v-model="form.lianXiDianHua" name="input"></input>
				<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
					v-if="form.lianXiDianHua != ''" @click="form.lianXiDianHua = ''"></u-icon>
			</view>
			<view class="cu-form-group">
				<view class="title">样品名称:</view>
				<input placeholder="请输入样品名称" v-model="form.yangPinMingCheng" name="input"></input>
				<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
					v-if="form.yangPinMingCheng != ''" @click="form.yangPinMingCheng = ''"></u-icon>
			</view>
			<view class="cu-form-group">
				<view class="title">样品编号:</view>
				<input placeholder="请输入样品编号" v-model="form.yangPinBianHao" name="input"></input>
				<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
					v-if="form.yangPinBianHao != ''" @click="form.yangPinBianHao = ''"></u-icon>
			</view>
			<view class="cu-form-group">
				<view class="title">样品类型:</view>
				<input placeholder="请输入样品类型" v-model="form.yangPinLeiXing" name="input"></input>
				<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
					v-if="form.yangPinLeiXing != ''" @click="form.yangPinLeiXing = ''"></u-icon>
			</view>
			<view class="cu-form-group">
				<view class="title">报告编号:</view>
				<input placeholder="请输入报告编号" v-model="form.baoGaoBianHao" name="input"></input>
				<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
					v-if="form.baoGaoBianHao != ''" @click="form.baoGaoBianHao = ''"></u-icon>
			</view>
			<view class="cu-form-group">
				<view class="title">沟通类型:</view>
				<input placeholder="请选择沟通类型" v-model="form.gouTongLeiXing" name="input" disabled></input>
				<u-button type="success" size="mini" @click="sheetShow = true">选择</u-button>
			</view>
			<uni-section title="沟通内容" type="line" padding>
				<textarea maxlength="-1" v-model="form.gouTongNeiRong" placeholder="意见和建议"></textarea>
			</uni-section>
			<!-- 			<uni-section title="上传附件" type="line">
				<view class="example-body">
					<uni-file-picker limit="5" file-mediatype="all" @select="select" @progress="progress"
						@success="success" @fail="fail" @delete="deleteMe" :auto-upload="false" ref="uploadMe">
					</uni-file-picker>
				</view>
			</uni-section> -->
			<uni-section title="签名" type="line" padding>
				<view style="width: 100%;">
					<view style="text-align: right;width: 100%;">
						<view>
							<u-button type="primary" size="mini" @click="qianming(0)">
								签名</u-button>
							<u-button type="primary" size="mini" @click="deqianming(0)" style="margin-left: 15rpx;"
								v-if="form.keHu != ''">
								取消</u-button>
						</view>
					</view>
					<view style="width: 100%;" v-if="form.keHu != ''">
						<image :src="form.keHu" style="width: 100%;height: 500rpx;border: 1px #eee solid;">
						</image>
					</view>
				</view>
			</uni-section>
			<view class="padding flex flex-direction">
				<button class="cu-btn bg-blue lg" @click="onSubmit">提交</button>
			</view>
		</view>

		<u-action-sheet :list="list" v-model="sheetShow" @click="actionSheetCallback"></u-action-sheet>
		<u-popup mode="center" v-model="popupShow">
			<view style="padding: 30rpx;background: #FFFFFF;width: 100%;">
				<view class="cu-form-group ">
					<view class="title">签名</view>
				</view>
				<autograph @save="save" @clear="clear" @close="close"></autograph>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import {
		ACCESS_TOKEN,
		USER_NAME,
		USER_INFO
	} from "@/common/util/constants" // 拉取登录token,userName,userInfo
	import http from '@/common/service/http.js'
	import autograph from '@/components/autograph/autograph'
	export default {
		components: {
			autograph
		},
		data() {
			return {
				sheetShow: false,
				form: {
					biaoDanBianHao: '',
					buMenName: '',
					keHuDanWeiMingChe: '',
					keHuLianXiRen: '',
					weiTuoDanHao: '',
					lianXiDianHua: '',
					yangPinMingCheng: '',
					yangPinBianHao: '',
					yangPinLeiXing: '',
					baoGaoBianHao: '',
					gouTongLeiXing: '',
					gouTongNeiRong: '',
					keHu: ''
				},
				fuJianShangChuanArray: [],
				popupShow: false,
				list: [{
					text: '投诉'
				}, {
					text: '委托单'
				}, {
					text: '检测项目'
				}, {
					text: '样品信息修改'
				}, {
					text: '检测结果'
				}, {
					text: '检测报告退回'
				}, {
					text: '其它'
				}],
				kehuXinXinList: []
			}
		},
		created() {
			this.getGtbh()
			this.getKehu()
		},
		methods: {
			actionSheetCallback(e) {
				this.form.gouTongLeiXing = this.list[e].text
			},
			// 获取上传状态
			select(file) {
				//读取文件大小
				var fileSize = file.size;
				let token = uni.getStorageSync(ACCESS_TOKEN)
				if (fileSize > 1048576) {
					that.$message({
						type: 'error',
						showClose: true,
						duration: 3000,
						message: '文件大于1M!'
					});
					return false;
				}
				let that = this
				for (let e in file.tempFilePaths) {
					console.log("000", file.tempFiles[e].file)
					var extName = file.tempFiles[e].file.name.substring(file.tempFiles[e].file.name.lastIndexOf('.'));
					const path = file.tempFilePaths[e];
					uni.uploadFile({
						// url: http.apiHosp + 'ibps/platform/v3/file/upload/mobile', //仅为示例，非真实的接口地址
						url: http.apiHosp + '/ibps/platform/v3/file/upload', //仅为示例，非真实的接口地址
						filePath: path,
						name: 'file',
						formData: {
							'ext': '.jpg'
						},
						header: {
							'X-Authorization-access_token': token,
							'X-Authorization-systemid': ''
						},
						success: (uploadFileRes) => {
							let data = JSON.parse(uploadFileRes.data)
							that.fuJianShangChuanArray.push({
								fileid: file.tempFiles[e].file.uuid,
								uploadid: data.data.id
							})
						}
					});
				}
				return true;
				console.log('选择文件：')
			},
			// 删除
			deleteMe(file) {
				for (let e in this.fuJianShangChuanArray) {
					if (this.fuJianShangChuanArray[e].fileid == file.tempFile.uuid) {
						this.fuJianShangChuanArray.splice(e, 1)
					}
				}
			},
			// 获取上传进度
			progress(e) {
				console.log('上传进度：', e)
			},
			// 上传成功
			success(file) {

				console.log('上传成功', file)
			},
			// 上传失败
			fail(e) {
				console.log('上传失败：', e)
			},
			//弹出框显示
			qianming(index) {
				this.qianshow = true
				this.qianIndex = index
				this.popupShow = true
			},
			//清除签名
			deqianming(index) {
				if (index == 0) {
					this.form.keHu = ''
				}
			},
			//保存签名
			save(val) {
				if (this.qianIndex == 0) {
					this.form.keHu = val
				}
				this.qianshow = false
				this.popupShow = false
			},
			//清除签名
			clear(val) {
				if (this.qianIndex == 0) {
					this.form.keHu = ''
				}
			},
			/**
			 * 关闭签名弹窗
			 */
			close() {
				this.popupShow = false
			},

			//获取样品编号
			getGtbh(callback) {
				let smsParams = {
					alias: "gtbh"
				};
				let this_ = this
				this.$http.post("/ibps/business/v3/jc/sys/getNextIdByAlias", smsParams).then(res => {
					if (res.data.state == 200) {
						const data = res.data.data
						this.form.biaoDanBianHao = data
					}
				});
			},
			getKehu() {
				let info = uni.getStorageSync(USER_INFO);
				if (info) {
					this.mobile = info.employee.mobile
				}
				let sql =
					`select tk.id_,tk.ke_hu_ming_cheng_,ty.lian_xi_ren_,ty.ke_hu_dian_hua_ from t_khxx tk,t_yxkh ty where tk.ke_hu_ming_cheng_ = ty.id_  and ty.ke_hu_dian_hua_='${this.mobile}' ORDER BY tk.create_time_ desc`

				let requestData = this.$sig(sql)

				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const data = res.data.variables.data
						if (data.length > 0) {
							data.forEach((item, index) => {
								this.$set(item, 'value', item.ke_hu_ming_cheng_)
								this.$set(item, 'text', item.lian_xi_ren_)
							})
							this.kehuXinXinList = data
							this.form.keHuDanWeiMingChe = data[0].id_ || ''
							this.form.buMenName = data[0].lian_xi_ren_
							this.form.lianXiDianHua = data[0].ke_hu_dian_hua_ || ''
							this.form.keHuLianXiRen = data[0].lian_xi_ren_ || ''
						} else {
							return uni.showToast({
								title: '该账户暂时不能填写满意度调查,如果需要填写请联系本公司',
								icon: 'none',
								duration: 2000
							})
						}
					}
				})
			},
			onSubmit() {
				let info = uni.getStorageSync(USER_INFO);
				let useId = info.user.id
				let detpId = info.org.id

				if (this.form.buMenName == '') {
					return uni.showToast({
						title: '该账户暂时不能填写满意度调查,如果需要填写请联系本公司',
						icon: 'none',
						duration: 2000
					})
				}

				var nowDate = new Date((new Date).getTime() + 8 * 60 * 60 * 1000)
				var time = nowDate.toJSON().split('T').join(' ').substr(0, 10);
				let para = {
					"parameters": [{
							"key": "defId",
							"value": "1056942070293331968"
						},
						{
							"key": "version",
							"value": "0"
						},
						{
							"key": "data",
							"value": ""
						}
					]
				}
				this.form.bianZhiRen = useId
				this.form.bianZhiShiJian = time
				this.form.bianZhiBuMen = detpId
				this.form.shiFouGuoShen = "已编制"
				para.parameters[2].value = JSON.stringify(this.form);
				let that = this;
				this.$http.post("ibps/business/v3/bpm/instance/start", para).then(res => {
					if (res.data.state == 200) {
						this.$tip.success("提交成功!")
						this.$Router.replace({
							name: 'index'
						})
					}
				}).catch((err) => {
					let msg = ((err.response || {}).data || {}).message || err.data.message || "请求出现错误，请稍后再试"
					this.$tip.error(msg);
				});
			}
		}
	}
</script>

<style>

</style>