Commit 3ce97b0b by 无尘

style: 修改门店架构店员视图

parent 29c0d24d
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.9eea59f93d4a2d87eed24ac0acfcec65.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.f1abfab771fed32accd1.js></script><script type=text/javascript src=./static/js/vendor.fe6bbed1214c1931680c.js></script><script type=text/javascript src=./static/js/app.29ec61009ef460eca8c9.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.82dc0bb4fec2f7af32de185e605a3086.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.6c8204c8e16ec40252de.js></script><script type=text/javascript src=./static/js/vendor.fe6bbed1214c1931680c.js></script><script type=text/javascript src=./static/js/app.29ec61009ef460eca8c9.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -117,15 +117,21 @@ ...@@ -117,15 +117,21 @@
.name { .name {
width: 130px; width: 130px;
min-width: 130px;
max-width: 130px;
} }
.phone, .phone,
.position { .position {
width: 125px; width: 125px;
min-width: 125px;
max-width: 125px;
} }
.status { .status {
width: 100px; width: 100px;
min-width: 100px;
max-width: 100px;
} }
} }
......
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,r,t){for(var d,o,b,i=0,u=[];i<a.length;i++)o=a[i],f[o]&&u.push(f[o][0]),f[o]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(c&&c(a,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var a={},f={44:0};function n(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,n){c=f[e]=[a,n]});c[2]=a;var r=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,n.nc&&t.setAttribute("nonce",n.nc),t.src=n.p+"static/js/"+e+"."+{0:"058fa855216adb025c6e",1:"4e5dc79adcf9e1d40da1",2:"1d79e1c27d616299f7d9",3:"ee5f96ccd86096fdb93d",4:"92900e5c5378a99d4039",5:"187486e9ce4832c7a496",6:"bcf4532e6a55dfcc50de",7:"59e7f460883483a524bd",8:"bc9879c18e0eefd45736",9:"15688b0db662eb3c8a3c",10:"57f2fb8bbc63839f5773",11:"904fb1ec168a22ec03a3",12:"f33078370ab13436ea86",13:"08722ee45125c71ddcc4",14:"77e4db510298dea69bac",15:"c1af29c03e9ea581b088",16:"042df5fb4761f8d63732",17:"887050bb5f0658f1b46d",18:"fac3599983193321b888",19:"24d3b04047c477417e69",20:"017a9cfa661e84320607",21:"1a97216861297187e706",22:"9396f058f548a7ff200d",23:"2d4fb5655c6a50627ac3",24:"33e12e5c70ce1cff61d1",25:"e272d1fc498ba8f986ef",26:"2b908724cc25801d0b99",27:"865536a443cc6232569b",28:"9e07fe8f120cba9b2df2",29:"04489cdf017d8777c1b9",30:"14142bcb973f0afe0a18",31:"a62c5926bf4e4421463d",32:"85f2494136f65d3a6b5a",33:"3bf02e95ad50680b4afe",34:"c8f046d51079355bae4b",35:"885a801d42aaff93b690",36:"87aa13a9b3d819fd2237",37:"66e202bba2f9514c92ad",38:"98a6c7e8051c5e9fc18e",39:"8045d12e71a739a946f9",40:"0342cde8f52fadd8217e",43:"13848f214bb993c20004"}[e]+".js";var d=setTimeout(o,12e4);function o(){t.onerror=t.onload=null,clearTimeout(d);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return t.onerror=t.onload=o,r.appendChild(t),a},n.m=e,n.c=a,n.d=function(e,c,a){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="./",n.oe=function(e){throw console.error(e),e}}([]); !function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,r,t){for(var d,o,b,i=0,u=[];i<a.length;i++)o=a[i],f[o]&&u.push(f[o][0]),f[o]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(c&&c(a,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var a={},f={44:0};function n(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,n){c=f[e]=[a,n]});c[2]=a;var r=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,n.nc&&t.setAttribute("nonce",n.nc),t.src=n.p+"static/js/"+e+"."+{0:"058fa855216adb025c6e",1:"4e5dc79adcf9e1d40da1",2:"992d103a64678fddc00a",3:"ee5f96ccd86096fdb93d",4:"d36fcf7e66d31a818015",5:"187486e9ce4832c7a496",6:"bcf4532e6a55dfcc50de",7:"59e7f460883483a524bd",8:"bc9879c18e0eefd45736",9:"15688b0db662eb3c8a3c",10:"57f2fb8bbc63839f5773",11:"904fb1ec168a22ec03a3",12:"f33078370ab13436ea86",13:"08722ee45125c71ddcc4",14:"77e4db510298dea69bac",15:"c1af29c03e9ea581b088",16:"042df5fb4761f8d63732",17:"887050bb5f0658f1b46d",18:"fac3599983193321b888",19:"24d3b04047c477417e69",20:"017a9cfa661e84320607",21:"1a97216861297187e706",22:"9396f058f548a7ff200d",23:"2d4fb5655c6a50627ac3",24:"33e12e5c70ce1cff61d1",25:"e272d1fc498ba8f986ef",26:"2b908724cc25801d0b99",27:"865536a443cc6232569b",28:"9e07fe8f120cba9b2df2",29:"04489cdf017d8777c1b9",30:"14142bcb973f0afe0a18",31:"a62c5926bf4e4421463d",32:"85f2494136f65d3a6b5a",33:"3bf02e95ad50680b4afe",34:"c8f046d51079355bae4b",35:"885a801d42aaff93b690",36:"87aa13a9b3d819fd2237",37:"66e202bba2f9514c92ad",38:"98a6c7e8051c5e9fc18e",39:"8045d12e71a739a946f9",40:"0342cde8f52fadd8217e",43:"13848f214bb993c20004"}[e]+".js";var d=setTimeout(o,12e4);function o(){t.onerror=t.onload=null,clearTimeout(d);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return t.onerror=t.onload=o,r.appendChild(t),a},n.m=e,n.c=a,n.d=function(e,c,a){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="./",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<div :key="area.sharedContactRelationId"> <div :key="area.sharedContactRelationId">
<p class="area-title">{{area.title}}</p> <p class="area-title">{{area.title}}</p>
<p class="share-title">我方共享给对方的所有人员</p> <p class="share-title">我方共享给对方的所有人员</p>
<div class="p-0-15"> <div class="p-0-15" :id="'id'+area.shares[0].sharedContactRelationId">
<el-tree <el-tree
class="search-menu" class="search-menu"
node-key="id" node-key="id"
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</el-tree> </el-tree>
</div> </div>
<p class="share-title">对方共享给我方的所有人员<i class="el-icon-upload"></i></p> <p class="share-title">对方共享给我方的所有人员<i class="el-icon-upload"></i></p>
<div class="p-0-15"> <div class="p-0-15" :id="'id'+area.shares[1].sharedContactRelationId">
<el-tree <el-tree
v-if="!searchResultShow" v-if="!searchResultShow"
class="search-menu" class="search-menu"
...@@ -193,7 +193,34 @@ export default { ...@@ -193,7 +193,34 @@ export default {
* 树形菜单选择 * 树形菜单选择
*/ */
handleNodeClick(obj, node) { handleNodeClick(obj, node) {
this.$emit("handleTreeSelection", obj, node, 'node'); const that = this;
that.$emit("handleTreeSelection", obj, node, 'node');
/*let sel = '#id' + obj.sharedContactId + ' .is-current .el-tree-node__content';
let selList = '#id' + obj.sharedContactId + ' .el-tree-node .el-tree-node__content';
that.$nextTick(function(){
// 设置当前树选中
let list = document.querySelectorAll(selList);
list.forEach(item => {
item.style.background = 'transparent';
})
document.querySelector(sel).style.background = '#409eff';
// 设置不同树选中
let arr = [];
that.shareArea.map(item=> {
arr.push(item.shares.map(child => child.sharedContactRelationId));
})
arr.flat().forEach((item,index) => {
let unsel = '#id' + item + ' .is-current';
let doms = [];
if (item != obj.sharedContactId) {
doms = document.querySelectorAll(unsel);
doms.forEach(ele => {
ele.classList.remove('is-current'); // 已选中的节点在选择树其他节点后,再选中会有些问题
ele.childNodes[0].style.background = 'transparent';
})
}
})
})*/
}, },
/** /**
...@@ -341,19 +368,19 @@ export default { ...@@ -341,19 +368,19 @@ export default {
} }
&:hover { &:hover {
color: #fff; /* color: #fff;
background: #409EFF; background: #409EFF;
.iconfont { .iconfont {
color: #fff; color: #fff;
} } */
} }
} }
} }
} }
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
background: #409EFF; /*background: #409EFF;*/
color: #fff; color: #fff;
.iconfont { .iconfont {
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="门店code" prop="storeCode" width="300"></el-table-column> <el-table-column label="门店code" prop="storeCode" width="300"></el-table-column>
<el-table-column > <el-table-column min-width="675">
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<ul class="diy-header"> <ul class="diy-header">
<li class="name">姓名</li> <li class="name">姓名</li>
......
...@@ -117,15 +117,21 @@ ...@@ -117,15 +117,21 @@
.name { .name {
width: 130px; width: 130px;
min-width: 130px;
max-width: 130px;
} }
.phone, .phone,
.position { .position {
width: 125px; width: 125px;
min-width: 125px;
max-width: 125px;
} }
.status { .status {
width: 100px; width: 100px;
min-width: 100px;
max-width: 100px;
} }
} }
......
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