[update] 认证参数收集-配置

This commit is contained in:
zhaomeijing
2022-05-07 00:20:14 +08:00
parent a200c37cb8
commit f5145baa2e
4 changed files with 552 additions and 1 deletions
+2
View File
@@ -705,6 +705,8 @@ module.exports = {
uploadTime: 'Upload time',
enclosure: 'enclosure',
// 认证
historicalVersion: 'historical Version',
configure: 'configure',
parameter: 'parameter',
changeExtension: 'change Extension',
detailedList: 'detailedList',
+2
View File
@@ -712,6 +712,8 @@ module.exports = {
uploadTime:'上传时间',
enclosure:'附件',
// 认证
historicalVersion: '历史版本',
configure: '配置',
parameter: '参数',
changeExtension: '变更扩展',
detailedList: '清单',
@@ -51,8 +51,10 @@
:rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
@change='handleTableChange'>
<span slot="operation" slot-scope="text,record">
<a class="text-operation" @click="configure(record)">{{$t('configure')}}</a>
<a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>
<a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
<a class="text-operation" @click="historicalVersion(record)">{{$t('historicalVersion')}}</a>
</span>
</a-table>
</div>
@@ -71,6 +73,7 @@
<parameter-template v-if='areaVisible' @areaVisible='handleCancel' :templateTitle='templatetitle'
:selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version'></parameter-template>
</a-modal>
<configure ref="configureRef"/>
</a-card>
</template>
@@ -78,13 +81,15 @@
import ImportFile from '@/components/ImportFile/index'
import ParameterTemplate from '../dialog/ParameterTemplate'
import { getAction,postAction } from '../../../api/manage'
import Configure from '../dialog/configure'
import axios from 'axios'
export default {
name: 'TaskParameterCollection',
components:{
ImportFile,
ParameterTemplate
ParameterTemplate,
Configure
},
data(){
return{
@@ -145,6 +150,7 @@
loading: false,
dataSource: [],
areaVisible: false, // 弹框的控制
configureareaVisible: false, // 配置的彈框
pageNo: 1,
pageSize: 10,
total: 0,
@@ -177,6 +183,14 @@
},
handleTableChange() {
},
//
historicalVersion() {
},
// 配置
configure() {
this.$refs.configureRef.addModel()
},
handleCancel(val) {
this.areaVisible = val
@@ -0,0 +1,533 @@
<template>
<div>
<a-drawer
:title="title"
:maskClosable="false"
:width="1000"
placement="right"
:closable="true"
@close="handleCancel"
:visible="visible"
style="height: 100%;overflow: auto;padding-bottom: 53px;">
<a-spin :spinning="confirmLoading">
<a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
<a-row :gutter="24">
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('NiONumber')">{{$t('NiONumber')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="nioNumber">-->
<!-- <a-input class="box-input"-->
<!-- :disabled="disabled"-->
<!-- v-model="formInline.nioNumber"-->
<!-- :placeholder="$t('PleaseEnter')+$t('NiONumber')"/>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('Required')">{{$t('Required')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="isMust">-->
<!-- <a-select :placeholder="$t('PleaseSelect')+$t('Required')" v-model='formInline.isMust'>-->
<!-- <a-select-option :key="'1'" :value="'1'">{{$t('yes')}}-->
<!-- </a-select-option>-->
<!-- <a-select-option :key="'0'" :value="'0'">{{$t('not')}}-->
<!-- </a-select-option>-->
<!-- </a-select>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('ParameterName')">{{$t('ParameterName')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="paramsName">-->
<!-- <a-input class="box-input"-->
<!-- :disabled="disabled"-->
<!-- v-model="formInline.paramsName"-->
<!-- :placeholder="$t('PleaseEnter')+$t('ParameterName')"/>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('technicalField')">{{$t('technicalField')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="technologyTerritory">-->
<!-- <a-tree-select-->
<!-- v-model="formInline.technologyTerritory"-->
<!-- :maxTagCount="1"-->
<!-- class="box-input"-->
<!-- style="width: 100%"-->
<!-- :tree-data="CategoryTreeList"-->
<!-- tree-checkable-->
<!-- :placeholder="$t('PleaseSelect')+$t('technicalField')"-->
<!-- />-->
<!-- </a-form-model-item>-->
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('parameterBatch')">{{$t('parameterBatch')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="paramsBatch">-->
<!-- <j-dict-select-tag class="box-input" v-model="formInline.paramsBatch"-->
<!-- :disabled="disabled"-->
<!-- :placeholder="$t('PleaseSelect')+$t('parameterBatch')"-->
<!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'params_batch'"/>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="dutyTerritory">-->
<!-- <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"-->
<!-- :disabled="disabled"-->
<!-- :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
<!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'duty_territory'"/>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="24">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('ParameterDescription')">{{$t('ParameterDescription')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="description">-->
<!-- <a-input class="box-input"-->
<!-- :disabled="disabled"-->
<!-- v-model="formInline.description"-->
<!-- :placeholder="$t('PleaseEnter')+$t('ParameterDescription')"/>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="24">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('ParameterName')">{{$t('certificationCategory')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="certCategory">-->
<!-- <j-multi-select-tag class="box-input" v-model="formInline.certCategory"-->
<!-- @change='Onchange'-->
<!-- v-on:changelabel='Onchangelabel'-->
<!-- :disabled="disabled"-->
<!-- :placeholder="$t('PleaseSelect')+$t('certificationCategory')"-->
<!-- :type="'checkbox'"-->
<!-- :triggerChange="false" :dictCode="'cert_category'"/>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('controlType')">{{$t('controlType')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="controlType">-->
<!-- <a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="formInline.controlType">-->
<!-- <a-select-option v-for="(item, key) in controlType" :key="key" :value="item.value">-->
<!-- <span style="display: inline-block;width: 100%" :title=" item.label ">-->
<!-- {{ item.label }}-->
<!-- </span>-->
<!-- </a-select-option>-->
<!-- </a-select>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
<a-col :span="12">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text" :title="$t('controlVerification')">{{$t('controlVerification')}}</span>
</div>
<!-- <a-form-model-item class="itemModel" prop="technologyTerritory">-->
<!-- <a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.controlVerify">-->
<!-- <a-select-option v-for="(item, key) in controlVerification" :key="key" :value="item.value">-->
<!-- <span style="display: inline-block;width: 100%" :title=" item.label ">-->
<!-- {{ item.label }}-->
<!-- </span>-->
<!-- </a-select-option>-->
<!-- </a-select>-->
<!-- </a-form-model-item>-->
</div>
</a-col>
</a-row>
</a-form-model>
</a-spin>
<div class="drawer-bootom-button">
<a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
<a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
</div>
</a-drawer>
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
</div>
</template>
<script>
import PersonnelSelection from '@/components/PersonnelSelection/index'
import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
import uploadFile from '@/components/uploadFile/file'
export default {
name: 'addModel',
components: {
uploadFile,
PersonnelSelection
},
props: ['url'],
data() {
return {
controlType: [ // 控件类型
{value:'1', label: '文本' },
{value:'2', label: '下拉单选' },
{value:'3', label: '下拉多选' },
{value:'4', label: '附件' },
{value:'5', label: '文本+下拉单选' },
{value:'6', label: '文本+下拉多选' },
{value:'7', label: '文本+附件' },
{value:'8', label: '下拉单选+附件' },
{value:'9', label: '下拉多选+附件' },
{value:'10', label: '文本+下拉单选+附件' },
],
controlVerification: [ // 控件校验
{value:'1', label: '无' },
{value:'2', label: '中文' },
{value:'3', label: '正整数' },
{value:'4', label: '正浮点数' },
{value:'5', label: '整数或小数' },
{value:'6', label: '一位小数' },
{value:'7', label: '两位小数' },
{value:'8', label: '三位小数' },
{value:'9', label: '四位小数' },
],
CategoryTreeList: [], // 技术领域
certCategoryParamsInfoEOList: [], // 认证类别得tab栏
formInline: {},
confirmLoading: false,
visible: false,
rules: {
nioNumber:[
{ required: true, message: this.$t('PleaseEnter')+this.$t('NiONumber'), trigger: 'change' },
// {
// pattern: /(?!^\d+$)(?!^[a-zA-Z]+$)[0-9a-zA-Z]{1,15}/,
// message: this.$t('onlyThree'),
// trigger: 'change'
// }
],
isMust: [
{ required: true, message: this.$t('pleaseSelect')+this.$t('Required'), trigger: 'change' },
],
paramsName: [
{ required: true, message: this.$t('pleaseSelect')+this.$t('Required'), trigger: 'change' },
{ min:1, max: 30, message: this.$t('cantExeed')+'30'+this.$t('characters'), trigger: 'blur' },
],
technologyTerritory: [
{ required: true, message: this.$t('pleaseSelect')+this.$t('technicalField'), trigger: 'change' },
],
paramsBatch: [
{ required: true, message: this.$t('PleaseSelect')+this.$t('parameterBatch'), trigger: 'change' },
],
dutyTerritory: [
{ required: true, message: this.$t('PleaseSelect')+this.$t('areaOfResponsibility'), trigger: 'change' },
],
description: [
{ min:1, max: 200, message: this.$t('cantExeed')+'200'+this.$t('characters'), trigger: 'blur' },
],
controlType: [
{ required: true, message: this.$t('pleaseSelect')+this.$t('controlType'), trigger: 'change' },
],
controlValues: [
{ required: true, message: this.$t('PleaseEnter')+this.$t('controlAlternatives'), trigger: 'change' },
{ min:1, max: 500, message: this.$t('cantExeed')+'500'+this.$t('characters'), trigger: 'blur' },
],
},
disabled: false,
projectNameList: [],
title: '',
stateOne: '',
contentList : []
}
},
mounted() {
this.getNameList()
this.getSysCategoryTree()
},
methods: {
uploadSuccess(data) {
let attIdList = []
if (data && data.length > 0) {
data.map(item => {
attIdList.push(item.id || data.name)
})
}
this.$refs.uploadFile.visible = false
/** 赋值给当前对应的表单文件 */
this.formInline.fileTemplateConnectId = attIdList.join(',')
this.formInline = { ...this.formInline }
},
clickButtonToUpload(item) {
this.$refs.uploadFile.visible = true
getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
if (res.success) {
this.$refs.uploadFile.perentHandleFunc(res.result)
} else {
this.$refs.uploadFile.perentHandleFunc()
}
})
},
// Onchangelabel(val) {
// let _tt = []
// console.log(val,'val,,,,')
// // this.formInline.certCategoryParamsInfoEOList = []
// val.forEach((item) => {
// _tt.push({
// textVal: item.text, // tab
// certCategory: '', // 所属认证类别
// paramsNumber: '', // 编号
// paramsName: '', // 参数名称
// description: ''// 参数说明
// })
// })
// this.contentList = _tt
// },
Onchange() {
},
callback() {
},
getSysCategoryTree() {
getAction('/sys/category/getSysCategoryTree', {}).then((res) => {
if (res.success) {
this.CategoryTreeList = res.result
} else {
this.CategoryTreeList = []
}
})
},
getNameList() {
getAction('project/projectNameInfoEO/list', {}).then((res) => {
if (res.success) {
this.projectNameList = res.result || []
} else {
this.projectNameList = []
}
})
},
addModel() {
this.visible = true
this.title = '新增'
this.formInline = {}
},
editModel(value) {
this.visible = true
this.title = '编辑'
this.$nextTick(() => {
this.formInline = value
})
// if(value.certCategoryParamsInfoEOList.length > 0 ) {
// this.contentList = value.certCategoryParamsInfoEOList
// }
console.log(this.contentList,'this.contentList')
console.log(value.certCategoryParamsInfoEOList,'lllll')
},
handleCancel() {
this.visible = false
},
handleSubmit() {
// 校验nio编号
getAction(this.url.checkNIOnumber + `?nioNumber=${this.formInline.nioNumber}`, {} ).then((res) => {
if (res) {
this.$refs.ruleForm.validate(valid => {
if (valid) {
let url = ''
let Action
this.formInline.paramsTemplateId = this.$route.query.id
if (this.formInline.id) {
url = this.url.edit
Action = postAction
} else {
url = this.url.add
Action = postAction
}
let query = JSON.parse(JSON.stringify(this.formInline))
Object.keys(query).forEach(res => {
if (query[res] && query[res] instanceof Array) {
query[res] = query[res].join(',')
}
})
let querycontentList = JSON.parse(JSON.stringify(this.contentList))
query.certCategoryParamsInfoEOList = querycontentList
this.confirmLoading = true
Action(url, query).then((res) => {
if (res.success) {
this.confirmLoading = false
this.$message.success(this.$t('OperationSuccessful'))
this.visible = false
this.$emit('addModelList')
} else {
this.$message.warning(res.message)
this.confirmLoading = false
}
})
}
})
} else {
this.$message.warning(this.$t('NiOnumberalreadyexists'))
}
})
},
handleInput(value) {
this.$nextTick(() => {
this.formInline = { ...this.formInline }
this.$refs.ruleForm.validateField([value])
})
},
PersonnelSelectionChange(value, id) {
this.formInline[value] = id
this.formInline = { ...this.formInline }
},
projectNameChange(value){
console.log(value)
},
}
}
</script>
<style>
.formAdd .ant-form-item-label {
width: 130px;
}
.formAdd .ant-form-item-control-wrapper {
display: inline-block;
width: calc(100% - 130px);
}
/*.formAdd .ant-form-item {*/
/* margin-bottom: 20px;*/
/*}*/
.itemModel .ant-form-item-control-wrapper {
width: 100%;
}
.box-input .ant-select-selection--single {
height: 38px;
}
.box-input .ant-select-selection--multiple {
height: 38px;
}
.box-input .ant-select-selection__rendered {
line-height: 38px;
height: 38px;
}
.box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
margin-top: 6px;
}
.box-input .ant-calendar-picker {
line-height: 38px;
height: 38px;
}
.box-input .ant-calendar-picker-input {
height: 38px;
}
.box-input .ant-input-number-input-wrap {
line-height: 38px;
height: 38px;
}
</style>
<style scoped>
.box-title-text {
line-height: 1.4;
display: flex;
/*align-items: center;*/
}
.title-text {
width: 114px;
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: 48px;
}
.box-input {
display: inline-block;
height: 38px;
width: 100%;
}
.itemModel {
width: calc(100% - 130px);
display: inline-block;
margin-top: 2px;
}
.Required {
color: red;
margin-right: 4px;
}
.title-text-text {
margin-top: 9px;
}
.formAdd {
margin-bottom: 40px;
}
.drawer-bootom-button {
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid #e8e8e8;
padding: 10px 16px;
text-align: right;
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
</style>
<style>
.ant-input-disabled {
color: rgba(0, 0, 0, 0.65) !important;
}
</style>