274 lines
8.9 KiB
Vue
274 lines
8.9 KiB
Vue
|
<template>
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<div>
|
|||
|
|
<el-form
|
|||
|
|
:model="dataForm"
|
|||
|
|
ref="dataForm"
|
|||
|
|
@keyup.enter.native="dataFormSubmitHandle()"
|
|||
|
|
:label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
|
|||
|
|
>
|
|||
|
|
<div v-if="shifoushizujian">
|
|||
|
|
<el-form-item label="应用名称">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.name"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="应用名称"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="应用描述">
|
|||
|
|
<el-tooltip
|
|||
|
|
effect="dark"
|
|||
|
|
:content="dataForm.description"
|
|||
|
|
placement="top"
|
|||
|
|
popper-class="kuandukuandukuandu"
|
|||
|
|
>
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.description"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="应用描述"
|
|||
|
|
></el-input>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="部门联系人">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.deptContacts"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="部门联系人"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="共享类型">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.shareType"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="共享类型"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="共享方式">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.shareMode"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="共享方式"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="共享条件">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.shareCondition"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="共享方条件"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="访问地址">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.link"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="访问地址"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="!shifoushizujian">
|
|||
|
|
<el-form-item label="组件名称" v-if="algorithmShow">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.name"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="组件名称"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="算法名称" v-if="nameNotShow">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.name"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="算法名称"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="应用描述" v-if="algorithmShow">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.description"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="应用描述"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="算法描述" v-if="nameNotShow">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.description"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="算法描述"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="部门联系人" v-if="algorithmShow">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.deptContacts"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="部门联系人"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="共享类型">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.shareType"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="共享类型"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
label="共享方式"
|
|||
|
|
v-if="coverageNotShow && algorithmShow"
|
|||
|
|
>
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.shareMode"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="共享方式"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="共享条件">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.shareCondition"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="共享方条件"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="服务接口" v-if="coverageNotShow">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.apiUrl"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="服务接口"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="接口请求方式" v-if="coverageNotShow">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dataForm.apiMethodType"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
placeholder="接口请求方式"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
<el-form-item
|
|||
|
|
v-for="item in dataForm.infoList"
|
|||
|
|
:key="item.index"
|
|||
|
|
:label="item.attrType"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
>
|
|||
|
|
<el-input
|
|||
|
|
v-model="item.attrValue"
|
|||
|
|
:placeholder="item.attrType"
|
|||
|
|
:disabled="fieldDisabled"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
v-if="dataForm.enclosure"
|
|||
|
|
label="申请附件"
|
|||
|
|
prop="enclosure"
|
|||
|
|
>
|
|||
|
|
<el-button @click="downloadFile(dataForm.enclosure, '申请附件')"
|
|||
|
|
>附件下载</el-button
|
|||
|
|
>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</div>
|
|||
|
|
<!-- 流程综合组件 -->
|
|||
|
|
<ren-process-multiple
|
|||
|
|
v-if="processVisible"
|
|||
|
|
updateInstanceIdUrl="/processForm/tabilityapplication/updateInstanceId"
|
|||
|
|
saveFormUrl="/processForm/tabilityapplication"
|
|||
|
|
dataFormName="dataForm"
|
|||
|
|
ref="renProcessMultiple"
|
|||
|
|
></ren-process-multiple>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import processModule from '@/mixins/process-module'
|
|||
|
|
export default {
|
|||
|
|
// 注入公共方法
|
|||
|
|
mixins: [processModule],
|
|||
|
|
components: {},
|
|||
|
|
props: {
|
|||
|
|
// fromList: {
|
|||
|
|
// // type: Array,
|
|||
|
|
// // default: () => {
|
|||
|
|
// // return []
|
|||
|
|
// // }
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
// processVisible: true,
|
|||
|
|
visible: false,
|
|||
|
|
// 表单属性是否可编辑
|
|||
|
|
fieldDisabled: false,
|
|||
|
|
dataForm: [],
|
|||
|
|
id: '',
|
|||
|
|
shifoushizujian: true,
|
|||
|
|
coverageNotShow: true,
|
|||
|
|
nameNotShow: false,
|
|||
|
|
algorithmShow: true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
watch: {},
|
|||
|
|
computed: {},
|
|||
|
|
methods: {
|
|||
|
|
init () {
|
|||
|
|
this.visible = true
|
|||
|
|
// this.getInfo(this.$router.currentRoute.params.params.params.resourceDTO.id)
|
|||
|
|
// this.dataForm = this.$router.currentRoute.params.params.params.resourceDTO
|
|||
|
|
// this.id=this.$router.currentRoute
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.$refs.dataForm.resetFields()
|
|||
|
|
// if (this.dataForm.id) {
|
|||
|
|
// 如业务KEY已存在，不允许编辑
|
|||
|
|
this.fieldDisabled = true
|
|||
|
|
// this.id = this.$router.currentRoute.businessKey
|
|||
|
|
this.getInfo(this.$router.currentRoute.params.businessKey)
|
|||
|
|
console.log('id', this.$router.currentRoute.params.businessKey)
|
|||
|
|
// }
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getInfo (id) {
|
|||
|
|
this.$http.get('/resourceMountApply/' + id).then(({ data: res }) => {
|
|||
|
|
if (res.code !== 0) {
|
|||
|
|
return this.$message.error(res.msg)
|
|||
|
|
}
|
|||
|
|
this.dataForm = res.data.resourceDTO
|
|||
|
|
if (this.dataForm.type != '应用资源') {
|
|||
|
|
this.shifoushizujian = false
|
|||
|
|
this.dataForm.infoList.forEach((val) => {
|
|||
|
|
if (val.attrValue === '图层服务') {
|
|||
|
|
this.coverageNotShow = false
|
|||
|
|
} else if (val.attrValue === '智能算法') {
|
|||
|
|
this.nameNotShow = true
|
|||
|
|
this.algorithmShow = false
|
|||
|
|
console.log(this.nameNotShow, 'wowowo')
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
this.shifoushizujian = true
|
|||
|
|
}
|
|||
|
|
console.log('this.dataForm', this.dataForm)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created () {
|
|||
|
|
// this.dataForm = this.$router.currentRoute.params.id
|
|||
|
|
this.init()
|
|||
|
|
console.log('fromList', this.$router.currentRoute.params.businessKey)
|
|||
|
|
// this.dataForm = this.$router.currentRoute.params.params.params.resourceDTO
|
|||
|
|
var callbacks = {
|
|||
|
|
startProcessSuccessCallback: this.closeCurrentTab,
|
|||
|
|
startProcessErrorCallback: this.startProcessErrorCallback,
|
|||
|
|
taskHandleSuccessCallback: this.closeCurrentTab,
|
|||
|
|
taskHandleErrorCallback: this.taskHandleErrorCallback,
|
|||
|
|
formSaveSuccessCallback: null,
|
|||
|
|
formSaveErrorCallback: null
|
|||
|
|
}
|
|||
|
|
// 初始化综合组件
|
|||
|
|
this.initProcessMultiple(callbacks)
|
|||
|
|
},
|
|||
|
|
mounted () {}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss">
|
|||
|
|
.kuandukuandukuandu {
|
|||
|
|
max-width: 1500px;
|
|||
|
|
}
|
|||
|
|
.wrapper {
|
|||
|
|
}
|
|||
|
|
</style>
|