修改认证参数列表
This commit is contained in:
@@ -786,6 +786,7 @@ module.exports = {
|
|||||||
parameter: 'Parameter',
|
parameter: 'Parameter',
|
||||||
changeExtension: 'Change Extension',
|
changeExtension: 'Change Extension',
|
||||||
addDetailList: 'Add',
|
addDetailList: 'Add',
|
||||||
|
editDetailList:'Edit DetailList',
|
||||||
detailedList: 'DetailedList',
|
detailedList: 'DetailedList',
|
||||||
copyParamDetailList: 'Copy Parameter List',
|
copyParamDetailList: 'Copy Parameter List',
|
||||||
collectionCompletionTime: 'Collection Completed',
|
collectionCompletionTime: 'Collection Completed',
|
||||||
@@ -1321,9 +1322,10 @@ module.exports = {
|
|||||||
secondaryDirectory:'Secondary directory',
|
secondaryDirectory:'Secondary directory',
|
||||||
OnlyPersonsCanBeSelected:'The maximum upper limit is exceeded; Only 100 persons can be selected',
|
OnlyPersonsCanBeSelected:'The maximum upper limit is exceeded; Only 100 persons can be selected',
|
||||||
projectVersion:'Project Version',
|
projectVersion:'Project Version',
|
||||||
softwareVersion:'Software version',
|
softwareVersion:'Authentication Software version',
|
||||||
versionStatistics:'Version statistics',
|
versionStatistics:'Version statistics',
|
||||||
addSubproject:'Add Subproject',
|
addSubproject:'Add Subproject',
|
||||||
Topping:'Topping',
|
Topping:'Topping',
|
||||||
cancelTopping:'Cancel Topping',
|
cancelTopping:'Cancel Topping',
|
||||||
|
relatedProjectVersion:'Related project version',
|
||||||
}
|
}
|
||||||
@@ -802,6 +802,7 @@ module.exports = {
|
|||||||
parameter: '参数',
|
parameter: '参数',
|
||||||
changeExtension: '变更扩展',
|
changeExtension: '变更扩展',
|
||||||
addDetailList: '添加清单',
|
addDetailList: '添加清单',
|
||||||
|
editDetailList:'编辑清单',
|
||||||
detailedList: '清单',
|
detailedList: '清单',
|
||||||
copyParamDetailList: '复制参数清单',
|
copyParamDetailList: '复制参数清单',
|
||||||
collectionCompletionTime: '收集完成时间',
|
collectionCompletionTime: '收集完成时间',
|
||||||
@@ -1422,9 +1423,10 @@ module.exports = {
|
|||||||
secondaryDirectory:'二级目录',
|
secondaryDirectory:'二级目录',
|
||||||
OnlyPersonsCanBeSelected:'超出最大上限;最多只能选择100个人员',
|
OnlyPersonsCanBeSelected:'超出最大上限;最多只能选择100个人员',
|
||||||
projectVersion:'项目版本',
|
projectVersion:'项目版本',
|
||||||
softwareVersion:'软件版本',
|
softwareVersion:'认证软件版本',
|
||||||
versionStatistics:'版本统计',
|
versionStatistics:'版本统计',
|
||||||
addSubproject:'添加子项目',
|
addSubproject:'添加子项目',
|
||||||
Topping:'置顶',
|
Topping:'置顶',
|
||||||
cancelTopping:'取消置顶',
|
cancelTopping:'取消置顶',
|
||||||
|
relatedProjectVersion:'相关项目版本',
|
||||||
}
|
}
|
||||||
@@ -84,13 +84,21 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 参数模板-->
|
<!-- 参数模板-->
|
||||||
<a-modal v-model="areaVisible" :maskClosable="false" :title="$t('parameterTemplate')" width='750px' :footer="null">
|
<a-drawer
|
||||||
|
:visible="areaVisible"
|
||||||
|
:maskClosable="false"
|
||||||
|
@close="handleCancel"
|
||||||
|
:title="areaTitle"
|
||||||
|
width='850px'
|
||||||
|
style="height: 100%;overflow: auto;padding-bottom: 53px;"
|
||||||
|
placement="right"
|
||||||
|
:footer="null">
|
||||||
<parameter-template-add :url='url' ref='templateRef' v-if='areaVisible' @areaVisible='handleCancel'
|
<parameter-template-add :url='url' ref='templateRef' v-if='areaVisible' @areaVisible='handleCancel'
|
||||||
:version='version'
|
:version='version'
|
||||||
:projectId='this.$route.query.parentId ? this.$route.query.parentId : this.$route.query.id'>
|
:projectId='this.$route.query.parentId ? this.$route.query.parentId : this.$route.query.id'>
|
||||||
|
|
||||||
</parameter-template-add>
|
</parameter-template-add>
|
||||||
</a-modal>
|
</a-drawer>
|
||||||
<!-- 配置-->
|
<!-- 配置-->
|
||||||
<configure ref="configureRef" :url='url' :itemId='itemId' :itemRow='itemRow'/>
|
<configure ref="configureRef" :url='url' :itemId='itemId' :itemRow='itemRow'/>
|
||||||
<!-- 历史版本-->
|
<!-- 历史版本-->
|
||||||
@@ -98,14 +106,23 @@
|
|||||||
<historical-version v-if='historicalVisible' :historicalRow='historicalRow'></historical-version>
|
<historical-version v-if='historicalVisible' :historicalRow='historicalRow'></historical-version>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
<!-- 复制参数模板-->
|
<!-- 复制参数模板-->
|
||||||
<a-modal class="show-drawer" :title="$t('Copyparameterlist')" width="700px" v-model="drawerVisible" :footer="null">
|
<a-drawer
|
||||||
|
class="show-drawer"
|
||||||
|
:maskClosable="false"
|
||||||
|
:visible="drawerVisible"
|
||||||
|
style="height: 100%;overflow: auto;padding-bottom: 53px;"
|
||||||
|
placement="right"
|
||||||
|
@close="drawerhandleCancel"
|
||||||
|
:title="$t('Copyparameterlist')"
|
||||||
|
width="850px"
|
||||||
|
:footer="null">
|
||||||
<project-collection-parameters v-if='drawerVisible' @areaVisible='drawerhandleCancel'
|
<project-collection-parameters v-if='drawerVisible' @areaVisible='drawerhandleCancel'
|
||||||
:templateTitle='templatetitle' @copysubmit='copysubmit'
|
:templateTitle='templatetitle' @copysubmit='copysubmit'
|
||||||
:selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version' :url='url'
|
:selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version' :url='url'
|
||||||
:projectId='this.$route.query.parentId ? this.$route.query.parentId : this.$route.query.id'>
|
:projectId='this.$route.query.parentId ? this.$route.query.parentId : this.$route.query.id'>
|
||||||
|
|
||||||
</project-collection-parameters>
|
</project-collection-parameters>
|
||||||
</a-modal>
|
</a-drawer>
|
||||||
</a-card>
|
</a-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -155,6 +172,13 @@
|
|||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
dataIndex: 'paramsTemplateName'
|
dataIndex: 'paramsTemplateName'
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('relatedProjectVersion'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
ellipsis: true,
|
||||||
|
dataIndex: 'projectVersion'
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: this.$t('collectionCompletionTime'),
|
title: this.$t('collectionCompletionTime'),
|
||||||
align: 'center',
|
align: 'center',
|
||||||
@@ -218,6 +242,7 @@
|
|||||||
selectedRowKeysArray: '',
|
selectedRowKeysArray: '',
|
||||||
templatetitle: '',
|
templatetitle: '',
|
||||||
templatetitleId: '',
|
templatetitleId: '',
|
||||||
|
areaTitle:'',
|
||||||
rowId: '',
|
rowId: '',
|
||||||
version: 0,
|
version: 0,
|
||||||
itemId: '', // 配置id
|
itemId: '', // 配置id
|
||||||
@@ -303,12 +328,12 @@
|
|||||||
this.$refs.configureRef.addModel(item.id, item)
|
this.$refs.configureRef.addModel(item.id, item)
|
||||||
},
|
},
|
||||||
handleCancel(val) {
|
handleCancel(val) {
|
||||||
this.areaVisible = val
|
this.areaVisible = false
|
||||||
this.getlist()
|
this.getlist()
|
||||||
},
|
},
|
||||||
// 项目收集参数
|
// 项目收集参数
|
||||||
drawerhandleCancel(val) {
|
drawerhandleCancel(val) {
|
||||||
this.drawerVisible = val
|
this.drawerVisible = false
|
||||||
},
|
},
|
||||||
copysubmit() {
|
copysubmit() {
|
||||||
this.drawerVisible = false
|
this.drawerVisible = false
|
||||||
@@ -330,11 +355,13 @@
|
|||||||
},
|
},
|
||||||
edit(edit) {
|
edit(edit) {
|
||||||
this.areaVisible = true
|
this.areaVisible = true
|
||||||
|
this.areaTitle = this.$t('editDetailList')
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.$refs.templateRef.editData(edit)
|
this.$refs.templateRef.editData(edit)
|
||||||
}, 50)
|
}, 50)
|
||||||
},
|
},
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
|
this.areaTitle = this.$t('addDetailList')
|
||||||
this.areaVisible = true
|
this.areaVisible = true
|
||||||
},
|
},
|
||||||
// 变更扩展
|
// 变更扩展
|
||||||
|
|||||||
@@ -10,21 +10,78 @@
|
|||||||
:wrapper-col='wrapperCol'
|
:wrapper-col='wrapperCol'
|
||||||
>
|
>
|
||||||
<a-row :gutter='24'>
|
<a-row :gutter='24'>
|
||||||
<a-col :span='9'>
|
<a-col :span='11'>
|
||||||
<a-form-model-item class="itemAddAdmin" :label="$t('title')" prop='title'>
|
<div class="box-title-text">
|
||||||
<a-input style='width: 420px'
|
<div class="title-text">
|
||||||
|
<span class="Required">*</span>
|
||||||
|
<span class="title-text-text" :title="$t('title')">{{$t('title')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" :prop='title'>
|
||||||
|
<!-- <a-input class="box-input"-->
|
||||||
|
<!-- :disabled="disabled"-->
|
||||||
|
<!-- v-model="formInline[item.db_field_name]"-->
|
||||||
|
<!-- :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
|
||||||
|
<!-- <a-input-->
|
||||||
|
<!-- :placeholder="$t('PleaseEnter')+$t('parameterTemplate')"-->
|
||||||
|
<!-- v-model='form.paramsTemplateName'/>-->
|
||||||
|
<a-input class="box-input"
|
||||||
:placeholder="$t('PleaseEnter')+$t('title')"
|
:placeholder="$t('PleaseEnter')+$t('title')"
|
||||||
v-model='formData.title'/>
|
v-model='formData.title'/>
|
||||||
</a-form-model-item>
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
<!-- <a-form-model-item class="itemAddAdmin" :label="$t('title')" prop='title'>-->
|
||||||
|
<!-- <a-input style='width: 420px'-->
|
||||||
|
<!-- :placeholder="$t('PleaseEnter')+$t('title')"-->
|
||||||
|
<!-- v-model='formData.title'/>-->
|
||||||
|
<!-- </a-form-model-item>-->
|
||||||
|
</a-col>
|
||||||
|
<a-col :span='11'>
|
||||||
|
<div class="box-title-text">
|
||||||
|
<div class="title-text">
|
||||||
|
<span class="title-text-text"
|
||||||
|
:title="$t('relatedProjectVersion')">{{$t('relatedProjectVersion')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" style="height: 40px">
|
||||||
|
<a-select mode="multiple"
|
||||||
|
class="box-input"
|
||||||
|
style="width: 100%"
|
||||||
|
v-model='formData.projectVersion'
|
||||||
|
:placeholder="$t('PleaseSelect')+$t('relatedProjectVersion')">
|
||||||
|
<!-- <a-select-option :value="null">{{$t('pleaseSelect')}}</a-select-option>-->
|
||||||
|
<a-select-option v-for="(item, key) in projectVersionList"
|
||||||
|
:key="key"
|
||||||
|
:label="item"
|
||||||
|
:value="item">
|
||||||
|
<span class="itemOption" :title=" item ">
|
||||||
|
{{ item }}
|
||||||
|
</span>
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
<!-- <a-col :span='9'>-->
|
<!-- <a-col :span='9'>-->
|
||||||
<!-- </a-col>-->
|
<!-- </a-col>-->
|
||||||
<!-- <a-col :span='6'>-->
|
<!-- <a-col :span='6'>-->
|
||||||
<!-- </a-col>-->
|
<!-- </a-col>-->
|
||||||
</a-row>
|
</a-row>
|
||||||
|
<a-row :gutter="24" style="border-bottom: 1px #f5f5f5 solid;margin-bottom: 10px">
|
||||||
|
<a-col :span="22">
|
||||||
|
<div class="box-title-text">
|
||||||
|
<div class="title-text">
|
||||||
|
<span class="title-text-text" :title="$t('explain')">{{$t('explain')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="explanation">
|
||||||
|
<a-textarea
|
||||||
|
:placeholder="$t('PleaseEnter')+$t('explain')"
|
||||||
|
v-model.trim="formData.explanation" :rows="4"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
<a-row :gutter='24'>
|
<a-row :gutter='24'>
|
||||||
<a-col :span='9'>
|
<a-col :span='9'>
|
||||||
<div class="box-title-text" style="margin-left: -58px;">
|
<div class="box-title-text">
|
||||||
<div class="title-text">
|
<div class="title-text">
|
||||||
<!-- <span class="Required">*</span>-->
|
<!-- <span class="Required">*</span>-->
|
||||||
<span class="title-text-text" :title="$t('zoneOfApplication')">{{$t('zoneOfApplication')}}</span>
|
<span class="title-text-text" :title="$t('zoneOfApplication')">{{$t('zoneOfApplication')}}</span>
|
||||||
@@ -65,6 +122,7 @@
|
|||||||
<!-- v-model="formInline[item.db_field_name]"-->
|
<!-- v-model="formInline[item.db_field_name]"-->
|
||||||
<!-- :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
|
<!-- :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
|
||||||
<a-input
|
<a-input
|
||||||
|
class='box-input'
|
||||||
:placeholder="$t('PleaseEnter')+$t('parameterTemplate')"
|
:placeholder="$t('PleaseEnter')+$t('parameterTemplate')"
|
||||||
:title="$t('PleaseSelect')+$t('parameterTemplate')"
|
:title="$t('PleaseSelect')+$t('parameterTemplate')"
|
||||||
v-model='form.paramsTemplateName'/>
|
v-model='form.paramsTemplateName'/>
|
||||||
@@ -92,11 +150,11 @@
|
|||||||
:dataSource='areaTable'
|
:dataSource='areaTable'
|
||||||
:pagination='false'
|
:pagination='false'
|
||||||
:loading='loading'
|
:loading='loading'
|
||||||
:scroll='{x: 600}'
|
:scroll='{x: 600,y:400}'
|
||||||
:rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
|
:rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
|
||||||
@change='handleTableChange'>
|
@change='handleTableChange'>
|
||||||
</a-table>
|
</a-table>
|
||||||
<div class="page" style='display: flex;justify-content: flex-end; margin-bottom: 15px'>
|
<div class="page" style='display: flex;justify-content: flex-end; margin-bottom: 42px'>
|
||||||
<a-pagination
|
<a-pagination
|
||||||
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
||||||
show-quick-jumper
|
show-quick-jumper
|
||||||
@@ -143,6 +201,7 @@
|
|||||||
ellipsis: true
|
ellipsis: true
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
projectVersionList: [],
|
||||||
newVisible: false,
|
newVisible: false,
|
||||||
labelCol: {
|
labelCol: {
|
||||||
xs: { span: 24 },
|
xs: { span: 24 },
|
||||||
@@ -162,6 +221,13 @@
|
|||||||
message: this.$t('title') + this.$t('cannotExceed') + 200 + this.$t('Characters'),
|
message: this.$t('title') + this.$t('cannotExceed') + 200 + this.$t('Characters'),
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}
|
}
|
||||||
|
],
|
||||||
|
explanation: [
|
||||||
|
{
|
||||||
|
max: 500,
|
||||||
|
message: this.$t('explain') + this.$t('cannotExceed') + 500 + this.$t('Characters'),
|
||||||
|
trigger: 'blur'
|
||||||
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
areaTable: [],
|
areaTable: [],
|
||||||
@@ -193,8 +259,21 @@
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.loadData()
|
this.loadData()
|
||||||
|
this.getProjectVersion()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getProjectVersion() {
|
||||||
|
let query = {
|
||||||
|
id: this.projectId
|
||||||
|
}
|
||||||
|
getAction('/project/projectLibraryBase/getVersionsInfo', query).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.projectVersionList = res.result || []
|
||||||
|
} else {
|
||||||
|
this.projectVersionList = []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
pageOnChange(page, pageSize) {
|
pageOnChange(page, pageSize) {
|
||||||
this.pageNo = page
|
this.pageNo = page
|
||||||
this.loadData()
|
this.loadData()
|
||||||
@@ -244,6 +323,11 @@
|
|||||||
},
|
},
|
||||||
editData(edit) {
|
editData(edit) {
|
||||||
// 编辑一行的数据
|
// 编辑一行的数据
|
||||||
|
if (edit.projectVersion) {
|
||||||
|
edit.projectVersion = edit.projectVersion.split(',')
|
||||||
|
}else{
|
||||||
|
edit.projectVersion = []
|
||||||
|
}
|
||||||
this.row = edit
|
this.row = edit
|
||||||
this.formData = { ...edit }
|
this.formData = { ...edit }
|
||||||
this.selectedRowKeys = edit.paramsTemplateId.split(',')
|
this.selectedRowKeys = edit.paramsTemplateId.split(',')
|
||||||
@@ -265,10 +349,17 @@
|
|||||||
this.confirmLoading = true
|
this.confirmLoading = true
|
||||||
let postDate = {
|
let postDate = {
|
||||||
title: this.formData.title,
|
title: this.formData.title,
|
||||||
|
projectVersion: this.formData.projectVersion,
|
||||||
|
explanation: this.formData.explanation,
|
||||||
paramsTemplateId: this.paramsTemplateId || this.selectedRowKeys[0],
|
paramsTemplateId: this.paramsTemplateId || this.selectedRowKeys[0],
|
||||||
paramsTemplatePublishVersion: this.row.version || this.selectedRowKeysDate[0].version,
|
paramsTemplatePublishVersion: this.row.version || this.selectedRowKeysDate[0].version,
|
||||||
projectId: this.projectId
|
projectId: this.projectId
|
||||||
}
|
}
|
||||||
|
Object.keys(postDate).forEach(res => {
|
||||||
|
if (postDate[res] && postDate[res] instanceof Array) {
|
||||||
|
postDate[res] = postDate[res].join(',')
|
||||||
|
}
|
||||||
|
})
|
||||||
if (this.formData.id) {
|
if (this.formData.id) {
|
||||||
//编辑
|
//编辑
|
||||||
postDate = {
|
postDate = {
|
||||||
@@ -375,14 +466,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.drawer-bootom-button {
|
.drawer-bootom-button {
|
||||||
display: flex;
|
position: absolute;
|
||||||
justify-content: center;
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
border-top: 1px solid #e8e8e8;
|
||||||
|
padding: 10px 16px;
|
||||||
|
text-align: right;
|
||||||
|
left: 0;
|
||||||
|
z-index: 100;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0 0 2px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Required {
|
.Required {
|
||||||
color: red;
|
color: red;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-title-text {
|
.box-title-text {
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -390,7 +490,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.title-text {
|
.title-text {
|
||||||
width: 114px;
|
width: 84px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -410,10 +510,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.itemModel {
|
.itemModel {
|
||||||
width: calc(100% - 130px);
|
width: calc(100% - 100px);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
height: 40px;
|
/*height: 40px;*/
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -466,6 +566,19 @@
|
|||||||
line-height: 6px;
|
line-height: 6px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.box-button {
|
||||||
|
height: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemOption {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-o-text-overflow: ellipsis;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang='less'>
|
<style lang='less'>
|
||||||
.area-module {
|
.area-module {
|
||||||
|
|||||||
@@ -10,29 +10,80 @@
|
|||||||
:wrapper-col='wrapperCol'
|
:wrapper-col='wrapperCol'
|
||||||
>
|
>
|
||||||
<a-row :gutter='24'>
|
<a-row :gutter='24'>
|
||||||
<a-col :span='8'>
|
<a-col :span='11'>
|
||||||
<a-form-model-item :label="$t('title')" prop='title'>
|
<div class="box-title-text">
|
||||||
<a-input style='width: 420px'
|
<div class="title-text">
|
||||||
|
<span class="Required">*</span>
|
||||||
|
<span class="title-text-text" :title="$t('title')">{{$t('title')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" :prop='title'>
|
||||||
|
<a-input class="box-input"
|
||||||
:placeholder="$t('PleaseEnter')+$t('title')"
|
:placeholder="$t('PleaseEnter')+$t('title')"
|
||||||
v-model='formData.title'/>
|
v-model='formData.title'/>
|
||||||
</a-form-model-item>
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span='9'>
|
<a-col :span='11'>
|
||||||
|
<div class="box-title-text">
|
||||||
|
<div class="title-text">
|
||||||
|
<span class="title-text-text"
|
||||||
|
:title="$t('relatedProjectVersion')">{{$t('relatedProjectVersion')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" style="height: 40px">
|
||||||
|
<a-select mode="multiple"
|
||||||
|
class="box-input"
|
||||||
|
style="width: 100%"
|
||||||
|
v-model='formData.projectVersion'
|
||||||
|
:placeholder="$t('PleaseSelect')+$t('relatedProjectVersion')">
|
||||||
|
<!-- <a-select-option :value="null">{{$t('pleaseSelect')}}</a-select-option>-->
|
||||||
|
<a-select-option v-for="(item, key) in projectVersionList"
|
||||||
|
:key="key"
|
||||||
|
:label="item"
|
||||||
|
:value="item">
|
||||||
|
<span class="itemOption" :title=" item ">
|
||||||
|
{{ item }}
|
||||||
|
</span>
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span='7'>
|
</a-row>
|
||||||
|
<a-row :gutter="24" style="border-bottom: 1px #f5f5f5 solid;margin-bottom: 10px">
|
||||||
|
<a-col :span="22">
|
||||||
|
<div class="box-title-text">
|
||||||
|
<div class="title-text">
|
||||||
|
<span class="title-text-text" :title="$t('explain')">{{$t('explain')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="explanation">
|
||||||
|
<a-textarea
|
||||||
|
:placeholder="$t('PleaseEnter')+$t('explain')"
|
||||||
|
v-model.trim="formData.explanation" :rows="4"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row :gutter='24'>
|
<a-row :gutter='24'>
|
||||||
<a-col :span='8'>
|
<a-col :span='11'>
|
||||||
<a-form-model-item :label="$t('entryName')" prop='projectName'>
|
<div class="box-title-text">
|
||||||
<a-input style='width: 420px'
|
<div class="title-text">
|
||||||
|
<span class="title-text-text" :title="$t('entryName')">{{$t('entryName')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel">
|
||||||
|
<a-input class="box-input"
|
||||||
:placeholder="$t('PleaseEnter')+$t('entryName')"
|
:placeholder="$t('PleaseEnter')+$t('entryName')"
|
||||||
v-model='formData.projectName'/>
|
v-model='formData.projectName'/>
|
||||||
</a-form-model-item>
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span='9'>
|
<!-- <a-col :span='8'>-->
|
||||||
</a-col>
|
<!-- <a-form-model-item :label="$t('entryName')" prop='projectName'>-->
|
||||||
<a-col :span='7' style='margin-top: 4px;padding-left: 20px'>
|
<!-- <a-input style='width: 420px'-->
|
||||||
|
<!-- :placeholder="$t('PleaseEnter')+$t('entryName')"-->
|
||||||
|
<!-- v-model='formData.projectName'/>-->
|
||||||
|
<!-- </a-form-model-item>-->
|
||||||
|
<!-- </a-col>-->
|
||||||
|
<a-col :span='11' style="margin-top: 5px">
|
||||||
<a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
|
<a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
|
||||||
<a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
|
<a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
|
||||||
</a-col>
|
</a-col>
|
||||||
@@ -48,7 +99,7 @@
|
|||||||
:dataSource='areaTable'
|
:dataSource='areaTable'
|
||||||
:pagination='false'
|
:pagination='false'
|
||||||
:loading='loading'
|
:loading='loading'
|
||||||
:scroll='{x: 600}'
|
:scroll='{x: 600,y:400}'
|
||||||
:rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
|
:rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
|
||||||
@change='handleTableChange'>
|
@change='handleTableChange'>
|
||||||
<span slot='click' slot-scope='text, record'>
|
<span slot='click' slot-scope='text, record'>
|
||||||
@@ -60,7 +111,7 @@
|
|||||||
</span>
|
</span>
|
||||||
|
|
||||||
</a-table>
|
</a-table>
|
||||||
<div class="page" style='display: flex;justify-content: flex-end;'>
|
<div class="page" style='display: flex;justify-content: flex-end;margin-bottom: 43px'>
|
||||||
<a-pagination
|
<a-pagination
|
||||||
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
||||||
show-quick-jumper
|
show-quick-jumper
|
||||||
@@ -78,7 +129,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 清单弹框 -->
|
<!-- 清单弹框 -->
|
||||||
<a-modal v-model="listVisible" :title="$t('parameterTemplate')" width='700px' :footer="null">
|
<a-modal v-model="listVisible" :title="$t('parameterTemplate')" width='700px' :footer="null">
|
||||||
<parameter-template v-if='listVisible' @areaVisible='drawerhandleCancel' @listVisibleRow='listVisibleRow'></parameter-template>
|
<parameter-template v-if='listVisible' @areaVisible='drawerhandleCancel'
|
||||||
|
@listVisibleRow='listVisibleRow'></parameter-template>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -101,6 +153,7 @@ export default {
|
|||||||
title: this.$t('add'),
|
title: this.$t('add'),
|
||||||
total: 0,
|
total: 0,
|
||||||
selectedRowKeysDate: {},
|
selectedRowKeysDate: {},
|
||||||
|
projectVersionList: [],
|
||||||
loading: false,
|
loading: false,
|
||||||
editId: '',
|
editId: '',
|
||||||
columns: [
|
columns: [
|
||||||
@@ -171,8 +224,21 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.loadData()
|
this.loadData()
|
||||||
|
this.getProjectVersion()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getProjectVersion() {
|
||||||
|
let query = {
|
||||||
|
id: this.projectId
|
||||||
|
}
|
||||||
|
getAction('/project/projectLibraryBase/getVersionsInfo', query).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.projectVersionList = res.result || []
|
||||||
|
} else {
|
||||||
|
this.projectVersionList = []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
// 清单列表传出数据
|
// 清单列表传出数据
|
||||||
listVisibleRow(val) {
|
listVisibleRow(val) {
|
||||||
// this.selectedRowKeys = []
|
// this.selectedRowKeys = []
|
||||||
@@ -204,10 +270,13 @@ export default {
|
|||||||
},
|
},
|
||||||
loadData() {
|
loadData() {
|
||||||
let _this = this
|
let _this = this
|
||||||
|
if (!this.formData.projectName){
|
||||||
|
this.formData.projectName = ''
|
||||||
|
}
|
||||||
let params = {
|
let params = {
|
||||||
pageNo: this.pageNo,
|
pageNo: this.pageNo,
|
||||||
pageSize: this.pageSize,
|
pageSize: this.pageSize,
|
||||||
...this.formData
|
projectName:this.formData.projectName
|
||||||
}
|
}
|
||||||
this.loading = true
|
this.loading = true
|
||||||
axios({
|
axios({
|
||||||
@@ -237,14 +306,15 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.log(error);
|
console.log(error)
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
searchQuery() {
|
searchQuery() {
|
||||||
this.loadData()
|
this.loadData()
|
||||||
},
|
},
|
||||||
searchReset() {
|
searchReset() {
|
||||||
this.formData = {}
|
this.formData.projectName = ''
|
||||||
|
this.formData = {...this.formData}
|
||||||
this.loadData()
|
this.loadData()
|
||||||
},
|
},
|
||||||
handleCancel() {
|
handleCancel() {
|
||||||
@@ -278,12 +348,20 @@ export default {
|
|||||||
this.flag = true
|
this.flag = true
|
||||||
this.spinLoading = true
|
this.spinLoading = true
|
||||||
this.confirmLoading = true
|
this.confirmLoading = true
|
||||||
|
let formData = JSON.parse(JSON.stringify(this.formData))
|
||||||
|
Object.keys(formData).forEach(res => {
|
||||||
|
if (formData[res] && formData[res] instanceof Array) {
|
||||||
|
formData[res] = formData[res].join(',')
|
||||||
|
}
|
||||||
|
})
|
||||||
let _tt = {
|
let _tt = {
|
||||||
paramsTemplateId: this.selectedRowKeysDate[0].paramsTemplateId,
|
paramsTemplateId: this.selectedRowKeysDate[0].paramsTemplateId,
|
||||||
projectId: this.projectId,
|
projectId: this.projectId,
|
||||||
title: this.formData.title,
|
title: formData.title,
|
||||||
|
projectVersion: formData.projectVersion,
|
||||||
|
explanation: formData.explanation,
|
||||||
paramsTemplatePublishVersion: this.selectedRowKeysDate[0].paramsTemplatePublishVersion,
|
paramsTemplatePublishVersion: this.selectedRowKeysDate[0].paramsTemplatePublishVersion,
|
||||||
sourceManifestId: this.selectedRowKeysDate[0].id,
|
sourceManifestId: this.selectedRowKeysDate[0].id
|
||||||
}
|
}
|
||||||
postAction('params/manifest/copy', _tt).then((res) => {
|
postAction('params/manifest/copy', _tt).then((res) => {
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
@@ -337,7 +415,7 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
selectedRowKeyS(val) {
|
selectedRowKeyS(val) {
|
||||||
@@ -364,14 +442,81 @@ export default {
|
|||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer-bootom-button {
|
.drawer-bootom-button {
|
||||||
display: flex;
|
position: absolute;
|
||||||
justify-content: center;
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
border-top: 1px solid #e8e8e8;
|
||||||
|
padding: 10px 16px;
|
||||||
|
text-align: right;
|
||||||
|
left: 0;
|
||||||
|
z-index: 100;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0 0 2px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Required {
|
.Required {
|
||||||
color: red;
|
color: red;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.Required {
|
||||||
|
color: red;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-title-text {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
/*align-items: center;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text {
|
||||||
|
width: 84px;
|
||||||
|
text-align: right;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
height: 38px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel {
|
||||||
|
width: calc(100% - 100px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
/*height: 40px;*/
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel-text {
|
||||||
|
width: calc(100% - 130px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Required {
|
||||||
|
color: red;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-text {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
.box-button{
|
||||||
|
height: 38px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang='less'>
|
<style lang='less'>
|
||||||
.area-module {
|
.area-module {
|
||||||
|
|||||||
Reference in New Issue
Block a user