|
|
<!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&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&</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> |