diff --git a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue index 63f07166b..348266d90 100644 --- a/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue +++ b/jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue @@ -126,6 +126,33 @@ {{$t('batSetting')}} + + + +
+ + {{ $t('customize') }} +
+
{ + if (res.success) { + console.log(res.result) + if(res.result.length != 0){ + this.columnsAll = res.result + }else{ + this.columnsAll = this.column + } + this.columnsAll.forEach((item,index) => { + if(item.title != '设计符合性确认' && item.title != 'Pre-Homo确认' && item.title != '验证符合性确认'){ + item.width = 180 + item.align = 'left' + if(item.title == '操作'){ + item.scopedSlots = { + customRender: 'operationOne' + } + }else if(item.title == '编号'){ + item.sorter = true + item.scopedSlots = { + customRender: 'standard' + } + }else if(item.title == '标题'){ + item.scopedSlots = { + customRender: 'titleName' + } + } + else if(item.title == '清单确认状态' || item.title == '任务确认状态' || item.title == '认证级别' || item.title == 'WVTA ID' || + item.title == '责任领域' || item.title == '法规工程师' || item.title == '认证工程师' || item.title == '工程接口人'){ + item.sorter = true + } + }else { + delete item.dataIndex + delete item.fixed + item.children.forEach((val,index) => { + val.width = 180 + val.align = 'left' + val.ellipsis = true + }) + } + }) + this.columnsAll.forEach((item) => { + if(item.children){ + item.children.forEach((val) => { + this.checkedList.push(item.dataIndex,val.dataIndex) + }) + }else { + this.checkedList.push(item.dataIndex) + } + }) + console.log(this.checkedList) + this.loading = false + this.JLoading = false + } else { + this.JLoading = false + this.loading = false + } + }) + }, getList() { let query = { ...this.queryParam, @@ -820,6 +1255,51 @@ } }) }, + onCheckAllChange(e) { + this.checkedList = e.target.checked ? this.customizeList.map(item => item.field) : []; + this.selectedValue = this.checkedList + this.indeterminate = false + }, + onChange(){ + this.selectedValue = this.checkedList + }, + getcustomize(){ + this.customizevisible = true + }, + cancel(){ + this.customizevisible = false + }, + handleSubmit(){ + let list = [] + let uniqueArray = this.selectedValue.filter((item, index, array) => { + return array.indexOf(item) === index + }) + uniqueArray.forEach(item => { + this.customizeList.forEach((val,index) => { + if(item == val.field){ + val.sort = index + 1 + list.push(val) + } + }) + }) + this.confirmLoading = true + let headCustomEOList = JSON.parse(JSON.stringify(list)) + let query ={ + headCustomEOList :headCustomEOList + } + postAction('head/headCustomEO/add', query).then((res) => { + if (res.success) { + this.confirmLoading = false + this.$message.success(this.$t('OperationSuccessful')) + this.customizevisible = false + this.getHeader() + } else { + this.$message.warning(this.$t('operationFailed')) + this.confirmLoading = false + this.customizevisible = false + } + }) + }, getPersonnelList() { this.getList() }, @@ -997,7 +1477,6 @@ display: flex; } } - .Virtual-detail-content { padding: 0 32px 0 32px; box-sizing: border-box; @@ -1017,7 +1496,31 @@ } } } - + .customize-text{ + height: 1533px; + display: flex; + flex-direction: column; + align-items: flex-start; + } + .customize-text-title{ + margin-left: 0; + font-size: 14px; + font-weight: 400; + color: #040B29; + margin-bottom: 22px; + } + .drawer-bootom-button { + position: absolute; + bottom: 0; + z-index: 100; + width: 100%; + border-top: 1px solid #e8e8e8; + padding: 10px 16px; + text-align: right; + left: 0; + background: #fff; + border-radius: 0 0 2px 2px; + } .box-title-text { line-height: 1.4; display: flex; @@ -1160,6 +1663,30 @@ font-weight: bold!important; } +