From 227b5ceb7e9d88fd4b865781f2e7a2690142e5f2 Mon Sep 17 00:00:00 2001
From: kimi <kimi42345@gmail.com>
Date: 星期二, 11 二月 2020 17:31:29 +0800
Subject: [PATCH] 修改

---
 src/components/popup/portion/substep.vue |   82 +++++++++++++++++++++++++++++++++++------
 1 files changed, 70 insertions(+), 12 deletions(-)

diff --git a/src/components/popup/portion/substep.vue b/src/components/popup/portion/substep.vue
index 2d90b4a..c628b12 100644
--- a/src/components/popup/portion/substep.vue
+++ b/src/components/popup/portion/substep.vue
@@ -18,7 +18,7 @@
 				<div v-show="showData['title']" class="transition-box" style="text-align: center; margin: 0 10px;">
 					<h3 style="margin: 10px;">绔嬮鏈嶅姟</h3>
 					<div>
-						<el-form :show-message="false" :model="form_['title']" ref="ref_title" label-position='right' label-width="100px"  class="demo-form-inline">
+						<el-form :rules="rules_check" :show-message="false" :model="form_['title']" ref="ref_title" label-position='right' label-width="100px"  class="demo-form-inline">
 							<el-row>
 								<el-col :span="22" class="z_grid-content3">
 									<el-form-item label="棰樼洰绫诲瀷" prop="titleType"
@@ -80,20 +80,32 @@
 								</el-col>
 							</el-row>
 							<el-row>
-								<el-col :span="11" class="z_grid-content3">
+								<el-form-item label="璧锋鏃堕棿:" prop="items">
+									<el-date-picker
+										v-model="form_['title'].items"
+										type="daterange"
+										range-separator="鑷�"
+										start-placeholder="寮�濮嬫棩鏈�"
+										end-placeholder="缁撴潫鏃ユ湡"
+										style="width: 100%;"
+										>
+									</el-date-picker>
+								</el-form-item>
+								
+								<!-- <el-col :span="11" class="z_grid-content3">
 									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
-										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+										:rules="{type: "array", required: true, validator: validateStartTime, trigger: ['change', 'blur']}"
 									>
 											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['title'].startTime" style="width: 100%;"></el-date-picker>
 									</el-form-item>
 								</el-col>
 								<el-col :span="11" class="z_grid-content3">
 									<el-form-item label="缁撴潫鏃ユ湡" prop="endTime" 
-										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+										:rules="{required: true, validator: validateEndTime, trigger: ['change', 'blur']}"
 									>
 											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['title'].endTime" style="width: 100%;"></el-date-picker>
 									</el-form-item>
-								</el-col>
+								</el-col> -->
 							</el-row>
 						</el-form>
 					</div>
@@ -137,7 +149,19 @@
 								</el-col>
 							</el-row>
 							<el-row>
-								<el-col :span="11" class="z_grid-content3">
+								<el-form-item label="璧锋鏃堕棿:" prop="items">
+									<el-date-picker
+										v-model="form_['scheme'].items"
+										type="daterange"
+										range-separator="鑷�"
+										start-placeholder="寮�濮嬫棩鏈�"
+										end-placeholder="缁撴潫鏃ユ湡"
+										style="width: 100%;"
+										>
+									</el-date-picker>
+								</el-form-item>
+								
+								<!-- <el-col :span="11" class="z_grid-content3">
 									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
 										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
 									>
@@ -150,7 +174,7 @@
 									>
 											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['scheme'].endTime" style="width: 100%;"></el-date-picker>
 									</el-form-item>
-								</el-col>
+								</el-col> -->
 							</el-row>
 						</el-form>
 					</div>
@@ -1194,11 +1218,33 @@
 		  xmId: {
 		     type: String,
 		     required: true
-		  }
+		  },
+			totalItems: {
+				type: Array,
+				required: true
+			}
 		},
     data() {
+			var validateItems = (rule, value, callback) => {
+			  if (value === '' || !value || value.length == 0) {
+			    callback(new Error('璇烽�夋嫨'));
+			  }
+				
+				if (value[0] < this.totalItems[0]) {
+					callback(new Error('蹇呴』澶т簬' + this.$moment(ruleForm_.items[0]).format('YYYY-MM-DD')));
+				}
+				if (value[1] > this.totalItems[1]) {
+					callback(new Error('蹇呴』灏忎簬' + this.$moment(ruleForm_.items[1]).format('YYYY-MM-DD')));
+				}
+				
+			  else {
+			    callback();
+			  }
+			};
+			
       return {
 				showData: {},
+				finish: false,
 				hideData: {
 					'title': false,
 					'scheme': false,
@@ -1417,6 +1463,16 @@
 				],
 				
 				titleInput_: "",
+				rules_check: {
+				  items: [
+				    {
+				      required: true,
+				      validator: validateItems,
+				      type: "array",
+				      trigger: ["change", "blur"]
+				    }
+				  ]
+				},
 				
 				options_users: [
 				  {
@@ -1450,7 +1506,6 @@
 			  let url = "/api/sysRoleMapping/detail";
 			  this.$axios.get(url)
 			  .then(data_ => {
-			    console.log(data_);
 			    let list = data_.data.data;
 			    let parId = "";
 			    let obj = {};
@@ -1478,17 +1533,16 @@
 			            obj[id].children = [list[i]];
 			        }
 			    }
+				
 			    me.options_users = result;
 			
 			  }).catch(error =>{
-			      console.log(error);
 			  })
 			},
 			
 			getDetailed() {
 				let url = "/api/detail/parent/" + this.xmId;
 				this.$axios.get(url).then(data_ => {
-				  console.log(data_);
 					this.defaultCheckedKeys = [];
 					this.showData = {};
 					let details_ = data_.data.data;
@@ -1506,11 +1560,15 @@
 							this.form_[detail_.type].userIds = [];
 							this.form_[detail_.type].userIds.push(detail_.roleName);
 							this.form_[detail_.type].userIds.push(detail_.userId);
+							
+							this.form_[detail_.type].items = [];
+							this.form_[detail_.type].items.push(detail_.startTime);
+							this.form_[detail_.type].items.push(detail_.endTime);
 						}
 						
 					}
+					this.finish = true;
 				}).catch(error =>{
-				    console.log(error);
 				})
 				
 			},

--
Gitblit v1.8.0