add：演练disabled

src/_peixun_yanlian_detail.html

@@ -19,7 +19,7 @@
 					<div class="form-item">
 						<span class="form-label title_require">培训标题</span>
 						<div class="form-input-wrap">
-							<input type="text" v-model="formData.contactName" class="form-input" placeholder="">
+							<input type="text" v-model="formData.contactName"  :disabled="flag=='XQ'" class="form-input" placeholder="">
 						</div>
 					</div>
 
@@ -35,13 +35,13 @@
 					<div class="form-item">
 						<span class="form-label title_require">培训人数(人)</span>
 						<div class="form-input-wrap">
-							<input type="text" v-model="formData.contactDetails" class="form-input" placeholder="">
+							<input type="text" v-model="formData.contactDetails" :disabled="flag=='XQ'"  class="form-input" placeholder="">
 						</div>
 					</div>
 					<div class="form-item">
 						<span class="form-label title_require">培训人</span>
 						<div class="form-input-wrap">
-							<input type="text" v-model="formData.contactDetails" class="form-input" placeholder="">
+							<input type="text" v-model="formData.contactDetails" :disabled="flag=='XQ'" class="form-input" placeholder="">
 						</div>
 					</div>
 
@@ -50,8 +50,9 @@
 
 						<span class="form-label title_require">培训日期</span>
 						<div class="form-input-wrap">
-							<van-field readonly v-model="formData.date" placeholder="" class="form-input"
-								@click="showDatePicker=true" />
+							<van-field readonly v-model="formData.date" :disabled="flag=='XQ'" placeholder="" class="form-input"
+								@click="showDatePickerModal" />
+							
 						</div>
 					</div>
 					<van-popup v-model="showDatePicker" position="bottom">

src/_peixun_yanlian_detail.js

@@ -9,6 +9,7 @@ window.addEventListener("load", function () {
 		el: '#app',
 		data() {
 			return {
+				previewUrl: BASE_URL,
 				flag: 'XQ',
 				flag: 'ADD',
 				showDatePicker: false,  // 控制日期选择器显示
@@ -22,23 +23,23 @@ window.addEventListener("load", function () {
 					createDate: gemhoUtil.getTargetDateYMD(),
 					date: gemhoUtil.getTargetDateYMD(),
 					phone: '',
-					area: '',	
 					businessHours: '',
 					type: '', // 新增类型字段
 				},
-				merId: '',
-				merInformation: { // 新增商户信息对象
-
-				},
+				id: ''
 			}
 		},
 		created() {
-			let params = gemhoUtil.getUrlParams()
-			console.log(params);
-			this.merId = params.merId
+
 		},
 		mounted() {
-			this.getShopInfo() // 获取商户信息
+			this.id = gemhoUtil.getParameter('id')
+			if(this.id){ // 详情
+				this.flag = 'XQ'
+				this.detail() // 获取商户信息
+			}else{
+				this.flag = 'ADD'
+			}
 		},
 		// watch: {
 		// 	'formData.date': {
@@ -49,6 +50,23 @@ window.addEventListener("load", function () {
 		// 	}
 		// },
 		methods: {
+			showDatePickerModal(){
+				if(this.flag=='XQ'){
+					return
+				}
+				this.showDatePicker = true
+			},
+			showImage(list, index) {
+				const images = list.map((item)=>{
+					return this.previewUrl + item
+				})
+				console.log(images, 'images')
+				vant.ImagePreview({
+					images,
+					startPosition: index,
+					closeable: true,
+				});
+			},
 			gotoPage(stringifyUrl) {
 				let url = gemhoUtil.setParameter(`src/_${stringifyUrl}.html`)
 				gemhoUtil.navigatePage(url, '跳转中...')
@@ -69,23 +87,34 @@ window.addEventListener("load", function () {
 				// 此处可添加实际文件上传逻辑
 			},
 
-			navTo(url) {
-				// gemhoUtil.nav2asd(url)
-				let params = gemhoUtil.getUrlParams()
-				if (url == 'check_info') {
-					params = {
-						...params,
-						flag: 'ADD',
-						pageName: '_shanghu_home'
-					}
-				}
-				let strurl = gemhoUtil.setParameter(`_${url}.html`, params)
-				gemhoUtil.navigatePage(strurl, '跳转中...')
-			},
 			submitForm() {
 				if (!this.formData.content) {
 					vant.Dialog.alert({
-						message: '安全建议不可为空',
+						message: '培训标题不可为空',
+					})
+					return;
+				}
+				if (!this.formData.content) {
+					vant.Dialog.alert({
+						message: '培训演练类别不可为空',
+					})
+					return;
+				}
+				if (!this.formData.content) {
+					vant.Dialog.alert({
+						message: '培训人数不可为空',
+					})
+					return;
+				}
+				if (!this.formData.content) {
+					vant.Dialog.alert({
+						message: '培训人不可为空',
+					})
+					return;
+				}
+				if (!this.formData.content) {
+					vant.Dialog.alert({
+						message: '图片不可为空',
 					})
 					return;
 				}
@@ -105,24 +134,11 @@ window.addEventListener("load", function () {
 					vant.Toast({
 						message: '操作成功',
 					})
-					// this.formData = {
-					// 	submitDate: gemhoUtil.getTargetDateYMD(),
-					// 	createDate: gemhoUtil.getTargetDateYMD(),
-					// 	phone: '',
-					// 	area: '',
-					// 	businessHours: '',
-					// 	type: '', // 新增类型字段
-					// 	content: '',
-					// 	photos: [],
-					// 	contactName: '',
-					// 	contactDetails: '',
-					// },
 					location.reload()
-					// gemhoUtil.navigatePage(`${this.pageName}.html${window.location.search}`, '操作完成,跳转中...')
 				})
 			},
 			//获取商户信息
-			getShopInfo() {
+			detail() {
 				vant.Toast.loading({
 					message: '正在加载...',
 					forbidClick: true,
@@ -146,7 +162,6 @@ window.addEventListener("load", function () {
 							if (!res) {
 								// 中台返回为undefined 重新请求
 								vant.Toast.clear()
-								this.page = this.page - 1 // 重新请求后，分页数恢复上一次请求的值
 								setTimeout(() => {
 									// this.getList()
 								}, 0)
@@ -154,7 +169,7 @@ window.addEventListener("load", function () {
 							}
 							if (res) {
 								var result = JSON.parse(res)
-								this.merInformation = { ...this.merInformation, ...result.data }
+								this.formData = { ...this.formData, ...result.data }
 							}
 						}
 					)