From b9f1a5cfe9aab102660b0995711211a7bb50243f Mon Sep 17 00:00:00 2001
From: zhangyanpeng <bob.zhang@highdatas.com>
Date: 星期日, 19 一月 2020 13:08:10 +0800
Subject: [PATCH] 新增

---
 src/components/popup/portion/substep.vue         | 1562 +++++++++++++++++++++++++++
 src/components/popup/portion/substepReadOnly.vue | 1516 ++++++++++++++++++++++++++
 src/components/menu/navigationItem.vue           |   56 
 src/components/popup/newProject.vue              |  280 ++++
 4 files changed, 3,414 insertions(+), 0 deletions(-)

diff --git a/src/components/menu/navigationItem.vue b/src/components/menu/navigationItem.vue
new file mode 100644
index 0000000..dd84823
--- /dev/null
+++ b/src/components/menu/navigationItem.vue
@@ -0,0 +1,56 @@
+<template>
+ <div v-if="item.children">
+   <template v-if="item.children.length == 0">
+       <el-menu-item :index="item.path" >
+         <i class="el-icon-menu"></i>
+         <span>{{item.title}}</span>
+       </el-menu-item>
+   </template>
+   <el-submenu v-else :index="item.path">
+    <template slot="title" >
+      <i class="el-icon-menu"></i>
+      <span>{{item.title}}</span>
+    </template>
+    <template v-for="child in item.children">
+      <navigation-item  v-if="child.children&&child.children.length>0"
+        :item="child"
+        :key="child.path"/>
+      <el-menu-item v-else :key="child.path" :index="child.path">
+        <!-- <i class="el-icon-location"></i> -->
+        <span>{{child.title}}</span>
+      </el-menu-item>
+    </template>
+   </el-submenu>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'navigationItem',
+ data () {
+	 return {
+		 hoverEl: ""
+	 }
+ },
+ props: {
+	 item: {
+		 type: Object,
+		 required: true
+		}
+ },
+ methods:{
+	 
+ }
+}
+</script>
+<style >
+  .el-main {
+    border-right: 0px;
+  }
+	.el-menu-item{
+		text-align: left;
+	}
+	.el-submenu__title{
+		text-align: left;
+	}
+</style>
diff --git a/src/components/popup/newProject.vue b/src/components/popup/newProject.vue
new file mode 100644
index 0000000..a81cc58
--- /dev/null
+++ b/src/components/popup/newProject.vue
@@ -0,0 +1,280 @@
+<template>
+  <div class="class_dataImport">
+     <el-steps :active="add_Step" align-center>
+       <el-step title="鐮旂┒鐩爣" description="鏄庣‘涓村簥闂"></el-step>
+       <el-step title="鏂规璁捐" description="纭珛鏂规"></el-step>
+       <el-step title="棰勮" description=""></el-step>
+     </el-steps>
+     <div style="height: 55vh; padding:0px; box-sizing:boder-box; overflow: auto;">
+       <div v-if="add_Step == 0" style="width: 100%; height: 100%;" align="center">
+        <div style="padding-top: 5%; box-sizing:boder-box">
+					<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+					  <el-form-item label="椤圭洰鍚嶇О:" prop="name" style="width: 50%;">
+					    <el-input v-model="ruleForm.name"></el-input>
+					  </el-form-item>
+					  <el-form-item label="鐮旂┒鐩殑:" prop="objective" style="width: 50%;">
+					    <el-select v-model="ruleForm.objective" placeholder="璇烽�夋嫨" style="width: 100%;">
+					      <el-option
+					      	v-for="item in options_objectives"
+					      	:key="item.value"
+					      	:label="item.label"
+					      	:value="item.value"
+					      ></el-option>
+					    </el-select>
+					  </el-form-item>
+						
+					  <el-form-item label="璧锋鏃堕棿:" prop="items" style="width: 50%;">
+							<el-date-picker
+								v-model="ruleForm.items"
+								type="daterange"
+								range-separator="鑷�"
+								start-placeholder="寮�濮嬫棩鏈�"
+								end-placeholder="缁撴潫鏃ユ湡"
+								style="width: 100%;"
+								>
+							</el-date-picker>
+					  </el-form-item>
+						
+					  <el-form-item label="椤圭洰鎻忚堪:" prop="desc" style="width: 50%;">
+					    <el-input type="textarea" v-model="ruleForm.desc"></el-input>
+					  </el-form-item>
+					</el-form>
+        </div>
+      </div>
+      <div v-if="add_Step == 1" style="width: 100%; height: 100%;" align="center">
+				<substep ref="substep_zj" v-bind:xmId="xmId"></substep>
+      </div>
+      <div v-if="add_Step == 2" style="width: 100%; height: 100%;" align="center">
+        <substepReadOnly v-bind:form_objs="form_objs" v-bind:showData_="showData_"></substepReadOnly>
+      </div>
+    </div>
+		 
+		<div style="width: 100%; text-align: center;">
+			<el-button v-if="add_Step > 0" style="margin-top: 12px;" @click="UpwardStep">涓婁竴姝�</el-button>
+		  <el-button :loading="loading_nextStep" style="margin-top: 12px;" @click="NextStep">{{nextStepName}}</el-button>
+		  <!-- <el-button :loading="loading_cancel" style="margin-top: 12px;" @click="Cancel">{{cancelName}}</el-button> -->
+		</div>
+		 
+  </div>
+</template>
+
+<script>
+import substep from './portion/substep.vue'
+import substepReadOnly from './portion/substepReadOnly.vue'
+export default {
+  name: 'dataImport',
+	components: {
+	  substep,
+		substepReadOnly
+	},
+  data () {
+    return {
+      add_Step: 0,
+			loading_nextStep: false,
+			nextStepName: "涓嬩竴姝�",
+			loading_cancel: false,
+			cancelName: "鍏� 闂�",
+			
+			ruleForm: {},
+			xmId: null,
+			showData_: null,
+			form_objs: null,
+			options_objectives: [
+			  {
+			    value: "骞查鎬х郴缁熻瘎浠�",
+			    label: "骞查鎬х郴缁熻瘎浠�"
+			  },
+			  {
+			    value: "璇婃柇鎬х郴缁熻瘎浠�",
+			    label: "璇婃柇鎬х郴缁熻瘎浠�"
+			  },
+			  {
+			    value: "棰勫悗鎬х郴缁熻瘎浠�",
+			    label: "棰勫悗鎬х郴缁熻瘎浠�"
+			  },
+				{
+				  value: "鐩稿叧鎬х郴缁熻瘎浠�",
+				  label: "鐩稿叧鎬х郴缁熻瘎浠�"
+				}
+			],
+			rules: {
+				name: [
+				  {
+				    required: true,
+				    message: "涓嶈兘涓虹┖",
+				    trigger: ["change", "blur"]
+				  }
+				],
+				objective: [
+				  {
+				    required: true,
+				    message: "涓嶈兘涓虹┖",
+				    trigger: ["change", "blur"]
+				  }
+				],
+				items: [
+					{
+						type: "array",
+						required: true,
+						message: "涓嶈兘涓虹┖",
+						trigger: ["change", "blur"]
+					}
+				]
+				
+			}
+			
+		}
+  },
+	
+  methods:{
+		Cancel() {
+			this.add_Step = 0;
+			this.nextStepName = "涓嬩竴姝�";
+		  this.$emit('closeNewProject');
+		},
+		
+		UpwardStep() {
+		  this.add_Step --;
+		  if (this.add_Step == 0) {
+		    this.nextStepName = "涓嬩竴姝�";
+		  }
+		  else if (this.add_Step == 2) {
+		    this.nextStepName = "淇� 瀛�";
+		  }
+		  else {
+		    this.nextStepName = "涓嬩竴姝�";
+		  }
+		},
+		
+		NextStep() {
+			if (this.add_Step == 0) {
+				let is_null1 = false;
+				this.$refs['ruleForm'].validate((valid) => {
+				  if (valid) {
+				    is_null1 = true;
+				  } else {
+				    console.log('error submit!!');
+				    return false;
+				  }
+				});
+				if(is_null1) {
+					this.saveStep1();
+				  this.loading_save = true;
+				}
+				
+			//	this.xmId = "c3b7f55c800e4726b53fdc18dd994603";
+			//	this.add_Step = 1;
+			}
+			else if (this.add_Step == 1) {
+				this.saveStep2();
+			//	this.add_Step = 2;
+			//	this.nextStepName = "瀹� 鎴�";
+			}
+			else if (this.add_Step == 2) {
+				this.Cancel();
+			}
+		},
+		
+		saveStep1() {
+			let ruleForm_ = this.ruleForm;
+			let items1 = new Date(ruleForm_.items[0]).Format("yyyy-MM-dd").toLocaleString();
+			let items2 = new Date(ruleForm_.items[1]).Format("yyyy-MM-dd").toLocaleString();
+			
+			let url = "/api/scheme/addOrUpdate";
+			this.$axios.get(url,{
+			  params: {
+			    reseachType: ruleForm_.objective,
+			    name: ruleForm_.name,
+					startTime: items1,
+					endTime: items2,
+					id: this.xmId
+			  }
+			}).then(data_ => {
+			  console.log(data_);
+				this.xmId = data_.data.data;
+				
+				this.add_Step = 1;
+			}).catch(error =>{
+			    console.log(error);
+			})
+		},
+		
+		saveStep2() {
+			this.showData_ = this.$refs.substep_zj.showData;
+			this.form_objs = this.$refs.substep_zj.form_;
+			
+			let form_array = [];
+			let is_null1 = true;
+			
+			for (let itm_k in this.showData_) {
+				let ref_k = "ref_" + itm_k;
+				this.$refs.substep_zj.$refs[ref_k].validate((valid) => {
+				  if (!valid) {
+				    is_null1 = false;
+				  }
+				});
+				
+				let form_obj = {};
+				form_obj = this.form_objs[itm_k];
+				if (!form_obj.mustAttach) {
+					form_obj.mustAttach = false;
+				}
+				if (form_obj.startTime) {
+					form_obj.startTime = new Date(form_obj.startTime).Format("yyyy-MM-dd").toLocaleString();
+				}
+				if (form_obj.endTime) {
+					form_obj.endTime = new Date(form_obj.endTime).Format("yyyy-MM-dd").toLocaleString();
+				}
+				if (form_obj.userId) {
+					let leng = form_obj.userId.length;
+					
+					form_obj.userId = form_obj.userId[leng-1];
+				}
+				form_obj.type = itm_k;
+				form_obj.parentId = this.xmId;
+				
+				
+				form_array.push(form_obj);
+			}
+			
+			if (is_null1) {
+				let datas = "?datas=" + encodeURI(JSON.stringify(form_array));
+				let url = "/api/schemeDetail/updates";
+				this.$axios.get(url + datas).then(data_ => {
+					console.log(data_);
+					
+					this.add_Step = 2;
+					this.nextStepName = "瀹� 鎴�";
+				}).catch(error =>{
+						console.log(error);
+				})
+			}
+		},
+		
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style>
+  .class_dataImport .el-tabs__content{
+    position: inherit;
+  }
+
+  .class_dataImport .grid-content {
+    border-radius: 4px;
+    height: 60px;
+    min-height: 26px; 
+  }
+  .class_dataImport .main-row .grid-content {
+    line-height: 60px;
+  }
+
+  .class_dataImport .z_grid-content2{
+    display:table-cell;
+    vertical-align:bottom;
+    color: #2c3e50;
+    height: 50px;
+  }
+
+</style>
\ No newline at end of file
diff --git a/src/components/popup/portion/substep.vue b/src/components/popup/portion/substep.vue
new file mode 100644
index 0000000..f418ebc
--- /dev/null
+++ b/src/components/popup/portion/substep.vue
@@ -0,0 +1,1562 @@
+<template>
+  <div class="class_substep">
+		<div style="float: left; width: 20%; height: 100%; border-right: 1px solid #333333; overflow: auto; padding-top: 5%; box-sizing: border-box;">
+			<el-tree
+			  :data="data_"
+				accordion
+			  show-checkbox
+			  node-key="id"
+			  :default-expanded-keys="defaultExpandedKeys"
+			  :default-checked-keys="defaultCheckedKeys"
+			  :props="defaultProps"
+				@check="handleNodeClick"
+				>
+			</el-tree>
+		</div>
+		<div style="float: right; width: 79%; height: 100%; overflow: auto; padding-top: 0px; box-sizing: border-box;">
+			<transition name="el-zoom-in-top">
+				<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-row>
+								<el-col :span="22" class="z_grid-content3">
+									<el-form-item label="棰樼洰绫诲瀷" prop="titleType"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-select size="mini"
+											@change="title_titleType"
+											v-model="form_['title'].titleType" placeholder="璇烽�夋嫨" style="width: 100%;">
+											<el-option
+												v-for="item in options_titleType"
+												:key="item.value"
+												:label="item.label"
+												:value="item.value"
+											></el-option>
+										</el-select>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row v-if="form_['title'].titleType">
+								<el-col :span="22" class="z_grid-content2">
+									<el-form-item label="鎻忚堪" prop="titleType"
+										:rules="[{required: true, message: '璇疯緭鍏�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="textarea" v-model="form_['title'].titleInput" :placeholder="titleInput_" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['title'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{type: 'array', required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										
+										<el-cascader
+											style="width: 100%;"
+											size="mini"
+											v-model="form_['title'].userId"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['title'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', 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']}"
+									>
+											<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-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['scheme']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂规寮�鍙戞湇鍔�</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['scheme']" ref="ref_scheme" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['scheme'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{type: 'array',required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											size="mini"
+											style="width: 100%;"
+											v-model="form_['scheme'].userId"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['scheme'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['scheme'].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']}"
+									>
+											<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-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['search']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩尞妫�绱�</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['search']" ref="ref_search" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['search'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['search'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['search'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['search'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['search'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['select']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩尞鍒濈瓫</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['select']" ref="ref_select" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['select'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['select'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['select'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['select'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['select'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['get']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鍏ㄦ枃鑾峰彇</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['get']" ref="ref_get" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['get'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['get'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['get'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['get'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['get'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['find']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鍏ㄦ枃绛涙煡</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['find']" ref="ref_find" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['find'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['find'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['find'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['find'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['find'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['properties']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">瀹氭�т俊鎭�</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['properties']" ref="ref_properties" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['properties'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['properties'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['properties'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['properties'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['properties'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['risk']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">椋庨櫓鍋忓�氫俊鎭�</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['risk']" ref="ref_risk" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['risk'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['risk'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['risk'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['risk'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['risk'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['target']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">缁撳眬鎸囨爣鏁版嵁</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['target']" ref="ref_target" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['target'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['target'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['target'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['target'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['target'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['propertiesArrangement']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">瀹氭�т俊鎭暣鐞嗘�荤粨</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['propertiesArrangement']" ref="ref_propertiesArrangement" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['propertiesArrangement'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['propertiesArrangement'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['propertiesArrangement'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['propertiesArrangement'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['propertiesArrangement'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['riskChart']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">椋庨櫓鍋忓�氬浘琛ㄥ埗浣�</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['riskChart']" ref="ref_riskChart" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['riskChart'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['riskChart'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['riskChart'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['riskChart'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['riskChart'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['meta']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">Meta 鍒嗘瀽</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['meta']" ref="ref_meta" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['meta'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['meta'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['meta'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['meta'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['meta'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['grade']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">GRADE 璇佹嵁璐ㄩ噺璇勪环</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['grade']" ref="ref_grade" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['grade'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['grade'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['grade'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['grade'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['grade'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['tsa']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">TSA 鍒嗘瀽</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['tsa']" ref="ref_tsa" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['tsa'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['tsa'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['tsa'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['tsa'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['tsa'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['compose']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩鎾板啓</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['compose']" ref="ref_compose" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['compose'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['compose'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['compose'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['compose'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['compose'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['translate']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">璇█缈昏瘧鍙婃鼎鑹�</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['translate']" ref="ref_translate" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['translate'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['translate'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['translate'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['translate'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['translate'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['evaluation']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩璇勪及</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['evaluation']" ref="ref_evaluation" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['evaluation'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['evaluation'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['evaluation'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['evaluation'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['evaluation'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['recommend']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏉傚織鎺ㄨ崘</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['recommend']" ref="ref_recommend" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['recommend'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['recommend'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['recommend'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['recommend'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['recommend'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['format']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩鏍煎紡淇敼</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['format']" ref="ref_format" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['format'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['format'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['format'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['format'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['format'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['Contribute']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">缃戜笂鎶曠</h3>
+					<div style="z-index: 1">
+						<el-form :show-message="false" :model="form_['Contribute']" ref="ref_Contribute" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['Contribute'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['Contribute'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['Contribute'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['Contribute'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['Contribute'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+		</div>
+		
+  </div>
+</template>
+
+<script>
+  export default {
+		props:{
+		  xmId: {
+		     type: String,
+		     required: true
+		  }
+		},
+    data() {
+      return {
+				showData: {},
+				hideData: {
+					'title': false,
+					'scheme': false,
+					'search': false,
+					'select': false,
+					'get': false,
+					'find': false,
+					'properties': false,
+					'risk': false,
+					'target': false,
+					'propertiesArrangement': false,
+					'riskChart': false,
+					'meta': false,
+					'grade': false,
+					'tsa': false,
+					'compose': false,
+					'translate': false,
+					'evaluation': false,
+					'recommend': false,
+					'format': false,
+					'Contribute': false,
+				},
+				
+        data_: [
+					{
+						id:"001",
+						title: "绔嬮涓庢柟妗堝紑鍙�",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"title",
+								title: "绔嬮鏈嶅姟",
+								parentId: "001",
+								checkArr: "0"
+							},
+							{
+								id:"scheme",
+								title: "鏂规寮�鍙戞湇鍔�",
+								parentId: "001",
+								checkArr: "0"
+							}
+						]
+					},{
+						id:"002",
+						title: "鏂囩尞妫�绱笌绛涙煡",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"search",
+								title: "鏂囩尞妫�绱�",
+								parentId: "002",
+								checkArr: "0"
+							},
+							{
+								id:"select",
+								title: "鏂囩尞鍒濈瓫",
+								parentId: "002",
+								checkArr: "0"
+							},
+							{
+								id:"get",
+								title: "鍏ㄦ枃鑾峰彇",
+								parentId: "002",
+								checkArr: "0"
+							},
+							{
+								id:"find",
+								title: "鍏ㄦ枃绛涙煡",
+								parentId: "002",
+								checkArr: "0"
+							}
+						]
+					},{
+						id:"003",
+						title: "鏁版嵁鎻愬彇",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"properties",
+								title: "瀹氭�т俊鎭�",
+								parentId: "003",
+								checkArr: "0"
+							},
+							{
+								id:"risk",
+								title: "椋庨櫓鍋忓�氫俊鎭�",
+								parentId: "003",
+								checkArr: "0"
+							},
+							{
+								id:"target",
+								title: "缁撳眬鎸囨爣鏁版嵁",
+								parentId: "003",
+								checkArr: "0"
+							},
+						]
+					},{
+						id:"004",
+						title: "鏁版嵁鍒嗘瀽",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"propertiesArrangement",
+								title: "瀹氭�т俊鎭暣鐞嗘�荤粨",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"riskChart",
+								title: "椋庨櫓鍋忓�氬浘琛ㄥ埗浣�",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"meta",
+								title: "Meta 鍒嗘瀽",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"grade",
+								title: "GRADE 璇佹嵁璐ㄩ噺璇勪环",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"tsa",
+								title: "TSA 鍒嗘瀽",
+								parentId: "004",
+								checkArr: "0"
+							}
+						]
+					},{
+						id:"005",
+						title: "鏂囩鎾板啓鍙婄浉鍏虫湇鍔�",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"compose",
+								title: "鏂囩鎾板啓",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"translate",
+								title: "璇█缈昏瘧鍙婃鼎鑹�",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"evaluation",
+								title: "鏂囩璇勪及",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"recommend",
+								title: "鏉傚織鎺ㄨ崘",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"format",
+								title: "鏂囩鏍煎紡淇敼",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"Contribute",
+								title: "缃戜笂鎶曠",
+								parentId: "005",
+								checkArr: "0"
+							}
+						]
+					},
+				],
+        defaultProps: {
+          children: 'children',
+          label: 'title'
+        },
+				defaultExpandedKeys: [],
+				defaultCheckedKeys: [],
+				
+				form_: {
+					title: {mustAttach: true},
+					scheme: {mustAttach: true},
+					search: {mustAttach: true},
+					select: {mustAttach: true},
+					get: {mustAttach: true},
+					find: {mustAttach: true},
+					properties: {mustAttach: true},
+					risk: {mustAttach: true},
+					target: {mustAttach: true},
+					propertiesArrangement: {mustAttach: true},
+					riskChart: {mustAttach: true},
+					meta: {mustAttach: true},
+					grade: {mustAttach: true},
+					tsa: {mustAttach: true},
+					compose: {mustAttach: true},
+					translate: {mustAttach: true},
+					evaluation: {mustAttach: true},
+					recommend: {mustAttach: true},
+					format: {mustAttach: true},
+					Contribute: {mustAttach: true},
+				},
+				
+				options_titleType: [
+					{
+					  value: "閽堝瀹㈡埛鎰熷叴瓒ｇ殑棰樼洰鑼冨洿",
+					  label: "閽堝瀹㈡埛鎰熷叴瓒ｇ殑棰樼洰鑼冨洿"
+					},
+					{
+					  value: "閽堝瀹㈡埛鏃㈠畾鐨勯鐩柟鍚�",
+					  label: "閽堝瀹㈡埛鏃㈠畾鐨勯鐩柟鍚�"
+					}
+				],
+				
+				titleInput_: "",
+				
+				options_users: [
+				  {
+				    value: "user1",
+				    label: "寮犱笁"
+				  },
+				  {
+				    value: "user2",
+				    label: "鏉庡洓"
+				  },
+				  {
+				    value: "user3",
+				    label: "鐜嬩簲"
+				  }
+				],
+      };
+    },
+		
+		created() {
+		  //user
+		  this.getUsers();
+		},
+		
+		mounted() {
+			this.getDetailed();
+		},
+		
+    methods: {
+			getUsers() {
+			  let me = this;
+			  let url = "/api/sysRoleMapping/detail";
+			  this.$axios.get(url)
+			  .then(data_ => {
+			    console.log(data_);
+			    let list = data_.data.data;
+			    let parId = "";
+			    let obj = {};
+			    let result = [];
+			
+			    list.map(el => {
+			        obj[el.id] = el;
+			    })
+			    for(let i=0, len = list.length; i < len; i++) {
+			        let id = list[i].roleName;
+			        //璁剧疆鏄剧ず瀛楁
+			        list[i].value = list[i].id;
+			        list[i].label = list[i].name;
+			
+			        if(id == parId || !id) {
+			            if(!obj[list[i].id].children) {
+			              obj[list[i].id].children = [];
+			            }
+			            result.push(list[i]);
+			            continue;
+			        }
+			        if(obj[id].children) {
+			            obj[id].children.push(list[i]);
+			        } else {
+			            obj[id].children = [list[i]];
+			        }
+			    }
+			    me.options_users = result;
+			
+			  }).catch(error =>{
+			      console.log(error);
+			  })
+			},
+			
+			getDetailed() {
+				let url = "/api/schemeDetail/parent/" + this.xmId;
+				this.$axios.get(url).then(data_ => {
+				  console.log(data_);
+					this.defaultCheckedKeys = [];
+					this.showData = {};
+					let details_ = data_.data.data;
+					if(details_.length > 0) {//濡傛灉瀛樺湪鏄庣粏
+						for(let i=0; i<details_.length; i++) {
+							let detail_ = details_[i];
+							//璁剧疆鏍戠殑閫変腑
+							this.defaultCheckedKeys.push(detail_.type);
+							//灞曞紑鎵�鏈夋爲鑺傜偣瀵瑰簲鐨刦rom
+							this.showData[detail_.type] = true;
+							
+							//缁欐墍鏈夌殑from鐨勬暟鎹祴鍊�
+							this.form_[detail_.type] = detail_;
+						}
+						
+					}
+				}).catch(error =>{
+				    console.log(error);
+				})
+				
+			},
+			
+			handleNodeClick(data,checkedNodes){
+				console.log(data);
+				//鑾峰彇鎵�鏈夎閫変腑鐨勬牴鑺傜偣锛�
+				let showData_ = {};
+				let checkedDatas = checkedNodes.checkedNodes;
+				for(var i=0; i<checkedDatas.length; i++) {
+					let checkedData = checkedDatas[i];
+					if (!checkedData.children) {
+						showData_[checkedData.id] = true;
+					}
+				}
+				
+				//璁剧疆showData
+				this.showData = showData_;
+			},
+			
+			//鍗曚竴浜嬩欢
+			title_titleType(val) {
+				if (val == "閽堝瀹㈡埛鎰熷叴瓒ｇ殑棰樼洰鑼冨洿") {
+					this.titleInput_ = "涓�涓汉缇や俊鎭垨涓�涓共棰勪俊鎭�";
+				}
+				else if (val == "閽堝瀹㈡埛鏃㈠畾鐨勯鐩柟鍚�") {
+					this.titleInput_ = "鎻愪緵棰樼洰鐨� PICOS 淇℃伅";
+				}
+			},
+			
+			
+			
+    }
+  };
+</script>
+
+<style>
+	.class_substep {
+		height: 100%;
+	}
+	
+	.class_substep .el-divider--horizontal {
+		margin: 10px 0;
+	}
+	
+	.class_substep .z_grid-content3 {
+	  display:table-cell;
+	  vertical-align:bottom;
+	  color: #2c3e50;
+	  height: 40px;
+	}
+	
+</style>
diff --git a/src/components/popup/portion/substepReadOnly.vue b/src/components/popup/portion/substepReadOnly.vue
new file mode 100644
index 0000000..1c65e80
--- /dev/null
+++ b/src/components/popup/portion/substepReadOnly.vue
@@ -0,0 +1,1516 @@
+<template>
+  <div class="class_substep">
+		<div style="width: 79%; height: 100%; overflow: auto; padding-top: 0px; box-sizing: border-box;">
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['title']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">绔嬮鏈嶅姟</h3>
+					<div>
+						<el-form disabled :show-message="false" :model="form_['title']" ref="form_1" 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"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-select size="mini"
+											@change="title_titleType"
+											v-model="form_['title'].titleType" placeholder="璇烽�夋嫨" style="width: 100%;">
+											<el-option
+												v-for="item in options_titleType"
+												:key="item.value"
+												:label="item.label"
+												:value="item.value"
+											></el-option>
+										</el-select>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row v-if="form_['title'].titleType">
+								<el-col :span="22" class="z_grid-content2">
+									<el-form-item label="鎻忚堪" prop="titleType"
+										:rules="[{required: true, message: '璇疯緭鍏�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="textarea" v-model="form_['title'].titleInput" :placeholder="titleInput_" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['title'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										
+										<el-cascader
+											style="width: 100%;"
+											size="mini"
+											v-model="form_['title'].userId"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['title'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', 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']}"
+									>
+											<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-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['scheme']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂规寮�鍙戞湇鍔�</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['scheme']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['scheme'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											size="mini"
+											style="width: 100%;"
+											v-model="form_['scheme'].userId"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['scheme'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['scheme'].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']}"
+									>
+											<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-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['search']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩尞妫�绱�</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['search']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['search'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['search'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['search'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['search'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['search'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['select']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩尞鍒濈瓫</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['select']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['select'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['select'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['select'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['select'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['select'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['get']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鍏ㄦ枃鑾峰彇</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['get']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['get'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['get'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['get'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['get'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['get'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['find']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鍏ㄦ枃绛涙煡</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['find']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['find'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['find'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['find'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['find'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['find'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['properties']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">瀹氭�т俊鎭�</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['properties']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['properties'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['properties'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['properties'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['properties'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['properties'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['risk']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">椋庨櫓鍋忓�氫俊鎭�</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['risk']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['risk'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['risk'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['risk'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['risk'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['risk'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['target']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">缁撳眬鎸囨爣鏁版嵁</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['target']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['target'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['target'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['target'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['target'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['target'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['propertiesArrangement']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">瀹氭�т俊鎭暣鐞嗘�荤粨</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['propertiesArrangement']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['propertiesArrangement'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['propertiesArrangement'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['propertiesArrangement'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['propertiesArrangement'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['propertiesArrangement'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['riskChart']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">椋庨櫓鍋忓�氬浘琛ㄥ埗浣�</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['riskChart']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['riskChart'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['riskChart'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['riskChart'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['riskChart'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['riskChart'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['meta']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">Meta 鍒嗘瀽</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['meta']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['meta'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['meta'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['meta'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['meta'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['meta'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['grade']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">GRADE 璇佹嵁璐ㄩ噺璇勪环</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['grade']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['grade'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['grade'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['grade'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['grade'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['grade'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['tsa']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">TSA 鍒嗘瀽</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['tsa']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['tsa'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['tsa'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['tsa'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['tsa'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['tsa'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['compose']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩鎾板啓</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['compose']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['compose'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['compose'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['compose'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['compose'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['compose'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['translate']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">璇█缈昏瘧鍙婃鼎鑹�</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['translate']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['translate'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['translate'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['translate'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['translate'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['translate'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['evaluation']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩璇勪及</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['evaluation']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['evaluation'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['evaluation'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['evaluation'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['evaluation'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['evaluation'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['recommend']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏉傚織鎺ㄨ崘</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['recommend']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['recommend'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['recommend'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['recommend'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['recommend'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['recommend'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['format']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">鏂囩鏍煎紡淇敼</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['format']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['format'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['format'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['format'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['format'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['format'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+			<transition name="el-zoom-in-top">
+				<div v-show="showData['Contribute']" class="transition-box" style="text-align: center; margin: 0 10px;">
+					<h3 style="margin: 10px;">缃戜笂鎶曠</h3>
+					<div style="z-index: 1">
+						<el-form disabled :show-message="false" :model="form_['Contribute']" ref="form_1" label-position='right' label-width="100px"  class="demo-form-inline">
+							<el-row>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="閲戦" prop="budget"
+										:rules="[{required: true, message: '璇疯緭鍏ラ噾棰�', trigger: ['blur', 'change']}]"
+									>
+										<el-input type="number" size="mini" v-model="form_['Contribute'].budget" placeholder="璇疯緭鍏ラ噾棰�" style="width: 100%;"></el-input>
+									</el-form-item>
+								</el-col>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="璐熻矗浜�" prop="userId" 
+										:rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}"
+									>
+										<el-cascader
+											style="width: 100%;"
+											:options="options_users"
+											:props="{ expandTrigger: 'hover' }"
+											size="mini"
+											v-model="form_['Contribute'].userId"
+											placeholder="璇烽�夋嫨璐熻矗浜�"
+											>
+										</el-cascader>
+									</el-form-item>
+								</el-col>
+								<el-col :span="6" class="z_grid-content3">
+									<el-form-item label="浜や粯鐗�" prop="mustAttach"
+										:rules="[{required: true, message: '璇烽�夋嫨', trigger: ['blur', 'change']}]"
+									>
+										<el-switch v-model="form_['Contribute'].mustAttach"></el-switch>
+									</el-form-item>
+								</el-col>
+							</el-row>
+							<el-row>
+								<el-col :span="11" class="z_grid-content3">
+									<el-form-item label="寮�濮嬫棩鏈�" prop="startTime" 
+										:rules="{required: true, message: '璇烽�夋嫨', trigger: ['change', 'blur']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨寮�濮嬫棩鏈�" v-model="form_['Contribute'].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']}"
+									>
+											<el-date-picker type="date" size="mini" placeholder="閫夋嫨缁撴潫鏃ユ湡" v-model="form_['Contribute'].endTime" style="width: 100%;"></el-date-picker>
+									</el-form-item>
+								</el-col>
+							</el-row>
+						</el-form>
+					</div>
+					<el-divider></el-divider>
+				</div>
+			</transition>
+		</div>
+		
+  </div>
+</template>
+
+<script>
+  export default {
+		props:{
+			showData_: {
+				type: Object,
+				required: true
+			},
+			form_objs: {
+			   type: Object,
+			   required: true
+			},
+		},
+    data() {
+      return {
+				showData: {},
+				hideData: {
+					'title': false,
+					'scheme': false,
+					'search': false,
+					'select': false,
+					'get': false,
+					'find': false,
+					'properties': false,
+					'risk': false,
+					'target': false,
+					'propertiesArrangement': false,
+					'riskChart': false,
+					'meta': false,
+					'grade': false,
+					'tsa': false,
+					'compose': false,
+					'translate': false,
+					'evaluation': false,
+					'recommend': false,
+					'format': false,
+					'Contribute': false,
+				},
+				
+        data_: [
+					{
+						id:"001",
+						title: "绔嬮涓庢柟妗堝紑鍙�",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"title",
+								title: "绔嬮鏈嶅姟",
+								parentId: "001",
+								checkArr: "0"
+							},
+							{
+								id:"scheme",
+								title: "鏂规寮�鍙戞湇鍔�",
+								parentId: "001",
+								checkArr: "0"
+							}
+						]
+					},{
+						id:"002",
+						title: "鏂囩尞妫�绱笌绛涙煡",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"search",
+								title: "鏂囩尞妫�绱�",
+								parentId: "002",
+								checkArr: "0"
+							},
+							{
+								id:"select",
+								title: "鏂囩尞鍒濈瓫",
+								parentId: "002",
+								checkArr: "0"
+							},
+							{
+								id:"get",
+								title: "鍏ㄦ枃鑾峰彇",
+								parentId: "002",
+								checkArr: "0"
+							},
+							{
+								id:"find",
+								title: "鍏ㄦ枃绛涙煡",
+								parentId: "002",
+								checkArr: "0"
+							}
+						]
+					},{
+						id:"003",
+						title: "鏁版嵁鎻愬彇",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"properties",
+								title: "瀹氭�т俊鎭�",
+								parentId: "003",
+								checkArr: "0"
+							},
+							{
+								id:"risk",
+								title: "椋庨櫓鍋忓�氫俊鎭�",
+								parentId: "003",
+								checkArr: "0"
+							},
+							{
+								id:"target",
+								title: "缁撳眬鎸囨爣鏁版嵁",
+								parentId: "003",
+								checkArr: "0"
+							},
+						]
+					},{
+						id:"004",
+						title: "鏁版嵁鍒嗘瀽",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"propertiesArrangement",
+								title: "瀹氭�т俊鎭暣鐞嗘�荤粨",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"riskChart",
+								title: "椋庨櫓鍋忓�氬浘琛ㄥ埗浣�",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"meta",
+								title: "Meta 鍒嗘瀽",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"grade",
+								title: "GRADE 璇佹嵁璐ㄩ噺璇勪环",
+								parentId: "004",
+								checkArr: "0"
+							},
+							{
+								id:"tsa",
+								title: "TSA 鍒嗘瀽",
+								parentId: "004",
+								checkArr: "0"
+							}
+						]
+					},{
+						id:"005",
+						title: "鏂囩鎾板啓鍙婄浉鍏虫湇鍔�",
+						parentId: "0",
+						checkArr: "0",
+						children:[
+							{
+								id:"compose",
+								title: "鏂囩鎾板啓",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"translate",
+								title: "璇█缈昏瘧鍙婃鼎鑹�",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"evaluation",
+								title: "鏂囩璇勪及",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"recommend",
+								title: "鏉傚織鎺ㄨ崘",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"format",
+								title: "鏂囩鏍煎紡淇敼",
+								parentId: "005",
+								checkArr: "0"
+							},{
+								id:"Contribute",
+								title: "缃戜笂鎶曠",
+								parentId: "005",
+								checkArr: "0"
+							}
+						]
+					},
+				],
+        defaultProps: {
+          children: 'children',
+          label: 'title'
+        },
+				defaultExpandedKeys: [],
+				defaultCheckedKeys: [],
+				
+				form_: {
+					title: {mustAttach: true},
+					scheme: {mustAttach: true},
+					search: {mustAttach: true},
+					select: {mustAttach: true},
+					get: {mustAttach: true},
+					find: {mustAttach: true},
+					properties: {mustAttach: true},
+					risk: {mustAttach: true},
+					target: {mustAttach: true},
+					propertiesArrangement: {mustAttach: true},
+					riskChart: {mustAttach: true},
+					meta: {mustAttach: true},
+					grade: {mustAttach: true},
+					tsa: {mustAttach: true},
+					compose: {mustAttach: true},
+					translate: {mustAttach: true},
+					evaluation: {mustAttach: true},
+					recommend: {mustAttach: true},
+					format: {mustAttach: true},
+					Contribute: {mustAttach: true},
+				},
+				
+				options_titleType: [
+					{
+					  value: "閽堝瀹㈡埛鎰熷叴瓒ｇ殑棰樼洰鑼冨洿",
+					  label: "閽堝瀹㈡埛鎰熷叴瓒ｇ殑棰樼洰鑼冨洿"
+					},
+					{
+					  value: "閽堝瀹㈡埛鏃㈠畾鐨勯鐩柟鍚�",
+					  label: "閽堝瀹㈡埛鏃㈠畾鐨勯鐩柟鍚�"
+					}
+				],
+				
+				titleInput_: "",
+				
+				options_users: [
+				  {
+				    value: "user1",
+				    label: "寮犱笁"
+				  },
+				  {
+				    value: "user2",
+				    label: "鏉庡洓"
+				  },
+				  {
+				    value: "user3",
+				    label: "鐜嬩簲"
+				  }
+				],
+      };
+    },
+		
+		created() {
+		  //user
+		  this.getUsers();
+		},
+		
+		mounted() {
+			this.getDetailed();
+		},
+		
+    methods: {
+			getUsers() {
+			  let me = this;
+			  let url = "/api/sysRoleMapping/detail";
+			  this.$axios.get(url)
+			  .then(data_ => {
+			    console.log(data_);
+			    let list = data_.data.data;
+			    let parId = "";
+			    let obj = {};
+			    let result = [];
+			
+			    list.map(el => {
+			        obj[el.id] = el;
+			    })
+			    for(let i=0, len = list.length; i < len; i++) {
+			        let id = list[i].roleName;
+			        //璁剧疆鏄剧ず瀛楁
+			        list[i].value = list[i].id;
+			        list[i].label = list[i].name;
+			
+			        if(id == parId || !id) {
+			            if(!obj[list[i].id].children) {
+			              obj[list[i].id].children = [];
+			            }
+			            result.push(list[i]);
+			            continue;
+			        }
+			        if(obj[id].children) {
+			            obj[id].children.push(list[i]);
+			        } else {
+			            obj[id].children = [list[i]];
+			        }
+			    }
+			    me.options_users = result;
+			
+			  }).catch(error =>{
+			      console.log(error);
+			  })
+			},
+			
+			getDetailed() {
+				this.showData = this.showData_;
+				this.form_= this.form_objs;
+			},
+			
+			//鍗曚竴浜嬩欢
+			title_titleType(val) {
+				if (val == "閽堝瀹㈡埛鎰熷叴瓒ｇ殑棰樼洰鑼冨洿") {
+					this.titleInput_ = "涓�涓汉缇や俊鎭垨涓�涓共棰勪俊鎭�";
+				}
+				else if (val == "閽堝瀹㈡埛鏃㈠畾鐨勯鐩柟鍚�") {
+					this.titleInput_ = "鎻愪緵棰樼洰鐨� PICOS 淇℃伅";
+				}
+			},
+			
+			
+			
+    }
+  };
+</script>
+
+<style>
+	.class_substep {
+		height: 100%;
+	}
+	
+	.class_substep .el-divider--horizontal {
+		margin: 10px 0;
+	}
+	
+	.class_substep .z_grid-content3 {
+	  display:table-cell;
+	  vertical-align:bottom;
+	  color: #2c3e50;
+	  height: 40px;
+	}
+	
+</style>

--
Gitblit v1.8.0