<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
		<title>高区“码”上</title>
		<script type="text/javascript" src="../sdk/includeHead.js"></script>
		<style>
      /* 添加禁用状态文字颜色保持 */
      input:disabled,
      input[disabled] {
        color: #333 !important; /* 保持与正常状态相同的颜色 */
        -webkit-text-fill-color: #333 !important; /* 兼容iOS Safari */
      }
    </style>
	</head>
	<div id="app">
		<div class="wrapper" v-cloak>
			<!-- 表单内容 -->
			<van-cell-group inset>
				<van-cell-group>
					<!-- <van-field label="商家名称" v-model="formData.unitName" :disabled="flag=='XQ'" /> -->
					<div class="textStyleWrapper">
						<span class="textStyleLabel">商家名称</span>
						<span class="textStyleText">{{formData.unitName}}</span>
					</div>
				</van-cell-group>
				<van-cell-group>
					<!-- <van-field label="负责人" v-model="formData.owner" type="tel" :disabled="flag=='XQ'" /> -->
					<div class="textStyleWrapper">
						<span class="textStyleLabel">负责人</span>
						<span class="textStyleText">{{formData.owner}}</span>
					</div>
				</van-cell-group>
				<van-cell-group>
					<van-field label="电话"  style="color: #222"  v-model="formData.merchantPhone" type="number" :disabled="flag=='XQ'" />
				</van-cell-group>
				<van-cell-group>
					<!-- <van-field label="地址" v-model="formData.businessAddress" :disabled="flag=='XQ'" /> -->
					<div class="textStyleWrapper">
						<span class="textStyleLabel">地址</span>
						<span class="textStyleText">{{formData.businessAddress}}</span>
					</div>
			
				</van-cell-group>
				<van-cell-group>
					<van-field label="场所类型"  style="color: #222"  v-model="formData.smallPlaceTypeName" :disabled="flag=='XQ'" />
				</van-cell-group>
				<!-- <van-cell-group>
						<van-field label="场所类型" v-model="formData.type" placeholder="请选择场所类型" readonly clickable
							@click="showTypePicker = true" />
					</van-cell-group>
						
					<van-popup v-model:show="showTypePicker" position="bottom">
						<van-picker show-toolbar :columns="typeOptions" @confirm="onConfirmType"
							@cancel="showTypePicker = false" />
					</van-popup>
					 -->
				<van-cell-group>
					<van-field label="安全二维码"  style="color: #222"  :disabled="true" />
				</van-cell-group>
			</van-cell-group>
			
			<img :src="formData.qrCodeUrl" style="margin-left: 50%; transform: translateX(-50%);"/>
			<button class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" onclick="saveCanvas()" v-if="formData.qrCodeUrl">保存二维码</button>
		</div>
	</div>
	</body>

</html>