Commit 00f6ebcc by 无尘

fix: 修改分类显示

parent 7d3f3eec
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.8e1ac12b55034ac77c6d082749577a69.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.c502393e0350c7209841.js></script><script type=text/javascript src=./static/js/vendor.928b68e48614c700460c.js></script><script type=text/javascript src=./static/js/app.7945dc1a2ba2053dab49.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.bca01f213506b517b7ad67b8a6a22f0d.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.0606e83b88c37e31c2b5.js></script><script type=text/javascript src=./static/js/vendor.928b68e48614c700460c.js></script><script type=text/javascript src=./static/js/app.4829cd62b645b96be9c9.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.
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(f,d,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],c[t]&&u.push(c[t][0]),c[t]=0;for(r in d)Object.prototype.hasOwnProperty.call(d,r)&&(e[r]=d[r]);for(a&&a(f,d,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=b(b.s=n[i]);return o};var f={},c={81:0};function b(a){if(f[a])return f[a].exports;var c=f[a]={i:a,l:!1,exports:{}};return e[a].call(c.exports,c,c.exports,b),c.l=!0,c.exports}b.e=function(e){var a=c[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var f=new Promise(function(f,b){a=c[e]=[f,b]});a[2]=f;var d=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,b.nc&&n.setAttribute("nonce",b.nc),n.src=b.p+"static/js/"+e+"."+{0:"3290415f526e81c62ee2",1:"0ebe3ead93207dc78a78",2:"6c502a930cfc2e54a0d0",3:"10aacdeb93493baf861f",4:"8cd20f68174aaab2441d",5:"bf058fa04f7b2b11b1bc",6:"e3fe85cbbe47d0032b3a",7:"8f462a353a2ce9c0c116",8:"e5372980f04518fa84ec",9:"860dbe8cf83334f9e3c0",10:"28e14270d70d6a29f157",11:"2d0a192288361dd95250",12:"3d3797e96dc9e8cc5bd4",13:"02c1f318efb8ad51c2f2",14:"5ab25e4baf23ecce8d73",15:"7856bda4b70bd096963e",16:"c4ebe5ae46670e5c0754",17:"fa12cc3bf2181d16ef8c",18:"d56ca44284feb601117a",19:"6f5045aa6067b477873d",20:"75e0997b94e5d6294ec8",21:"6bd871faff9520219f01",22:"43ab9b5bfdc74ce6b20e",23:"9efbbc6dd315a676ce09",24:"4637a4566383d6e864cf",25:"4f9db49437ea94436d03",26:"8bbfb062166705f83d11",27:"acda88d3c2aa77c9f51c",28:"0635cfc88ef2b2920961",29:"0d3db47f464a37be4a3e",30:"c6439b279653a45ce256",31:"8baa6bca929d1c9a38f6",32:"ec0bbd85e6d55909453d",33:"a93521846789130a144e",34:"d7271b9c0396e2e0b343",35:"32cae9a3f9ba6b187945",36:"d31850464ea8bdf6593f",37:"31c143858551cadfe3a9",38:"7da020455236ec9cc0e6",39:"8d8a3b88d85b3220e296",40:"f4fd9d68a9e906649040",41:"9fcb9feb2cab7a8a2cbe",42:"47c4c30ceefa4af03de5",43:"2689bc2d619a26183b90",44:"deb9f07fde1e218414cf",45:"feeb9dd78b7b12f700d2",46:"a2f306cec3cdc3c685d3",47:"ad1d3e7f3e13e438bcbf",48:"ef7f29a451f2754469b0",49:"f6871122a1fa7e18f158",50:"07c4baa205f7e23b698d",51:"7fc0ff7b08a3b083ca59",52:"1d2a5ba0923414f73e06",53:"8802335b18fef4b4450b",54:"97a5f9645e47c9a491fd",55:"5af32707cdbeae957afc",56:"98caf4e5ee697f98808f",57:"a12e3dac3c8f19bf20ab",58:"4eca8a1ed0c691766a4e",59:"d90b9f9627f3c3832c23",60:"aeab9555497ec6593f72",61:"2f37d96bc91f0a637cad",62:"59294e07de6b496244cf",63:"6077852270b0c59eff8a",64:"071bad1248843a633c76",65:"a36bf94fdaed1ee1ee50",66:"3ba7e89277d851279c4d",67:"54211f408298416c6536",68:"510e6b0aa6ffadff566b",69:"518fa345263ef1bb9abc",70:"5d2e33dad1088489e653",71:"e51a1b885d499897baff",72:"bfd2694c02bae17c273e",73:"7751e4d66fee99c15a39",74:"646f1b9348d1bb8cfbf7",75:"6b82dfb7f160db815f54",76:"5d50222646fc31640f30",77:"9f7ea81c191a5e1bbaa2",80:"c4a24f0beb29dbd2892a"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=c[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return n.onerror=n.onload=t,d.appendChild(n),f},b.m=e,b.c=f,b.d=function(e,a,f){b.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:f})},b.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(a,"a",a),a},b.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},b.p="./",b.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(f,d,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],c[t]&&u.push(c[t][0]),c[t]=0;for(r in d)Object.prototype.hasOwnProperty.call(d,r)&&(e[r]=d[r]);for(a&&a(f,d,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=b(b.s=n[i]);return o};var f={},c={81:0};function b(a){if(f[a])return f[a].exports;var c=f[a]={i:a,l:!1,exports:{}};return e[a].call(c.exports,c,c.exports,b),c.l=!0,c.exports}b.e=function(e){var a=c[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var f=new Promise(function(f,b){a=c[e]=[f,b]});a[2]=f;var d=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,b.nc&&n.setAttribute("nonce",b.nc),n.src=b.p+"static/js/"+e+"."+{0:"856bb8404e183d66a06f",1:"0ebe3ead93207dc78a78",2:"6c502a930cfc2e54a0d0",3:"10aacdeb93493baf861f",4:"8cd20f68174aaab2441d",5:"bf058fa04f7b2b11b1bc",6:"e3fe85cbbe47d0032b3a",7:"8f462a353a2ce9c0c116",8:"e5372980f04518fa84ec",9:"860dbe8cf83334f9e3c0",10:"28e14270d70d6a29f157",11:"2d0a192288361dd95250",12:"3d3797e96dc9e8cc5bd4",13:"02c1f318efb8ad51c2f2",14:"fbcbe5903db1195b33d2",15:"b9ac3428fbf05e58374e",16:"c4ebe5ae46670e5c0754",17:"fa12cc3bf2181d16ef8c",18:"d56ca44284feb601117a",19:"6f5045aa6067b477873d",20:"75e0997b94e5d6294ec8",21:"6bd871faff9520219f01",22:"43ab9b5bfdc74ce6b20e",23:"9efbbc6dd315a676ce09",24:"4637a4566383d6e864cf",25:"4f9db49437ea94436d03",26:"8bbfb062166705f83d11",27:"acda88d3c2aa77c9f51c",28:"0635cfc88ef2b2920961",29:"0d3db47f464a37be4a3e",30:"c6439b279653a45ce256",31:"8baa6bca929d1c9a38f6",32:"ec0bbd85e6d55909453d",33:"a93521846789130a144e",34:"d7271b9c0396e2e0b343",35:"32cae9a3f9ba6b187945",36:"d31850464ea8bdf6593f",37:"31c143858551cadfe3a9",38:"7da020455236ec9cc0e6",39:"8d8a3b88d85b3220e296",40:"f4fd9d68a9e906649040",41:"9fcb9feb2cab7a8a2cbe",42:"47c4c30ceefa4af03de5",43:"2689bc2d619a26183b90",44:"deb9f07fde1e218414cf",45:"feeb9dd78b7b12f700d2",46:"a2f306cec3cdc3c685d3",47:"ad1d3e7f3e13e438bcbf",48:"ef7f29a451f2754469b0",49:"f6871122a1fa7e18f158",50:"07c4baa205f7e23b698d",51:"7fc0ff7b08a3b083ca59",52:"1d2a5ba0923414f73e06",53:"8802335b18fef4b4450b",54:"97a5f9645e47c9a491fd",55:"5af32707cdbeae957afc",56:"98caf4e5ee697f98808f",57:"a12e3dac3c8f19bf20ab",58:"4eca8a1ed0c691766a4e",59:"d90b9f9627f3c3832c23",60:"aeab9555497ec6593f72",61:"2f37d96bc91f0a637cad",62:"59294e07de6b496244cf",63:"6077852270b0c59eff8a",64:"071bad1248843a633c76",65:"a36bf94fdaed1ee1ee50",66:"3ba7e89277d851279c4d",67:"54211f408298416c6536",68:"510e6b0aa6ffadff566b",69:"518fa345263ef1bb9abc",70:"5d2e33dad1088489e653",71:"e51a1b885d499897baff",72:"bfd2694c02bae17c273e",73:"7751e4d66fee99c15a39",74:"646f1b9348d1bb8cfbf7",75:"6b82dfb7f160db815f54",76:"5d50222646fc31640f30",77:"9f7ea81c191a5e1bbaa2",80:"c4a24f0beb29dbd2892a"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=c[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return n.onerror=n.onload=t,d.appendChild(n),f},b.m=e,b.c=f,b.d=function(e,a,f){b.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:f})},b.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return b.d(a,"a",a),a},b.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},b.p="./",b.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</el-tabs> </el-tabs>
</div> </div>
<div v-if="activeName == 'first'" class="app-detail-pane border-box p-45"> <div v-if="activeName == 'first'" class="app-detail-pane border-box p-45">
<el-checkbox v-model="myCustomData.searchFlag">是否允许全品牌搜索</el-checkbox> <el-checkbox v-model="myCustomData.searchFlag">允许全品牌搜索</el-checkbox>
<div class="m-t-46"> <div class="m-t-46">
<el-button type="primary" @click="submit('searchFlag')">保 存</el-button> <el-button type="primary" @click="submit('searchFlag')">保 存</el-button>
</div> </div>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<common-detail-top :topMenuData="topMenuData" :activeId="activeId"></common-detail-top> <common-detail-top :topMenuData="topMenuData" :activeId="activeId"></common-detail-top>
<div class="notice-list-body flex" :style="{ 'min-height': bgHeight }"> <div class="notice-list-body flex" :style="{ 'min-height': bgHeight }">
<div class="notice-list-body_left border-box" :style="{ 'min-height': bgHeight }"> <div class="notice-list-body_left border-box" :style="{ 'min-height': bgHeight }">
<div class="add-classify" @click="toRename('')"><span class="el-icon-plus"></span><span class="p-l-12">新建分类</span></div> <div class="add-classify" @click="toRename('')"><span>新建分类</span></div>
<div class="classify-list"> <div class="classify-list">
<div :class="['classify-all', activeClassify == '' ? 'active-class' : '']" @click="selectClass('')"><i class="iconfont icon-paixu"></i><span class="p-l-12">所有分类</span></div> <div :class="['classify-all', activeClassify == '' ? 'active-class' : '']" @click="selectClass('')"><i class="iconfont icon-paixu"></i><span class="p-l-12">所有分类</span></div>
<ul> <ul>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<template v-for="(item, index) in classifyList"> <template v-for="(item, index) in classifyList">
<li :key="index + 'item.classifyName'"> <li :key="index + 'item.classifyName'">
<div @click.self="selectClass(item)" :class="['li-wrap border-box', activeClassify == item.labelId ? 'active-class' : '']"> <div @click.self="selectClass(item)" :class="['li-wrap border-box', activeClassify == item.labelId ? 'active-class' : '']">
<i class="iconfont icon-paixu" @click.self="selectClass(item)"></i><span class="p-l-12 label-text" @click.self="selectClass(item)">{{ item.labelName }}</span> <i class="iconfont icon-paixu" @click.self="selectClass(item)"></i><span class="label-text" @click.self="selectClass(item)">{{ item.labelName }}</span>
<el-popover placement="bottom" width="99" trigger="click" popper-class="classify-list-pop border-box"> <el-popover placement="bottom" width="99" trigger="click" popper-class="classify-list-pop border-box">
<div> <div>
<div class="classify-oprate-cell class-rename text-center" @click.stop="toRename(item, index)">重命名</div> <div class="classify-oprate-cell class-rename text-center" @click.stop="toRename(item, index)">重命名</div>
...@@ -727,15 +727,7 @@ export default { ...@@ -727,15 +727,7 @@ export default {
max-width: 224px; max-width: 224px;
height: 100%; height: 100%;
padding: 30px 0 0; padding: 30px 0 0;
&::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 0px;
border-right: 1px solid #dcdfe6;
}
.add-classify { .add-classify {
padding: 0 13px 0 16px; padding: 0 13px 0 16px;
font-size: 14px; font-size: 14px;
...@@ -753,6 +745,7 @@ export default { ...@@ -753,6 +745,7 @@ export default {
cursor: pointer; cursor: pointer;
.icon-paixu { .icon-paixu {
font-size: 14px; font-size: 14px;
width: 0;
visibility: hidden; visibility: hidden;
} }
&.active-class { &.active-class {
...@@ -773,6 +766,7 @@ export default { ...@@ -773,6 +766,7 @@ export default {
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
.icon-paixu { .icon-paixu {
width: 0;
font-size: 14px; font-size: 14px;
color: #909399; color: #909399;
visibility: hidden; visibility: hidden;
...@@ -789,6 +783,9 @@ export default { ...@@ -789,6 +783,9 @@ export default {
// .icon-paixu { // .icon-paixu {
// visibility: visible; // visibility: visible;
// } // }
.classify-list-pop {
visibility: visible;
}
} }
.label-text { .label-text {
display: inline-block; display: inline-block;
...@@ -798,20 +795,27 @@ export default { ...@@ -798,20 +795,27 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.classify-list-pop {
visibility: hidden;
}
} }
&:hover { &:hover {
color: #303133; color: #303133;
background: #f3f6f9; background: #f3f6f9;
.icon-paixu { .icon-paixu {
width: 14px;
visibility: visible; visibility: visible;
cursor: move; cursor: move;
} }
.label-text { .label-text {
-webkit-transform: translateX(10px); -webkit-transform: translateX(13px);
-moz-transform: translateX(10px); -moz-transform: translateX(13px);
-ms-transform: translateX(10px); -ms-transform: translateX(13px);
transform: translateX(10px); transform: translateX(13px);
}
.classify-list-pop {
visibility: visible;
} }
} }
.classify-list-oprate { .classify-list-oprate {
...@@ -829,7 +833,17 @@ export default { ...@@ -829,7 +833,17 @@ export default {
} }
} }
&_right { &_right {
position: relative;
width: calc(100% - 224px); width: calc(100% - 224px);
&::after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0px;
border-left: 1px solid #dcdfe6;
}
} }
} }
} }
......
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