Skip to content

O
office-web
Commit c252dff1 by 无尘
Options

style: 修改样式

parent 1581cd64
Showing with 57 additions and 45 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.f7f38f5c563d303283d9a9bc0dcec1eb.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.708c9add459c89f24778.js></script><script type=text/javascript src=./static/js/vendor.907e093428953c324a31.js></script><script type=text/javascript src=./static/js/app.29e94afecc0bddf35217.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.3fbb31db8519cf1275d390c2b8c98f91.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.15b36d93c1194e40471e.js></script><script type=text/javascript src=./static/js/vendor.907e093428953c324a31.js></script><script type=text/javascript src=./static/js/app.29e94afecc0bddf35217.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/app.3fbb31db8519cf1275d390c2b8c98f91.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.3fbb31db8519cf1275d390c2b8c98f91.css.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.f7f38f5c563d303283d9a9bc0dcec1eb.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.f7f38f5c563d303283d9a9bc0dcec1eb.css.map deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.0212d70c2e931f58bb73.js.map deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.61d9790344919baf48c5.js.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.708c9add459c89f24778.js → dist/static/js/manifest.15b36d93c1194e40471e.js
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(f,r,t){for(var d,o,b,i=0,u=[];i<f.length;i++)o=f[i],a[o]&&u.push(a[o][0]),a[o]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(c&&c(f,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var f={},a={44:0};function n(c){if(f[c])return f[c].exports;var a=f[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.e=function(e){var c=a[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var f=new Promise(function(f,n){c=a[e]=[f,n]});c[2]=f;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:"589895e663cf279b4342",1:"26fc7c6e9b4ccca95f46",2:"0212d70c2e931f58bb73",3:"ccac42aa68ce473d908d",4:"ea8a5364035991b7a178",5:"83326270dfef0233c90a",6:"1d7830b4d55d08cb5ead",7:"fbeb3db819eec7392fd8",8:"1f9cc69f1d1455b4395a",9:"3466da9dc5776679b270",10:"7208d93b0fb81a57a978",11:"a637d7388af1e84b5565",12:"ff8b949463a1e4281bc8",13:"01693b96cf028e56cf1a",14:"6041281e059c0a18aff9",15:"9c4eb83d3a7630e2becd",16:"b0d2cc6fca689f99e4e2",17:"1c3793ca54eeb21da7c0",18:"9247370e2d3b5ea2195b",19:"7f1c8393b3bfef00b45d",20:"a67936fc14930635fda5",21:"52f0406512b49c4c4921",22:"39f5e1d81ccacdc34ac8",23:"9f05cfc644dbcf58019a",24:"f87968cd1809bd537de5",25:"41900b7b606ec81d1b49",26:"30beb66a68cf4670017a",27:"94b3fc65a52004cfda55",28:"ce30294345c96cf957b1",29:"3d2f67e201fb157fb15d",30:"a9e98de26f049b159f2b",31:"5cf0182fc424e8606c89",32:"e0dcc7cfee4fd78f294f",33:"74ac82b84ddd0a61f0c5",34:"d29c59b220221af0352b",35:"3a1287481845f3ab0f96",36:"6ec2d4074c84f920def4",37:"a0f44cfd120df62011c9",38:"bffc9417838d0b109405",39:"7eee96327266740f3019",40:"6ff12ea562cf0ae0f1ea",43:"13848f214bb993c20004"}[e]+".js";var d=setTimeout(o,12e4);function o(){t.onerror=t.onload=null,clearTimeout(d);var c=a[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return t.onerror=t.onload=o,r.appendChild(t),f},n.m=e,n.c=f,n.d=function(e,c,f){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:f})},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(f,r,t){for(var d,o,b,i=0,u=[];i<f.length;i++)o=f[i],a[o]&&u.push(a[o][0]),a[o]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(c&&c(f,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var f={},a={44:0};function n(c){if(f[c])return f[c].exports;var a=f[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.e=function(e){var c=a[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var f=new Promise(function(f,n){c=a[e]=[f,n]});c[2]=f;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:"589895e663cf279b4342",1:"26fc7c6e9b4ccca95f46",2:"61d9790344919baf48c5",3:"e63245626670017de933",4:"f4f0501dbe3155ce00e2",5:"83326270dfef0233c90a",6:"1d7830b4d55d08cb5ead",7:"fbeb3db819eec7392fd8",8:"1f9cc69f1d1455b4395a",9:"3466da9dc5776679b270",10:"7208d93b0fb81a57a978",11:"a637d7388af1e84b5565",12:"ff8b949463a1e4281bc8",13:"01693b96cf028e56cf1a",14:"6041281e059c0a18aff9",15:"9c4eb83d3a7630e2becd",16:"b0d2cc6fca689f99e4e2",17:"1c3793ca54eeb21da7c0",18:"9247370e2d3b5ea2195b",19:"7f1c8393b3bfef00b45d",20:"a67936fc14930635fda5",21:"52f0406512b49c4c4921",22:"39f5e1d81ccacdc34ac8",23:"9f05cfc644dbcf58019a",24:"f87968cd1809bd537de5",25:"41900b7b606ec81d1b49",26:"30beb66a68cf4670017a",27:"94b3fc65a52004cfda55",28:"ce30294345c96cf957b1",29:"3d2f67e201fb157fb15d",30:"a9e98de26f049b159f2b",31:"5cf0182fc424e8606c89",32:"e0dcc7cfee4fd78f294f",33:"74ac82b84ddd0a61f0c5",34:"d29c59b220221af0352b",35:"3a1287481845f3ab0f96",36:"6ec2d4074c84f920def4",37:"a0f44cfd120df62011c9",38:"bffc9417838d0b109405",39:"7eee96327266740f3019",40:"6ff12ea562cf0ae0f1ea",43:"13848f214bb993c20004"}[e]+".js";var d=setTimeout(o,12e4);function o(){t.onerror=t.onload=null,clearTimeout(d);var c=a[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return t.onerror=t.onload=o,r.appendChild(t),f},n.m=e,n.c=f,n.d=function(e,c,f){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:f})},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}}([]);
//# sourceMappingURL=manifest.708c9add459c89f24778.js.map //# sourceMappingURL=manifest.15b36d93c1194e40471e.js.map
\ No newline at end of file \ No newline at end of file
src/components/contacts/searchMenu.vue
...@@ -237,10 +237,8 @@ export default { ...@@ -237,10 +237,8 @@ export default {
.iconfont { .iconfont {
color: #409EFF; color: #409EFF;
margin-right: 5px; margin-right: 5px;
&.icon-tongshi-zuzhijiagou{
opacity: 0.6; opacity: 0.6;
} }
}
&:hover { &:hover {
color: #fff; color: #fff;
...@@ -251,6 +249,14 @@ export default { ...@@ -251,6 +249,14 @@ export default {
} }
} }
} }
&.is-current {
.el-tree-node__content {
.iconfont {
opacity: 0.8;
}
}
}
} }
} }
......
src/components/contacts/share/searchMenu.vue
...@@ -10,15 +10,7 @@ ...@@ -10,15 +10,7 @@
<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">
<el-tree <el-tree class="search-menu" node-key="id" :default-expanded-keys="defaultOpen" :data="area.shares[0].childrens" :highlight-current="true" :expand-on-click-node="false" :props="myProps" @node-click="handleNodeClick">
class="search-menu"
node-key="id"
:default-expanded-keys="defaultOpen"
:data="area.shares[0].childrens"
:highlight-current="true"
:expand-on-click-node="false"
:props="myProps"
@node-click="handleNodeClick">
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
<i class="iconfont" :class="node.level == 1 ? 'icon-2zuzhijiagou' : 'icon-tongshi-zuzhijiagou'"></i> <i class="iconfont" :class="node.level == 1 ? 'icon-2zuzhijiagou' : 'icon-tongshi-zuzhijiagou'"></i>
<span>{{ node.label }}</span> <span>{{ node.label }}</span>
...@@ -27,16 +19,7 @@ ...@@ -27,16 +19,7 @@
</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">
<el-tree <el-tree v-if="!searchResultShow" class="search-menu" node-key="id" :default-expanded-keys="defaultOpen" :data="area.shares[1].childrens" :highlight-current="true" :expand-on-click-node="false" :props="myProps" @node-click="handleNodeClick">
v-if="!searchResultShow"
class="search-menu"
node-key="id"
:default-expanded-keys="defaultOpen"
:data="area.shares[1].childrens"
:highlight-current="true"
:expand-on-click-node="false"
:props="myProps"
@node-click="handleNodeClick">
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
<i class="iconfont" :class="node.level == 1 ? 'icon-2zuzhijiagou' : 'icon-tongshi-zuzhijiagou'"></i> <i class="iconfont" :class="node.level == 1 ? 'icon-2zuzhijiagou' : 'icon-tongshi-zuzhijiagou'"></i>
<span>{{ node.label }}</span> <span>{{ node.label }}</span>
...@@ -73,8 +56,8 @@ ...@@ -73,8 +56,8 @@
</div> </div>
</template> </template>
<script> <script>
import { formatTreeData } from '@/utils/index'; import { formatTreeData } from '@/utils/index';
export default { export default {
name: "searchMenu", name: "searchMenu",
components: {}, components: {},
props: { props: {
...@@ -255,10 +238,11 @@ ...@@ -255,10 +238,11 @@
mounted() { mounted() {
this.formatGroupData(this.treeData); this.formatGroupData(this.treeData);
} }
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.searh-menu-container { .searh-menu-container {
overflow-y: auto; overflow-y: auto;
overflow-x: auto; overflow-x: auto;
width: 260px; width: 260px;
...@@ -266,26 +250,30 @@ ...@@ -266,26 +250,30 @@
/*height: 690px;*/ /*height: 690px;*/
padding: 20px 0; padding: 20px 0;
box-sizing: border-box; box-sizing: border-box;
.p-0-15 { .p-0-15 {
padding: 0 15px; padding: 0 15px;
} }
.area-title { .area-title {
padding: 0 15px; padding: 0 15px;
height:13px; height: 13px;
font-size:13px; font-size: 13px;
font-weight:400; font-weight: 400;
color:rgba(96,98,102,1); color: rgba(96, 98, 102, 1);
margin: 24px 0; margin: 24px 0;
} }
.share-title { .share-title {
padding: 0 15px; padding: 0 15px;
margin-top: 24px; margin-top: 24px;
height:36px; height: 36px;
line-height: 36px; line-height: 36px;
background:rgba(228,231,237,1); background: rgba(228, 231, 237, 1);
font-size:12px; font-size: 12px;
font-weight:400; font-weight: 400;
color:rgba(96,98,102,1); color: rgba(96, 98, 102, 1);
i { i {
float: right; float: right;
color: #409EFF; color: #409EFF;
...@@ -293,36 +281,44 @@ ...@@ -293,36 +281,44 @@
margin-top: 10px; margin-top: 10px;
} }
} }
.no-data-tip { .no-data-tip {
text-align: center; text-align: center;
margin-top: 50px; margin-top: 50px;
color: #5b6a80; color: #5b6a80;
} }
.slot-button { .slot-button {
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
.el-icon-question { .el-icon-question {
color: #C0C4CC; color: #C0C4CC;
cursor: pointer; cursor: pointer;
} }
} }
.search-menu { .search-menu {
margin-top: 20px; margin-top: 20px;
color: #606266; color: #606266;
font-size: 14px; font-size: 14px;
background: #EEF1F8; background: #EEF1F8;
min-width: 100%; min-width: 100%;
display:inline-block !important; display: inline-block !important;
.el-tree-node { .el-tree-node {
.el-tree-node__content { .el-tree-node__content {
height: 36px; height: 36px;
.iconfont { .iconfont {
color: #409EFF; color: #409EFF;
margin-right: 5px; margin-right: 5px;
} }
&:hover { &:hover {
color: #fff; color: #fff;
background: #409EFF; background: #409EFF;
.iconfont { .iconfont {
color: #fff; color: #fff;
} }
...@@ -330,49 +326,59 @@ ...@@ -330,49 +326,59 @@
} }
} }
} }
.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 {
color: #fff; color: #fff;
} }
} }
.brand-title { .brand-title {
padding: 15px; padding: 15px;
color: #303133; color: #303133;
} }
.search-result-ul { .search-result-ul {
font-size: 14px; font-size: 14px;
color: #606266; color: #606266;
.title { .title {
padding: 15px; padding: 15px;
color: #303133; color: #303133;
&.store-frame-title { &.store-frame-title {
background:rgba(228,231,237,1); background: rgba(228, 231, 237, 1);
} }
} }
li.items { li.items {
padding: 15px; padding: 15px;
background: #fff; background: #fff;
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid #E4E7ED; border-bottom: 1px solid #E4E7ED;
cursor: pointer; cursor: pointer;
.iconfont { .iconfont {
color: #409EFF; color: #409EFF;
} }
.from-group { .from-group {
float: right; float: right;
} }
&:hover { &:hover {
background: #409EFF; background: #409EFF;
color: #fff; color: #fff;
.iconfont { .iconfont {
color: #fff; color: #fff;
} }
} }
} }
} }
} }
</style>
</style>
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