23 changed files with 342 additions and 485 deletions
@ -1,83 +0,0 @@ |
|||
|
|||
.layout-container { |
|||
// border-top: 1px solid #eee; |
|||
background: #eee; |
|||
// padding: 15px; |
|||
/* margin-bottom: 40px; */ |
|||
} |
|||
// .animated { |
|||
// -webkit-animation-duration: 1s; |
|||
// animation-duration: 1s; |
|||
// -webkit-animation-fill-mode: both; |
|||
// animation-fill-mode: both; |
|||
// } |
|||
// .animated.infinite { |
|||
// -webkit-animation-iteration-count: infinite; |
|||
// animation-iteration-count: infinite; |
|||
// } |
|||
// .animated.hinge { |
|||
// -webkit-animation-duration: 2s; |
|||
// animation-duration: 2s; |
|||
// } |
|||
// .animated.bounceIn, |
|||
// .animated.bounceOut, |
|||
// .animated.flipOutX, |
|||
// .animated.flipOutY { |
|||
// -webkit-animation-duration: 0.75s; |
|||
// animation-duration: 0.75s; |
|||
// } |
|||
// @-webkit-keyframes fadeInDown { |
|||
// 0% { |
|||
// opacity: 0; |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// } |
|||
// to { |
|||
// opacity: 1; |
|||
// -webkit-transform: none; |
|||
// transform: none; |
|||
// } |
|||
// } |
|||
// @keyframes fadeInDown { |
|||
// 0% { |
|||
// opacity: 0; |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// } |
|||
// to { |
|||
// opacity: 1; |
|||
// -webkit-transform: none; |
|||
// transform: none; |
|||
// } |
|||
// } |
|||
// .fadeInDown { |
|||
// -webkit-animation-name: fadeInDown; |
|||
// animation-name: fadeInDown; |
|||
// } |
|||
|
|||
// @-webkit-keyframes slideInDown { |
|||
// 0% { |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// visibility: visible; |
|||
// } |
|||
// to { |
|||
// -webkit-transform: translateZ(0); |
|||
// transform: translateZ(0); |
|||
// } |
|||
// } |
|||
// @keyframes slideInDown { |
|||
// 0% { |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// visibility: visible; |
|||
// } |
|||
// to { |
|||
// -webkit-transform: translateZ(0); |
|||
// transform: translateZ(0); |
|||
// } |
|||
// } |
|||
// .slideInDown { |
|||
// -webkit-animation-name: slideInDown; |
|||
// animation-name: slideInDown; |
|||
// } |
|||
@ -1,229 +0,0 @@ |
|||
.view-container{ |
|||
padding: 15px; |
|||
background: white; |
|||
} |
|||
.view-header { |
|||
height: 45px; |
|||
position: relative; |
|||
padding-bottom: 11px; |
|||
display: -webkit-flex; |
|||
display: flex; |
|||
.search-line { |
|||
flex: 1; |
|||
margin-left: 50px; |
|||
display: flex; |
|||
text-align: right; |
|||
} |
|||
.search-line > div { |
|||
margin-left: 30px; |
|||
margin-right: 20px; |
|||
} |
|||
.search-line > div > div{ |
|||
width: 200px; |
|||
text-align: left; |
|||
} |
|||
.search-line > div:first-child{ |
|||
flex: 1; |
|||
} |
|||
.search-line > div .ivu-select-dropdown{ |
|||
max-height: 300px; |
|||
} |
|||
// .btn-group > button { |
|||
// text-align: right; |
|||
// } |
|||
.btn-group{ |
|||
white-space: nowrap; |
|||
button { |
|||
margin-left: 10px; |
|||
// padding: 5px 16px; |
|||
} |
|||
.dropdown{ |
|||
height: 31px; |
|||
padding-right: 9px; |
|||
padding-left: 11px; |
|||
border-top-right-radius: 0px; |
|||
border-bottom-right-radius: 0px; |
|||
} |
|||
.r-dropdown{ |
|||
height: 31px; |
|||
margin-left: 0px; |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
border-bottom-left-radius: 0px; |
|||
border-left: 1px solid #eee; |
|||
border-top-left-radius: 0; |
|||
} |
|||
} |
|||
// .btn-group button { |
|||
// margin-left: 10px; |
|||
// // padding: 5px 16px; |
|||
// } |
|||
// .btn-group .dropdown { |
|||
// position: relative; |
|||
// padding: 5px 34px 5px 10px; |
|||
// } |
|||
// .btn-group .dropdown span i.ivu-icon-ios-arrow-down { |
|||
// top: 0px; |
|||
// height: 34px; |
|||
// border-left: 1px solid; |
|||
// height: 100%; |
|||
// position: absolute; |
|||
// margin-left: 10px; |
|||
// padding: 9px 5px 5px 5px; |
|||
// } |
|||
// .btn-group .dropdown .ivu-dropdown { |
|||
// bottom: 0; |
|||
// right: 0; |
|||
// left: 0; |
|||
// position: absolute; |
|||
// } |
|||
.btn-group .ivu-dropdown-item { |
|||
text-align: left !important; |
|||
} |
|||
.btn-group .ivu-dropdown-item:not(:last-child) { |
|||
border-bottom: 1px dotted #eee; |
|||
} |
|||
.desc-text { |
|||
margin-top: 5px; |
|||
font-weight: bold; |
|||
margin-bottom: 3px; |
|||
font-size: 15px; |
|||
color: #607d8b; |
|||
white-space: nowrap; |
|||
border-bottom: 2px solid #009688; |
|||
} |
|||
.desc-text .ivu-icon { |
|||
font-size: 20px; |
|||
bottom: 2px; |
|||
position: relative; |
|||
} |
|||
.search-box { |
|||
background: #fefefe; |
|||
margin-top: 45px; |
|||
border: 1px solid #ececec; |
|||
position: absolute; |
|||
z-index: 999; |
|||
left: 0; |
|||
right: 0; |
|||
// width: 100%; |
|||
padding: 25px 40px; |
|||
padding-bottom: 0; |
|||
box-shadow: 0px 7px 18px -12px #bdc0bb; |
|||
} |
|||
.notice { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
position: relative; |
|||
top: 12px; |
|||
left: 10px; |
|||
} |
|||
} |
|||
|
|||
.table-info-cell-title { |
|||
background-color: #f5f5f5 !important; |
|||
} |
|||
.iview-com { |
|||
background: #f3f3f3; |
|||
> div.item{ |
|||
// margin-bottom: 10px; |
|||
|
|||
margin-bottom: 12px; |
|||
background: white; |
|||
} |
|||
> div.form-item{ |
|||
padding: 8px 16px 7px 16px; |
|||
//box-shadow: 0 1px 7px rgb(199, 199, 199); |
|||
} |
|||
> div.table-item{ |
|||
// padding: 0px 16px 12px 16px; |
|||
border: 1px solid #e8e8e8; |
|||
box-shadow: 0 1px 7px rgb(199, 199, 199); |
|||
} |
|||
.v-text{ |
|||
line-height: 27px; |
|||
} |
|||
.form-text{ |
|||
position: relative; |
|||
/* height: 38px; */ |
|||
/* line-height: 38px; */ |
|||
/* padding: 0 15px; */ |
|||
// border-bottom: 1px solid #e4e4e4; |
|||
border-bottom: 1px solid #eee; |
|||
/* border-radius: 2px 2px 0 0; */ |
|||
font-size: 14px; |
|||
margin-bottom: 14px; |
|||
.title{ |
|||
border-bottom: 2px solid #00BCD4; |
|||
color: #009688; |
|||
font-weight: bold; |
|||
letter-spacing: 1px; |
|||
// border-bottom-right-radius: 5px; |
|||
// border-top-left-radius: 5px; |
|||
padding: 6px 0; |
|||
// background: #009688; |
|||
// color: white; |
|||
} |
|||
.icon{ |
|||
color: #00BCD4; |
|||
font-size: 19px; |
|||
position: relative; |
|||
top: -1px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.form-closex { |
|||
text-align: right; |
|||
padding-bottom: 24px; |
|||
} |
|||
.form-closex button { |
|||
margin-left: 10px; |
|||
padding: 4px 13px; |
|||
} |
|||
.grid-detail{ |
|||
// margin-left:16px; |
|||
// // margin-top:-28px; |
|||
// padding-bottom: 16px; |
|||
} |
|||
.toolbar{ |
|||
padding: 3px 15px; |
|||
width: 100%; |
|||
display: flex; |
|||
// padding: 3px; |
|||
border-top: 1px solid #eae9e9; |
|||
// border-top-left-radius: 5px; |
|||
// // background: #37aba0; |
|||
// border-top-right-radius: 5px; |
|||
// border: 1px solid #f1f1f1; |
|||
.title{ |
|||
line-height: 28px; |
|||
border-bottom: 2px solid #03A9F4; |
|||
font-size: 14px; |
|||
font-weight: bolder; |
|||
margin-bottom: 0; |
|||
color: #828282; |
|||
.icon{ |
|||
color: #009688; |
|||
font-size: 18px; |
|||
} |
|||
} |
|||
.btns{ |
|||
line-height: 28px; |
|||
flex: 1; |
|||
text-align: right; |
|||
margin-right: 12px; |
|||
button{ |
|||
border: none; |
|||
margin-left:15px; |
|||
border: 0px; |
|||
color: #009688; |
|||
} |
|||
button:hover{ |
|||
color: #FF9800; |
|||
border-color: #FF9800; |
|||
border: none; |
|||
} |
|||
|
|||
} |
|||
} |
|||
@ -1,75 +0,0 @@ |
|||
*{ |
|||
box-sizing:border-box; |
|||
-moz-box-sizing:border-box; /* Firefox */ |
|||
-webkit-box-sizing:border-box; /* Safari */ |
|||
} |
|||
.el-pager li{ |
|||
font-weight: 100; |
|||
margin-right: 9px; |
|||
border: 1px solid #eee; |
|||
border-radius: 3px; |
|||
min-width: 28px; |
|||
} |
|||
.el-pager li.active,.el-pager li:hover{ |
|||
background: #ed4014; |
|||
color: white; |
|||
} |
|||
.el-pagination__editor.el-input .el-input__inner{ |
|||
height: 23px; |
|||
} |
|||
|
|||
|
|||
.animated { |
|||
-webkit-animation-duration: 0.5s; |
|||
animation-duration: 0.5s; |
|||
-webkit-animation-fill-mode: both; |
|||
animation-fill-mode: both; |
|||
} |
|||
|
|||
@media (print), (prefers-reduced-motion) { |
|||
.animated { |
|||
-webkit-animation: unset !important; |
|||
animation: unset !important; |
|||
-webkit-transition: none !important; |
|||
transition: none !important; |
|||
} |
|||
} |
|||
|
|||
@-webkit-keyframes fadeInDown { |
|||
from { |
|||
opacity: 1; |
|||
-webkit-transform: translate3d(0, -100%, 0); |
|||
transform: translate3d(0, -100%, 0); |
|||
} |
|||
|
|||
to { |
|||
opacity: 1; |
|||
-webkit-transform: translate3d(0, 0, 0); |
|||
transform: translate3d(0, 0, 0); |
|||
} |
|||
} |
|||
|
|||
@keyframes fadeInDown { |
|||
from { |
|||
opacity: 0; |
|||
-webkit-transform: translate3d(0, -100%, 0); |
|||
transform: translate3d(0, -100%, 0); |
|||
} |
|||
|
|||
to { |
|||
opacity: 1; |
|||
-webkit-transform: translate3d(0, 0, 0); |
|||
transform: translate3d(0, 0, 0); |
|||
} |
|||
} |
|||
|
|||
.fadeInDown { |
|||
-webkit-animation-name: fadeInDown; |
|||
animation-name: fadeInDown; |
|||
} |
|||
.ivu-message{ |
|||
z-index: 999999999 !important; |
|||
} |
|||
.ivu-form-item-content{ |
|||
text-align: left; |
|||
} |
|||
@ -0,0 +1,43 @@ |
|||
@import '~ant-design-vue/dist/antd.less'; |
|||
|
|||
|
|||
.ant-tree-node-content-wrapper |
|||
{ |
|||
display: unset; |
|||
} |
|||
|
|||
.ant-tree li .ant-tree-node-content-wrapper |
|||
{ |
|||
display: unset; |
|||
cursor: default; |
|||
} |
|||
|
|||
.ant-tree-title |
|||
{ |
|||
display: inline-block; |
|||
} |
|||
|
|||
.ant-tree-title:hover |
|||
{ |
|||
background: unset; |
|||
cursor: unset; |
|||
} |
|||
|
|||
.ant-card-body:hover{ |
|||
cursor: unset; |
|||
} |
|||
|
|||
.ant-tree-node-content-wrapper |
|||
{ |
|||
cursor: default; |
|||
} |
|||
|
|||
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected |
|||
{ |
|||
background-color: unset; |
|||
} |
|||
|
|||
.ant-tree li .ant-tree-node-content-wrapper:hover |
|||
{ |
|||
background-color: unset; |
|||
} |
|||
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 6.7 KiB |
@ -1,2 +0,0 @@ |
|||
var test1 = function () { alert(11) } |
|||
export { test1 } |
|||
@ -1,5 +0,0 @@ |
|||
//对vue参数进行扩展
|
|||
var extend = function (param) { |
|||
console.log(param) |
|||
} |
|||
export { extend } |
|||
@ -1,15 +0,0 @@ |
|||
//对vue参数进行扩展
|
|||
var extend = function ($vueParam) { |
|||
$vueParam.methods.volBoxFrom = function () { |
|||
this.$Message.info("扩展js,增加弹出消息"); |
|||
this.$refs.volBoxFrom.show(); |
|||
} |
|||
//修改data属性:
|
|||
let data = $vueParam.data(); |
|||
data.formFileds['extend'] = "动态扩展字段"; |
|||
data.formOptions.splice(0,0,{ filed: "extend", title: "动态增加字段", type: "text", required: true }); |
|||
$vueParam.data = function () { |
|||
return data; |
|||
} |
|||
} |
|||
export { extend } |
|||
@ -1,33 +1,161 @@ |
|||
<template> |
|||
<div class="card-container"> |
|||
<a-tabs type="card"> |
|||
<a-tab-pane key="1" tab="Tab Title 1"> |
|||
<p @click="testHttp">Content of Tab Pane 1</p> |
|||
<p>{{html}}</p> |
|||
</a-tab-pane> |
|||
<a-tab-pane key="2" tab="Tab Title 2"> |
|||
<p>Content of Tab Pane 2</p> |
|||
</a-tab-pane> |
|||
<a-tab-pane key="3" tab="Tab Title 3"> |
|||
<p>Content of Tab Pane 3</p> |
|||
</a-tab-pane> |
|||
</a-tabs> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
html:'' |
|||
} |
|||
<div class="card-container"> |
|||
<a-tabs> |
|||
<a-tab-pane key="1" tab="淘宝"> |
|||
|
|||
</a-tab-pane> |
|||
<a-tab-pane key="2" tab="京东"> |
|||
|
|||
</a-tab-pane> |
|||
<a-tab-pane key="3" tab="拼多多"> |
|||
|
|||
</a-tab-pane> |
|||
</a-tabs> |
|||
|
|||
|
|||
<a-card> |
|||
<a-tree> |
|||
<a-tree-node :key="index" v-for="(cats,index) in datas"> |
|||
<template v-slot:title> |
|||
<span |
|||
style="font-size: 15px;font-weight:700;font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;"> |
|||
{{cats.title}} |
|||
</span> |
|||
</template> |
|||
<a-tree-node :key="index+'-'+i2" v-for="(twoCat,i2) in cats.children"> |
|||
<template v-slot:title> |
|||
<span |
|||
style="font-size: 15px;font-weight:700;font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;"> |
|||
{{twoCat.title}} |
|||
</span> |
|||
</template> |
|||
<a-tree-node :key="index+'-'+i2+'-'+i3" v-for="(lastCat,i3) in twoCat.children"> |
|||
<template v-slot:title> |
|||
<a-row style="width: 500px;" :gutter="15"> |
|||
<a-col :span="4"> |
|||
<span style="font-size: 15px;font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;"> |
|||
{{lastCat.title}} |
|||
</span> |
|||
</a-col> |
|||
<a-col :span="8"> |
|||
<a-input size="small" style="z-index: 99;" placeholder="请输入品类词" v-model="lastCat.newKey" /> |
|||
</a-col> |
|||
<a-col> |
|||
<a-button type="primary" size="small" style="font-size: 13px;" @click="()=>{addCats(lastCat)}">添加品类词 |
|||
</a-button> |
|||
</a-col> |
|||
</a-row> |
|||
</template> |
|||
<a-tree-node> |
|||
<template v-slot:title> |
|||
<div> |
|||
<a-card :bordered="false"> |
|||
<a-row> |
|||
<a-col :span="8"> |
|||
集团库： |
|||
</a-col> |
|||
<a-col :span="16"> |
|||
<a-tag style="cursor: pointer;" :key="i4" |
|||
v-for="(keyword,i4) in lastCat.children.filter(c=>c.Type==0)"> |
|||
{{keyword.title}}</a-tag> |
|||
</a-col> |
|||
</a-row> |
|||
</a-card> |
|||
|
|||
<a-card style="margin-top: 10px;" :bordered="false"> |
|||
<a-row> |
|||
<a-col :span="8"> |
|||
团队库： |
|||
</a-col> |
|||
<a-col :span="16"> |
|||
<a-tag style="cursor: pointer;" :key="i4" |
|||
v-for="(keyword,i4) in lastCat.children.filter(c=>c.Type==1)"> |
|||
{{keyword.title}}</a-tag> |
|||
</a-col> |
|||
</a-row> |
|||
</a-card> |
|||
</div> |
|||
</template> |
|||
</a-tree-node> |
|||
</a-tree-node> |
|||
</a-tree-node> |
|||
</a-tree-node> |
|||
</a-tree> |
|||
</a-card> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
datas: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getDatas() |
|||
}, |
|||
methods: { |
|||
getDatas() { |
|||
this.http.get('/HuiYan/cats/GetCatDatas').then(res => { |
|||
this.datas = res.Data |
|||
}) |
|||
}, |
|||
methods: { |
|||
testHttp(){ |
|||
this.http.get('http://www.baidu.com').then(res=>{ |
|||
this.html=res |
|||
}) |
|||
} |
|||
addCats(lastCat) { |
|||
var that = this |
|||
this.$confirm({ |
|||
title: '新增类目词', |
|||
content: `新增类目词【${lastCat.newKey}】添加至哪个数据库?`, |
|||
okText: '团队库', |
|||
cancelText: '集团库', |
|||
onOk(e) { |
|||
that.http.post('/HuiYan/cats/AddPLKeyWord', { LastCat: lastCat.value, KeyWord: lastCat.newKey,Type:1 }).then(res => { |
|||
if (res.Success) { |
|||
that.$message.success('添加成功！') |
|||
if(!lastCat.children) |
|||
{ |
|||
lastCat.children=[] |
|||
} |
|||
|
|||
lastCat.children.push({ |
|||
title:lastCat.newKey, |
|||
Type:1, |
|||
value:res.Data |
|||
}) |
|||
e() |
|||
} else { |
|||
that.$message.error('添加失败！') |
|||
} |
|||
}) |
|||
}, |
|||
onCancel() { |
|||
that.http.post('/HuiYan/cats/AddPLKeyWord', { LastCat: lastCat.value, KeyWord: lastCat.newKey,Type:0 }).then(res => { |
|||
if (res.Success) { |
|||
that.$message.success('添加成功！') |
|||
if(!lastCat.children) |
|||
{ |
|||
lastCat.children=[] |
|||
} |
|||
|
|||
lastCat.children.push({ |
|||
title:lastCat.newKey, |
|||
Type:0, |
|||
value:res.Data |
|||
}) |
|||
e() |
|||
} else { |
|||
that.$message.error('添加失败！') |
|||
} |
|||
}) |
|||
}, |
|||
}); |
|||
} |
|||
} |
|||
</script> |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
Loading…
Reference in new issue