修改上报库管理

This commit is contained in:
范强强
2024-01-05 14:39:16 +08:00
parent 5b8c187755
commit e0765e5202
2 changed files with 54 additions and 43 deletions
@@ -44,13 +44,15 @@
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:columns="columns" :columns="columns"
> >
<!-- <span slot="projectName" slot-scope="text,record" :title="text">--> <!-- <span slot="projectName" slot-scope="text,record" :title="text">-->
<!-- {{ text && text.length > 20 ? text.slice(0, 19) + '...' : text }}--> <!-- {{ text && text.length > 20 ? text.slice(0, 19) + '...' : text }}-->
<!-- </span>--> <!-- </span>-->
<span slot="operation" slot-scope="text,record"> <span slot="operation" slot-scope="text,record">
<a class="text-operation" @click="handlecody(record)" v-has="'params:report:history'">{{$t('Exporthistory')}}</a> <a class="text-operation" @click="handlecody(record)" v-has="'params:report:history'">{{$t('Exporthistory')}}</a>
<a class="text-operation" @click="deleteLib(record)" v-has="'report:detail:list'">{{$t('See')}}</a> <a class="text-operation" @click="deleteLib(record)" v-has="'report:detail:list'">{{$t('See')}}</a>
<a class="action-delete" @click="onDelete(record)" v-has="'params:report:delete'">{{$t('delete')}}</a> <a class="action-delete" @click="onDelete(record)"
:disabled="record.authorityFlag == '1' ? true : false"
v-has="'params:report:delete'">{{$t('delete')}}</a>
</span> </span>
</a-table> </a-table>
</div> </div>
@@ -68,7 +70,8 @@
</div> </div>
<!-- 导出历史模板--> <!-- 导出历史模板-->
<a-modal class="show-drawer" :title="titleTag" width="900px" v-model="drawerVisible" :footer="null"> <a-modal class="show-drawer" :title="titleTag" width="900px" v-model="drawerVisible" :footer="null">
<export-history v-if='drawerVisible' @areaVisible='drawerVisible = false' :paramsManifestId='paramsManifestId'></export-history> <export-history v-if='drawerVisible' @areaVisible='drawerVisible = false'
:paramsManifestId='paramsManifestId'></export-history>
</a-modal> </a-modal>
<!-- 删除--> <!-- 删除-->
<a-modal class="show-drawer" :title="titleDelete" width="500px" v-model="deleteVisible" :footer="null"> <a-modal class="show-drawer" :title="titleDelete" width="500px" v-model="deleteVisible" :footer="null">
@@ -81,7 +84,8 @@
<span>{{$t('reportedDelete')}}&nbsp;<span style="font-weight: bold">{{ this.deleteformtltle }}</span>&nbsp;{{$t('reportDelete')}}</span> <span>{{$t('reportedDelete')}}&nbsp;<span style="font-weight: bold">{{ this.deleteformtltle }}</span>&nbsp;{{$t('reportDelete')}}</span>
</div> </div>
<div class="title-text"> <div class="title-text">
<span class="title-text-text">{{$t('pleaseEnter')}}&nbsp;<span style="color: #BD3B1E;background-color: #F9E5E1">{{ this.deleteformtltle }}</span>&nbsp;{{$t('toConfirmed')}}</span> <span class="title-text-text">{{$t('pleaseEnter')}}&nbsp;<span
style="color: #BD3B1E;background-color: #F9E5E1">{{ this.deleteformtltle }}</span>&nbsp;{{$t('toConfirmed')}}</span>
</div> </div>
<div class="box-title-text"> <div class="box-title-text">
<a-form-model-item class="itemModel" prop="paramsTemplateName"> <a-form-model-item class="itemModel" prop="paramsTemplateName">
@@ -118,16 +122,16 @@
components: { components: {
ExportHistory ExportHistory
}, },
mixins:[ResizeHeader, ResizeColumnProvide], mixins: [ResizeHeader, ResizeColumnProvide],
data() { data() {
return { return {
token: Vue.ls.get(ACCESS_TOKEN), token: Vue.ls.get(ACCESS_TOKEN),
loading: false, loading: false,
toggleSearchStatus: false, toggleSearchStatus: false,
deleteVisible:false, deleteVisible: false,
titleDelete:this.$t('Deletetitle'), titleDelete: this.$t('Deletetitle'),
selectedRowKeys: [], selectedRowKeys: [],
paramsManifestId:'', paramsManifestId: '',
selectedRowKeysArray: '', selectedRowKeysArray: '',
formInline: {}, formInline: {},
orderBy: '1', orderBy: '1',
@@ -138,16 +142,16 @@
] ]
}, },
rules1: { rules1: {
paramsTemplateName:[ paramsTemplateName: [
{ required: true, message: this.$t('PleaseEnter')+this.$t('title'), trigger: 'change' }, { required: true, message: this.$t('PleaseEnter') + this.$t('title'), trigger: 'change' },
{ min:1, max: 200, message: this.$t('cantExeed')+'200'+this.$t('characters'), trigger: 'blur' }, { min: 1, max: 200, message: this.$t('cantExeed') + '200' + this.$t('characters'), trigger: 'blur' }
], ]
}, },
disabled: false, disabled: false,
projectNameList: [], projectNameList: [],
visible: false, visible: false,
dataSource: [], dataSource: [],
deleteformtltle:'', deleteformtltle: '',
confirmLoading: false, confirmLoading: false,
url: { url: {
list: 'params/report/page' list: 'params/report/page'
@@ -162,14 +166,14 @@
align: 'left', align: 'left',
width: 300, width: 300,
dataIndex: 'projectName', dataIndex: 'projectName',
sorter:true, sorter: true,
scopedSlots: { customRender: 'projectName' } scopedSlots: { customRender: 'projectName' }
}, },
{ {
title: this.$t('ListTitle'), title: this.$t('ListTitle'),
align: 'left', align: 'left',
width: 400, width: 400,
dataIndex: 'title', dataIndex: 'title'
}, },
{ {
title: this.$t('Version'), title: this.$t('Version'),
@@ -186,7 +190,7 @@
} }
], ],
queryParam: {}, queryParam: {},
deleteform:{}, deleteform: {},
areaVisible: false, areaVisible: false,
paramsTemplateName: '', paramsTemplateName: '',
drawerVisible: false, drawerVisible: false,
@@ -204,7 +208,7 @@
handleSubmit() { handleSubmit() {
this.$refs.ruleForm.validate(valid => { this.$refs.ruleForm.validate(valid => {
if (valid) { if (valid) {
if(this.formInline.paramsTemplateName === this.deleteform.title){ if (this.formInline.paramsTemplateName === this.deleteform.title) {
getAction('/params/report/delete', { getAction('/params/report/delete', {
id: this.deleteform.id id: this.deleteform.id
}).then((res) => { }).then((res) => {
@@ -216,7 +220,7 @@
this.$message.warning(res.message) this.$message.warning(res.message)
} }
}) })
}else{ } else {
this.$message.warning(this.$t('confirmtitle')) this.$message.warning(this.$t('confirmtitle'))
} }
@@ -289,7 +293,7 @@
this.deleteformtltle = val.title this.deleteformtltle = val.title
this.formInline = {} this.formInline = {}
this.deleteVisible = true this.deleteVisible = true
this.titleDelete = this.$t('Deletetitle') + "'" + val.title + "'" + '?' this.titleDelete = this.$t('Deletetitle') + '\'' + val.title + '\'' + '?'
// let param = { // let param = {
// id: val.id // id: val.id
// } // }
@@ -315,9 +319,9 @@
}, },
tableOnChange(pagination, filters, sorter) { tableOnChange(pagination, filters, sorter) {
this.orderBy = sorter.order == 'ascend' ? '1' : '2' this.orderBy = sorter.order == 'ascend' ? '1' : '2'
if(sorter.columnKey == 'projectName') { if (sorter.columnKey == 'projectName') {
this.orderByField = 'pageName' this.orderByField = 'pageName'
} else{ } else {
this.orderByField = sorter.columnKey this.orderByField = sorter.columnKey
} }
this.getList() this.getList()
@@ -375,20 +379,22 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.titletext{
width: 460px; .titletext {
min-width: 110px; width: 460px;
color: #000F16; min-width: 110px;
display: inline-block; color: #000F16;
font-weight: 500; display: inline-block;
font-size: 16px; font-weight: 500;
/*margin-right: 16px;*/ font-size: 16px;
/*margin-top: 3px;*/ /*margin-right: 16px;*/
/*text-align: right;*/ /*margin-top: 3px;*/
/*white-space: nowrap;*/ /*text-align: right;*/
overflow: hidden; /*white-space: nowrap;*/
text-overflow: ellipsis; overflow: hidden;
} text-overflow: ellipsis;
}
.box-input { .box-input {
display: inline-block; display: inline-block;
width: 213%; width: 213%;
@@ -476,26 +482,29 @@
.add-text-text { .add-text-text {
margin-top: -14px; margin-top: -14px;
} }
::v-deep .ant-table-row:first-child { ::v-deep .ant-table-row:first-child {
background: #fff!important; background: #fff !important;
opacity: 0.9; opacity: 0.9;
} }
/deep/.ant-modal-title{
/deep/ .ant-modal-title {
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
letter-spacing: 1px; letter-spacing: 1px;
} }
::v-deep .ant-table-body { ::v-deep .ant-table-body {
background: transparent!important; background: transparent !important;
} }
::v-deep .ant-table-row-cell-break-word{ ::v-deep .ant-table-row-cell-break-word {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
::v-deep .ant-table-placeholder{ ::v-deep .ant-table-placeholder {
margin-top: 8px !important margin-top: 8px !important
} }
</style> </style>
@@ -121,7 +121,9 @@
</div> </div>
<div class="table-operator"> <div class="table-operator">
<!-- 保存--> <!-- 保存-->
<div @click="handlePreservation" class="operator-text" v-has="'report:detail:export:save'"> <div @click="handlePreservation" class="operator-text"
v-if="$route.query.authorityFlag == '0'"
v-has="'report:detail:export:save'">
<a-icon type="check-circle"/> <a-icon type="check-circle"/>
{{$t('preservation')}} {{$t('preservation')}}
</div> </div>