You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2085 lines
159 KiB
Plaintext

11 months ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../WF/Portal/layui/css/layui.css" rel="stylesheet" />
<script type="text/javascript" src="../../WF/Scripts/bootstrap/js/jquery.min.js"></script>
<script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
<script src="../../WF/Scripts/config.js" type="text/javascript"></script>
<script src="../../WF/Comm/Gener.js" type="text/javascript"></script>
<script src="../../WF/Portal/layui/layui.js" type="text/javascript"></script>
<script src="../../WF/Scripts/layui/LayuiDialog.js" type="text/javascript"></script>
<script src="../../WF/Portal/js/vue/vue.js" type="text/javascript"></script>
<link href="../../WF/Style/skin/adminfont/iconfont.css" rel="stylesheet" />
<link href="elcss.css" rel="stylesheet" />
<link href="zupu.css" rel="stylesheet" />
<link href="fonts.css" rel="stylesheet" />
<style>
html, body {
background: #f6f6f6
}
.demo {
padding: 5px 0;
margin: 1px 10px;
text-align: left;
font-size: 16px;
max-width: 500px;
border-left: 1px dashed #999;
}
</style>
</head>
<body>
<div class="zp-tree" id="zp-tree">
<div class="header">
<div class="header-inner">
<div class="nav">
<div class="px-nav-left">
<div class="nav-item nav-search">
<div class="el-input el-input--mini el-input--suffix">
<input type="text" autocomplete="off" placeholder="请输入内容" class="el-input__inner" />
<span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon el-icon-search"></i></span></span>
</div>
</div>
<div>
<label class="el-checkbox" :class="ShowXing? 'is-checked':''" @click.stop="ShowXing=!ShowXing">
<span class="el-checkbox__input" :class="ShowXing? 'is-checked':''"><span class="el-checkbox__inner"></span></span><span class="el-checkbox__label">
显示姓
</span>
</label>
<label class="el-checkbox" :class="ShowNv? 'is-checked':''" @click.stop="ShowNv=!ShowNv">
<span class="el-checkbox__input" :class="ShowNv? 'is-checked':''"><span class="el-checkbox__inner"></span></span><span class="el-checkbox__label">
显示女性
</span>
</label>
<label class="el-checkbox" :class="ShowShi? 'is-checked':''" @click.stop="ShowShi=!ShowShi">
<span class="el-checkbox__input" :class="ShowShi? 'is-checked':''"><span class="el-checkbox__inner"></span></span><span class="el-checkbox__label">
显示排行
</span>
</label>
</div>
</div>
<div class="px-nav-right">
<div class="nav-item" @click.stop="ShowCateEdit=true">
<div class="title">
<i class="iconfont icon-xitong"></i>
<span class="span-title">管理</span>
</div>
</div>
<div class="nav-item">
<div class="title">
<a href="Default.htm">
<i class="iconfont icon-jiedian-"></i>
<span class="span-title">谱系</span>
</a>
</div>
</div>
<div class="nav-item">
<div class="title">
<a href="ZpBook.htm">
<i class="iconfont icon-book"></i>
<span class="span-title">谱书</span>
</a>
</div>
</div>
<div class="nav-item">
<div class="title">
<a href="ZpPage.htm">
<i class="iconfont icon-wenjian3"></i>
<span class="span-title">谱文</span>
</a>
</div>
</div>
<div class="nav-item">
<div class="title">
<i class="iconfont icon-Save"></i>
<span class="span-title">保存</span>
</div>
</div>
<div class="nav-item">
<div class="title">
<i class="iconfont icon-shanchu1"></i>
<span class="span-title">删除</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="h-main">
<div class="h-right">
<div id="tree-box" class="tree-box">
<div class="root">
<tree-item class="node expand last-item"
:item="treeData"
@make-folder="makeFolder"
@add-item="addItem"></tree-item>
</div>
</div>
<div class="info-box">
<div class="info-r " :class="ShowRight?'full':'simple'">
<div class="info-r-inner" :class="ShowRight?'':'simple'" v-if="ShowRight==false">
<div class="title">
<div data-v-235b253a="">
基本信息
</div>
<i class="icon h-icon-zuo" @click.stop="ShowRight=!ShowRight"></i>
</div>
<div class="photo">
<div data-v-235b253a="" class="h-img-box" style="width:100px;height:100px">
<div>
<div class="close-bg">
<i class="el-icon-error close"></i>
</div>
<div class="el-image" style="width:100px;height:100px">
<img src="https://bjyp.huchiu.com/images/default/photo.png" class="el-image__inner" style="object-fit:contain" />
</div>
<div class="img-tips">
点击更换
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="name">
性 别
</div>
<div class="value">
<div data-v-235b253a="" role="radiogroup" class="el-radio-group radio-sex">
<label data-v-235b253a="" role="radio" aria-checked="true" tabindex="0" class="el-radio sex-item is-checked"><span class="el-radio__input is-checked"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="男" /></span><span class="el-radio__label">男</span></label>
<label data-v-235b253a="" role="radio" tabindex="-1" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="女" /></span><span class="el-radio__label">女</span></label>
</div>
</div>
</div>
<div class="form-group">
<div class="name">
姓 氏
</div>
<div class="value">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" placeholder="戚" class="el-input__inner" />
</div>
</div>
</div>
<div class="form-group">
<div class="name">
名 字
</div>
<div class="value">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" class="el-input__inner" />
</div>
</div>
</div>
<div class="form-group">
<div class="name">
常用名
</div>
<div class="value">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" class="el-input__inner" />
</div>
</div>
</div>
<div class="form-group">
<div class="name">
父 母
</div>
<div class="value">
<div class="el-select el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="" autocomplete="off" placeholder="请选择" class="el-input__inner" />
<span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-select__caret el-input__icon el-icon-arrow-up"></i></span></span>
</div>
<div class="el-select-dropdown el-popper" style="display:none;min-width:134px">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li data-v-235b253a="" class="el-select-dropdown__item selected"><span>请选择</span></li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="name">
关 系
</div>
<div class="value">
<div class="el-select el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="" autocomplete="off" placeholder="请选择" class="el-input__inner" />
<span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-select__caret el-input__icon el-icon-arrow-up"></i></span></span>
</div>
<div class="el-select-dropdown el-popper" style="display:none;min-width:134px">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li data-v-235b253a="" class="el-select-dropdown__item selected"><span>生</span></li>
<li class="el-select-dropdown__item"><span>嗣</span></li>
<li class="el-select-dropdown__item"><span>祧</span></li>
<li class="el-select-dropdown__item"><span>抚</span></li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="name">
生 于
</div>
<div class="value">
<div data-v-0d38f196="" data-v-235b253a="">
<div data-v-0d38f196="" class="date-wrap">
<div data-v-0d38f196="" class="el-date-editor date-picker w140 m-r-10 el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date">
<input type="text" autocomplete="off" name="data-birthDate-dataBirthDate" placeholder="选择日期" class="el-input__inner" />
<span class="el-input__prefix"><i class="el-input__icon el-icon-date"></i></span>
<span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon"></i></span></span>
</div>
<div data-v-0d38f196="" class="date-cascader el-cascader el-cascader--mini">
<div class="el-input el-input--mini el-input--suffix">
<input type="text" autocomplete="off" placeholder="请选择" class="el-input__inner" />
<span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon el-icon-arrow-down"></i></span></span>
</div>
<div class="el-popper el-cascader__dropdown component-datetime-cascader" style="display:none">
<div class="el-cascader-panel">
<div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-3116-0">
<div class="el-cascader-menu__wrap el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
<ul class="el-scrollbar__view el-cascader-menu__list">
<li role="menuitem" id="cascader-menu-3116-0-0" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="公元" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">公元</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-1" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="民国" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">民国</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-2" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="清朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">清朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-3" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="明朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">明朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-4" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="元朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">元朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-5" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="南宋" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">南宋</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-6" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="北宋" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">北宋</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-7" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">唐朝</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
<li role="menuitem" id="cascader-menu-3116-0-8" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-3116-0"><label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝以前" /></span><span class="el-radio__label"><span></span></span></label><span class="el-cascader-node__label">唐朝以前</span><i class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
</div>
</div>
</div>
<div class="el-cascader__suggestion-panel el-scrollbar" style="display:none">
<div class="el-scrollbar__wrap" style="margin-bottom:-6px;margin-right:-6px">
<ul class="el-scrollbar__view el-cascader__suggestion-list" style="min-width:134px">
<li class="el-cascader__empty-text">无匹配数据</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform:translateX(0)"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform:translateY(0)"></div>
</div>
</div>
</div>
</div>
<div data-v-0d38f196="" class="date-input el-input el-input--small el-input-group el-input-group--prepend el-input--suffix">
<div class="el-input-group__prepend">
<i data-v-0d38f196="" title="无法识别,排版时将不能使用系统自动转换时间格式功能,只能按照输入原样输出" class="icon el-icon-warning-outline"></i>
</div>
<input type="text" autocomplete="off" placeholder="请输入出生日期" class="el-input__inner" />
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="name">
健 在
</div>
<div class="value">
<div data-v-235b253a="" role="radiogroup" class="el-radio-group radio-sex">
<label data-v-235b253a="" role="radio" aria-checked="true" tabindex="0" class="el-radio sex-item is-checked"><span class="el-radio__input is-checked"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="0" /></span><span class="el-radio__label">是</span></label>
<label data-v-235b253a="" role="radio" tabindex="-1" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="1" /></span><span class="el-radio__label">否</span></label>
</div>
</div>
</div>
<div class="form-group">
<button data-v-235b253a="" type="button" class="el-button btn-single el-button--primary el-button--small is-plain"><span>绑定用户</span></button>
</div>
<div class="list">
<div class="list-title">
子女信息(1)
</div>
<div class="list-item">
<div class="fixed relation">
长子
</div>
<div class="name">
1
</div>
<i data-v-235b253a="" class="fixed icon h-icon-shangsheng disabled"></i>
<i data-v-235b253a="" class="fixed icon h-icon-xiajiang disabled"></i>
</div>
</div>
</div>
<div class="info-r-inner" v-if="ShowRight==true">
<div class="tabs">
<span class="item on">基本信息</span>
<span class="item">快捷录入</span>
<span class="item">帮助说明</span>
<span class="item">用户纠错</span>
<div class="blank"></div>
<i class="icon h-icon-you" @click.stop="ShowRight=!ShowRight"></i>
</div>
<div class="info-content">
<div class="top-row">
<div class="user">
<div class="photo">
<div class="h-img-box" style="width: 100px; height: 100px;">
<div>
<div class="close-bg">
<i class="el-icon-error close"></i>
</div>
<div class="el-image" style="width: 100px; height: 100px;">
<img src="https://bjyp.huchiu.com/images/default/photo.png" class="el-image__inner" style="object-fit: contain;">
</div>
<div class="img-tips">点击更换</div>
</div>
</div>
</div>
<div role="radiogroup" class="el-radio-group radio-sex">
<label role="radio" aria-checked="true" tabindex="0" class="el-radio sex-item is-checked">
<span class="el-radio__input is-checked">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="男">
</span>
<span class="el-radio__label">
</span>
</label>
<label role="radio" tabindex="-1" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="女">
</span>
<span class="el-radio__label">
</span>
</label>
</div>
<button type="button" class="el-button el-button--primary el-button--small is-plain">
<span>绑定用户</span>
</button>
</div>
<div class="top-row-r">
<div class="setting-item-row">
<div class="label">姓 氏</div>
<div class="w110 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="戚" class="el-input__inner">
</div>
<div class="label">名 字</div>
<div class="w90 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">
</div>
<div class="label">常用名</div>
<div class="w90 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="常用名字" class="el-input__inner">
</div>
<div class="label">别 名</div>
<div class="w100 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="字、号等" class="el-input__inner">
</div>
</div>
<div class="setting-item-row">
<div class="label">头 衔</div>
<div class="w110 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">
</div>
<div class="label">字 辈</div>
<div class="w90 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">
</div>
<div class="label">排 行</div>
<div class="el-select w90 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 90px;">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item selected hover">
<span>长子</span>
</li>
<li class="el-select-dropdown__item">
<span>次子</span>
</li>
<li class="el-select-dropdown__item">
<span>三子</span>
</li>
<li class="el-select-dropdown__item">
<span>四子</span>
</li>
<li class="el-select-dropdown__item">
<span>五子</span>
</li>
<li class="el-select-dropdown__item">
<span>六子</span>
</li>
<li class="el-select-dropdown__item">
<span>七子</span>
</li>
<li class="el-select-dropdown__item">
<span>八子</span>
</li>
<li class="el-select-dropdown__item">
<span>九子</span>
</li>
<li class="el-select-dropdown__item">
<span>十子</span>
</li>
<li class="el-select-dropdown__item">
<span>十一子</span>
</li>
<li class="el-select-dropdown__item">
<span>十二子</span>
</li>
<li class="el-select-dropdown__item">
<span>十三子</span>
</li>
<li class="el-select-dropdown__item">
<span>十四子</span>
</li>
<li class="el-select-dropdown__item">
<span>十五子</span>
</li>
<li class="el-select-dropdown__item">
<span>十六子</span>
</li>
<li class="el-select-dropdown__item">
<span>十七子</span>
</li>
<li class="el-select-dropdown__item">
<span>十八子</span>
</li>
<li class="el-select-dropdown__item">
<span>十九子</span>
</li>
<li class="el-select-dropdown__item">
<span>二十子</span>
</li>
<li class="el-select-dropdown__item">
<span>之子</span>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div class="label">状 态</div>
<div class="el-select w100 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 100px;">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item selected">
<span>在世</span>
</li>
<li class="el-select-dropdown__item">
<span>过世</span>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
</div>
<div class="setting-item-row">
<div class="label">父 母</div>
<div class="el-select w110 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 110px;">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item selected">
<span>无</span>
</li>
<li class="el-select-dropdown__item">
<span>戚234&amp;123132</span>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div class="label">关 系</div>
<div class="el-select w90 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 90px;">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item selected">
<span>生</span>
</li>
<li class="el-select-dropdown__item">
<span>嗣</span>
</li>
<li class="el-select-dropdown__item">
<span>祧</span>
</li>
<li class="el-select-dropdown__item">
<span>抚</span>
</li>
<li class="el-select-dropdown__item">
<div title="生成谱书时不会显示此人物的后代" class="relation-option">
<span data-v-2c1fae5c="">奉祀</span>
<i class="el-icon-question"></i>
</div>
</li>
<li class="el-select-dropdown__item">
<div title="适用于插入断代人物,在生成谱书时不会跟父母有任何关联" class="relation-option">
<span data-v-2c1fae5c="">无</span>
<i class="el-icon-question"></i>
</div>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div class="label">配 偶</div>
<div class="el-select w90 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 90px;">
<div class="el-scrollbar" style="display: none;">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list"></ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
<p class="el-select-dropdown__empty">无数据</p>
</div>
</div>
<div class="label">关 系</div>
<div class="w100 el-input el-input--small is-disabled">
<input type="text" disabled="disabled" autocomplete="off" class="el-input__inner">
</div>
</div>
<div class="setting-item-row">
<div class="label">世 数</div>
<div class="w110 el-input el-input--small is-disabled">
<input type="text" disabled="disabled" autocomplete="off" class="el-input__inner">
</div>
<div class="label">履 历</div>
<div class="w130 m-r-15 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="学历" class="el-input__inner">
</div>
<div class="w130 m-r-15 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="就职单位" class="el-input__inner">
</div>
<div class="w130 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="职位" class="el-input__inner">
</div>
</div>
</div>
</div>
<div class="setting-item-row">
<div class="label">出 生</div>
<div data-v-0d38f196="" class="w240 m-r-10">
<div data-v-0d38f196="" class="date-wrap">
<div data-v-0d38f196="" class="el-date-editor date-picker w140 m-r-10 el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date">
<input type="text" autocomplete="off" name="data-birthDate-dataBirthDate" placeholder="选择日期" class="el-input__inner">
<span class="el-input__prefix">
<i class="el-input__icon el-icon-date"></i>
</span>
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-input__icon"></i>
</span>
</span>
</div>
<div data-v-0d38f196="" class="date-cascader el-cascader el-cascader--mini">
<div class="el-input el-input--mini el-input--suffix">
<input type="text" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-input__icon el-icon-arrow-down"></i>
</span>
</span>
</div>
<div class="el-popper el-cascader__dropdown component-datetime-cascader" style="display: none;">
<div class="el-cascader-panel">
<div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-8019-0">
<div class="el-cascader-menu__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-cascader-menu__list">
<li role="menuitem" id="cascader-menu-8019-0-0" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="公元">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">公元</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-1" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="民国">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">民国</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-2" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="清朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">清朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-3" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="明朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">明朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-4" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="元朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">元朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-5" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="南宋">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">南宋</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-6" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="北宋">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">北宋</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-7" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">唐朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8019-0-8" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8019-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝以前">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">唐朝以前</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
<div class="el-cascader__suggestion-panel el-scrollbar" style="display: none;">
<div class="el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-cascader__suggestion-list" style="min-width: 180px;">
<li class="el-cascader__empty-text">无匹配数据</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div data-v-0d38f196="" class="date-input el-input el-input--small el-input-group el-input-group--prepend el-input--suffix">
<div class="el-input-group__prepend">
<i data-v-0d38f196="" title="无法识别,排版时将不能使用系统自动转换时间格式功能,只能按照输入原样输出" class="icon el-icon-warning-outline"></i>
</div>
<input type="text" autocomplete="off" placeholder="请输入出生日期" class="el-input__inner">
</div>
</div>
</div>
<div class="el-select w80 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="时辰" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 80px;">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item">
<span>子时</span>
</li>
<li class="el-select-dropdown__item">
<span>丑时</span>
</li>
<li class="el-select-dropdown__item">
<span>寅时</span>
</li>
<li class="el-select-dropdown__item">
<span>卯时</span>
</li>
<li class="el-select-dropdown__item">
<span>辰时</span>
</li>
<li class="el-select-dropdown__item">
<span>巳时</span>
</li>
<li class="el-select-dropdown__item">
<span>午时</span>
</li>
<li class="el-select-dropdown__item">
<span>未时</span>
</li>
<li class="el-select-dropdown__item">
<span>申时</span>
</li>
<li class="el-select-dropdown__item">
<span>酉时</span>
</li>
<li class="el-select-dropdown__item">
<span>戌时</span>
</li>
<li class="el-select-dropdown__item">
<span>亥时</span>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div class="label">身 份</div>
<div class="w160 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">
</div>
<div class="label" style="width: 50px;">村 庄</div>
<div class="el-input el-input--small w110">
<input type="text" class="el-input__inner">
</div>
</div>
<div class="setting-item-row">
<div class="label">去 世</div>
<div data-v-0d38f196="" class="w240 m-r-10">
<div data-v-0d38f196="" class="date-wrap">
<div data-v-0d38f196="" class="el-date-editor date-picker w140 m-r-10 el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date">
<input type="text" autocomplete="off" name="data-birthDate-dataBirthDate" placeholder="选择日期" class="el-input__inner">
<span class="el-input__prefix">
<i class="el-input__icon el-icon-date"></i>
</span>
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-input__icon"></i>
</span>
</span>
</div>
<div data-v-0d38f196="" class="date-cascader el-cascader el-cascader--mini">
<div class="el-input el-input--mini el-input--suffix">
<input type="text" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-input__icon el-icon-arrow-down"></i>
</span>
</span>
</div>
<div class="el-popper el-cascader__dropdown component-datetime-cascader" style="display: none;">
<div class="el-cascader-panel">
<div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-8579-0">
<div class="el-cascader-menu__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-cascader-menu__list">
<li role="menuitem" id="cascader-menu-8579-0-0" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="公元">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">公元</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-1" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="民国">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">民国</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-2" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="清朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">清朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-3" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="明朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">明朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-4" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="元朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">元朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-5" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="南宋">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">南宋</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-6" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="北宋">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">北宋</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-7" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">唐朝</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
<li role="menuitem" id="cascader-menu-8579-0-8" tabindex="-1" class="el-cascader-node is-selectable" aria-haspopup="true" aria-owns="cascader-menu-8579-0">
<label role="radio" tabindex="0" class="el-radio">
<span class="el-radio__input">
<span class="el-radio__inner"></span>
<input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="唐朝以前">
</span>
<span class="el-radio__label">
<span></span>
</span>
</label>
<span class="el-cascader-node__label">唐朝以前</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"></i>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
<div class="el-cascader__suggestion-panel el-scrollbar" style="display: none;">
<div class="el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-cascader__suggestion-list" style="min-width: 180px;">
<li class="el-cascader__empty-text">无匹配数据</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div data-v-0d38f196="" class="date-input el-input el-input--small el-input-group el-input-group--prepend el-input--suffix">
<div class="el-input-group__prepend">
<i data-v-0d38f196="" title="无法识别,排版时将不能使用系统自动转换时间格式功能,只能按照输入原样输出" class="icon el-icon-warning-outline"></i>
</div>
<input type="text" autocomplete="off" placeholder="请输入去世日期" class="el-input__inner">
</div>
</div>
</div>
<div class="el-select w80 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="时辰" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 80px;">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item">
<span>子时</span>
</li>
<li class="el-select-dropdown__item">
<span>丑时</span>
</li>
<li class="el-select-dropdown__item">
<span>寅时</span>
</li>
<li class="el-select-dropdown__item">
<span>卯时</span>
</li>
<li class="el-select-dropdown__item">
<span>辰时</span>
</li>
<li class="el-select-dropdown__item">
<span>巳时</span>
</li>
<li class="el-select-dropdown__item">
<span>午时</span>
</li>
<li class="el-select-dropdown__item">
<span>未时</span>
</li>
<li class="el-select-dropdown__item">
<span>申时</span>
</li>
<li class="el-select-dropdown__item">
<span>酉时</span>
</li>
<li class="el-select-dropdown__item">
<span>戌时</span>
</li>
<li class="el-select-dropdown__item">
<span>亥时</span>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div class="label">葬 址</div>
<div class="w160 el-input el-input--small">
<input type="text" autocomplete="off" placeholder="请输入" class="el-input__inner">
</div>
<div class="label" style="width: 50px;">享 年</div>
<div class="el-select w110 el-select--small">
<div class="el-input el-input--small el-input--suffix">
<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">
<span class="el-input__suffix">
<span class="el-input__suffix-inner">
<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
</span>
</span>
</div>
<div class="el-select-dropdown el-popper" style="display: none; min-width: 110px;">
<div class="el-scrollbar" style="">
<div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -6px; margin-right: -6px;">
<ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item">
<span>0</span>
</li>
<li class="el-select-dropdown__item">
<span>1</span>
</li>
<li class="el-select-dropdown__item">
<span>2</span>
</li>
<li class="el-select-dropdown__item">
<span>3</span>
</li>
<li class="el-select-dropdown__item">
<span>4</span>
</li>
<li class="el-select-dropdown__item">
<span>5</span>
</li>
<li class="el-select-dropdown__item">
<span>6</span>
</li>
<li class="el-select-dropdown__item">
<span>7</span>
</li>
<li class="el-select-dropdown__item">
<span>8</span>
</li>
<li class="el-select-dropdown__item">
<span>9</span>
</li>
<li class="el-select-dropdown__item">
<span>10</span>
</li>
<li class="el-select-dropdown__item">
<span>11</span>
</li>
<li class="el-select-dropdown__item">
<span>12</span>
</li>
<li class="el-select-dropdown__item">
<span>13</span>
</li>
<li class="el-select-dropdown__item">
<span>14</span>
</li>
<li class="el-select-dropdown__item">
<span>15</span>
</li>
<li class="el-select-dropdown__item">
<span>16</span>
</li>
<li class="el-select-dropdown__item">
<span>17</span>
</li>
<li class="el-select-dropdown__item">
<span>18</span>
</li>
<li class="el-select-dropdown__item">
<span>19</span>
</li>
<li class="el-select-dropdown__item">
<span>20</span>
</li>
<li class="el-select-dropdown__item">
<span>21</span>
</li>
<li class="el-select-dropdown__item">
<span>22</span>
</li>
<li class="el-select-dropdown__item">
<span>23</span>
</li>
<li class="el-select-dropdown__item">
<span>24</span>
</li>
<li class="el-select-dropdown__item">
<span>25</span>
</li>
<li class="el-select-dropdown__item">
<span>26</span>
</li>
<li class="el-select-dropdown__item">
<span>27</span>
</li>
<li class="el-select-dropdown__item">
<span>28</span>
</li>
<li class="el-select-dropdown__item">
<span>29</span>
</li>
<li class="el-select-dropdown__item">
<span>30</span>
</li>
<li class="el-select-dropdown__item">
<span>31</span>
</li>
<li class="el-select-dropdown__item">
<span>32</span>
</li>
<li class="el-select-dropdown__item">
<span>33</span>
</li>
<li class="el-select-dropdown__item">
<span>34</span>
</li>
<li class="el-select-dropdown__item">
<span>35</span>
</li>
<li class="el-select-dropdown__item">
<span>36</span>
</li>
<li class="el-select-dropdown__item">
<span>37</span>
</li>
<li class="el-select-dropdown__item">
<span>38</span>
</li>
<li class="el-select-dropdown__item">
<span>39</span>
</li>
<li class="el-select-dropdown__item">
<span>40</span>
</li>
<li class="el-select-dropdown__item">
<span>41</span>
</li>
<li class="el-select-dropdown__item">
<span>42</span>
</li>
<li class="el-select-dropdown__item">
<span>43</span>
</li>
<li class="el-select-dropdown__item">
<span>44</span>
</li>
<li class="el-select-dropdown__item">
<span>45</span>
</li>
<li class="el-select-dropdown__item">
<span>46</span>
</li>
<li class="el-select-dropdown__item">
<span>47</span>
</li>
<li class="el-select-dropdown__item">
<span>48</span>
</li>
<li class="el-select-dropdown__item">
<span>49</span>
</li>
<li class="el-select-dropdown__item">
<span>50</span>
</li>
<li class="el-select-dropdown__item">
<span>51</span>
</li>
<li class="el-select-dropdown__item">
<span>52</span>
</li>
<li class="el-select-dropdown__item">
<span>53</span>
</li>
<li class="el-select-dropdown__item">
<span>54</span>
</li>
<li class="el-select-dropdown__item">
<span>55</span>
</li>
<li class="el-select-dropdown__item">
<span>56</span>
</li>
<li class="el-select-dropdown__item">
<span>57</span>
</li>
<li class="el-select-dropdown__item">
<span>58</span>
</li>
<li class="el-select-dropdown__item">
<span>59</span>
</li>
<li class="el-select-dropdown__item">
<span>60</span>
</li>
<li class="el-select-dropdown__item">
<span>61</span>
</li>
<li class="el-select-dropdown__item">
<span>62</span>
</li>
<li class="el-select-dropdown__item">
<span>63</span>
</li>
<li class="el-select-dropdown__item">
<span>64</span>
</li>
<li class="el-select-dropdown__item">
<span>65</span>
</li>
<li class="el-select-dropdown__item">
<span>66</span>
</li>
<li class="el-select-dropdown__item">
<span>67</span>
</li>
<li class="el-select-dropdown__item">
<span>68</span>
</li>
<li class="el-select-dropdown__item">
<span>69</span>
</li>
<li class="el-select-dropdown__item">
<span>70</span>
</li>
<li class="el-select-dropdown__item">
<span>71</span>
</li>
<li class="el-select-dropdown__item">
<span>72</span>
</li>
<li class="el-select-dropdown__item">
<span>73</span>
</li>
<li class="el-select-dropdown__item">
<span>74</span>
</li>
<li class="el-select-dropdown__item">
<span>75</span>
</li>
<li class="el-select-dropdown__item">
<span>76</span>
</li>
<li class="el-select-dropdown__item">
<span>77</span>
</li>
<li class="el-select-dropdown__item">
<span>78</span>
</li>
<li class="el-select-dropdown__item">
<span>79</span>
</li>
<li class="el-select-dropdown__item">
<span>80</span>
</li>
<li class="el-select-dropdown__item">
<span>81</span>
</li>
<li class="el-select-dropdown__item">
<span>82</span>
</li>
<li class="el-select-dropdown__item">
<span>83</span>
</li>
<li class="el-select-dropdown__item">
<span>84</span>
</li>
<li class="el-select-dropdown__item">
<span>85</span>
</li>
<li class="el-select-dropdown__item">
<span>86</span>
</li>
<li class="el-select-dropdown__item">
<span>87</span>
</li>
<li class="el-select-dropdown__item">
<span>88</span>
</li>
<li class="el-select-dropdown__item">
<span>89</span>
</li>
<li class="el-select-dropdown__item">
<span>90</span>
</li>
<li class="el-select-dropdown__item">
<span>91</span>
</li>
<li class="el-select-dropdown__item">
<span>92</span>
</li>
<li class="el-select-dropdown__item">
<span>93</span>
</li>
<li class="el-select-dropdown__item">
<span>94</span>
</li>
<li class="el-select-dropdown__item">
<span>95</span>
</li>
<li class="el-select-dropdown__item">
<span>96</span>
</li>
<li class="el-select-dropdown__item">
<span>97</span>
</li>
<li class="el-select-dropdown__item">
<span>98</span>
</li>
<li class="el-select-dropdown__item">
<span>99</span>
</li>
<li class="el-select-dropdown__item">
<span>100</span>
</li>
<li class="el-select-dropdown__item">
<span>101</span>
</li>
<li class="el-select-dropdown__item">
<span>102</span>
</li>
<li class="el-select-dropdown__item">
<span>103</span>
</li>
<li class="el-select-dropdown__item">
<span>104</span>
</li>
<li class="el-select-dropdown__item">
<span>105</span>
</li>
<li class="el-select-dropdown__item">
<span>106</span>
</li>
<li class="el-select-dropdown__item">
<span>107</span>
</li>
<li class="el-select-dropdown__item">
<span>108</span>
</li>
<li class="el-select-dropdown__item">
<span>109</span>
</li>
<li class="el-select-dropdown__item">
<span>110</span>
</li>
<li class="el-select-dropdown__item">
<span>111</span>
</li>
<li class="el-select-dropdown__item">
<span>112</span>
</li>
<li class="el-select-dropdown__item">
<span>113</span>
</li>
<li class="el-select-dropdown__item">
<span>114</span>
</li>
<li class="el-select-dropdown__item">
<span>115</span>
</li>
<li class="el-select-dropdown__item">
<span>116</span>
</li>
<li class="el-select-dropdown__item">
<span>117</span>
</li>
<li class="el-select-dropdown__item">
<span>118</span>
</li>
<li class="el-select-dropdown__item">
<span>119</span>
</li>
<li class="el-select-dropdown__item">
<span>120</span>
</li>
<li class="el-select-dropdown__item">
<span>121</span>
</li>
<li class="el-select-dropdown__item">
<span>122</span>
</li>
<li class="el-select-dropdown__item">
<span>123</span>
</li>
<li class="el-select-dropdown__item">
<span>124</span>
</li>
<li class="el-select-dropdown__item">
<span>125</span>
</li>
<li class="el-select-dropdown__item">
<span>126</span>
</li>
<li class="el-select-dropdown__item">
<span>127</span>
</li>
<li class="el-select-dropdown__item">
<span>128</span>
</li>
<li class="el-select-dropdown__item">
<span>129</span>
</li>
<li class="el-select-dropdown__item">
<span>130</span>
</li>
<li class="el-select-dropdown__item">
<span>131</span>
</li>
<li class="el-select-dropdown__item">
<span>132</span>
</li>
<li class="el-select-dropdown__item">
<span>133</span>
</li>
<li class="el-select-dropdown__item">
<span>134</span>
</li>
<li class="el-select-dropdown__item">
<span>135</span>
</li>
<li class="el-select-dropdown__item">
<span>136</span>
</li>
<li class="el-select-dropdown__item">
<span>137</span>
</li>
<li class="el-select-dropdown__item">
<span>138</span>
</li>
<li class="el-select-dropdown__item">
<span>139</span>
</li>
<li class="el-select-dropdown__item">
<span>140</span>
</li>
<li class="el-select-dropdown__item">
<span>141</span>
</li>
<li class="el-select-dropdown__item">
<span>142</span>
</li>
<li class="el-select-dropdown__item">
<span>143</span>
</li>
<li class="el-select-dropdown__item">
<span>144</span>
</li>
<li class="el-select-dropdown__item">
<span>145</span>
</li>
<li class="el-select-dropdown__item">
<span>146</span>
</li>
<li class="el-select-dropdown__item">
<span>147</span>
</li>
<li class="el-select-dropdown__item">
<span>148</span>
</li>
<li class="el-select-dropdown__item">
<span>149</span>
</li>
</ul>
</div>
<div class="el-scrollbar__bar is-horizontal">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
</div>
<div class="setting-item-row">
<div class="label">生 平</div>
<div class="w330 input-introduction el-textarea el-input--small">
<textarea autocomplete="off" rows="4" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
</div>
<div data-v-2c1fae5c="">
<div class="el-row el-row--flex" style="margin-bottom: 6px;">
<div class="label">后 注</div>
<div class="el-textarea el-input--small" style="width: 157px;">
<textarea autocomplete="off" rows="2" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
</div>
<div class="label" style="width: 50px;">纲 注</div>
<div class="w110 el-textarea el-input--small">
<textarea autocomplete="off" rows="2" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
</div>
</div>
<div class="el-row el-row--flex">
<div class="label">后 传</div>
<div class="w330 el-textarea el-input--small">
<textarea autocomplete="off" rows="2" placeholder="请输入内容" class="el-textarea__inner" style="min-height: 31px;"></textarea>
</div>
</div>
</div>
</div>
<div class="setting-item-row">
<div class="label">行 传</div>
<div class="txt-box">1生子www</div>
</div>
<div class="table" style="height: auto;">
<div class="toggle">
收起
<i class="arrow el-icon-arrow-up"></i>
</div>
<div class="el-table table-children el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--small" style="width: 100%;">
<div class="hidden-columns">
<div data-v-2c1fae5c=""></div>
<div data-v-2c1fae5c=""></div>
<div data-v-2c1fae5c=""></div>
<div data-v-2c1fae5c=""></div>
<div data-v-2c1fae5c=""></div>
<div data-v-2c1fae5c=""></div>
</div>
<div class="el-table__header-wrapper">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 785px;">
<colgroup>
<col name="el-table_3_column_15" width="142">
<col name="el-table_3_column_16" width="94">
<col name="el-table_3_column_17" width="94">
<col name="el-table_3_column_18" width="94">
<col name="el-table_3_column_19" width="141">
<col name="el-table_3_column_20" width="220">
<col name="gutter" width="0">
</colgroup>
<thead class="has-gutter">
<tr class="">
<th colspan="1" rowspan="1" class="el-table_3_column_15 is-center is-leaf">
<div class="cell">谱名</div>
</th>
<th colspan="1" rowspan="1" class="el-table_3_column_16 is-center is-leaf">
<div class="cell">性别</div>
</th>
<th colspan="1" rowspan="1" class="el-table_3_column_17 is-center is-leaf">
<div class="cell">关系</div>
</th>
<th colspan="1" rowspan="1" class="el-table_3_column_18 is-center is-leaf">
<div class="cell">排行</div>
</th>
<th colspan="1" rowspan="1" class="el-table_3_column_19 is-center is-leaf">
<div class="cell">父母</div>
</th>
<th colspan="1" rowspan="1" class="el-table_3_column_20 is-left is-leaf">
<div class="cell">操作</div>
</th>
<th class="gutter" style="width: 0px; display: none;"></th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper is-scrolling-none">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 785px;">
<colgroup>
<col name="el-table_3_column_15" width="142">
<col name="el-table_3_column_16" width="94">
<col name="el-table_3_column_17" width="94">
<col name="el-table_3_column_18" width="94">
<col name="el-table_3_column_19" width="141">
<col name="el-table_3_column_20" width="220">
</colgroup>
<tbody>
<tr class="el-table__row">
<td rowspan="1" colspan="1" class="el-table_3_column_15 is-center ">
<div class="cell">www</div>
</td>
<td rowspan="1" colspan="1" class="el-table_3_column_16 is-center ">
<div class="cell">男</div>
</td>
<td rowspan="1" colspan="1" class="el-table_3_column_17 is-center ">
<div class="cell">生</div>
</td>
<td rowspan="1" colspan="1" class="el-table_3_column_18 is-center ">
<div class="cell">长子</div>
</td>
<td rowspan="1" colspan="1" class="el-table_3_column_19 is-center ">
<div class="cell">1&amp;</div>
</td>
<td rowspan="1" colspan="1" class="el-table_3_column_20 is-left ">
<div class="cell">
<a plain="" class="m-l-r-5 el-link el-link--default is-disabled">
<span class="el-link--inner">上移</span>
</a>
<a class="m-l-r-5 el-link el-link--default is-disabled">
<span class="el-link--inner">下移</span>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="el-table__column-resize-proxy" style="display: none;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-dialog" v-if="ShowCateEdit" style="position:fixed;top:15vh;left:50%;margin-left:-25%">
<div class="el-dialog__header" style="border-bottom:1px solid #f0f0f0">
<span class="el-dialog__title">创建谱系</span>
<button type="button" class="el-dialog__headerbtn" @click.stop="ShowCateEdit=false"><i class="iconfont icon-guanbi" style="font-size:18px"></i></button>
</div>
<div class="el-dialog__body">
<form class="el-form">
<div class="el-form-item is-required el-form-item--small">
<label for="name" class="el-form-item__label" style="width: 100px;">谱系名称</label>
<div class="el-form-item__content" style="margin-left: 100px;">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" class="el-input__inner" name="TB_Name" id="TB_Name" />
</div>
</div>
</div>
<div class="el-form-item is-required el-form-item--small">
<label for="firstName" class="el-form-item__label" style="width: 100px;">姓氏</label>
<div class="el-form-item__content" style="margin-left: 100px;">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" class="el-input__inner" name="TB_XingShi" id="TB_XingShi" />
</div>
</div>
</div>
<div class="el-form-item is-required el-form-item--small">
<label for="ancestor" class="el-form-item__label" style="width: 100px;">开基祖</label>
<div class="el-form-item__content" style="margin-left: 100px;">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" class="el-input__inner" name="TB_PeopleName" id="TB_PeopleName" />
</div>
</div>
</div>
<div class="el-form-item el-form-item--small">
<label for="generation" class="el-form-item__label" style="width: 100px;">编修日期</label>
<div class="el-form-item__content" style="margin-left: 100px;">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" placeholder="编修日期" class="el-input__inner" name="TB_Remark" id="TB_Remark" />
</div>
</div>
</div>
<div class="el-form-item el-form-item--small">
<label for="hall" class="el-form-item__label" style="width: 100px;">堂号</label>
<div class="el-form-item__content" style="margin-left: 100px;">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" class="el-input__inner" name="TB_TangHao" id="TB_TangHao" />
</div>
</div>
</div>
<div class="el-form-item is-required el-form-item--small">
<label for="city" class="el-form-item__label" style="width: 100px;">所属地区</label>
<div class="el-form-item__content" style="margin-left: 100px;">
<div class="el-input el-input--small">
<input type="text" autocomplete="off" name="TB_Addr" id="TB_Addr" class="el-input__inner" />
</div>
</div>
</div>
<div class="el-form-item el-form-item--small">
<label for="intro" class="el-form-item__label" style="width: 100px;">家谱简介</label>
<div class="el-form-item__content" style="margin-left: 100px;">
<div class="el-textarea el-input--small">
<textarea autocomplete="off" name="TB_Remark" id="TB_Remark" class="el-textarea__inner" style="min-height: 31px;"></textarea>
</div>
</div>
</div>
</form>
</div>
<div class="el-dialog__footer">
<div class="dialog-footer">
<button type="button" class="el-button el-button--default el-button--small" @click.stop="ShowCateEdit=false">
<span>取 消</span>
</button>
<button type="button" class="el-button el-button--primary el-button--small" @click.stop="ShowCateEdit=false,savePx()">
<span>确 定</span>
</button>
</div>
</div>
</div>
</div>
<script type="text/x-template" id="item-template">
<div>
<div class="item">
<div class="line-left"></div>
<div class="switch" :class="isOpen?'h-icon-jianhao1':'h-icon-jiahao1'" v-if="isFolder" @click="toggle" @dblclick="makeFolder"></div>
<div id="tree-input-637701494493288089" class="name">
<i title="点击可切换过世状态" class="icon h-icon-nanxing"></i>
<div class="text" v-if="item.name=='子女'">
<input value="" />
</div>
<div class="text" v-if="item.name!='子女'">
<button id="name-637701494493288089" class="btn-name"><span>{{ item.name }}</span></button>
</div>
</div>
<span>[始祖]</span>
<span>[世]</span>
<div class="name" v-for="(wife, index) in item.wife" v-if="isWife">
<i class="icon h-icon-nvxing"></i>
<div class="text">
{{wife.name}}
</div>
</div>
<div class="name" @click="$emit('add-wife', item)">
<i class="icon h-icon-nvxing"></i>
<div class="text more-wife">
+添加配偶
</div>
</div>
</div>
<div v-show="isOpen" v-if="isFolder" class="children">
<div class="">
<div class="node expand">
<tree-item
v-for="(child, index) in item.children"
:key="index"
:item="child"
@make-folder="$emit('make-folder', $event)"
@add-item="$emit('add-item', $event)"></tree-item>
</div>
</div>
</div>
<div class="more-child" v-if="isOpenChild" @click="$emit('add-item', item)">
<i class="icon h-icon-nanxing"></i>
<div class="text">
添加孩子
</div>
</div>
</div>
</script>
<script src="TreeView.js"></script>
</body>
</html>