Skip to content

H
haoban-4
Commit 8b8a7e36 by 无尘
Options

feat: 增加组件

parent 5be6474b
Showing with 129 additions and 16 deletions
src/components/company/auth-commit-success.vue 0 → 100644
<!--
* @Descripttion : 当前组件信息
* @Author : 无尘
* @Date : 2020-02-13 14:02:40
* @LastEditors: 无尘
* @LastEditTime: 2020-07-22 11:07:50
* @FilePath : \Hapi-demoj:\公司\haoban-3\src\components\company\new-depart-member.vue
-->
<!--
<new-depart-member :departObj="departObj"></new-depart-member>
import newDepartMember from '@/components/company/new-depart-member.vue';
-->
<template>
<div class="depart-list-body">
<div class="depart-name-wrap">
<div class="depart-name">
<span class="font-16 p-r-10 iconfont iconqiye-tianchong color-303133"></span><span class="font-16 color-303133 font-w-600">{{ departObj.departmentName }} （{{ total }}人）</span>
</div>
</div>
<div class="m-t-20">
<div class="depart-condition-wrap flex flex-space-between ">
<div>
<el-input placeholder="请输入姓名/手机号" v-model="searchInput" class="w-274" @keyup.native="value => toInput(value, searchInput)" clearable @clear="clearInput"></el-input>
<el-select v-model="activeFlag" placeholder="所有状态" class="m-l-6" @change="changeStatus">
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</div>
<div class="flex">
<el-tooltip content="通讯录日志" placement="top">
<div class="log-icon flex flex-align-center flex-pack-center cursor-pointer " @click="toLog"><span class="font-14 iconfont icontongxunlu color-909399"></span></div>
</el-tooltip>
<div class="to-log-btn font-12 color-2f54eb cursor-pointer" @click="toShowTip">查看帮助提示</div>
</div>
</div>
<div class="m-t-20">
<el-table class="select-table" ref="multipleTable" v-loading="loading" :data="tableData" tooltip-effect="dark" :style="{ width: '100%', minHeight: tableH }">
<!-- <el-table-column type="selection" width="55"> </el-table-column> @selection-change="handleSelectionChange" -->
<el-table-column label="姓名" show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.staffName || '--' }}</template>
</el-table-column>
<el-table-column prop="" label="职务" show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.postion || '--' }}</template>
</el-table-column>
<el-table-column prop="" label="手机号码" show-overflow-tooltip>
<template slot-scope="scope"
>{{ scope.row.nationCode }}-{{ scope.row.phoneNumber }}</template
>
</el-table-column>
<el-table-column prop="" label="导购ID">
<template slot="header" >
<el-tooltip class="item" effect="light" placement="right">
<div slot="content">
是否使用好办3.0小程序
</div>
<span style="cursor: pointer;padding-bottom: 2px; border-bottom: 1px dashed #2F54EB;">使用状态</span>
</el-tooltip>
</template>
<template slot-scope="scope">
<span :class="['inline-block iconfont iconhuaban', scope.row.activeFlag == 1 ? 'color-2f54eb' : 'color-c0c4cc']"></span>
</template>
</el-table-column>
<el-table-column prop="" label="关联详情" show-overflow-tooltip>
<template slot="header" >
<el-tooltip class="item" effect="light" placement="right">
<div slot="content">员工关联导购详情，因只能识别企业微信用户usrid且门店与部门不相关联，<br />所以虽然在一个部门下，但是可能出现一个人关联多个导购code。<br />即一个用户对应多个导购code</div>
<span style="cursor: pointer;padding-bottom: 2px; border-bottom: 1px dashed #2F54EB;">关联详情</span>
</el-tooltip>
</template>
<template slot-scope="scope">
<el-button type="text" @click="showRelateDetail(scope.row)">查看详情</el-button>
</template>
</el-table-column>
<el-table-column prop="" label="操作" show-overflow-tooltip>
<template slot-scope="scope">
<el-button type="text" @click="showDetail(scope.row)">详情</el-button>
</template>
</el-table-column>
</el-table>
<div class="block common-wrap__page text-right m-t-24" v-if="tableData.length != 0">
<dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
</div>
</div>
</div>
<add-member v-if="memberVisible" :defaultDepart="defaultDepart" :memberObj="memberObj" @refreshData="refreshData" @changeObj="changeObj"></add-member>
<mod-depart v-if="modVisible" :selectObj="multipleSelection" @modDepartData="modDepartData"></mod-depart>
<related-table v-if="relateShow" :relateRow="relateRow" @closeTable="closeTable"></related-table>
<help-tip v-if="tipShow" @toCloseTip="toCloseTip"></help-tip>
</div>
</template>
<script>
export default {
name: 'auth-commit-success',
components: {
},
props: {
},
data() {
return {
};
},
methods: {
},
watch: {
}
};
</script>
<style lang="less" scoped>
</style>
src/router/routes.js
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-07-16 16:37:05
* @LastEditors: 无尘
* @LastEditTime: 2020-07-21 13:42:37
* @LastEditTime: 2020-07-22 11:15:25
*/
import _import from './_import.js';
......@@ -51,7 +51,17 @@ export const routes = [
path: '/authMerchant',
name: '授权商户',
component: _import('business', 'authMerchant')
}
},
{
path: '/newAuthMerchant',
name: '新增授权',
component: _import('business', 'newAuthMerchant')
},
{
path: '/auditLog',
name: '审核日志',
component: _import('business', 'auditLog')
},
]
},
{
......
src/views/enterprise/superAdmin.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-03-16 09:59:39
* @LastEditors: 无尘
* @LastEditTime: 2020-07-21 13:48:29
* @LastEditTime: 2020-07-22 11:12:41
-->
<template>
<div class="daily-set-wrap ">
......@@ -134,19 +134,7 @@ export default {
height: 50px;
line-height: 50px;
}
.el-alert--info {
width: 608px;
font-size: 14px;
color: #606266;
background: rgba(240, 245, 255, 1);
border-radius: 2px;
border: 1px solid rgba(133, 165, 255, 1);
}
.el-icon-info {
width: 12px;
font-size: 12px;
color: #2f54eb;
}
.table-condition {
/* min-width: 1200px; */
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment