|
@@ -6,7 +6,6 @@
|
|
|
<img src="./assets/image/logo.png" class="logo" />
|
|
|
<div>功道云积分制</div>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="flex-1 hea-right flex-box flex-v-ce" >
|
|
|
<div class="name" style="min-width: 200px;">{{ info.name }}</div>
|
|
|
<div class="flex-1 flex-box-ce font-flex-word" style="cursor: pointer;padding: 0 20px;">
|
|
@@ -25,16 +24,37 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flex-box flex-v-ce">
|
|
|
- <div>
|
|
|
- 您当前为
|
|
|
- <span class="blue">"{{ corpMessage.package_name }}"</span>
|
|
|
- ,有效期至
|
|
|
- <span style="color:#FF9600">{{ corpMessage.expire_time }}</span>
|
|
|
- </div>
|
|
|
- <el-button size="small" @click="isTz = true" class="upgrade" type="primary" icon="el-icon-upload">续费升级</el-button>
|
|
|
- <el-tooltip class="item" effect="dark" content="设置向导" placement="bottom" v-if="!this.$authoritys('employee') && !this.$authoritys('dept_manager')">
|
|
|
+ <el-popover placement="bottom" width="240" trigger="hover">
|
|
|
+ <div class="popoverText">
|
|
|
+ <div class="flex-box-ce"><span>当前使用版本:</span><i>{{ corpMessage.package_name|| '测试环境版本' }}</i></div>
|
|
|
+ <div class="flex-box-ce"><span>到期时间:</span><i class="yellow">{{ corpMessage.expire_time}}</i></div>
|
|
|
+ <div class="flex-box-ce"><span>企业使用人数:</span><i class="blue">{{ corpMessage.user_count_max }}人</i></div>
|
|
|
+ <div class="flex-box-end">
|
|
|
+ <el-button size="small" @click="isTz = true" class="upgrade" type="primary" icon="el-icon-upload">续费升级</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div slot="reference" class="flex-box-ce megData" style="cursor: pointer;margin: 0 10px;">
|
|
|
+ <div>{{ corpMessage.package_name|| '测试环境版本' }}</div>
|
|
|
+ <div>{{ corpMessage.user_count_max }}人</div>
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
+ <el-popover
|
|
|
+ v-if="!this.$authoritys('employee') && !this.$authoritys('dept_manager')"
|
|
|
+ placement="bottom"
|
|
|
+ class="popoverBox"
|
|
|
+ width="60"
|
|
|
+ v-model="visible"
|
|
|
+ trigger="manual">
|
|
|
+ <div style="text-align: center;">这里再次打开</div>
|
|
|
+ <div slot="reference" @click="showWn" class="flex-box-ce btnWn">
|
|
|
+ <i class="el-icon-tickets" style="font-size: 18px;margin-right: 5px;"></i>
|
|
|
+ <!-- <img slot="reference" src="./assets/image/wn.png" class="wn"/> -->
|
|
|
+ <span>新手引导</span>
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
+<!-- <el-tooltip v-model="wn_show" class="item" effect="dark" content="设置向导" placement="bottom" v-if="!this.$authoritys('employee') && !this.$authoritys('dept_manager')">
|
|
|
<img src="./assets/image/wn.png" class="wn" @click="showWn" />
|
|
|
- </el-tooltip>
|
|
|
+ </el-tooltip> -->
|
|
|
<userImage :user_name="userData.name" :img_url="userData.img_url" width="44px" height="44px"></userImage>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -91,41 +111,103 @@
|
|
|
</div>
|
|
|
<div class="fontColorF" style="text-align: center;margin-top: 15px;font-size: 18px;">手机钉钉扫码,付费升级</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="设置向导" :visible.sync="wn_show" width="600px">
|
|
|
- <div v-if="routers_one[0]">
|
|
|
- <div class="wn-title fontColorF">三步轻松搭建积分管理体系:定人员、分责权、建制度</div>
|
|
|
- <div class="flex-box flex-v-ce wn-box">
|
|
|
- <div class="flex-1 flex-box-v flex-v-ce" @click="openView(0)">
|
|
|
- <div><span class="iconfont " :class="routers_one[0].meta.icon"></span></div>
|
|
|
- <div>1、确定{{ routers_one[0].name }}</div>
|
|
|
- </div>
|
|
|
- <div class="flex-1 flex-box-v flex-v-ce" @click="openView(1)">
|
|
|
- <div><span class="iconfont " :class="routers_one[1].meta.icon"></span></div>
|
|
|
- <div>2、分配{{ routers_one[1].name }}</div>
|
|
|
- </div>
|
|
|
- <div class="flex-1 flex-box-v flex-v-ce" @click="openView(2)">
|
|
|
- <div><span class="iconfont " :class="routers_one[2].meta.icon"></span></div>
|
|
|
- <div>3、建立{{ routers_one[2].name }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="routers_one[0]">
|
|
|
- <div class="wn-title fontColorF">更有效地做好积分激励和认可,你还可以设置以下3项</div>
|
|
|
- <div class="flex-box flex-v-ce wn-box">
|
|
|
- <div class="flex-1 flex-box-v flex-v-ce" @click="openView(3)">
|
|
|
- <div><span class="iconfont " :class="routers_one[3].meta.icon"></span></div>
|
|
|
- <div>{{ routers_one[3].name }}</div>
|
|
|
- </div>
|
|
|
- <div class="flex-1 flex-box-v flex-v-ce" @click="openView(4)">
|
|
|
- <div><span class="iconfont " :class="routers_one[4].meta.icon"></span></div>
|
|
|
- <div>{{ routers_one[4].name }}</div>
|
|
|
- </div>
|
|
|
- <div class="flex-1 flex-box-v flex-v-ce" @click="openView(5)">
|
|
|
- <div><span class="iconfont " :class="routers_one[5].meta.icon"></span></div>
|
|
|
- <div>{{ routers_one[5].name }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <el-dialog :close-on-click-modal="false" title="轻松四步落地积分制" :visible.sync="wn_show" width="680px">
|
|
|
+ <el-row :gutter="0" class="set_role_div" style="border-top:1px solid rgb(234 234 234);">
|
|
|
+ <el-col :span="8" style="padding:20px 0 20px 0;">
|
|
|
+ <el-menu default-active="0" style="border: none">
|
|
|
+ <el-menu-item
|
|
|
+ :index="index.toString()"
|
|
|
+ v-for="(item, index) in activeName"
|
|
|
+ :key="index"
|
|
|
+ @click="open_right(item)"
|
|
|
+ style="margin-bottom:20px;position: relative;height:40px;line-height:40px;"
|
|
|
+ >
|
|
|
+ <b style="display: inline-block;font-size:16px;text-align:center;">{{ index + 1 }} </b>
|
|
|
+ <span slot="title" style="padding-left: 10px;">{{ item.name }}</span>
|
|
|
+ <span v-if="index < activeName.length - 1" style="width:1px;height:15px;border:1px solid rgb(224 224 224);position: absolute;bottom:-17px;left:23px;"></span>
|
|
|
+ </el-menu-item>
|
|
|
+ </el-menu>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1" style="height:370px;border-right:1px solid rgb(234 234 234);"></el-col>
|
|
|
+ <el-col :span="15" style="padding:20px 0 20px 0;">
|
|
|
+ <div>
|
|
|
+ <el-row>
|
|
|
+ <div style="text-align:center;margin-top:25px;color: #35353a;font-size:16px;">{{ activeNameRig.name }}</div>
|
|
|
+ <div
|
|
|
+ v-if="activeNameRig.code == '0' || activeNameRig.code == '1'"
|
|
|
+ :style="'display:flex;justify-content: space-around;margin:75px auto 0;width:' + usingwidth + 'px;flex-wrap:wrap;'"
|
|
|
+ >
|
|
|
+ <div v-for="(item, index) in activeNameRig.item" :key="index">
|
|
|
+ <div style="text-align:center;display:flex;">
|
|
|
+ <div @click="strategyClick(item.push)" style="cursor: pointer;">
|
|
|
+ <img :src="item.image" alt="" style="width:50px;" />
|
|
|
+ <p style="margin:0;padding:0;padding-top:10px;">{{ item.name }}</p>
|
|
|
+ <p style="margin:0;padding:0;font-size:13px;color:#2ba5ec;padding-top:8px;cursor: pointer;">{{ item.conf }}</p>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-right" :style="'font-size:30px;margin-top:57px;margin-left:' + usingmarginL + 'px;'"
|
|
|
+ v-if="index < activeNameRig.item.length - 1" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div v-if="activeNameRig.code == '2'" :style="'display:flex;justify-content: space-around;margin:20px auto 0;width:' + usingwidth + 'px;flex-wrap:wrap;'">
|
|
|
+ <el-col :span="14"
|
|
|
+ style="display:flex;flex-wrap:wrap;justify-content: space-around;text-align:center;margin-left:20px;position: relative;"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus" style="font-size:30px;position: absolute;top:45%;" />
|
|
|
+ <div v-for="(item, index) in activeNameRig.item" :key="index" style="width:49%;margin-top:60px;">
|
|
|
+ <div style="cursor: pointer;" v-if="index != 2" @click="strategyClick(item.push)">
|
|
|
+ <img :src="item.image" alt="" style="width:50px;" />
|
|
|
+ <p style="margin:0;padding:0;padding-top:10px;">{{ item.name }}</p>
|
|
|
+ <p style="margin:0;padding:0;font-size:13px;color:#2ba5ec;padding-top:8px;cursor: pointer;">{{ item.conf }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="activeNameRig.code == '2'">
|
|
|
+ <div v-for="(item, index) in activeNameRig.item" :key="index">
|
|
|
+ <div style="text-align:center;display:flex;margin-top:60px;" v-if="index == 2">
|
|
|
+ <i class="el-icon-right" style="font-size:30px;margin-top:57px;" />
|
|
|
+ <div style="margin-left:25px;cursor: pointer;" @click="strategyClick(item.push)">
|
|
|
+ <img :src="item.image" alt="" style="width:50px;" />
|
|
|
+ <p style="margin:0;padding:0;padding-top:10px;">{{ item.name }}</p>
|
|
|
+ <p style="margin:0;padding:0;font-size:13px;color:#2ba5ec;padding-top:8px;cursor: pointer;">{{ item.conf }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div v-if="activeNameRig.code == '3'" :style="'display:flex;justify-content: space-around;margin:20px auto 0;width:' + usingwidth + 'px;flex-wrap:wrap;'">
|
|
|
+ <el-col :span="24"
|
|
|
+ style="display:flex;flex-wrap:wrap;justify-content: space-around;text-align:center;margin-left:20px;position: relative;"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus" style="font-size:30px;position: absolute;top:45%;" />
|
|
|
+ <div v-for="(item, index) in activeNameRig.item" :key="index" style="width:49%;margin-top:20px;">
|
|
|
+ <div style="cursor: pointer;" v-if="index != 4" @click="strategyClick(item.push)">
|
|
|
+ <img :src="item.image" alt="" style="width:50px;" />
|
|
|
+ <p style="margin:0;padding:0;padding-top:10px;">{{ item.name }}</p>
|
|
|
+ <p style="margin:0;padding:0;font-size:13px;color:#2ba5ec;padding-top:8px;cursor: pointer;">{{ item.conf }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="activeNameRig.code == '2'">
|
|
|
+ <div v-for="(item, index) in activeNameRig.item" :key="index">
|
|
|
+ <div style="text-align:center;display:flex;margin-top:60px;" v-if="index == 4">
|
|
|
+ <i class="el-icon-right" style="font-size:30px;margin-top:57px;" />
|
|
|
+ <div style="margin-left:25px;cursor: pointer;" @click="strategyClick(item.push)">
|
|
|
+ <img :src="item.image" alt="" style="width:50px;" />
|
|
|
+ <p style="margin:0;padding:0;padding-top:10px;">{{ item.name }}</p>
|
|
|
+ <p style="margin:0;padding:0;font-size:13px;color:#2ba5ec;padding-top:8px;cursor: pointer;">{{ item.conf }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-dialog>
|
|
|
</el-container>
|
|
|
</template>
|
|
@@ -139,18 +221,43 @@ export default {
|
|
|
loading: false,
|
|
|
userData: {},
|
|
|
routers: [],
|
|
|
- routers_one: [],
|
|
|
info: {},
|
|
|
wn_show: false,
|
|
|
defaultActive: '0-0',
|
|
|
- isShowWn: true,
|
|
|
isTz: false,
|
|
|
direction: 'rtl',
|
|
|
corpMessage: {} ,//企业套餐信息
|
|
|
information:{name:''},
|
|
|
+
|
|
|
+
|
|
|
+ usingmarginL: '26',
|
|
|
+ usingwidth: '220',
|
|
|
+ activeNameRig: {
|
|
|
+ name: '员工积极参与,管理者权责分明',
|
|
|
+ code: '0',
|
|
|
+ item: [
|
|
|
+ { image: require('./assets/image/guild_dept_pic.png'), name: '组织架构', conf: '去配置', push: '/framework' },
|
|
|
+ { image: require('./assets/image/role_manage.png'), name: '角色权限', conf: '去配置', push: '/jurisdiction' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ activeName: [
|
|
|
+ { name: '完善部门人员信息及授权', code: '0' },
|
|
|
+ { name: '建立积分奖扣制度', code: '1' },
|
|
|
+ { name: '积分执行与实施', code: '2' },
|
|
|
+ { name: '积分排名统计与分析', code: '3' }
|
|
|
+ ],
|
|
|
+ visible:false,
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
+ wn_show(val){
|
|
|
+ if(!val){
|
|
|
+ this.visible=true;
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.visible=false;
|
|
|
+ },3000)
|
|
|
+ }
|
|
|
+ },
|
|
|
$route(to, from) {
|
|
|
var str = to.path;
|
|
|
this.routers.map((item, index) => {
|
|
@@ -183,7 +290,7 @@ export default {
|
|
|
mounted() {
|
|
|
this.getInfo();
|
|
|
var url = window.location.href;
|
|
|
- var str = this.GetRequest(url).corpId || '123';
|
|
|
+ var str = this.GetRequest(url).corpId || 'ding49b5c3bf0b205896bc961a6cb783455b';
|
|
|
var corpId = str.split('#')[0];
|
|
|
if (corpId) {
|
|
|
this.getCorp(corpId);
|
|
@@ -192,7 +299,6 @@ export default {
|
|
|
if (!this.$authoritys('employee') && !this.$authoritys('dept_manager')) {
|
|
|
if (this.$getCache('wn_show')) {
|
|
|
this.wn_show = false;
|
|
|
- this.isShowWn = false;
|
|
|
} else {
|
|
|
this.wn_show = true;
|
|
|
this.$setCache('wn_show', 'true');
|
|
@@ -201,6 +307,60 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ strategyClick(item) {
|
|
|
+ this.wn_show = false;
|
|
|
+ this.$router.push({ path: item });
|
|
|
+ },
|
|
|
+ open_right(item) {
|
|
|
+ if (item.code == '0') {
|
|
|
+ this.usingmarginL = '26';
|
|
|
+ this.usingwidth = '220';
|
|
|
+ this.activeNameRig = {
|
|
|
+ name: '员工积极参与,管理者权责分明',
|
|
|
+ code: '0',
|
|
|
+ item: [
|
|
|
+ { image: require('./assets/image/guild_dept_pic.png'), name: '组织架构', conf: '去配置', push: '/framework' },
|
|
|
+ { image: require('./assets/image/role_manage.png'), name: '角色权限', conf: '去配置', push: '/jurisdiction' }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ } else if (item.code == '1') {
|
|
|
+ this.usingmarginL = '14';
|
|
|
+ this.usingwidth = '300';
|
|
|
+ this.activeNameRig = {
|
|
|
+ name: '健全企业规章制度,建立公平的奖扣分体系',
|
|
|
+ code: '1',
|
|
|
+ item: [
|
|
|
+ { image: require('./assets/image/rule.png'), name: '积分规则', conf: '去配置', push: '/rule' },
|
|
|
+ { image: require('./assets/image/length_point.png'), name: '系统配置', conf: '去配置', push: '/systemLayout' },
|
|
|
+ { image: require('./assets/image/base_point.png'), name: '自动积分', conf: '去配置', push: '/voluntarilyPoint' }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ } else if (item.code == '2') {
|
|
|
+ this.usingwidth = '380';
|
|
|
+ this.activeNameRig = {
|
|
|
+ name: '员工积极挣分,管理者奖罚分明',
|
|
|
+ code: '2',
|
|
|
+ item: [
|
|
|
+ { image: require('./assets/image/entry_list.png'), name: '奖分/扣分', conf: '去奖扣', push: '/award_punish' },
|
|
|
+ { image: require('./assets/image/my_publish.png'), name: '任务', conf: '去发布', push: '/my_issue' },
|
|
|
+ { image: require('./assets/image/att_review.png'), name: '审批打分', conf: '去审批', push: '/approval_list' }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ } else if (item.code == '3') {
|
|
|
+ this.usingwidth = '380';
|
|
|
+ this.activeNameRig = {
|
|
|
+ name: '提高管理执行力,让优秀员工不吃亏',
|
|
|
+ code: '3',
|
|
|
+ item: [
|
|
|
+ { image: require('./assets/image/add_ticket.png'), name: '积分排名', conf: '去查看', push: '/dept_rank' },
|
|
|
+ { image: require('./assets/image/role_manage.png'), name: '管理者执行力', conf: '去查看', push: '/manager_statistics' },
|
|
|
+ { image: require('./assets/image/data_team.png'), name: '部门分析', conf: '去查看', push: '/department_statistics' },
|
|
|
+ { image: require('./assets/image/length_point.png'), name: '个人分析', conf: '去查看', push: '/individual_statistics' }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
openWebSocket(){
|
|
|
// 接收消息
|
|
|
const getsocketData = e => { // 创建接收消息函数
|
|
@@ -250,7 +410,6 @@ export default {
|
|
|
this.routers.push({ name: '设置', children: this.returnRoutersArr('set'), icon: 'icon-dingdingPC_shezhi1' });
|
|
|
}
|
|
|
//this.returnRoutersArr('set',true) 加true表示不限制路由
|
|
|
- this.routers_one = this.returnRoutersArr('set', true);
|
|
|
this.userData = this.$getUserData();
|
|
|
if (this.$route.path != '/home') {
|
|
|
//当刷新页面是控制左边导航栏的选中
|
|
@@ -321,11 +480,6 @@ export default {
|
|
|
returnIndex(str, str2) {
|
|
|
return str + '-' + str2;
|
|
|
},
|
|
|
- openView(e) {
|
|
|
- this.wn_show = false;
|
|
|
- this.isShowWn = false;
|
|
|
- this.$router.push({ path: this.routers_one[e].path });
|
|
|
- },
|
|
|
showWn() {
|
|
|
this.wn_show = true;
|
|
|
},
|
|
@@ -349,7 +503,35 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style scoped="scoped" lang="scss">
|
|
|
+<style scoped="scoped" lang="scss">
|
|
|
+.popoverText span{
|
|
|
+ width: 100px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.popoverText{
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.megData div:nth-child(1) {
|
|
|
+ background-image: linear-gradient(to bottom, #5e6e9b 0%, #232d48 100%);
|
|
|
+ text-align: center;
|
|
|
+ color: #e1bf66;
|
|
|
+ border-top-left-radius: 25px;
|
|
|
+ border-bottom-left-radius: 25px;
|
|
|
+ line-height: 35px;
|
|
|
+ height: 35px;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+.megData div:nth-child(2) {
|
|
|
+ background-image: linear-gradient(to bottom, #ffeab2 0%, #e1bf66 100%);
|
|
|
+ text-align: center;
|
|
|
+ color: #232d48;
|
|
|
+ border-top-right-radius: 25px;
|
|
|
+ border-bottom-right-radius: 25px;
|
|
|
+ line-height: 35px;
|
|
|
+ height: 35px;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
.wn-box {
|
|
|
padding: 20px 0;
|
|
|
}
|
|
@@ -451,15 +633,25 @@ export default {
|
|
|
.wn {
|
|
|
height: 26px;
|
|
|
width: 26px;
|
|
|
- margin-right: 12px;
|
|
|
+ margin-right: 5px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.hea-right {
|
|
|
padding: 0 20px;
|
|
|
}
|
|
|
-.upgrade {
|
|
|
- margin-left: 10px;
|
|
|
+.btnWn{
|
|
|
+ cursor: pointer;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 7px 10px;
|
|
|
margin-right: 10px;
|
|
|
+ background-color: #409EFF;
|
|
|
+ border-color: #409EFF;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.upgrade {
|
|
|
+ // margin-left: 10px;
|
|
|
+ // margin-right: 10px;
|
|
|
}
|
|
|
::v-deep .el-menu-item {
|
|
|
padding-right: 10px !important;
|
|
@@ -468,4 +660,7 @@ export default {
|
|
|
color: #26a2ff;
|
|
|
background-color: #ecf5ff;
|
|
|
}
|
|
|
+.popoverBox {
|
|
|
+ // background-color: #232d48;
|
|
|
+}
|
|
|
</style>
|