|
<!DOCTYPE html>
<html lang="en">
<head>
<title>群组日程-创建</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/page/group-add.js"></script>
</head>
<body class="pages-schedule-add">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-fn-bd-b">
<header class="ipu-toolbar common-bg-white">
<h1 class="ipu-toolbar-title">创建群组</h1>
<a class="ipu-fn-left page-back" href="javascript:history.back();">
<i class="ipu-icon ri-arrow-left-s-line"></i>
</a>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto ipu-fn-p-b">
<div class="group-member-block">
<div class="block-head">
<div class="block-head-link-more">
查看<span class="gropu-member-num">4<span>名成员
<i class="icon ri-arrow-right-s-line"></i>
</div>
<span class="block-head-title">
参与人
</span>
</div>
<div class="block-body">
<div class="group-member-list">
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item">
<div class="group-member-action ipu-flex-middle-center group-member-action-add">
<i class="icon ri-add-fill"></i>
</div>
<div class="group-member-name"></div>
</div>
<div class="group-member-item">
<div class="group-member-action ipu-flex-middle-center group-member-action-remove ">
<i class="icon ri-subtract-fill"></i>
</div>
<div class="group-member-name"></div>
</div>
</div>
</div>
</div>
<div class="ipu-list ipu-list-form common-list common-list-padding form-block">
<ul>
<li class="ipu-list-item list-item-switch">
<div class="ipu-list-item-inner">
<div class="ipu-list-item-label">
群组名称
</div>
<div class="ipu-list-item-input-wrap ipu-flex ipu-flex-justify-end">
<input class="ipu-list-item-input" type="text" placeholder="请输入" value="">
</div>
</div>
</li>
<li>
<a class="ipu-list-item ipu-list-item-link schedule-color-2 list-item-link-color" href="javascript:;">
<div class="ipu-list-item-inner">
<div class="ipu-list-item-label">
群组颜色标识
</div>
<div class="ipu-list-item-input-wrap ipu-flex ipu-flex-justify-end">
<div class="schedule-color-flag-block schedule-color-bg"></div>
</div>
</div>
</a>
</li>
<li>
<a class="ipu-list-item" href="javascript:;">
<div class="ipu-list-item-inner ipu-flex-vertical">
<div class="ipu-list-item-label">
群组描述
</div>
<textarea class="ipu-list-item-textarea group-input-textarea" placeholder="请输入群组描述"></textarea>
</div>
</a>
</li>
<li>
<a class="ipu-list-item ipu-list-item-link list-item-link-manage" href="javascript:;">
<div class="ipu-list-item-inner">
<div class="ipu-list-item-label">
群组管理
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="group-menus">
<div class="group-menus-title">
选择插件
</div>
<div class="group-menus-list">
<div class="menu-catalog-body">
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-vidicon-fill"></i>
<div class="catalog-menu-name">
ZOOM
</div>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon ri-lock-2-line"></i>
<div class="catalog-menu-name">
VPN口令
</div>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-yellow ri-map-pin-time-line"></i>
<div class="catalog-menu-name">
考勤打卡
</div>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-green ri-calendar-todo-line"></i>
<div class="catalog-menu-name">
报销
</div>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-blue ri-flight-takeoff-line"></i>
<div class="catalog-menu-name">
机票预定
</div>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon iconfont-red ri-coupon-line"></i>
<div class="catalog-menu-name">
增值税发票
</div>
</a>
<a href="javascript:;" class="catalog-menu">
<i class="catalog-menu-icon add-menu ri-add-line"></i>
<div class="catalog-menu-name">
添加
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
