725 lines
28 KiB
Vue
725 lines
28 KiB
Vue
|
<template>
|
|||
|
|
<el-container>
|
|||
|
|
<div id="repositoryInfoProperty" style="height: 500px;width: 100%;overflow: auto;">
|
|||
|
|
<template v-for="(group, i) in propertyData">
|
|||
|
|
<div class="property-group"><p style="padding-left: 5px;"><b>{{group.groupPathName}}</b></p></div>
|
|||
|
|
<div style="margin: 0 50px 0 30px;">
|
|||
|
|
<template v-for="(item, j) in group.data">
|
|||
|
|
<!-- 模型名称单独处理 -->
|
|||
|
|
<template v-if="item.type=='string' && item.id == 'PLNAME'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" v-model="item.value" @blur="saveRepositoryNameVal(item.value)"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--string类型-->
|
|||
|
|
<template v-if="item.type=='string' && item.id != 'PLNAME'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" v-model="item.value" @blur="saveStringPropVal(item.id, item.value, item.attrSource)"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--textarea类型-->
|
|||
|
|
<template v-if="item.type=='textarea'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label" style="vertical-align: bottom;">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input
|
|||
|
|
:size=size
|
|||
|
|
type="textarea"
|
|||
|
|
:rows="2"
|
|||
|
|
placeholder="请输入内容"
|
|||
|
|
v-model="item.value"
|
|||
|
|
:disabled="item.readonly"
|
|||
|
|
@blur="saveStringPropVal(item.id, item.value, item.attrSource)"
|
|||
|
|
>
|
|||
|
|
</el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--number类型-->
|
|||
|
|
<template v-if="item.type=='number'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input-number @change="saveNumberPropVal(item.id, item.value, item.attrSource)" :size=size style="width: 100%;cursor: pointer;" controls-position="right" :step="1" v-model="item.value" :disabled="item.readonly"></el-input-number>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--boolean类型-->
|
|||
|
|
<template v-if="item.type=='boolean'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<template>
|
|||
|
|
<el-select @change="saveSingleSelectVal(item.id, item.value, item.attrSource)" :disabled="item.readonly" clearable :size=size style="width: 100%" v-model="item.value" placeholder="请选择">
|
|||
|
|
<el-option
|
|||
|
|
v-for="option in item.options"
|
|||
|
|
:key="option.value"
|
|||
|
|
:label="option.label"
|
|||
|
|
:value="option.value">
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--select类型-->
|
|||
|
|
<template v-if="item.type=='select'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<template>
|
|||
|
|
<el-select @change="saveSingleSelectVal(item.id, item.value, item.attrSource)" :disabled="item.readonly" clearable :size=size style="width: 100%" v-model="item.value" placeholder="请选择">
|
|||
|
|
<el-option
|
|||
|
|
v-for="option in item.options"
|
|||
|
|
:key="option.value"
|
|||
|
|
:label="option.label"
|
|||
|
|
:value="option.value">
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--select_m类型-->
|
|||
|
|
<template v-if="item.type=='select_m'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<template>
|
|||
|
|
<el-select @change="saveMultipleSelectVal(item.id, item.value, item.attrSource)" :disabled="item.readonly" :size=size style="width: 100%" multiple v-model="item.value" placeholder="请选择">
|
|||
|
|
<el-option
|
|||
|
|
v-for="option in item.options"
|
|||
|
|
:key="option.value"
|
|||
|
|
:label="option.label"
|
|||
|
|
:value="option.value">
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--deptAddress类型（平台部门地址簿）-->
|
|||
|
|
<template v-if="item.type=='deptAddress'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" readonly @click.native="choiceBpmOrgAddressComponent(group.groupPath, item.type, item.id, item.readonly)" v-model="item.value"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--userAddress类型（平台人员地址簿）-->
|
|||
|
|
<template v-if="item.type=='userAddress'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" readonly @click.native="choiceBpmOrgAddressComponent(group.groupPath,item.type, item.id, item.readonly)" v-model="item.value"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--relation-org-shape类型（PAL组织形状调用）-->
|
|||
|
|
<template v-if="item.type=='relationOrg'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" readonly v-model="item.value"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--awsorg类型-->
|
|||
|
|
<template v-if="item.type=='awsorg'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" readonly @click.native="choiceAwsOrgComponent(item.ref, item.type, item.id, item.label, item.readonly)" v-model="item.value"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!--relation类型-->
|
|||
|
|
<template v-if="item.type=='relation'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" readonly @click.native="choiceRelationComponent(item.ref, item.type, item.id, item.label, item.readonly, item.fileIds, item.shapeIds)" v-model="item.value"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!-- link类型 -->
|
|||
|
|
<template v-if="item.type=='link' && item.id != 'PLNAME'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" v-model="item.value" @blur="saveStringPropVal(item.id, item.value, item.attrSource)"></el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!-- DateTimePicker 类型 -->
|
|||
|
|
<template v-if="item.type=='DateTimePicker'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-date-picker value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" type="datetime" placeholder="请选择日期时间" @blur="saveStringPropVal(item.id, item.value, item.attrSource)" :disabled="item.readonly" v-model="item.value" ></el-date-picker>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<!-- table 类型 -->
|
|||
|
|
<template v-if="item.type=='table'">
|
|||
|
|
<div class="property-item">
|
|||
|
|
<label class="property-label">{{item.label}}</label>
|
|||
|
|
<div class="property-value">
|
|||
|
|
<el-input :size=size :disabled="item.readonly" v-model="item.value.name">
|
|||
|
|
<template slot="suffix">
|
|||
|
|
<i style="font-size: 20px;line-height: 36px" class="el-icon-s-grid" @click="openTableDialog(item.id,item.value,item.attrSource)"></i>
|
|||
|
|
</template>
|
|||
|
|
</el-input>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</div>
|
|||
|
|
<BPMOrgAddress
|
|||
|
|
ref="palAwsOrgAddress"
|
|||
|
|
:visible.sync="bpmOrgAddress.visible"
|
|||
|
|
:addressType="bpmOrgAddress.addressType"
|
|||
|
|
v-on:cancel="bpmOrgAddress.visible = false"
|
|||
|
|
v-on:getResult="saveBpmOrgAddressResult"
|
|||
|
|
multiple
|
|||
|
|
:title="title"
|
|||
|
|
:multiple="bpmOrgAddress.multiple"
|
|||
|
|
/>
|
|||
|
|
<pal-relation-address
|
|||
|
|
ref="palRelationAddress"
|
|||
|
|
:visible.sync="palRelationAddressVisible"
|
|||
|
|
v-on:cancel="palRelationAddressVisible = false"
|
|||
|
|
v-on:getResult="saveRelationResult"
|
|||
|
|
:title="title"
|
|||
|
|
:selectFileId="relation.selectFileId"
|
|||
|
|
:selectShapeId="relation.selectShapeId"
|
|||
|
|
:relationType="relation.relationType"
|
|||
|
|
:categorys="relation.category"
|
|||
|
|
:methods="relation.method"
|
|||
|
|
:wsId="relation.wsId"
|
|||
|
|
:teamId="relation.teamId"
|
|||
|
|
:multiple = relation.multiple
|
|||
|
|
/>
|
|||
|
|
<el-container>
|
|||
|
|
<el-dialog
|
|||
|
|
id="tableDialog"
|
|||
|
|
width="500px"
|
|||
|
|
:visible.sync="tableDialogVisible"
|
|||
|
|
v-if="tableDialogVisible"
|
|||
|
|
:modal-append-to-body=true
|
|||
|
|
:close-on-click-modal=false
|
|||
|
|
:append-to-body=true
|
|||
|
|
:show-close=false
|
|||
|
|
destroy-on-close
|
|||
|
|
>
|
|||
|
|
<template slot="title">
|
|||
|
|
<el-tooltip placement="top-start">
|
|||
|
|
<div slot="content">{{ dialogTableNewValue.name }}</div>
|
|||
|
|
<el-input class="titleInput" v-model="dialogTableNewValue.name"/>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</template>
|
|||
|
|
<div style="height: 300px;overflow: auto;">
|
|||
|
|
<table class="table">
|
|||
|
|
<tr>
|
|||
|
|
<td style="width: 25%">
|
|||
|
|
<el-tooltip placement="top-start">
|
|||
|
|
<div slot="content">{{ dialogTableNewValue.table[0].name }}</div>
|
|||
|
|
<el-input class="headInput" v-model="dialogTableNewValue.table[0].name" size="mini"/>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</td>
|
|||
|
|
<td style="width: 55%">
|
|||
|
|
<el-tooltip placement="top-start">
|
|||
|
|
<div slot="content">{{ dialogTableNewValue.table[0].name }}</div>
|
|||
|
|
<el-input class="headInput" v-model="dialogTableNewValue.table[0].desc" size="mini"/>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</td>
|
|||
|
|
<td><span style="font-size: 14px;color: #909399;font-weight: bold;font-family: PingFangSC-Light;">操作</span></td>
|
|||
|
|
</tr>
|
|||
|
|
<tr v-for="item in dialogTableNewValue.table.slice(1)">
|
|||
|
|
<td>
|
|||
|
|
<el-tooltip placement="top-start">
|
|||
|
|
<div slot="content">{{ item.name }}</div>
|
|||
|
|
<el-input class="contentInput" v-model="item.name" size="mini"/>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<el-tooltip placement="top-start">
|
|||
|
|
<div slot="content">{{ item.desc }}</div>
|
|||
|
|
<el-input class="contentInput" v-model="item.desc" size="mini"/>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</td>
|
|||
|
|
<td><span style="color: red;text-decoration: underline" @click="deleteTableTr(item.id)">删除</span></td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<awsui-button style="margin-top: 10px;" class="button-general-color" type="primary" @click="addNewTr">新增</awsui-button>
|
|||
|
|
<span slot="footer" class="dialog-footer">
|
|||
|
|
<awsui-button class="button-general-color" type="primary" @click="confirmTableDialog()">确定</awsui-button>
|
|||
|
|
<awsui-button @click="cancelTableDialog">取消</awsui-button>
|
|||
|
|
</span>
|
|||
|
|
</el-dialog>
|
|||
|
|
</el-container>
|
|||
|
|
</el-container>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import BPMOrgAddress from "@/components/common/BPMOrgAddress/index.js";// pal平台组织架构地址簿，调用平台部门人员角色
|
|||
|
|
import PalRelationAddress from "@/components/common/PalRelationAddress/index.js";
|
|||
|
|
import awsuiAxios from "../../awsuiAxios";
|
|||
|
|
// pal关联关系地址簿
|
|||
|
|
export default {
|
|||
|
|
name: "RepositoryInfoProperty",
|
|||
|
|
components: {BPMOrgAddress, PalRelationAddress},
|
|||
|
|
props: {
|
|||
|
|
id: {
|
|||
|
|
type: String,
|
|||
|
|
default: ''
|
|||
|
|
},
|
|||
|
|
versionId: {
|
|||
|
|
type: String,
|
|||
|
|
default: ''
|
|||
|
|
},
|
|||
|
|
repositoryRefresh: {
|
|||
|
|
type: Function,
|
|||
|
|
default: null
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
bpmOrgAddress: {
|
|||
|
|
visible: false,
|
|||
|
|
addressType: "user",
|
|||
|
|
multiple: false
|
|||
|
|
},
|
|||
|
|
palRelationAddressVisible: false,
|
|||
|
|
title: '',
|
|||
|
|
relation: {
|
|||
|
|
selectFileId: '',
|
|||
|
|
selectShapeId: '',
|
|||
|
|
relationType: 'shape',
|
|||
|
|
category: '',
|
|||
|
|
method: '',
|
|||
|
|
wsId: this.$store.getters.getWsIdFn,
|
|||
|
|
teamId: this.$store.getters.getTeamIdFn,
|
|||
|
|
multiple: false
|
|||
|
|
},
|
|||
|
|
propertyData: [
|
|||
|
|
{
|
|||
|
|
groupPath: 'basic',
|
|||
|
|
groupPathName: '基本属性',
|
|||
|
|
data: []
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
size: 'medium',
|
|||
|
|
currPropertyId: '',
|
|||
|
|
currPropertyType: '',
|
|||
|
|
currGroup: '',
|
|||
|
|
currCategory: '',
|
|||
|
|
currMethod: '',
|
|||
|
|
currRelationType: '',
|
|||
|
|
currPropSource: '',
|
|||
|
|
tableDialogVisible: false,
|
|||
|
|
dialogTableId: '',
|
|||
|
|
dialogTableOldValue: {}, // 弹框表格值副本 刚打开dialog的值 点击取消会把该值保存到数据库
|
|||
|
|
dialogTableNewValue: { // 弹框表格值 对表格的更新操作在此进行 点击确定会把该值保存到数据库
|
|||
|
|
name: '',
|
|||
|
|
table: [
|
|||
|
|
{ id: '',name: '',desc: '' },
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
dialogTableAttrSource: undefined
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
this.initData();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
initData() {
|
|||
|
|
const that = this;
|
|||
|
|
const data = {
|
|||
|
|
url:'jd',
|
|||
|
|
data:{
|
|||
|
|
cmd: 'com.actionsoft.apps.coe.pal_processlevel_property_data_query',
|
|||
|
|
id: that.id,
|
|||
|
|
wsId: that.$store.getters.getWsIdFn,
|
|||
|
|
teamId: that.$store.getters.getTeamIdFn
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 查询数据
|
|||
|
|
awsuiAxios.post(data).then(function (ro) {
|
|||
|
|
if (ro.result == 'ok') {
|
|||
|
|
let propertyData = ro.data.propertyData;
|
|||
|
|
// table 类型value默认为空对象 初始赋值
|
|||
|
|
propertyData.forEach(item => {
|
|||
|
|
item.data.forEach(item1 => {
|
|||
|
|
if (item1.type == 'table' && JSON.stringify(item1.value) == '{}') {
|
|||
|
|
item1.value = {
|
|||
|
|
name: '未命名表单',
|
|||
|
|
table: [
|
|||
|
|
{ id: 'table_head',name: '命名',desc: '描述'}
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
that.propertyData = propertyData;
|
|||
|
|
} else {
|
|||
|
|
that.$message.error(ro.msg);
|
|||
|
|
}
|
|||
|
|
}).catch(error=>{
|
|||
|
|
console.log(error);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
openTableDialog(id,value,attrSource) {
|
|||
|
|
this.tableDialogVisible = true
|
|||
|
|
this.dialogTableId = id
|
|||
|
|
this.dialogTableOldValue = JSON.parse(JSON.stringify(value))
|
|||
|
|
this.dialogTableNewValue = value
|
|||
|
|
this.dialogTableAttrSource = attrSource
|
|||
|
|
},
|
|||
|
|
addNewTr() {
|
|||
|
|
this.dialogTableNewValue.table.push({
|
|||
|
|
id: Date.now().toString(36),name: '',desc: ''
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
deleteTableTr(id) {
|
|||
|
|
let index = this.dialogTableNewValue.table.findIndex(item => {
|
|||
|
|
return item.id == id
|
|||
|
|
})
|
|||
|
|
this.dialogTableNewValue.table.splice(index,1)
|
|||
|
|
},
|
|||
|
|
confirmTableDialog() {
|
|||
|
|
if (this.dialogTableAttrSource && this.dialogTableAttrSource == 'default') {
|
|||
|
|
this.saveDefaultpropToDb(this.dialogTableId, JSON.stringify(this.dialogTableNewValue));
|
|||
|
|
} else {
|
|||
|
|
this.saveCustomPropToDb(this.dialogTableId, JSON.stringify(this.dialogTableNewValue));
|
|||
|
|
}
|
|||
|
|
this.tableDialogVisible = false
|
|||
|
|
},
|
|||
|
|
cancelTableDialog() {
|
|||
|
|
if (this.dialogTableAttrSource && this.dialogTableAttrSource == 'default') {
|
|||
|
|
this.saveDefaultpropToDb(this.dialogTableId, JSON.stringify(this.dialogTableOldValue));
|
|||
|
|
} else {
|
|||
|
|
this.saveCustomPropToDb(this.dialogTableId, JSON.stringify(this.dialogTableOldValue));
|
|||
|
|
}
|
|||
|
|
this.tableDialogVisible = false
|
|||
|
|
},
|
|||
|
|
saveStringPropVal(attrId, value, attrSource) {// 保存文本属性内容
|
|||
|
|
if (value == undefined) {
|
|||
|
|
value = '';
|
|||
|
|
}
|
|||
|
|
if (attrSource && attrSource == 'default') {
|
|||
|
|
this.saveDefaultpropToDb(attrId, value);
|
|||
|
|
} else {
|
|||
|
|
this.saveCustomPropToDb(attrId, value);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
saveNumberPropVal(attrId, value, attrSource) {// 保存数字类型内容
|
|||
|
|
if (value == undefined) {
|
|||
|
|
value = '';
|
|||
|
|
}
|
|||
|
|
if (attrSource && attrSource == 'default') {
|
|||
|
|
this.saveDefaultpropToDb(attrId, value);
|
|||
|
|
} else {
|
|||
|
|
this.saveCustomPropToDb(attrId, value);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
saveSingleSelectVal(attrId, value, attrSource) {// 保存boolean，单选类型内容
|
|||
|
|
if (value == undefined) {
|
|||
|
|
value = '';
|
|||
|
|
}
|
|||
|
|
if (attrSource && attrSource == 'default') {
|
|||
|
|
this.saveDefaultpropToDb(attrId, value);
|
|||
|
|
} else {
|
|||
|
|
this.saveCustomPropToDb(attrId, value);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
saveMultipleSelectVal(attrId, value, attrSource) {// 保存多选类型内容
|
|||
|
|
value = value.join(',');
|
|||
|
|
if (attrSource && attrSource == 'default') {
|
|||
|
|
this.saveDefaultpropToDb(attrId, value);
|
|||
|
|
} else {
|
|||
|
|
this.saveCustomPropToDb(attrId, value);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
saveDefaultpropToDb(attrId, value) {// 保存固定属性至数据库
|
|||
|
|
const that = this;
|
|||
|
|
const data = {
|
|||
|
|
url:'jd',
|
|||
|
|
data:{
|
|||
|
|
cmd: 'com.actionsoft.apps.coe.pal_processlevel_default_attr_content_save',
|
|||
|
|
uuid: that.id,
|
|||
|
|
josnKey: attrId,
|
|||
|
|
josnContent: value
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 查询数据
|
|||
|
|
awsuiAxios.post(data).then(function (ro) {
|
|||
|
|
if (ro.result == 'ok') {
|
|||
|
|
// that.$message({
|
|||
|
|
// message: '保存成功',
|
|||
|
|
// type: 'success'
|
|||
|
|
// });
|
|||
|
|
that.initData();
|
|||
|
|
} else {
|
|||
|
|
that.$message.error(ro.msg);
|
|||
|
|
}
|
|||
|
|
}).catch(error=>{
|
|||
|
|
console.log(error);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
saveCustomPropToDb(attrId, value) {// 保存属性内容至数据库
|
|||
|
|
const that = this;
|
|||
|
|
const data = {
|
|||
|
|
url:'jd',
|
|||
|
|
data:{
|
|||
|
|
cmd: 'com.actionsoft.apps.coe.pal_processlevel_more_attr_content_save',
|
|||
|
|
uuid: that.id,
|
|||
|
|
josnKey: attrId,
|
|||
|
|
josnContent: value
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 查询数据
|
|||
|
|
awsuiAxios.post(data).then(function (ro) {
|
|||
|
|
if (ro.result == 'ok') {
|
|||
|
|
// that.$message({
|
|||
|
|
// message: '保存成功',
|
|||
|
|
// type: 'success'
|
|||
|
|
// });
|
|||
|
|
that.initData();
|
|||
|
|
} else {
|
|||
|
|
that.$message.error(ro.msg);
|
|||
|
|
}
|
|||
|
|
}).catch(error=>{
|
|||
|
|
console.log(error);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
choiceRelationComponent(ref, type, id, label, readonly, fileIds, shapeIds) {// PAL模型/形状选择组件
|
|||
|
|
if (!readonly) {
|
|||
|
|
this.currPropertyId = id;
|
|||
|
|
this.currPropertyType = type;
|
|||
|
|
const method = ref.method;
|
|||
|
|
if (method.indexOf('.') > -1) {
|
|||
|
|
this.currCategory = method.substring(0, method.indexOf('.'));
|
|||
|
|
this.currMethod = method;
|
|||
|
|
} else {
|
|||
|
|
this.currCategory = method;
|
|||
|
|
this.currMethod = '';
|
|||
|
|
}
|
|||
|
|
this.currPropSource = 'custom';// 自定义扩展属性
|
|||
|
|
this.relation.multiple = true;
|
|||
|
|
this.currRelationType = ref.type;
|
|||
|
|
this.title = label;
|
|||
|
|
this.relation.selectFileId = fileIds;// 已选中文件id
|
|||
|
|
this.relation.selectShapeId = shapeIds;// 已选中形状id
|
|||
|
|
this.relation.relationType = ref.type;
|
|||
|
|
this.relation.category = this.currCategory;
|
|||
|
|
this.relation.method = this.currMethod;
|
|||
|
|
this.relation.multiple = ref.multiple;
|
|||
|
|
this.palRelationAddressVisible = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
choiceBpmOrgAddressComponent(group, type, id, readonly) {// 平台地址簿组件（责任部门责任人）
|
|||
|
|
if (!readonly) {
|
|||
|
|
this.currPropertyId = id;
|
|||
|
|
this.currPropertyType = type;
|
|||
|
|
if (type == "deptAddress") {// 责任部门
|
|||
|
|
this.title = '责任部门';
|
|||
|
|
this.bpmOrgAddress.addressType = 'dept';
|
|||
|
|
this.bpmOrgAddress.visible = true;
|
|||
|
|
} else if (type == "userAddress") {// 责任人
|
|||
|
|
this.title = '责任人';
|
|||
|
|
this.bpmOrgAddress.addressType = 'user';
|
|||
|
|
this.bpmOrgAddress.visible = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
choiceAwsOrgComponent(ref, type, id, label, readonly) {// AWS平台部门/人员/角色组件
|
|||
|
|
if (!readonly) {
|
|||
|
|
this.currPropertyId = id;
|
|||
|
|
this.currPropertyType = type;
|
|||
|
|
this.title = label;
|
|||
|
|
this.bpmOrgAddress.addressType = ref.scope.join(',');
|
|||
|
|
this.bpmOrgAddress.multiple = ref.multiple;
|
|||
|
|
this.bpmOrgAddress.visible = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
saveBpmOrgAddressResult(data) {
|
|||
|
|
this.bpmOrgAddress.visible = false;
|
|||
|
|
// 保存
|
|||
|
|
const params = [];
|
|||
|
|
for (let i = 0; i < data.length; i++) {
|
|||
|
|
params.push({name: data[i].name, id: data[i].id, type: data[i].type})
|
|||
|
|
}
|
|||
|
|
this.saveCustomPropToDb(this.currPropertyId, JSON.stringify(params));
|
|||
|
|
},
|
|||
|
|
// 调用关联组件保存函数
|
|||
|
|
saveRelationResult(data) {
|
|||
|
|
// 返回结果
|
|||
|
|
const jsonContent = {
|
|||
|
|
fileId : this.id,
|
|||
|
|
shapeId : "",
|
|||
|
|
shapeText : "",
|
|||
|
|
attrId : this.currPropertyId,
|
|||
|
|
relationFileId : '',
|
|||
|
|
relationShapeId : '',
|
|||
|
|
relationShapeText : '',
|
|||
|
|
groupPath : this.currGroup
|
|||
|
|
}
|
|||
|
|
const relationType = this.currRelationType;
|
|||
|
|
if (relationType == 'file') {
|
|||
|
|
const fileIds = [];
|
|||
|
|
for (let i = 0; i < data.length; i++) {
|
|||
|
|
fileIds.push(data[i].versionId);
|
|||
|
|
}
|
|||
|
|
jsonContent.relationFileId = fileIds.join(",");
|
|||
|
|
}
|
|||
|
|
else if (relationType == 'shapeAndFile') {
|
|||
|
|
let fileIds = [];
|
|||
|
|
let shapeIds = [];
|
|||
|
|
let shapeNames = [];
|
|||
|
|
for (let i = 0; i < data.length; i++) {
|
|||
|
|
if (data[i].children.length == 0) { // 文件
|
|||
|
|
fileIds.push(data[i].versionId);
|
|||
|
|
shapeNames.push(data[i].name);
|
|||
|
|
shapeIds.push(' ') // push 空格
|
|||
|
|
}else { // 形状
|
|||
|
|
for (let j = 0; j < data[i].children.length; j++) {
|
|||
|
|
fileIds.push(data[i].versionId)
|
|||
|
|
shapeIds.push(data[i].children[j].shapeId)
|
|||
|
|
shapeNames.push(data[i].children[j].name)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
jsonContent.relationFileId = fileIds.join(",");
|
|||
|
|
jsonContent.relationShapeId = shapeIds.join(",");
|
|||
|
|
jsonContent.relationShapeText = shapeNames.join(",");
|
|||
|
|
}
|
|||
|
|
else {// 形状
|
|||
|
|
const fileIds = [];
|
|||
|
|
const shapeIds = [];
|
|||
|
|
const shapeNames = [];
|
|||
|
|
for (let i = 0; i < data.length; i++) {
|
|||
|
|
const currFile = data[i];
|
|||
|
|
const children = currFile.children;
|
|||
|
|
for (let j = 0; j < children.length; j++) {
|
|||
|
|
const currShape = children[j];
|
|||
|
|
fileIds.push(currFile.id);
|
|||
|
|
shapeIds.push(currShape.shapeId);
|
|||
|
|
shapeNames.push(currShape.name);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
jsonContent.relationFileId = fileIds.join(",");
|
|||
|
|
jsonContent.relationShapeId = shapeIds.join(",");
|
|||
|
|
jsonContent.relationShapeText = shapeNames.join(",");
|
|||
|
|
}
|
|||
|
|
if (this.currPropSource == 'default') {// 固定属性，责任人、责任部门
|
|||
|
|
this.saveDefaultpropToDb(this.currPropertyId, JSON.stringify(jsonContent));
|
|||
|
|
} else {// 自定义属性
|
|||
|
|
this.saveCustomPropToDb(this.currPropertyId, JSON.stringify(jsonContent));
|
|||
|
|
}
|
|||
|
|
this.palRelationAddressVisible = false;
|
|||
|
|
},
|
|||
|
|
saveRepositoryNameVal(name) {// 模型名称保存
|
|||
|
|
const that = this;
|
|||
|
|
const data = {
|
|||
|
|
url:'jd',
|
|||
|
|
data:{
|
|||
|
|
cmd: 'com.actionsoft.apps.coe.pal_pl_repository_designer_updatetitle',
|
|||
|
|
uuid: that.id,
|
|||
|
|
title: name,
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 查询数据
|
|||
|
|
awsuiAxios.post(data).then(function (ro) {
|
|||
|
|
if (ro.result == 'ok') {
|
|||
|
|
that.initData();
|
|||
|
|
// 父页面左侧树和右侧
|
|||
|
|
if (that.repositoryRefresh && that.id) {
|
|||
|
|
that.repositoryRefresh(that.id);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
that.$message.error(ro.msg);
|
|||
|
|
}
|
|||
|
|
}).catch(error=>{
|
|||
|
|
console.log(error);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.property-group {
|
|||
|
|
height: 25px;
|
|||
|
|
line-height: 25px;
|
|||
|
|
vertical-align: center;
|
|||
|
|
margin: 30px 30px 15px 20px;
|
|||
|
|
border-left: 3px solid #4E7FF9;
|
|||
|
|
}
|
|||
|
|
.property-item {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
.property-label {
|
|||
|
|
width: 11%;
|
|||
|
|
display: inline-block;
|
|||
|
|
text-align: right;
|
|||
|
|
padding-right: 12px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
.property-value {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 85%;
|
|||
|
|
}
|
|||
|
|
#tableDialog >>> .el-dialog__body {
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
color: #606266;
|
|||
|
|
font-size: 14px;
|
|||
|
|
word-break: break-all;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
#tableDialog >>> .el-input__inner {
|
|||
|
|
border: none;
|
|||
|
|
padding: 0;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.table {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.table tr td{
|
|||
|
|
border-bottom: 1px solid #f2f2f2;
|
|||
|
|
padding:0 5px;
|
|||
|
|
white-space: normal;
|
|||
|
|
}
|
|||
|
|
.titleInput >>> .el-input__inner {
|
|||
|
|
height: 25px;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 0;
|
|||
|
|
border: none;
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-family: PingFangSC-Light;
|
|||
|
|
}
|
|||
|
|
.headInput >>> .el-input__inner {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #909399;
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-family: PingFangSC-Light;
|
|||
|
|
}
|
|||
|
|
.contentInput >>> .el-input__inner {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #606266;
|
|||
|
|
font-family: PingFangSC-Light;
|
|||
|
|
background: transparent;
|
|||
|
|
}
|
|||
|
|
</style>
|