<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网-运营人员管理-中国美业全方位线上交易服务互动平台，做美业，上采美</title>
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/user-center/operation/form.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>
<!-- 运营人员管理 -->
<div id="operationPage" v-cloak>
    <div class="navLayout" th:object="${pageInfo}">
        <div class="crumbs">
            <span>机构管理中心</span>
            <span>&gt;</span>
            <span>运营人员管理</span>
            <span>&gt;</span>
            <span>添加运营人员</span>
        </div>
        <div class="wrap clear">
            <!--左侧面包屑-->
            <template th:replace="user-center/components/tableft"></template>
            <div class="right">
                <div class="order-header">
                    <div class="header-bt">
                        <div class="header-title">运营人员绑定步骤</div>
                        <div class="header-button">
                            <a class="btn-add" href="/user/operation/list.html">返回</a>
                        </div>
                    </div>
                </div>
                <div class="container clear">
                    <div class="text">
                        <p>1. 添加运营人员后，运营人员会收到一条邀请码短信</p>
                        <p>2. 运营人员在微信搜索【采美采购商城】小程序，或者搜索关注【采美365】公众号，从底部菜单进入【采美采购商城】小程序</p>
                        <p>3. 使用邀请码进行登录并绑定微信</p>
                        <p>4. 绑定后，运营人员可通过微信直接登录采美365网</p>
                    </div>
                    <div class="form">
                        <form>
                            <div class="formLine">
                                <p>姓名：</p>
                                <input type="text" v-model.trim="addForm.linkName" placeholder="请输入运营人员姓名" :rule="rule.name" maxlength="8" @blur="blurHandle($event)" needverify>
                                <i class="checked icon mIcon"></i>
                                <span class="errTips icon mIcon" tips="请输入运营人员姓名"></span>
                            </div>
                            <div class="formLine">
                                <p>手机号</p>
                                <input  class="massageBtn"  type="text" v-model.trim="addForm.mobile" placeholder="请输入手机号码" :rule="rule.phone" maxlength="11" @blur="blurHandle($event)" needverify>
                                <i class="checked icon mIcon"></i>
                                <span class="errTips icon mIcon" tips="请输入有效的手机号码"></span>
                            </div>
                        </form>
                    </div>
                    <div class="button">
                        <a href="javascript:void(0);" class="btn" @click="addConfirmFn" :class="loginLoading ? 'disabled' : ''">确定</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/user-center/operation/form.js(v=${version})}"></script>
</body>
</html>
