...

src/api/ReportViewing - 副本.js

@@ -1,110 +0,0 @@
-// 登录接口
-import {
-	axios
-} from '../utils/http.js'
-
-const VT = {
-	TempGet: '/VerifyTemplate/List',
-	TempAdd: '/VerifyTemplate/Add',
-	TempUp: '/VerifyTemplate/Up',
-	TempDel: '/VerifyTemplate/Del',
-	
-	
-	Map_List: '/VerifyTemplate/Map_List',
-	Map_Add: '/VerifyTemplate/Map_Add',
-	Map_Up: '/VerifyTemplate/Map_Up',
-	Map_Del: '/VerifyTemplate/Map_Del',
-	
-	Time_List: '/VerifyTemplate/Time_List',
-	Time_Add: '/VerifyTemplate/Time_Add',
-	Time_Up: '/VerifyTemplate/Time_Up',
-	Time_Del: '/VerifyTemplate/Time_Del',
-}
-export function Time_Del(data) {
-	return axios({
-		url: VT.Time_Del,
-		method: 'post',
-		data:data
-	})
-}
-export function Time_Up(data) {
-	return axios({
-		url: VT.Time_Up,
-		method: 'post',
-		data:data
-	})
-}
-export function Time_Add(data) {
-	return axios({
-		url: VT.Time_Add,
-		method: 'post',
-		data:data
-	})
-}
-export function Time_List(data) {
-	return axios({
-		url: VT.Time_List,
-		method: 'post',
-		data:data
-	})
-}
-export function Map_Del(data) {
-	return axios({
-		url: VT.Map_Del,
-		method: 'post',
-		data:data
-	})
-}
-export function Map_Up(data) {
-	return axios({
-		url: VT.Map_Up,
-		method: 'post',
-		data:data
-	})
-}
-export function Map_Add(data) {
-	return axios({
-		url: VT.Map_Add,
-		method: 'post',
-		data:data
-	})
-}
-
-export function Map_List(data) {
-	return axios({
-		url: VT.Map_List,
-		method: 'post',
-		data:data
-	})
-}
-
-
-export function TempDel(data) {
-	return axios({
-		url: VT.TempDel,
-		method: 'post',
-		data:data
-	})
-}
-
-export function TempUp(data) {
-	return axios({
-		url: VT.TempUp,
-		method: 'post',
-		data:data
-	})
-}
-export function TempAdd(data) {
-	return axios({
-		url: VT.TempAdd,
-		method: 'post',
-		data:data
-	})
-}
-export function TempGet(data) {
-	return axios({
-		url: VT.TempGet,
-		method: 'post',
-		data:data
-	})
-}

src/components/files.vue

@@ -5,7 +5,7 @@
 				<img src="@/assets/img/flies.png" alt="" srcset="">
 				<div>点击虚线框内，<span style="color: #409EFF;">上传文件</span></div>
 			</div>
-			<input type="file" accept="application/.doc*.docx" @change="files"
+			<input type="file" :accept="accepts" @change="files"
 				style="position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity:0;cursor: pointer;">
 		</div>
 	</div>
