hs_hzl_uniapp_ml/pageApp/ge/gePurchase.vue

<template>
	<view>
		<view>
			<hs-show label="申请人" :data="data.formData.apply_user_name"></hs-show>
			<hs-show label="部门" :data="data.formData.dept_id" mode="dept"></hs-show>
			<hs-show label="物品类型" :data="data.formData.purchase_type" mode="dict" dictKey="goods_property_type"></hs-show>
			<hs-show label="申请原因" :data="data.formData.remark"></hs-show>
			<hs-show label="用途" :data="data.formData.what_use"></hs-show>
			<hs-show label="规格型号" :data="data.formData.goods_gg"></hs-show>
			<!-- <hs-show label="物品类型" :data="data.formData.goods_type" mode="dict" dictKey="goods_storage_type"></hs-show> -->
			<hs-show label="物品名称" :data="data.formData.goods_name"></hs-show>
			<hs-show label="需求数量" :data="data.formData.want_use_amount"></hs-show>
			<hs-show label="预估单价" :data="data.formData.yg_unit_price"></hs-show>
			<hs-show label="预估总价" :data="data.formData.yg_total_prices"></hs-show>
			<!-- <hs-show label="采购状态" :data="data.formData.purchase_status"></hs-show> -->
			<view class="desc">
				已添加照片
			</view>
			<view class="desc">
				<uni-file-picker :value="JSON.parse(data.formData.photos)" file-mediatype="image" readonly>
				</uni-file-picker>
			</view>
		</view>
		<ge></ge>
		<view class="content" v-if="data.pageType === 1">
			<!-- @touchstart="handleStart" @touchmove="handleMove" @touchend="handleEnd" -->
			<view :style="{'transform':'translate3d('+0+'px,'+-180+'px,0)'}" class="touch">
				<view @click="confirm1">
					<view style="margin-left: 25rpx;">
						<uni-row>
							同意
						</uni-row>
						<uni-row>
							结束
						</uni-row>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import ge from '../components/ge'
	export default {
		components: {
			ge
		},
		data() {
			return {
				data: uni.getStorageSync("approval")
			}
		},
		mounted() {},
		methods: {
			confirm1(e) {
				let that = this;
				uni.showModal({
					title: "提醒",
					content: "确定在当前节点同意并结束吗？",
					success(res) {
						if (res.confirm) {
							that.$httpRequest({
								url: '/app/useSealEnd?taskId=' + that.data.id,
								method: 'get'
							}).then((res) => {
								if (res.data.code === 200) {
									uni.showModal({
										title: "结束成功",
										icon: "OK",
										showCancel: false,
										success() {
											uni.navigateBack()
										}
									})
								} else {
									uni.showModal({
										title: "结束失败",
										content: res.msg,
										showCancel: false,
										success() {
											uni.navigateBack()
										}
									})
								}
							})
						}
					}
				})
			}
		}
	}
</script>

<style>
	.desc {
		padding: 10rpx 30rpx;
		color: #818181;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.touch {
		position: fixed;
		right: -5rpx;
		bottom: 60rpx;
		width: 105rpx;
		height: 105rpx;
		padding: 5rpx;
		background-color: rgb(10, 185, 156);
		border-top-left-radius: 50%;
		border-bottom-left-radius: 50%;
		color: #fff;
		font-size: 50rpx;
		/* 去除标签点击事件高亮效果 */
		-webkit-tap-highlight-color: transparent;
		/* 使用transform: translate3d 处理性能高 GUP */
	}
</style>