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> |
<template> |
||||
<div class="card-container"> |
<div class="card-container"> |
||||
<a-tabs type="card"> |
<a-tabs> |
||||
<a-tab-pane key="1" tab="Tab Title 1"> |
<a-tab-pane key="1" tab="淘宝"> |
||||
<p @click="testHttp">Content of Tab Pane 1</p> |
|
||||
<p>{{html}}</p> |
</a-tab-pane> |
||||
</a-tab-pane> |
<a-tab-pane key="2" tab="京东"> |
||||
<a-tab-pane key="2" tab="Tab Title 2"> |
|
||||
<p>Content of Tab Pane 2</p> |
</a-tab-pane> |
||||
</a-tab-pane> |
<a-tab-pane key="3" tab="拼多多"> |
||||
<a-tab-pane key="3" tab="Tab Title 3"> |
|
||||
<p>Content of Tab Pane 3</p> |
</a-tab-pane> |
||||
</a-tab-pane> |
</a-tabs> |
||||
</a-tabs> |
|
||||
</div> |
|
||||
</template> |
<a-card> |
||||
|
<a-tree> |
||||
<script> |
<a-tree-node :key="index" v-for="(cats,index) in datas"> |
||||
export default { |
<template v-slot:title> |
||||
data() { |
<span |
||||
return { |
style="font-size: 15px;font-weight:700;font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;"> |
||||
html:'' |
{{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: { |
addCats(lastCat) { |
||||
testHttp(){ |
var that = this |
||||
this.http.get('http://www.baidu.com').then(res=>{ |
this.$confirm({ |
||||
this.html=res |
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