Skip to content

H
haoban-3
Commit 658e8aee by 无尘
Options

fix:修改素材

parent 25634443
Showing with 186 additions and 9 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.28.css><link href=./static/css/app.9aa1de1c393295453e914dcfa411d621.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><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 src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.00dab81f658ccb4559aa.js></script><script type=text/javascript src=./static/js/vendor.ec5b5af1da21f97836b5.js></script><script type=text/javascript src=./static/js/app.b7495179c53b2f07ea80.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.28.css><link href=./static/css/app.b4bed5bc15cca8e5f99e89e719896bfb.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><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 src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.b15740da590746292ed1.js></script><script type=text/javascript src=./static/js/vendor.ec5b5af1da21f97836b5.js></script><script type=text/javascript src=./static/js/app.b7495179c53b2f07ea80.js></script></body></html>
\ No newline at end of file
dist/static/css/app.9aa1de1c393295453e914dcfa411d621.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.b4bed5bc15cca8e5f99e89e719896bfb.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/4.c4ac83532f7bc7415b61.js → dist/static/js/4.e48411ead11ad7e118b3.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.00dab81f658ccb4559aa.js → dist/static/js/manifest.b15740da590746292ed1.js
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,b,n){for(var r,t,o,i=0,u=[];i<c.length;i++)t=c[i],d[t]&&u.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(c,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var c={},d={76:0};function f(a){if(c[a])return c[a].exports;var d=c[a]={i:a,l:!1,exports:{}};return e[a].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var a=d[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,f){a=d[e]=[c,f]});a[2]=c;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"75512f3d6a564da7391d",1:"06c4e42e62c1f75191f0",2:"95860c596ce8eeb79301",3:"317153cd3f6b0047eb86",4:"c4ac83532f7bc7415b61",5:"07c6a2396f490878152d",6:"1a0b5a4ddf4d73a91f64",7:"ece0a2d210892b176e55",8:"7d0a8e6532c58d0c2415",9:"5fbc5faf91d19ada3b4f",10:"a1e55bdf20076ddc24d1",11:"b824cb0d4a2d12ecda5d",12:"6c1505f8ef62166b7a6e",13:"2ccd52bd6e1150f23c90",14:"0225e369d82f24077aba",15:"592a2e6008db77975bcc",16:"bc276325eab50b4b86c0",17:"edf42ec3b001b6cfe65e",18:"4b0922e27b6b34b18611",19:"7a53269ddf9f15768789",20:"73339772cb0f938d6239",21:"9e35f4bb567c79f900c4",22:"4657c811baa7a2a81fa8",23:"b696c3789461b84413c4",24:"4ad7713214fd3234337d",25:"9e5733792c18c643ff3a",26:"54efe70e981ee20ef028",27:"4c65de628f548349df50",28:"c64c6f4563a2c5b34fcf",29:"dd6838c438e8e01143be",30:"6e3dad3ed142df770d0e",31:"963d650c22609bb350cc",32:"648e00249c751be0ef72",33:"3b19f619921aacfda1e4",34:"93b49282fdccc322c7b8",35:"1e1c366da89de72e1273",36:"613f45ac68082928b7d0",37:"eb2f2f6d2d73849ad275",38:"aa5cc391ec4cf87bfad2",39:"ddfeeb2aff4f7ed79c37",40:"7b324f8ae2bf959072d1",41:"e2e9173a1de1a226ccba",42:"e6708846dbe8aa3a739a",43:"c353323742d5dbd08fb8",44:"21732320382ad9591379",45:"ea4b39548055481346ef",46:"77005fb1df27e8d0dcfa",47:"27ddf80c8da77bf9c52d",48:"46491eec4d9b28b07f2a",49:"961ddd83c04214b4e2b0",50:"49955822174c9ebab437",51:"813a21050acac10b3bd6",52:"daeb4b3000f4e6f0622b",53:"ed4f0a40a8c2ab4ef1b5",54:"a63f3b2b05b73e8a3ed6",55:"e08c75127132ad856135",56:"958b7f1db9c52bb2abaf",57:"b059e07220a79fb60d95",58:"38bdda7d88dd6886fbed",59:"ed1cfc8b4f8a46cebdfb",60:"93a2ee002c3cd92e8e0e",61:"c72abb8753a2004d6800",62:"66e0ac1b58f6da721da0",63:"b62d98988a2f683868f1",64:"505a529e5cda237ea46f",65:"bb570dcb8ac1e63ede24",66:"a970ad3d710b5c92c175",67:"0dd6204bfe8e0903ea36",68:"b0e48542a6189f95e7a9",69:"78c1148df0648f724434",70:"d8b620c8d056d806ac23",71:"8ce9113b1568e9bf5537",72:"a6222ada9c9a2655c92a",73:"959fb844a60624eba321"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=d[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},f.m=e,f.c=c,f.d=function(e,a,c){f.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},f.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(a,"a",a),a},f.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},f.p="./",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,b,n){for(var r,t,o,i=0,u=[];i<c.length;i++)t=c[i],d[t]&&u.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(c,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var c={},d={76:0};function f(a){if(c[a])return c[a].exports;var d=c[a]={i:a,l:!1,exports:{}};return e[a].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var a=d[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,f){a=d[e]=[c,f]});a[2]=c;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"75512f3d6a564da7391d",1:"06c4e42e62c1f75191f0",2:"95860c596ce8eeb79301",3:"317153cd3f6b0047eb86",4:"e48411ead11ad7e118b3",5:"07c6a2396f490878152d",6:"1a0b5a4ddf4d73a91f64",7:"ece0a2d210892b176e55",8:"7d0a8e6532c58d0c2415",9:"5fbc5faf91d19ada3b4f",10:"a1e55bdf20076ddc24d1",11:"b824cb0d4a2d12ecda5d",12:"6c1505f8ef62166b7a6e",13:"2ccd52bd6e1150f23c90",14:"0225e369d82f24077aba",15:"592a2e6008db77975bcc",16:"bc276325eab50b4b86c0",17:"edf42ec3b001b6cfe65e",18:"4b0922e27b6b34b18611",19:"7a53269ddf9f15768789",20:"73339772cb0f938d6239",21:"9e35f4bb567c79f900c4",22:"4657c811baa7a2a81fa8",23:"b696c3789461b84413c4",24:"4ad7713214fd3234337d",25:"9e5733792c18c643ff3a",26:"54efe70e981ee20ef028",27:"4c65de628f548349df50",28:"c64c6f4563a2c5b34fcf",29:"dd6838c438e8e01143be",30:"6e3dad3ed142df770d0e",31:"963d650c22609bb350cc",32:"648e00249c751be0ef72",33:"3b19f619921aacfda1e4",34:"93b49282fdccc322c7b8",35:"1e1c366da89de72e1273",36:"613f45ac68082928b7d0",37:"eb2f2f6d2d73849ad275",38:"aa5cc391ec4cf87bfad2",39:"ddfeeb2aff4f7ed79c37",40:"7b324f8ae2bf959072d1",41:"e2e9173a1de1a226ccba",42:"e6708846dbe8aa3a739a",43:"c353323742d5dbd08fb8",44:"21732320382ad9591379",45:"ea4b39548055481346ef",46:"77005fb1df27e8d0dcfa",47:"27ddf80c8da77bf9c52d",48:"46491eec4d9b28b07f2a",49:"961ddd83c04214b4e2b0",50:"49955822174c9ebab437",51:"813a21050acac10b3bd6",52:"daeb4b3000f4e6f0622b",53:"ed4f0a40a8c2ab4ef1b5",54:"a63f3b2b05b73e8a3ed6",55:"e08c75127132ad856135",56:"958b7f1db9c52bb2abaf",57:"b059e07220a79fb60d95",58:"38bdda7d88dd6886fbed",59:"ed1cfc8b4f8a46cebdfb",60:"93a2ee002c3cd92e8e0e",61:"c72abb8753a2004d6800",62:"66e0ac1b58f6da721da0",63:"b62d98988a2f683868f1",64:"505a529e5cda237ea46f",65:"bb570dcb8ac1e63ede24",66:"a970ad3d710b5c92c175",67:"0dd6204bfe8e0903ea36",68:"b0e48542a6189f95e7a9",69:"78c1148df0648f724434",70:"d8b620c8d056d806ac23",71:"8ce9113b1568e9bf5537",72:"a6222ada9c9a2655c92a",73:"959fb844a60624eba321"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=d[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),c},f.m=e,f.c=c,f.d=function(e,a,c){f.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},f.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(a,"a",a),a},f.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},f.p="./",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
src/components/set/select-group.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-04-14 09:50:16
* @LastEditors: 无尘
* @LastEditTime: 2020-05-14 14:39:42
* @LastEditTime: 2020-05-14 17:33:14
-->
<!--
<select-group :materialIds="materialIds" @closeGroup="closeGroup" @submitGroup="submitGroup"></select-group>
......@@ -15,10 +15,54 @@
<div class="">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="分组" prop="categoryId">
<el-select v-model="ruleForm.categoryId" placeholder="请选择">
<!-- <el-select v-model="ruleForm.categoryId" placeholder="请选择">
<el-option label="未分组" value="-1"></el-option>
<el-option v-for="item in groupData" :key="item.categoryId" :label="item.categoryName" :value="item.categoryId"> </el-option>
</el-select>
</el-select> -->
<el-popover placement="bottom" style="min-width: 357px" trigger="click">
<div class="select-tree-wrap m-t-10">
<div class="group-body">
<div :class="['no-group m-t-10 line-h-32 font-14 color-606266 cursor-pointer', currentCategoryId == '-1' ? 'current-group' : '']" @click="selectNoGroup"><span style="color: transparent;" :class="['color-c0c4cc font-12 cursor-pointer p-l-10 el-icon-caret-bottom el-icon-caret-right']"></span>未分组</div>
<ul class="group-ul padding-lr-12">
<template v-for="(item, index) in groupData">
<li class="group-cell" :key="index + 'group'">
<div class="cursor-pointer group-cell-div" @click.stop="selectGroup(item)">
<span :class="['color-c0c4cc font-12 cursor-pointer', item.children.length ? 'color-c0c4cc' : 'color-transparent', item.expand ? 'el-icon-caret-bottom' : 'el-icon-caret-right']"></span><span :class="['group-name font-14 color-606266 p-l-10', currentCategoryId == item.categoryId ? 'current-group' : '']">{{ item.categoryName }}</span>
</div>
<ul v-if="item.expand" class="p-l-10">
<template v-for="(itemTwo, ind) in item.children">
<li class="group-cell" :key="ind + 'group'">
<div class="cursor-pointer group-cell-div" @click.stop="selectGroup(itemTwo)">
<span :class="['font-12 cursor-pointer', itemTwo.children.length ? 'color-c0c4cc' : 'color-transparent', itemTwo.expand ? 'el-icon-caret-bottom' : 'el-icon-caret-right']"></span><span :class="['group-name font-14 color-606266 p-l-10', currentCategoryId == itemTwo.categoryId ? 'current-group' : '']">{{ itemTwo.categoryName }}</span>
</div>
<ul v-if="itemTwo.expand" class="p-l-10">
<template v-for="(itemThree, i) in itemTwo.children">
<li class="group-cell" :key="i + 'group'">
<div class="cursor-pointer group-cell-div" @click.stop="selectGroup(itemThree)">
<span :class="['font-12 cursor-pointer color-transparent', itemThree.expand ? 'el-icon-caret-bottom' : 'el-icon-caret-right']"></span><span :class="['group-name font-14 color-606266 p-l-10', currentCategoryId == itemThree.categoryId ? 'current-group' : '']">{{ itemThree.categoryName }}</span>
</div>
</li>
</template>
</ul>
</li>
</template>
</ul>
</li>
</template>
</ul>
</div>
</div>
<div class="flex-column item-cell-select inline-block " slot="reference">
<div class="depart-item-wrap">
<div :style="{ width: width }" class="el-select el-select--large depart-item-content">
<span v-if="!ruleForm.categoryId" class="font-14 color-c0c4cc p-l-10" style="display: inline-block;line-height: 32px;color: #c0c4cc;">请选择</span>
<div class="el-select__tags" style="max-width: 348px;">
{{ categoryName }}
</div>
</div>
</div>
</div>
</el-popover>
</el-form-item>
</el-form>
</div>
......@@ -48,6 +92,7 @@ export default {
},
data() {
return {
width: '347px',
wxEnterpriseId: localStorage.getItem('userInfos') ? JSON.parse(localStorage.getItem('userInfos')).wxEnterpriseId : '',
dialogVisible: true,
groupData: [],
......@@ -56,7 +101,10 @@ export default {
},
rules: {
categoryId: [{ required: true, message: '请选择分组名称', trigger: 'change' }]
}
},
categoryName: '',
currentCategoryId: '',
expandArr: []
};
},
methods: {
......@@ -103,6 +151,45 @@ export default {
});
},
/**
* 选中分组
*/
selectGroup(item) {
const that = this;
item.expand = item.expand ? false : true;
that.ruleform.categoryId = item.categoryId;
that.currentCategoryId = item.categoryId;
// 为了保存展开/收起状态，存储数据
if (item.expand) {
that.expandArr.push(item.categoryId);
} else {
that.expandArr.splice(that.expandArr.indexOf(item.categoryId), 1);
}
},
selectNoGroup() {
const that = this;
that.ruleform.categoryId = '-1';
that.currentCategoryId = '-1';
},
/**
* 简单数组-->父子数组对象
*/
treeData(data) {
let tree = data.filter(father => {
//循环所有项
let branchArr = data.filter(child => {
return father.categoryId == child.categoryParentId; //返回每一项的子级数组
});
if (branchArr.length > 0) {
father.children = branchArr; //如果存在子级，则给父级添加一个children属性，并赋值
} else {
father.children = [];
}
return father.categoryParentId == 0; //返回第一层
});
console.log('tree:', tree);
return tree;
},
/**
* 获取数据
*/
getGroupData(val) {
......@@ -114,7 +201,12 @@ export default {
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
that.groupData = resData.result || [];
if (!!resData.result && !!resData.result.length) {
resData.result.forEach(ele => {
ele.expand = that.expandArr.includes(ele.categoryId) ? true : false;
});
that.groupData = that.treeData(resData.result) || [];
}
return;
}
errMsg.errorMsg(resData);
......@@ -141,4 +233,89 @@ export default {
.p-l-18 {
padding-left: 18px;
}
.bg-ebecf0 {
background: #ebecf0;
}
.color-afaeae {
color: #afaeae;
}
.color-c0c4cc {
color: #c0c4cc;
}
.color-transparent {
color: transparent;
}
.condition-tips {
display: inline-block;
vertical-align: middle;
line-height: 32px;
}
.p-l-30 {
padding-left: 30px;
}
.p-l-40 {
padding-left: 40px;
}
.p-l-55 {
padding-left: 55px;
}
.p-l-85 {
padding-left: 85px;
}
.p-r-5 {
padding-right: 5px;
}
.m-l-20 {
margin-left: 20px;
}
.line-50 {
height: 50px;
line-height: 50px;
}
.line-h-32 {
line-height: 32px;
}
.add-group {
width: 154px;
height: 32px;
margin: 0 auto;
background: rgba(255, 255, 255, 1);
border: 1px dashed rgba(192, 196, 204, 1);
&:hover {
color: #2f54eb;
border-color: #2f54eb;
}
}
.group-body {
padding: 0 12px;
.group-ul {
.group-cell {
position: relative;
min-height: 32px;
line-height: 32px;
.group-name {
display: inline-block;
vertical-align: top;
max-width: 132px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.group-cell-div {
&:hover {
.operate-icon {
display: inline-block;
}
.group-name {
color: #2f54eb;
}
}
}
}
}
.current-group {
color: #2f54eb;
}
}
</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