MicroCommunityWeb/public/pages/staff/staffDetail/staffDetail.html

<div class="white-bg padding-lg padding-top border-radius">
    <div class="flex justify-between">
        <div class="text-title">
            员工信息
        </div>
        <div>
            <button type="button" class="btn btn-white btn-sm" style="margin-left:10px"
                v-on:click="vc.goBack()">
                返回
            </button>
            
            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
                v-on:click="_openEditStaffModel()">
                修改
            </button>
            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
                v-on:click="_resetStaffPwd()">
                重置密码
            </button>
        </div>
    </div>
    <!-- 业主信息 -->
    <div class="margin-top">
        <div class="text-center vc-float-left" style="width: 150px;" v-if="staffDetailInfo.photo">
            <image width="120px" height="140px" class="border-radius" v-bind:src="staffDetailInfo.photo"
                @error="errorLoadImg" />
        </div>
        <div class="text-center vc-float-left" style="width: 150px;" v-else>
            <image width="120px" height="140px" class="border-radius" src="/img/noPhoto.jpg" />
        </div>
        <div class="row" style="min-height: 160px;">
            <div class="col-sm-12">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="编号：" namespace="staffDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{staffDetailInfo.staffId}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="名称：" namespace="staffDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{staffDetailInfo.userName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="邮箱：" namespace="staffDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{staffDetailInfo.email}}</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="手机：" namespace="staffDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{staffDetailInfo.tel}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="性别：" namespace="staffDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{staffDetailInfo.sex == '0'?'男':'女'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">
                               <vc:i18n name="住址：" namespace="staffDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{staffDetailInfo.address}}</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="vc-line-primary margin-top"></div>
    <div class="margin-top-sm">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'staffDetailRoom'}"
                    v-on:click="changeTab('staffDetailRoom')">
                    <vc:i18n name="组织权限" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="排班" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="考勤" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="维修" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="巡检" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="保养" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="采购" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="领用" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="流程" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="收费单" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="退费单" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="起草合同" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="员工认证" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="人脸同步" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
                    v-on:click="changeTab('ownerDetailRoom')">
                    <vc:i18n name="开门记录" namespace="ownerDetail"></vc:i18n>
                </a>
            </li>
        </ul>
    </div>
    <div v-if="staffDetailInfo._currentTab == 'ownerDetailRoom'">
        <vc:create path="owner/ownerDetailRoom"></vc:create>
    </div>

    <vc:create path="frame/resetStaffPwd"></vc:create>
    <vc:create path="frame/editStaff"></vc:create>
</div>