@@ -17,6 +17,12 @@
 	} from "@/api/pdfToken.js";
 	import * as qiniu from 'qiniu-js';
 	export default {
+		props:['accepts'],
+		watch:{
+			accepts(val){
+				console.log('accept',val)
+			}
+		},
 		data() {
 			return {
 				file: null, //点击上传的pdf资源包

src/router/index.js

@@ -88,6 +88,7 @@ const router = new VueRouter({
 
 //登录拦截//未登录返回到登录界面
 router.beforeEach((to, from, next) => {
+	to.meta.title ? document.title = to.meta.title : document.title = '宝智达-冷链验证'
 	if(store.state.userInfo.token){
 		next();
 	}else{

src/utils/http.js

@@ -74,7 +74,6 @@ const showStatus = (status) => {//状态码
 		default:
 		elementui.Message.error(status.Msg + '[' + status.Code + ']')
 	}
-	console.log('状态码',status)
 }
 
 export {

src/views/ValidationTemplate/index.vue

@@ -51,9 +51,9 @@
 						<template slot-scope="scope">
 							<div style="display: flex;">
 								<el-button size="small" @click="handlelabel(scope.row)">标签</el-button>
-								<el-button size="small" @click="handleReport(scope.row)">报告
+								<el-button size="small" @click="handleReport(scope.row,'Report')">报告
 								</el-button>
-								<el-button size="small" @click="handleScheme(scope.row)">方案
+								<el-button size="small" @click="handleScheme(scope.row,'Scheme')">方案
 								</el-button>
 								<el-button size="small" @click="handleDelete(scope.row)">删除
 								</el-button>
@@ -76,8 +76,8 @@
 										<div style="display: flex;align-items: center;">
 											<div style="margin-right:10px;">排序</div>
 											<div @click="sortchange(pages2.T_sort,'sort')" style="display: flex;align-items: center;flex-direction: column;justify-content: center;cursor: pointer;">
-												<i :class="{'icon-bg-on':pages2.T_sort==0,'icon-bg-off':pages2.T_sort==1}" class="el-icon-caret-top" style="margin-bottom: -4px;font-size: 14px;"></i>
-												<i :class="{'icon-bg-on':pages2.T_sort==1,'icon-bg-off':pages2.T_sort==0}" class="el-icon-caret-bottom" style="margin-top: -4px;font-size: 14px;"></i>
+												<i :class="pages2.T_sort==1?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-top" style="margin-bottom: -4px;font-size: 14px;"></i>
+												<i :class="pages2.T_sort==2?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-bottom" style="margin-top: -4px;font-size: 14px;"></i>
 											</div>
 										</div>
 									</template>
@@ -90,8 +90,8 @@
 										<div style="display: flex;align-items: center;">
 											<div style="margin-right:10px;">验证流程</div>
 											<div @click.stop="sortchange(pages2.T_flow_sort,'fsort')" style="display: flex;align-items: center;flex-direction: column;justify-content: center;cursor: pointer;">
-												<i :class="{'icon-bg-on':pages2.T_flow_sort==0,'icon-bg-off':pages2.T_flow_sort==1}" class="el-icon-caret-top" style="margin-bottom: -4px;font-size: 14px;"></i>
-												<i :class="{'icon-bg-on':pages2.T_flow_sort==1,'icon-bg-off':pages2.T_flow_sort==0}" class="el-icon-caret-bottom" style="margin-top: -4px;font-size: 14px;"></i>
+												<i :class="pages2.T_flow_sort==1?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-top" style="margin-bottom: -4px;font-size: 14px;"></i>
+												<i :class="pages2.T_flow_sort==2?'icon-bg-on':'icon-bg-off'" class="el-icon-caret-bottom" style="margin-top: -4px;font-size: 14px;"></i>
 											</div>
 										</div>
 									</template>
@@ -109,11 +109,6 @@
 										<span>{{ scope.row.T_source }}</span>
 									</template>
 								</el-table-column>
-								<el-table-column label="标签" width="150" :show-overflow-tooltip="true">
-									<template slot-scope="scope">
-										<span>{{ scope.row.T_field }}</span>
-									</template>
-								</el-table-column>
 								<el-table-column label="操作">
 									<template slot-scope="scope">
 										<div style="display: flex;">
@@ -151,31 +146,28 @@
 									<el-form-item label="标签名称" label-width="80px" prop="T_name">
 										<el-input v-model="form.T_name" autocomplete="off"></el-input>
 									</el-form-item>
-									<el-form-item label="标签" label-width="80px" prop="T_field">
-										<el-input v-model="form.T_field" autocomplete="off"></el-input>
-									</el-form-item>
-									<el-form-item label="排序" label-width="80px" prop="T_sort">
+									<el-form-item label="排序" label-width="80px">
 										<el-input v-model="form.T_sort" autocomplete="off"></el-input>
 									</el-form-item>
-									<el-form-item label="描述" label-width="80px" prop="T_text">
-										<files @pdfvalue="fliValue"></files>
-										<div style="margin-top: 5px;">
-											<div v-if="form.T_text!=''" style="height: 20px;color: #409EFF;display: flex;align-items: center;">
-												<i class="el-icon-circle-check"></i><span style="font-size: 12px;padding-left: 1px;">已经上传文件，点击虚线框内可更换</span>
-											</div>
-											<div v-else style="height: 20px;color: #C0C4CC;display: flex;align-items: center;">
-												<i class="el-icon-circle-close"></i><span style="font-size: 12px;padding-left: 1px;">还未上传文件，点击虚线框内可上传</span>
+									<el-form-item label="描述" label-width="80px">
+										<files @pdfvalue="fliValue" :accepts="'image/*'"></files>
+										<div style="margin-top: 5px;line-height: 0 ;">
+											<div style="height: 20px;color: #409EFF;">
+												<div v-if="form.T_text!=''" style="display: flex;align-items: center;">
+													<i class="el-icon-circle-check"></i>
+													<div style="font-size: 12px;padding-left: 1px;">文件已上传</div>
+												</div>
 											</div>
 										</div>
 									</el-form-item>
 									<el-divider>验证流程</el-divider>
-									<el-form-item label="排序" label-width="80px" prop="T_flow_sort">
+									<el-form-item label="排序" label-width="80px">
 										<el-input v-model="form.T_flow_sort" autocomplete="off"></el-input>
 									</el-form-item>
-									<el-form-item label="最大时间" label-width="80px" prop="T_max_time">
+									<el-form-item label="最大时间" label-width="80px">
 										<el-input v-model="form.T_max_time" autocomplete="off"></el-input>
 									</el-form-item>
-									<el-form-item label="最小时间" label-width="80px" prop="T_min_time">
+									<el-form-item label="最小时间" label-width="80px">
 										<el-input v-model="form.T_min_time" autocomplete="off"></el-input>
 									</el-form-item>
 									<el-form-item label-width="80px">
@@ -189,20 +181,25 @@
 						</el-drawer>
 					</div>
 				</el-drawer>
-				<el-drawer title="报告" :visible.sync="Drawer2" direction="rtl" :append-to-body="true" ref="drawer">
+				<el-drawer :title="draTit" :visible.sync="Drawer2" direction="rtl" :append-to-body="true" ref="drawer">
 					<div class="drawer-upload">
 						<el-upload
+						  ref="uploadFile"
 						  class="upload-demo"
 						  drag
 						  action="http://coldverifylocal.coldbaozhida.com/GenerateReport/upload"
-						  multiple>
+						  :auto-upload='false'
+						  accept=".doc, .docx"
+						  :on-success="successFun"
+						  :on-error="errorFun"
+						  :multiple="false">
 						  <i class="el-icon-upload"></i>
 						  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-						  <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
+						  <div class="el-upload__tip" slot="tip">只能上传doc/docx文件，不支持上传其他类型文件</div>
 						</el-upload>
+						<el-button type="primary" @click="submit" style="margin: 50px auto 0 auto;">立即提交</el-button>
 					</div>
 				</el-drawer>	
-				
 			</div>
 		</el-drawer>
 	</div>
@@ -220,82 +217,59 @@
 		Map_List,
 		Map_Del,
 		Map_Add,
-		Map_Up
+		Map_Up,
+		TempUp
 	} from '@/api/ValidationTemplate'
+	import {
+		PDFToken
+	} from "@/api/pdfToken.js";
 	import files from "@/components/files"
 	export default {
 		name: 'ValidationTemplate',
 		components:{files},
 		data() {
 			return {
+				draTit:'',
 				Drawer1:false,
 				innerDrawer2:false,
 				titles: '',
 				form: { //新增编辑的提交参数
 					T_VerifyTemplate_id:'',
+					T_id:'',
 					T_source: '',//来源 0-所有 1-方案 2-报告
 					T_label: '',//数据类型
 					T_name: '',//标签名称
-					T_field: '',//标签
 					T_text: '',//描述图片路径
 					T_sort: '',//排序
 					T_flow_sort:'',//验证流程排序
 					T_max_time:'',//最小时间
 					T_min_time:'',//最大时间
 				},
+				dirform: { //方案报告提交参数
+				},
 				rules: {
 					T_source: [{
 						required: true,
 						message: '请选择来源',
-						trigger: 'blur'
+						trigger: 'change'
 					}, ],
 					T_label: [{
 						required: true,
 						message: '请选择数据类型',
-						trigger: 'blur'
+						trigger: 'change'
 					}],
 					T_name: [{
 						required: true,
 						message: '请输入标签名称',
 						trigger: 'blur'
 					}, ],
-					T_field: [{
-						required: true,
-						message: '请输入标签',
-						trigger: 'blur'
-					}],
-					T_text: [{
-						required: true,
-						message: '请上传资源文件',
-						trigger: 'blur'
-					}, ],
-					T_sort: [{
-						required: true,
-						message: '请输入排序',
-						trigger: 'blur'
-					}],
-					T_flow_sort: [{
-						required: true,
-						message: '请输入验证流程排序',
-						trigger: 'blur'
-					}],
-					T_max_time: [{
-						required: true,
-						message: '请输入最大时间',
-						trigger: 'blur'
-					}],
-					T_min_time: [{
-						required: true,
-						message: '请输入最小时间',
-						trigger: 'blur'
-					}],
 				},
 				Drawer2:false,
 				tagTableData:[],
 				pages2:{//标签列表参数
 					T_VerifyTemplate_id:'',
-					T_sort:0,//0 升序 1 降序
-					T_flow_sort:0,//0 升序 1 降序
+					T_sort:1,//0默认 1升序 2降序
+					T_flow_sort:0,//0默认 1升序 2降序
 				},
 				
 				LabelWidth: "80px",
@@ -319,15 +293,50 @@
 		},
 		watch:{
 			Drawer1(newVal){
-				newVal ? '' : this.pages2.T_flow_sort=0;this.pages2.T_sort=0
+				newVal ? '' : this.pages2.T_flow_sort=0;this.pages2.T_sort=1
 			}
 		},
 		mounted() {
 			this.getTempApi()
 		},
 		methods: {
+			//标签上次成功
+			classsucFun(res){
+				console.log('上传成功1',res)
+			},
+			// 标签上次失败
+			classErrFun(err){
+				console.log('上传失败1',err)
+			},
+			submit(){
+				this.$refs.uploadFile.submit();
+			},
+			errorFun(err){
+				this.$message.error('文件上传失败')
+			},
+			successFun(res){
+				console.log('上传成功',res)
+				if(this.draTit=="报告"){
+					this.dirform.T_reporting = res
+					this.dirform.T_scheme = ''
+				}else{
+					this.dirform.T_scheme = res
+					this.dirform.T_reporting = ''
+				}
+				this.setTempupApi()
+			},
+			setTempupApi(){
+				var _this = this
+				TempUp(this.dirform).then(res=>{
+					console.log('上传',res)
+					if(res.data.Code==200){
+						_this.$message.success('文件上传成功')
+						_this.Drawer2 = false
+					}
+				})
+			},
 			fliValue(e){
-				console.log('上传成功',e)
+				this.form.T_text = e
 			},
 			//提交标签
 			submitForm(formName){
@@ -353,6 +362,7 @@
 				this.innerDrawer2 = true
 				if(differ=='edit'){//编辑
 					this.titles = '编辑标签'
+					console.log('标签',e)
 					Object.keys(this.form).forEach(key => {
 						if(key=='T_source' || key=='T_label'){
 							this.form[key] = JSON.stringify(e[key])
@@ -360,6 +370,7 @@
 							this.form[key] = e[key]
 						}
 					})
+					console.log('标签',this.form)
 				}else{//添加
 					this.titles = '新增标签'
 					Object.keys(this.form).forEach(key => {
@@ -375,6 +386,7 @@
 					if(res.data.Code==200){
 						this.$message.success('编辑标签成功')
 						this.innerDrawer2 = false
+						this.getmapListApi()
 					}
 				})
 			},
@@ -411,10 +423,13 @@
 				});
 			},
 			sortchange(e,so){
-				if(so=='fsort'){//点击的降序
-					e==0?this.pages2.T_flow_sort=1:this.pages2.T_flow_sort=0
-				}else{//点击的升序
-					e==0?this.pages2.T_sort=1:this.pages2.T_sort=0
+				console.log('排序',e,so)
+				if(so=='fsort'){//点击验证流程
+					this.pages2.T_sort=0
+					e==1?this.pages2.T_flow_sort=2:this.pages2.T_flow_sort=1
+				}else{//点击的排序
+					this.pages2.T_flow_sort=0
+					e==1?this.pages2.T_sort=2:this.pages2.T_sort=1
 				}
 				this.getmapListApi()
 			},
@@ -431,12 +446,24 @@
 			},
 			//报告
 			handleReport(e){
-				console.log('报告',e)
+				console.log('报告',e,this.$refs.uploadFile)
+				this.dirform = e
+				if(this.$refs.uploadFile!=undefined){
+					this.$refs.uploadFile.uploadFiles = []
+				}
 				this.Drawer2 = true
+				this.draTit = '报告'
+				
 			},
 			//方案
 			handleScheme(e){
+				if(this.$refs.uploadFile!=undefined){
+					this.$refs.uploadFile.uploadFiles = []
+				}
+				this.dirform = e
 				console.log('方案',e)
+				this.Drawer2 = true
+				this.draTit = '方案'
 			},
 			getmapListApi(){
 				Map_List(this.pages2).then(res => {
@@ -613,12 +640,18 @@
 </script>
 
 <style lang="scss" scoped>
+	/deep/.el-upload{
+		width: 100%;
+	}
 	.drawer-upload{
 		padding: 20px;
 	}
 	.demo-drawers {
 		padding: 20px;
 	}
+	.icon-bg-def{
+		color: #C0C4CC;
+	}
 	.icon-bg-on{
 		color: #409EFF;
 	}

src/views/calibrationCertificate/index.vue

@@ -116,7 +116,7 @@
 							</el-date-picker>
 						</el-form-item>
 						<el-form-item label="上传文件" label-width="70px">
-							<flies @pdfvalue="fliValue"></flies>
+							<flies @pdfvalue="fliValue" :accepts="'.pdf'"></flies>
 							<div style="margin-top: 5px;">
 								<div v-if="pages3.T_pdf!=''" style="height: 20px;color: #409EFF;display: flex;align-items: center;">
 									<i class="el-icon-circle-check"></i><span style="font-size: 12px;padding-left: 1px;">已经上传文件，点击虚线框内可更换</span>

src/views/companyManagement/index.vue

@@ -292,7 +292,7 @@
 					</div>
 				</el-drawer>
 			</el-drawer>
-			<el-drawer :title="title" :append-to-body="true" :visible.sync="innerDrawer">
+			<el-drawer :title="title" :append-to-body="true" :visible.sync="innerDrawer" size="50%">
 				<div style="padding: 20px;">
 					<el-form :model="form1" :rules="rules1" ref="ruleForm1">
 						<el-form-item label="任务名称" label-width="80px" prop="T_name">
@@ -303,28 +303,31 @@
 							</el-date-picker>
 						</el-form-item>
 						<el-form-item label="任务模板" label-width="80px" prop="T_VerifyTemplate_id">
-							<el-select v-model="form1.T_VerifyTemplate_id" placeholder="请选择活动区域">
-								<el-option :label="item.T_name" :value="item.T_VerifyTemplate_id" v-for="(item,index) in optionsRw" :key="index"></el-option>
-							</el-select>
+							<div style="display: flex;align-items: center;">
+								<el-cascader v-model="cascaderData" :options="optionsData" @change="handleChange" :props="{ checkStrictly: true }" style="margin-right: 10px;"></el-cascader>
+								<el-select :disabled="cascaderData==''?true:false" v-model="form1.T_VerifyTemplate_id" placeholder="请选择任务模板">
+									<el-option :label="item.T_name" :value="item.T_VerifyTemplate_id" v-for="(item,index) in optionsRw" :key="index"></el-option>
+								</el-select>
+							</div>
 						</el-form-item>
 						<el-form-item label="实施方案" label-width="80px" prop="T_scheme">
-							<el-select v-model="form1.T_scheme" placeholder="请选择活动区域">
-								<el-option :label="item.T_name" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
+							<el-select v-model="form1.T_scheme" placeholder="请选择实施方案">
+								<el-option :label="item.T_name+'('+item.T_power_name+')'" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
 							</el-select>
 						</el-form-item>
 						<el-form-item label="数据采集" label-width="80px" prop="T_collection">
-							<el-select v-model="form1.T_collection" placeholder="请选择活动区域">
-								<el-option :label="item.T_name" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
+							<el-select v-model="form1.T_collection" placeholder="请选择数据采集">
+								<el-option :label="item.T_name+'('+item.T_power_name+')'" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
 							</el-select>
 						</el-form-item>
 						<el-form-item label="报告编辑" label-width="80px" prop="T_reporting">
-							<el-select v-model="form1.T_reporting" placeholder="请选择活动区域">
-								<el-option :label="item.T_name" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
+							<el-select v-model="form1.T_reporting" placeholder="请选择报告编辑">
+								<el-option :label="item.T_name+'('+item.T_power_name+')'" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
 							</el-select>
 						</el-form-item>
 						<el-form-item label="交付审核" label-width="80px" prop="T_delivery">
-							<el-select v-model="form1.T_delivery" placeholder="请选择活动区域">
-								<el-option :label="item.T_name" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
+							<el-select v-model="form1.T_delivery" placeholder="请选择交付审核">
+								<el-option :label="item.T_name+'('+item.T_power_name+')'" :value="item.T_uuid" v-for="(item,index) in optionsFz" :key="index"></el-option>
 							</el-select>
 						</el-form-item>
 						<el-form-item label-width="80px">
@@ -346,6 +349,7 @@
 	} from "@/api/companyManagement"
 	import pdf from "./pdf"
 	import download from "downloadjs"
+	import options from "./test.js"
 	export default {
 		name: 'companyManagement',
 		components:{
@@ -368,6 +372,8 @@
 		},
 		data() {
 			return {
+				cascaderData:'',
+				optionsData : options,
 				TimeValue:'',
 				form: {
 					T_power: '', // 权限
@@ -502,6 +508,9 @@
 			this.GetUserListApi()
 		},
 		methods: {
+			handleChange(e){
+				console.log('飒飒大苏打',this.cascaderData)
+			},
 			radioInput() {
 				var values = this.radio1.split(",")[1]
 				this.$refs.pdf.SetPdf(values)
@@ -566,6 +575,7 @@
 			},
 			GetTempListApi(){
 				TempList({}).then(res=>{
+					console.log('报错',res)
 					if(res.data.Code===200){
 						this.optionsRw = res.data.Data.List
 					}
@@ -576,7 +586,6 @@
 				this.Drawer = true
 				this.pages1.page = 1
 				this.GetTaskListApi()
-				this.GetTempListApi()
 				this.GetAdminList_AllApi()
 			},
 			GetTaskListApi(){
@@ -696,6 +705,7 @@
 						this.form1.T_delivery = obj.T_delivery
 						this.form1.T_task_id = obj.T_task_id 
 						this.innerDrawer = true
+						this.GetTempListApi()
 						break
 					case 'c':
 						TaskGet({T_task_id:obj.T_task_id}).then(res=>{

src/views/companyManagement/test.js

@@ -0,0 +1,196 @@
+const options = [{
+	value: 'zhinan',
+	label: '指南',
+	children: [{
+		value: 'shejiyuanze',
+		label: '设计原则',
+		children: [{
+			value: 'yizhi',
+			label: '一致'
+		}, {
+			value: 'fankui',
+			label: '反馈'
+		}, {
+			value: 'xiaolv',
+			label: '效率'
+		}, {
+			value: 'kekong',
+			label: '可控'
+		}]
+	}, {
+		value: 'daohang',
+		label: '导航',
+		children: [{
+			value: 'cexiangdaohang',
+			label: '侧向导航'
+		}, {
+			value: 'dingbudaohang',
+			label: '顶部导航'
+		}]
+	}]
+}, {
+	value: 'zujian',
+	label: '组件',
+	children: [{
+		value: 'basic',
+		label: 'Basic',
+		children: [{
+			value: 'layout',
+			label: 'Layout 布局'
+		}, {
+			value: 'color',
+			label: 'Color 色彩'
+		}, {
+			value: 'typography',
+			label: 'Typography 字体'
+		}, {
+			value: 'icon',
+			label: 'Icon 图标'
+		}, {
+			value: 'button',
+			label: 'Button 按钮'
+		}]
+	}, {
+		value: 'form',
+		label: 'Form',
+		children: [{
+			value: 'radio',
+			label: 'Radio 单选框'
+		}, {
+			value: 'checkbox',
+			label: 'Checkbox 多选框'
+		}, {
+			value: 'input',
+			label: 'Input 输入框'
+		}, {
+			value: 'input-number',
+			label: 'InputNumber 计数器'
+		}, {
+			value: 'select',
+			label: 'Select 选择器'
+		}, {
+			value: 'cascader',
+			label: 'Cascader 级联选择器'
+		}, {
+			value: 'switch',
+			label: 'Switch 开关'
+		}, {
+			value: 'slider',
+			label: 'Slider 滑块'
+		}, {
+			value: 'time-picker',
+			label: 'TimePicker 时间选择器'
+		}, {
+			value: 'date-picker',
+			label: 'DatePicker 日期选择器'
+		}, {
+			value: 'datetime-picker',
+			label: 'DateTimePicker 日期时间选择器'
+		}, {
+			value: 'upload',
+			label: 'Upload 上传'
+		}, {
+			value: 'rate',
+			label: 'Rate 评分'
+		}, {
+			value: 'form',
+			label: 'Form 表单'
+		}]
+	}, {
+		value: 'data',
+		label: 'Data',
+		children: [{
+			value: 'table',
+			label: 'Table 表格'
+		}, {
+			value: 'tag',
+			label: 'Tag 标签'
+		}, {
+			value: 'progress',
+			label: 'Progress 进度条'
+		}, {
+			value: 'tree',
+			label: 'Tree 树形控件'
+		}, {
+			value: 'pagination',
+			label: 'Pagination 分页'
+		}, {
+			value: 'badge',
+			label: 'Badge 标记'
+		}]
+	}, {
+		value: 'notice',
+		label: 'Notice',
+		children: [{
+			value: 'alert',
+			label: 'Alert 警告'
+		}, {
+			value: 'loading',
+			label: 'Loading 加载'
+		}, {
+			value: 'message',
+			label: 'Message 消息提示'
+		}, {
+			value: 'message-box',
+			label: 'MessageBox 弹框'
+		}, {
+			value: 'notification',
+			label: 'Notification 通知'
+		}]
+	}, {
+		value: 'navigation',
+		label: 'Navigation',
+		children: [{
+			value: 'menu',
+			label: 'NavMenu 导航菜单'
+		}, {
+			value: 'tabs',
+			label: 'Tabs 标签页'
+		}, {
+			value: 'breadcrumb',
+			label: 'Breadcrumb 面包屑'
+		}, {
+			value: 'dropdown',
+			label: 'Dropdown 下拉菜单'
+		}, {
+			value: 'steps',
+			label: 'Steps 步骤条'
+		}]
+	}, {
+		value: 'others',
+		label: 'Others',
+		children: [{
+			value: 'dialog',
+			label: 'Dialog 对话框'
+		}, {
+			value: 'tooltip',
+			label: 'Tooltip 文字提示'
+		}, {
+			value: 'popover',
+			label: 'Popover 弹出框'
+		}, {
+			value: 'card',
+			label: 'Card 卡片'
+		}, {
+			value: 'carousel',
+			label: 'Carousel 走马灯'
+		}, {
+			value: 'collapse',
+			label: 'Collapse 折叠面板'
+		}]
+	}]
+}, {
+	value: 'ziyuan',
+	label: '资源',
+	children: [{
+		value: 'axure',
+		label: 'Axure Components'
+	}, {
+		value: 'sketch',
+		label: 'Sketch Templates'
+	}, {
+		value: 'jiaohu',
+		label: '组件交互文档'
+	}]
+}]
+export default options