Skip to content

H
haoban-4
Commit 4bfcb8bc by 无尘
Options

fix: 修改编辑管理员

parent 8b594597
Showing with 66 additions and 50 deletions
dist/css/chunk-a35f72ec.c598b6d9.css → dist/css/chunk-56d19046.dfc3726c.css
.navwrap[data-v-69bcb2f7]{padding:12px 20px}.boxbttom[data-v-69bcb2f7],.boxshow[data-v-69bcb2f7]{border-bottom:1px solid #e4e7ed}.boxshow[data-v-69bcb2f7]{-webkit-box-shadow:5px -1px 5px #dfdfdf;box-shadow:5px -1px 5px #dfdfdf}.navtitle[data-v-69bcb2f7]{margin:24px 0 0 0;font-size:20px;color:#303133;font-weight:500}.navtip[data-v-69bcb2f7]{width:100%;height:38px;line-height:38px;font-size:13px;border-radius:2px;color:#606266;background-color:#f4f4f5}.navmTop[data-v-69bcb2f7]{margin-top:25px}.navtipcolor[data-v-69bcb2f7]{margin:0 12px;color:#2f54eb}.el-breadcrumb__inner.is-link[data-v-69bcb2f7]:hover,.el-breadcrumb__inner a[data-v-69bcb2f7]:hover{color:#2f54eb}.el-breadcrumb__item:last-child .el-breadcrumb__inner[data-v-69bcb2f7],.el-breadcrumb__item:last-child .el-breadcrumb__inner[data-v-69bcb2f7]:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a[data-v-69bcb2f7],.el-breadcrumb__item:last-child .el-breadcrumb__inner a[data-v-69bcb2f7]:hover{font-weight:700;text-decoration:none;cursor:pointer;color:#303133}.my-customer-wrap[data-v-193b1024]{height:100%}.my-customer-wrap .apps-content-right[data-v-193b1024]{width:100%}.my-customer-wrap .apps-content-right .admin-list-wrap .add-admin-btn[data-v-193b1024]{width:114px;height:32px;line-height:32px;text-align:center;border:1px solid #e4e7ed}.my-customer-wrap .apps-content-right .admin-list-wrap .store-item-content[data-v-193b1024]{position:relative;width:302px;height:32px;overflow:hidden;white-space:nowrap;border-radius:2px;border:1px solid #c4c6cf;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.my-customer-wrap .apps-content-right .admin-list-wrap .store-item-content .el-select__tags[data-v-193b1024]{max-width:348px;white-space:nowrap;overflow:hidden} .navwrap[data-v-69bcb2f7]{padding:12px 20px}.boxbttom[data-v-69bcb2f7],.boxshow[data-v-69bcb2f7]{border-bottom:1px solid #e4e7ed}.boxshow[data-v-69bcb2f7]{-webkit-box-shadow:5px -1px 5px #dfdfdf;box-shadow:5px -1px 5px #dfdfdf}.navtitle[data-v-69bcb2f7]{margin:24px 0 0 0;font-size:20px;color:#303133;font-weight:500}.navtip[data-v-69bcb2f7]{width:100%;height:38px;line-height:38px;font-size:13px;border-radius:2px;color:#606266;background-color:#f4f4f5}.navmTop[data-v-69bcb2f7]{margin-top:25px}.navtipcolor[data-v-69bcb2f7]{margin:0 12px;color:#2f54eb}.el-breadcrumb__inner.is-link[data-v-69bcb2f7]:hover,.el-breadcrumb__inner a[data-v-69bcb2f7]:hover{color:#2f54eb}.el-breadcrumb__item:last-child .el-breadcrumb__inner[data-v-69bcb2f7],.el-breadcrumb__item:last-child .el-breadcrumb__inner[data-v-69bcb2f7]:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a[data-v-69bcb2f7],.el-breadcrumb__item:last-child .el-breadcrumb__inner a[data-v-69bcb2f7]:hover{font-weight:700;text-decoration:none;cursor:pointer;color:#303133}.my-customer-wrap[data-v-65bd9ca2]{height:100%}.my-customer-wrap .navwrap[data-v-65bd9ca2]{padding-left:0;background:#f0f2f5}.my-customer-wrap .apps-content-right[data-v-65bd9ca2]{width:100%;padding:20px}.my-customer-wrap .apps-content-right .admin-list-wrap .add-admin-btn[data-v-65bd9ca2]{width:114px;height:32px;line-height:32px;text-align:center;border:1px solid #e4e7ed}.my-customer-wrap .apps-content-right .admin-list-wrap .store-item-content[data-v-65bd9ca2]{position:relative;width:302px;height:32px;overflow:hidden;white-space:nowrap;border-radius:2px;border:1px solid #c4c6cf;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.my-customer-wrap .apps-content-right .admin-list-wrap .store-item-content.admin-select[data-v-65bd9ca2]{border:none}.my-customer-wrap .apps-content-right .admin-list-wrap .store-item-content .el-select__tags[data-v-65bd9ca2]{max-width:348px;white-space:nowrap;overflow:hidden}
\ No newline at end of file \ No newline at end of file
dist/index.html
<!DOCTYPE html><html lang=cn><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.44.css><link rel=stylesheet type=text/css href=static/fonts/iconfont.css><title>好办</title><link href=css/chunk-0347cc62.9d9c3642.css rel=prefetch><link href=css/chunk-0a5c1ff1.7609202a.css rel=prefetch><link href=css/chunk-0d204189.9cb54b4c.css rel=prefetch><link href=css/chunk-137f432e.4bf8b8ea.css rel=prefetch><link href=css/chunk-16a8dcde.2a3bfb87.css rel=prefetch><link href=css/chunk-19db1fc6.ba890a33.css rel=prefetch><link href=css/chunk-1b93a01a.01549a8d.css rel=prefetch><link href=css/chunk-29a5079e.0d5615a8.css rel=prefetch><link href=css/chunk-2dd6d029.40bb678f.css rel=prefetch><link href=css/chunk-2f0ee7b8.595ab618.css rel=prefetch><link href=css/chunk-3837ab1b.c9900cd9.css rel=prefetch><link href=css/chunk-563bb835.b437b2a0.css rel=prefetch><link href=css/chunk-57518ea6.907f38c7.css rel=prefetch><link href=css/chunk-63cd2773.5fbdcef6.css rel=prefetch><link href=css/chunk-75e79dbd.affc2c17.css rel=prefetch><link href=css/chunk-7d43bd4c.b56c1e93.css rel=prefetch><link href=css/chunk-7ea1f4c1.2edbc58c.css rel=prefetch><link href=css/chunk-7eb33052.fb64f688.css rel=prefetch><link href=css/chunk-95d0d97e.446b104d.css rel=prefetch><link href=css/chunk-a35f72ec.c598b6d9.css rel=prefetch><link href=css/chunk-c106e1c6.6b520689.css rel=prefetch><link href=css/chunk-c862dc02.dcb1c6b1.css rel=prefetch><link href=css/chunk-d90c3fd0.3d1f8308.css rel=prefetch><link href=css/chunk-dff92c8e.a5b77268.css rel=prefetch><link href=css/chunk-ea9d6bee.492c0f7d.css rel=prefetch><link href=css/chunk-f9046af0.ae99e4e7.css rel=prefetch><link href=js/chunk-0347cc62.828683a5.js rel=prefetch><link href=js/chunk-0a5c1ff1.c5e6df35.js rel=prefetch><link href=js/chunk-0d204189.f58688a5.js rel=prefetch><link href=js/chunk-137f432e.c312b4c2.js rel=prefetch><link href=js/chunk-16a8dcde.422b0989.js rel=prefetch><link href=js/chunk-19db1fc6.10fbf935.js rel=prefetch><link href=js/chunk-1b93a01a.19b25334.js rel=prefetch><link href=js/chunk-29a5079e.262fb3f1.js rel=prefetch><link href=js/chunk-2d2095a8.0b59c285.js rel=prefetch><link href=js/chunk-2dd6d029.a10e9537.js rel=prefetch><link href=js/chunk-2f0ee7b8.6d638fa9.js rel=prefetch><link href=js/chunk-3837ab1b.93ccee45.js rel=prefetch><link href=js/chunk-563bb835.ae308415.js rel=prefetch><link href=js/chunk-57518ea6.dd53a289.js rel=prefetch><link href=js/chunk-63cd2773.7c931d9c.js rel=prefetch><link href=js/chunk-737eaf4a.e335b297.js rel=prefetch><link href=js/chunk-75e79dbd.56d14304.js rel=prefetch><link href=js/chunk-7d43bd4c.368b657f.js rel=prefetch><link href=js/chunk-7ea1f4c1.fd6c8daa.js rel=prefetch><link href=js/chunk-7eb33052.9e02e701.js rel=prefetch><link href=js/chunk-95d0d97e.62b0d11a.js rel=prefetch><link href=js/chunk-a35f72ec.daa4edcb.js rel=prefetch><link href=js/chunk-c106e1c6.86bc9485.js rel=prefetch><link href=js/chunk-c862dc02.7179614f.js rel=prefetch><link href=js/chunk-d90c3fd0.4b131c93.js rel=prefetch><link href=js/chunk-dff92c8e.8ed97cac.js rel=prefetch><link href=js/chunk-ea9d6bee.51f6b850.js rel=prefetch><link href=js/chunk-f9046af0.20920b42.js rel=prefetch><link href=css/app.dc6afa5f.css rel=preload as=style><link href=css/chunk-vendors.635bc84a.css rel=preload as=style><link href=js/app.df1d884d.js rel=preload as=script><link href=js/chunk-vendors.e7b30cab.js rel=preload as=script><link href=css/chunk-vendors.635bc84a.css rel=stylesheet><link href=css/app.dc6afa5f.css rel=stylesheet></head><body class=damolish><noscript><strong>We're sorry but damolish doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib-4.0/vue/2.6.10/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib-4.0/vuex/3.0.1/vuex.js></script><script src=//web-1251519181.file.myqcloud.com/lib-4.0/axios/0.19.0/axios.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/pagination.1.0.8.js></script><script src=js/chunk-vendors.e7b30cab.js></script><script src=js/app.df1d884d.js></script></body></html> <!DOCTYPE html><html lang=cn><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.44.css><link rel=stylesheet type=text/css href=static/fonts/iconfont.css><title>好办</title><link href=css/chunk-0347cc62.9d9c3642.css rel=prefetch><link href=css/chunk-0a5c1ff1.7609202a.css rel=prefetch><link href=css/chunk-0d204189.9cb54b4c.css rel=prefetch><link href=css/chunk-137f432e.4bf8b8ea.css rel=prefetch><link href=css/chunk-16a8dcde.2a3bfb87.css rel=prefetch><link href=css/chunk-19db1fc6.ba890a33.css rel=prefetch><link href=css/chunk-1b93a01a.01549a8d.css rel=prefetch><link href=css/chunk-29a5079e.0d5615a8.css rel=prefetch><link href=css/chunk-2dd6d029.40bb678f.css rel=prefetch><link href=css/chunk-2f0ee7b8.595ab618.css rel=prefetch><link href=css/chunk-3837ab1b.c9900cd9.css rel=prefetch><link href=css/chunk-563bb835.b437b2a0.css rel=prefetch><link href=css/chunk-56d19046.dfc3726c.css rel=prefetch><link href=css/chunk-57518ea6.907f38c7.css rel=prefetch><link href=css/chunk-63cd2773.5fbdcef6.css rel=prefetch><link href=css/chunk-75e79dbd.affc2c17.css rel=prefetch><link href=css/chunk-7d43bd4c.b56c1e93.css rel=prefetch><link href=css/chunk-7ea1f4c1.2edbc58c.css rel=prefetch><link href=css/chunk-7eb33052.fb64f688.css rel=prefetch><link href=css/chunk-95d0d97e.446b104d.css rel=prefetch><link href=css/chunk-c106e1c6.6b520689.css rel=prefetch><link href=css/chunk-c862dc02.dcb1c6b1.css rel=prefetch><link href=css/chunk-d90c3fd0.3d1f8308.css rel=prefetch><link href=css/chunk-dff92c8e.a5b77268.css rel=prefetch><link href=css/chunk-ea9d6bee.492c0f7d.css rel=prefetch><link href=css/chunk-f9046af0.ae99e4e7.css rel=prefetch><link href=js/chunk-0347cc62.828683a5.js rel=prefetch><link href=js/chunk-0a5c1ff1.c5e6df35.js rel=prefetch><link href=js/chunk-0d204189.f58688a5.js rel=prefetch><link href=js/chunk-137f432e.c312b4c2.js rel=prefetch><link href=js/chunk-16a8dcde.422b0989.js rel=prefetch><link href=js/chunk-19db1fc6.10fbf935.js rel=prefetch><link href=js/chunk-1b93a01a.19b25334.js rel=prefetch><link href=js/chunk-29a5079e.262fb3f1.js rel=prefetch><link href=js/chunk-2d2095a8.0b59c285.js rel=prefetch><link href=js/chunk-2dd6d029.a10e9537.js rel=prefetch><link href=js/chunk-2f0ee7b8.6d638fa9.js rel=prefetch><link href=js/chunk-3837ab1b.93ccee45.js rel=prefetch><link href=js/chunk-563bb835.ae308415.js rel=prefetch><link href=js/chunk-56d19046.8cb46aa4.js rel=prefetch><link href=js/chunk-57518ea6.dd53a289.js rel=prefetch><link href=js/chunk-63cd2773.7c931d9c.js rel=prefetch><link href=js/chunk-737eaf4a.e335b297.js rel=prefetch><link href=js/chunk-75e79dbd.56d14304.js rel=prefetch><link href=js/chunk-7d43bd4c.368b657f.js rel=prefetch><link href=js/chunk-7ea1f4c1.fd6c8daa.js rel=prefetch><link href=js/chunk-7eb33052.9e02e701.js rel=prefetch><link href=js/chunk-95d0d97e.62b0d11a.js rel=prefetch><link href=js/chunk-c106e1c6.86bc9485.js rel=prefetch><link href=js/chunk-c862dc02.7179614f.js rel=prefetch><link href=js/chunk-d90c3fd0.4b131c93.js rel=prefetch><link href=js/chunk-dff92c8e.8ed97cac.js rel=prefetch><link href=js/chunk-ea9d6bee.51f6b850.js rel=prefetch><link href=js/chunk-f9046af0.20920b42.js rel=prefetch><link href=css/app.dc6afa5f.css rel=preload as=style><link href=css/chunk-vendors.635bc84a.css rel=preload as=style><link href=js/app.be2a9cae.js rel=preload as=script><link href=js/chunk-vendors.e7b30cab.js rel=preload as=script><link href=css/chunk-vendors.635bc84a.css rel=stylesheet><link href=css/app.dc6afa5f.css rel=stylesheet></head><body class=damolish><noscript><strong>We're sorry but damolish doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib-4.0/vue/2.6.10/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib-4.0/vuex/3.0.1/vuex.js></script><script src=//web-1251519181.file.myqcloud.com/lib-4.0/axios/0.19.0/axios.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/pagination.1.0.8.js></script><script src=js/chunk-vendors.e7b30cab.js></script><script src=js/app.be2a9cae.js></script></body></html>
\ No newline at end of file \ No newline at end of file
src/views/enterprise/edit-admin.vue
...@@ -4,67 +4,64 @@ ...@@ -4,67 +4,64 @@
* @Author: 无尘 * @Author: 无尘
* @Date: 2019-03-20 14:36:37 * @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘 * @LastEditors: 无尘
* @LastEditTime: 2020-08-05 12:32:01 * @LastEditTime: 2020-08-05 12:53:36
--> -->
<template> <template>
<div class="my-customer-wrap common-set-wrap"> <div class="my-customer-wrap common-set-wrap">
<nav-crumb :navpath="navpath"> </nav-crumb> <nav-crumb :navpath="navpath"> </nav-crumb>
<div class="right-content"> <div class="right-content">
<div class="right-box" style="min-height: calc(100vh - 104px);"> <div class="apps-content-right border-box">
<div class="apps-content flex" style="min-height: calc(100vh - 104px);"> <el-form :model="adminForm" :rules="rules" ref="adminForm" label-width="100px" >
<div class="apps-content-right"> <el-form-item label="活动名称" prop="adminList">
<el-form :model="adminForm" :rules="rules" ref="adminForm" label-width="100px" > <div class="admin-list-wrap">
<el-form-item label="活动名称" prop="adminList"> <div class="el-select store-item-content admin-select" @click="showAdmin">
<div class="admin-list-wrap"> <div v-if="!!adminForm.adminList.length" class="el-select__tags">
<span style="display:block;">
<template v-for="(item, index) in adminForm.adminList">
<span class="el-tag el-tag--info el-tag--small" :key="index+'bind'">
<span class="el-select__tags-text">{{ item.staffName || '--' }}</span>
<i class="el-tag__close el-icon-close" @click.stop="delAdmin(index, adminForm.adminList)"></i>
</span>
</template>
</span>
</div>
<div v-if="!adminForm.adminList.length" class="add-admin-btn font-14 color-606266 cursor-pointer" @click="addAdmin">
<span class="iconfont icontianjiajiahaowubiankuang font-12"></span><span class="p-l-10">添加</span>
</div>
</div>
</div>
</el-form-item>
<el-form-item label="活动区域" prop="tableData">
<el-table ref="multipleTable" v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%">
<el-table-column label="商户名称" width="150">
<template slot-scope="scope">
{{scope.row.enterpriseName || '--'}}
</template>
</el-table-column>
<el-table-column label="授权范围">
<template slot-scope="scope">
<div class="el-select store-item-content" @click="showStore(1)"> <div class="el-select store-item-content" @click="showStore(1)">
<div v-if="!!adminForm.adminList.length" class="el-select__tags"> <div v-if="!!scope.row.enterpriseList.length" class="el-select__tags">
<span style="display:block;"> <span style="display:block;">
<template v-for="(item, index) in adminForm.adminList"> <template v-for="(item, index) in scope.row.enterpriseList">
<span class="el-tag el-tag--info el-tag--small" :key="index+'bind'"> <span class="el-tag el-tag--info el-tag--small" :key="index+'bind'">
<span class="el-select__tags-text">{{ item.staffName || '--' }}</span> <span class="el-select__tags-text">{{ item.storeInfoName || item.storeGroupName }}</span>
<i class="el-tag__close el-icon-close" @click.stop="delStore(index, adminForm.adminList)"></i> <i class="el-tag__close el-icon-close" @click.stop="delStore(index, scope.row.enterpriseList)"></i>
</span> </span>
</template> </template>
</span> </span>
</div> </div>
<div v-if="!adminForm.adminList.length" class="add-admin-btn font-14 color-606266 cursor-pointer" @click="addAdmin"> <div v-if="!scope.row.enterpriseList.length" class="add-admin-btn font-14 color-606266 cursor-pointer" @click="addAdmin">
<span class="iconfont icontianjiajiahaowubiankuang font-12"></span><span class="p-l-10">添加</span> <span class="iconfont icontianjiajiahaowubiankuang font-12"></span><span class="p-l-10">添加</span>
</div> </div>
</div> </div>
</div> </template>
</el-form-item> </el-table-column>
<el-form-item label="活动区域" prop="tableData"> </el-table>
<el-table ref="multipleTable" v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%"> </el-form-item>
<el-table-column label="商户名称" width="150"> </el-form>
<template slot-scope="scope">
{{scope.row.enterpriseName || '--'}}
</template>
</el-table-column>
<el-table-column label="授权范围">
<template slot-scope="scope">
<div class="el-select store-item-content" @click="showStore(1)">
<div v-if="!!scope.row.enterpriseList.length" class="el-select__tags">
<span style="display:block;">
<template v-for="(item, index) in scope.row.enterpriseList">
<span class="el-tag el-tag--info el-tag--small" :key="index+'bind'">
<span class="el-select__tags-text">{{ item.storeInfoName || item.storeGroupName }}</span>
<i class="el-tag__close el-icon-close" @click.stop="delStore(index, scope.row.enterpriseList)"></i>
</span>
</template>
</span>
</div>
<div v-if="!scope.row.enterpriseList.length" class="add-admin-btn font-14 color-606266 cursor-pointer" @click="addAdmin">
<span class="iconfont icontianjiajiahaowubiankuang font-12"></span><span class="p-l-10">添加</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</el-form-item>
</el-form>
</div>
</div>
</div> </div>
</div> </div>
<!-- <vue-gic-footer></vue-gic-footer> --> <!-- <vue-gic-footer></vue-gic-footer> -->
</div> </div>
...@@ -104,11 +101,22 @@ export default { ...@@ -104,11 +101,22 @@ export default {
] ]
}, },
tableData: [], tableData: [],
showAdminFlag: false,
}; };
}, },
computed: {}, computed: {},
methods: { methods: {
/**
* 显示选择管理员
*/
showAdmin() {
const that = this;
that.showAdminFlag = true;
},
closeAdmin() {
const that = this;
that.showAdminFlag = false;
},
/** /**
* 路由跳转 * 路由跳转
*/ */
...@@ -155,8 +163,13 @@ export default { ...@@ -155,8 +163,13 @@ export default {
<style type="text/less" lang="less" scoped> <style type="text/less" lang="less" scoped>
.my-customer-wrap { .my-customer-wrap {
height: 100%; height: 100%;
.navwrap {
padding-left: 0;
background: #f0f2f5;
}
.apps-content-right { .apps-content-right {
width: 100%; width: 100%;
padding: 20px;
.admin-list-wrap { .admin-list-wrap {
.add-admin-btn { .add-admin-btn {
width: 114px; width: 114px;
...@@ -176,6 +189,9 @@ export default { ...@@ -176,6 +189,9 @@ export default {
border: 1px solid #c4c6cf; border: 1px solid #c4c6cf;
cursor: pointer; cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
&.admin-select {
border: none;
}
.el-select__tags { .el-select__tags {
max-width: 348px; max-width: 348px;
white-space: nowrap; white-space: nowrap;
......
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