515 lines
12 KiB
Vue
515 lines
12 KiB
Vue
|
<template>
|
|||
|
|
<div class="release" v-if="showRelease">
|
|||
|
|
<div class="title" style="font-weight: bold;">发布知识:{{title}}</div>
|
|||
|
|
<div class="release-data" :style="datastyle">
|
|||
|
|
<div class="knowlSelect">
|
|||
|
|
<van-field
|
|||
|
|
v-model="publishDimensionNames"
|
|||
|
|
label="知识维度"
|
|||
|
|
required
|
|||
|
|
right-icon="arrow"
|
|||
|
|
placeholder="请选择"
|
|||
|
|
input-align="right"
|
|||
|
|
@click="onDimension"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<div class="divide"></div>
|
|||
|
|
<ul class="list">
|
|||
|
|
<li v-for="(item,index) in list" :key="index">
|
|||
|
|
<div :class="item.isNullable==1?'title':'title required' " >
|
|||
|
|
{{item.schemaTitle}}
|
|||
|
|
<span v-show="item.showType==1" @click="clearData(item)" style="float: right">清空</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="con">
|
|||
|
|
<span v-show="item.showType<2" class="classify"
|
|||
|
|
:style="(index+1)%3===0?'width: calc(100% / 3 - 17px); margin-right:1px;':''"
|
|||
|
|
v-for="(el,index) in item.attrList" :key="index" @click="onClassify(el,item)"
|
|||
|
|
:class="{classActive:el.active}">
|
|||
|
|
<label class="name">{{el.attrTitle}}</label>
|
|||
|
|
</span>
|
|||
|
|
<div v-show="item.showType==2">
|
|||
|
|
<van-field v-model="item.value" placeholder="请输入..." />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="tag">
|
|||
|
|
<div class="name" style="font-size: 14px;">标签</div>
|
|||
|
|
<ul class="con">
|
|||
|
|
<span class="classify classActive"
|
|||
|
|
:style="(index+1)%3===0?'width: calc(100% / 3 - 17px); margin-right:1px;':''"
|
|||
|
|
v-for="(el,index) in itemArr" :key="index" @click="onClassify(el)">
|
|||
|
|
<label class="name">{{el}}</label>
|
|||
|
|
<i class="awsui-iconfont" style="font-size: 12px;" @click="deleteExceptPrice(index,el)"></i>
|
|||
|
|
</span>
|
|||
|
|
</ul>
|
|||
|
|
<van-field class="tag-field" v-model="tagValue" placeholder="添加标签 最多10个">
|
|||
|
|
<template #button>
|
|||
|
|
<button class="button" @click="addExceptPrice"><span class="line"></span>添加</button>
|
|||
|
|
</template>
|
|||
|
|
</van-field>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer">
|
|||
|
|
<van-button type="default" @click="backHome">取消</van-button>
|
|||
|
|
<van-button type="info" @click="onRelease">发布</van-button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<knowDimension @dimensionBack="dimensionBack" :publishDimensionData="publishDimensionData" v-else></knowDimension>
|
|||
|
|
<!--<van-notify v-model="notifyshow" type="success">-->
|
|||
|
|
<!--<van-icon name="bell" style="margin-right: 4px;" />-->
|
|||
|
|
<!--<span>通知内容</span>-->
|
|||
|
|
<!--</van-notify>-->
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import vanFieldSelect from '@/components/fieldSelect'
|
|||
|
|
import knowDimension from '@/pages/know-dimension'
|
|||
|
|
import awsuiAxios from "../awsuiAxios";
|
|||
|
|
export default {
|
|||
|
|
name: 'release-knowledge',
|
|||
|
|
components: {
|
|||
|
|
vanFieldSelect,
|
|||
|
|
knowDimension
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
val:'',
|
|||
|
|
title:'',
|
|||
|
|
id: '',
|
|||
|
|
notifyshow:false,
|
|||
|
|
showRelease:true,
|
|||
|
|
publishDimensionNames: '',
|
|||
|
|
publishDimensionIds:[],
|
|||
|
|
publishPerm:"",
|
|||
|
|
publishDimensionData:{},
|
|||
|
|
classify: '',
|
|||
|
|
classifyOption: ['AWS5产品线', 'AWS6产品线'],
|
|||
|
|
list: [
|
|||
|
|
{
|
|||
|
|
id: 'release1',
|
|||
|
|
schemaTitle: '文档类别',
|
|||
|
|
attrList: [
|
|||
|
|
{
|
|||
|
|
id: 'wordClass',
|
|||
|
|
attrTitle: '制度',
|
|||
|
|
active: false
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 'release2',
|
|||
|
|
schemaTitle: '项目过程',
|
|||
|
|
attrList: [
|
|||
|
|
{
|
|||
|
|
id: 'manage1',
|
|||
|
|
attrTitle: '项目管理',
|
|||
|
|
active: false
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
itemArr: [],
|
|||
|
|
tagValue: '',
|
|||
|
|
authority:true, //是否有权限
|
|||
|
|
datastyle:''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
backHome(){
|
|||
|
|
window.history.back();
|
|||
|
|
},
|
|||
|
|
onDimension() {
|
|||
|
|
this.showRelease = false;
|
|||
|
|
},
|
|||
|
|
dimensionBack(dimensionData,type){
|
|||
|
|
this.showRelease = true;
|
|||
|
|
if(type=='ok'){
|
|||
|
|
let namesTmp = "";
|
|||
|
|
this.publishDimensionData = dimensionData;
|
|||
|
|
let tmpData = dimensionData;
|
|||
|
|
let indx = 0;
|
|||
|
|
if(Object.keys(tmpData).length>0){
|
|||
|
|
for (let key of Object.keys(tmpData)) {
|
|||
|
|
let item = tmpData[key];
|
|||
|
|
if(indx==0){
|
|||
|
|
this.publishPerm = item['publishPerm'];
|
|||
|
|
}
|
|||
|
|
this.publishDimensionIds.push(item['id']);
|
|||
|
|
namesTmp+=item['name']+",";
|
|||
|
|
indx++;
|
|||
|
|
}
|
|||
|
|
if(namesTmp.length>0){
|
|||
|
|
this.publishDimensionNames = namesTmp.substring(0,namesTmp.length-1);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
this.publishDimensionIds=[];
|
|||
|
|
this.publishDimensionNames='';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
clearData(itemTmp){
|
|||
|
|
itemTmp.attrList.forEach((ob, index) => {
|
|||
|
|
ob.active = false;
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onClassify(el,itemTmp) {
|
|||
|
|
if(!el.active){
|
|||
|
|
if(itemTmp.showType==1){//单选
|
|||
|
|
itemTmp.attrList.forEach((ob, index) => {
|
|||
|
|
ob.active = false;
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
el.active = !el.active;
|
|||
|
|
},
|
|||
|
|
publishCardSchemaDiv(){
|
|||
|
|
//初始化元数据
|
|||
|
|
let that = this;
|
|||
|
|
awsuiAxios.post({
|
|||
|
|
url: "jd",
|
|||
|
|
data: {
|
|||
|
|
cmd: "com.actionsoft.apps.kms_knwl_center_mobile_schema_attr_list_json"
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
}).then(function (r) {
|
|||
|
|
that.loading = false;
|
|||
|
|
if (r.result == "error") {
|
|||
|
|
alert(r.msg);
|
|||
|
|
} else {
|
|||
|
|
that.list = r.data.data;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
addExceptPrice() {
|
|||
|
|
if(this.tagValue.trim()==''){
|
|||
|
|
this.$toast({message: '请输入标签内容', overlay: true});
|
|||
|
|
return false;
|
|||
|
|
}else{
|
|||
|
|
//点击添加
|
|||
|
|
if(this.itemArr.length==10){
|
|||
|
|
this.$toast({message: '添加标签 最多10个', overlay: true});
|
|||
|
|
}else{
|
|||
|
|
if (this.itemArr.length<10&&this.tagValue != ''&&!this.itemArr.includes(this.tagValue)) {
|
|||
|
|
this.itemArr.push(this.tagValue)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.tagValue = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
deleteExceptPrice(index) {
|
|||
|
|
//删除一项
|
|||
|
|
this.itemArr.splice(index, 1)
|
|||
|
|
},
|
|||
|
|
onRelease() {
|
|||
|
|
let that = this;
|
|||
|
|
if(Object.keys(this.publishDimensionData).length==0){
|
|||
|
|
this.$toast({message: '请选择要发布到的知识分类', overlay: true});
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
let tags = this.itemArr.join('@`@');
|
|||
|
|
if (tags && tags != '') {
|
|||
|
|
tags = '@`@' + tags + '@`@'; // 前后包裹分隔符，便于SQL查询
|
|||
|
|
}
|
|||
|
|
let newschemaMetaData01=[];
|
|||
|
|
let schemaMetaData2=[];
|
|||
|
|
let isNull = false;
|
|||
|
|
for(let k=0;k<this.list.length;k++){
|
|||
|
|
let obj = this.list[k];
|
|||
|
|
if(obj.showType==2){
|
|||
|
|
let val = obj.value?obj.value:'';
|
|||
|
|
if(obj.isNullable==0&&val.trim()==''){
|
|||
|
|
this.$toast({message:'元数据['+obj.schemaTitle+']不允许为空', overlay: true});
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
schemaMetaData2[schemaMetaData2.length] = {
|
|||
|
|
metaValue: val.trim(),
|
|||
|
|
schemaId: obj.id
|
|||
|
|
};
|
|||
|
|
}else{
|
|||
|
|
let attrList = obj.attrList;
|
|||
|
|
let activeL = 0;
|
|||
|
|
for(let j=0;j<attrList.length;j++){
|
|||
|
|
let ob = attrList[j];
|
|||
|
|
if(ob.active){
|
|||
|
|
activeL++;
|
|||
|
|
newschemaMetaData01.push({
|
|||
|
|
attrId:ob.id,
|
|||
|
|
schemaId:ob.schemaId
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(obj.isNullable==0&&activeL==''){
|
|||
|
|
this.$toast({message:'元数据['+obj.schemaTitle+']不允许为空', overlay: true});
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let schemaMetaData ={
|
|||
|
|
'01': newschemaMetaData01, // 复选框和单选按钮
|
|||
|
|
'2': schemaMetaData2
|
|||
|
|
}
|
|||
|
|
let cardIds = [];
|
|||
|
|
cardIds.push(this.id);
|
|||
|
|
if (this.publishPerm==='publish') {
|
|||
|
|
awsuiAxios.post({
|
|||
|
|
url: "jd",
|
|||
|
|
data: {
|
|||
|
|
cmd: "com.actionsoft.apps.kms_knwl_center_publish_card",
|
|||
|
|
publishCardIds: JSON.stringify(cardIds),
|
|||
|
|
publishDimensionIds: JSON.stringify(this.publishDimensionIds),
|
|||
|
|
schemaMetaData: encodeURIComponent(JSON.stringify(schemaMetaData)),
|
|||
|
|
tags: encodeURIComponent(tags),
|
|||
|
|
publishMemo: encodeURIComponent("")
|
|||
|
|
},
|
|||
|
|
}).then(function (r) {
|
|||
|
|
that.loading = false;
|
|||
|
|
if (r.result == "error") {
|
|||
|
|
that.$toast({message: r.data?r.data.desc:r.msg, overlay: true})
|
|||
|
|
} else {
|
|||
|
|
that.$toast({
|
|||
|
|
message: '已发布',
|
|||
|
|
overlay: true,
|
|||
|
|
onClose(){
|
|||
|
|
that.$router.push({
|
|||
|
|
name: 'myknwl'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
awsuiAxios.post({
|
|||
|
|
url: "jd",
|
|||
|
|
data: {
|
|||
|
|
cmd: "com.actionsoft.apps.kms_knwl_center_publish_card_process_start_mobile",
|
|||
|
|
cardIds: JSON.stringify(cardIds),
|
|||
|
|
dimensionId: this.publishDimensionIds[0],
|
|||
|
|
schemaMetaData: encodeURIComponent(JSON.stringify(schemaMetaData)),
|
|||
|
|
tags: encodeURIComponent(tags),
|
|||
|
|
publishMemo: encodeURIComponent("")
|
|||
|
|
},
|
|||
|
|
}).then(function (r) {
|
|||
|
|
that.loading = false;
|
|||
|
|
if (r.result == "error") {
|
|||
|
|
that.$toast({message: r.data?r.data.desc:r.msg, overlay: true})
|
|||
|
|
} else {
|
|||
|
|
window.location.href=r.data.url;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.dimensionValue = this.$route.params.dir
|
|||
|
|
this.id = this.$route.params.id;
|
|||
|
|
this.title = this.$route.params.name;
|
|||
|
|
localStorage.setItem("publishhome",this.$route.params.type);
|
|||
|
|
})
|
|||
|
|
let hh = window.innerHeight-130;
|
|||
|
|
this.datastyle = "height:"+hh+"px";
|
|||
|
|
},
|
|||
|
|
created(){
|
|||
|
|
let publishf =localStorage.getItem("publishflag");
|
|||
|
|
let publishhome =localStorage.getItem("publishhome");
|
|||
|
|
if(publishf=="true"){
|
|||
|
|
localStorage.setItem("publishflag",undefined);
|
|||
|
|
localStorage.setItem("publishhome",undefined);
|
|||
|
|
this.$router.push({
|
|||
|
|
name: publishhome=="myknowledge"?'myknwl':"knwldir"
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
this.publishCardSchemaDiv();
|
|||
|
|
},
|
|||
|
|
watch: {}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.release {
|
|||
|
|
height: calc(100% - 64px);
|
|||
|
|
overflow-y: auto;
|
|||
|
|
}
|
|||
|
|
.title {
|
|||
|
|
width: 96%;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #333;
|
|||
|
|
line-height: 22px;
|
|||
|
|
padding: 15px;
|
|||
|
|
background: #F8F8F8;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.knowlSelect {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #000;
|
|||
|
|
line-height: 19px;
|
|||
|
|
padding: 7px 0 7px 7px;
|
|||
|
|
border-top: 0.33px solid #e9e9e9;
|
|||
|
|
border-bottom: 0.33px solid #e9e9e9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list, .tag {
|
|||
|
|
padding: 0 15px;
|
|||
|
|
width: calc(100% - 30px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list span, .list label {
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list li {
|
|||
|
|
float: left;
|
|||
|
|
padding: 12px 0 4px;
|
|||
|
|
width: 100%;
|
|||
|
|
position: relative;
|
|||
|
|
border-bottom: 0.33px solid #e9e9e9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list li:not(:last-child) {
|
|||
|
|
border-bottom: 0.33px solid #e9e9e9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list li .title, .tag .title {
|
|||
|
|
font-size: 14px;
|
|||
|
|
padding: 0;
|
|||
|
|
background: none;
|
|||
|
|
width: 100%;
|
|||
|
|
line-height: 19px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list li .con, .tag .con {
|
|||
|
|
padding: 12px 0 0;
|
|||
|
|
position: relative;
|
|||
|
|
float: left;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list li .con .classify, .tag .con .classify {
|
|||
|
|
width: calc(100% / 3 - 16px - 10px);
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 16px;
|
|||
|
|
padding: 5px 8px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
background: #F5F5F5;
|
|||
|
|
float: left;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
text-align: center;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag .con .classify {
|
|||
|
|
height: auto;
|
|||
|
|
line-height: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list li .con .classify .name, .tag .con .classify .name {
|
|||
|
|
float: left;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
-webkit-line-clamp: 2;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
width: 100%;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list li .con .classify:last-child {
|
|||
|
|
margin-right: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag {
|
|||
|
|
clear: both;
|
|||
|
|
padding: 8px 15px;
|
|||
|
|
width: calc(100% - 30px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag .title {
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag .con {
|
|||
|
|
padding: 12px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.con .classActive {
|
|||
|
|
background: #E1EFFF !important;
|
|||
|
|
color: #1B6EC9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag .tag-field {
|
|||
|
|
padding: 3px 0 3px 10px;
|
|||
|
|
border: 0.33px solid #e9e9e9;
|
|||
|
|
font-size: 12px;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag .button {
|
|||
|
|
border: none;
|
|||
|
|
line-height: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
background: none;
|
|||
|
|
color: #4A90E2;
|
|||
|
|
padding-right: 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tag .button .line {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 1px;
|
|||
|
|
height: 20px;
|
|||
|
|
line-height: 20px;
|
|||
|
|
background: #d6d6d6;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footer {
|
|||
|
|
padding: 12px;
|
|||
|
|
position: fixed;
|
|||
|
|
border-top: 0.33px solid #e9e9e9;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
background: #fff;
|
|||
|
|
z-index: 1;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footer .van-button {
|
|||
|
|
height: 38px;
|
|||
|
|
line-height: 38px;
|
|||
|
|
width:40%;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
padding: 0 !important;
|
|||
|
|
margin: 0px 10px;
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
.classify .name{
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
.required:before{
|
|||
|
|
content: '*';
|
|||
|
|
color: red;
|
|||
|
|
}
|
|||
|
|
.release-data{
|
|||
|
|
overflow: hidden;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
}
|
|||
|
|
</style>
|