| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <a-table :columns="columns" :data-source="dataSource" bordered :pagination="false" :size="size" rowKey="fileId" |
|---|
| | | :customRow="customRow"> |
|---|
| | | <template slot="rowIndex" slot-scope="text,record,index"> |
|---|
| | | <span :style="{color:setCurrentVersionColor(record.publishFlag)}">{{parseInt(index) + 1}}</span> |
|---|
| | | </template> |
|---|
| | | :customRow="customRow" :scroll="{y:189}"> |
|---|
| | | <template slot="fileName" slot-scope="text,record,index"> |
|---|
| | | <span :style="{color:setCurrentVersionColor(record.publishFlag)}"> |
|---|
| | | <span> |
|---|
| | | {{text}}.{{record.fileSuffix}} |
|---|
| | | <span v-if="record.publishFlag">[å½åçæ¬]</span> |
|---|
| | | </span> |
|---|
| | | </template> |
|---|
| | | <template slot="docVersion" slot-scope="text,record"> |
|---|
| | | <span :style="{color:setCurrentVersionColor(record.publishFlag)}">{{text}}</span> |
|---|
| | | </template> |
|---|
| | | <template slot="fileSize" slot-scope="text,record"> |
|---|
| | | <span :style="{color:setCurrentVersionColor(record.publishFlag)}">{{(text/1024).toFixed(2)}}KB</span> |
|---|
| | | </template> |
|---|
| | | </a-table> |
|---|
| | | |
|---|
| | | <SelectFileCompareModal :dataSource="dataSource" :setCurrentVersionColor="setCurrentVersionColor" |
|---|
| | | ref="selectFileCompareModalRef"/> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | return { |
|---|
| | | disableMixinCreated: true, |
|---|
| | | queryParams: {}, |
|---|
| | | currentDocumentVersion: '', |
|---|
| | | columns: [ |
|---|
| | | { title: 'åºå·', dataIndex: 'rowIndex', width: 65, align: 'center', scopedSlots: { customRender: 'rowIndex' } }, |
|---|
| | | { |
|---|
| | | title: 'åºå·', |
|---|
| | | dataIndex: 'rowIndex', |
|---|
| | | width: 65, |
|---|
| | | align: 'center', |
|---|
| | | customRender: function(t, r, index) { |
|---|
| | | return parseInt(index) + 1 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | { title: 'æ件å称', dataIndex: 'fileName', align: 'center', scopedSlots: { customRender: 'fileName' } }, |
|---|
| | | { title: 'çæ¬å·', dataIndex: 'docVersion', align: 'center', scopedSlots: { customRender: 'docVersion' } }, |
|---|
| | | { title: 'æ件大å°', dataIndex: 'fileSize', align: 'center', scopedSlots: { customRender: 'fileSize' } } |
|---|
| | | { title: 'çæ¬å·', dataIndex: 'docVersion', align: 'center' }, |
|---|
| | | { title: 'æ件大å°', dataIndex: 'fileSize', align: 'center' } |
|---|
| | | ], |
|---|
| | | url: { |
|---|
| | | list: '/nc/file/find/list' |
|---|
| | |
|---|
| | | created() { |
|---|
| | | this.$bus.$on('tableMenuItemMethodTrigger', this.triggerCorrespondingMethod) |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | this.$bus.$off('tableMenuItemMethodTrigger', this.triggerCorrespondingMethod) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // å è½½å表æ°æ® |
|---|
| | | loadData() { |
|---|
| | | this.dataSource = [] |
|---|
| | | if (!this.url.list) { |
|---|
| | |
|---|
| | | return false |
|---|
| | | } |
|---|
| | | this.loading = true |
|---|
| | | getAction(this.url.list, params).then((res) => { |
|---|
| | | if (res.success) { |
|---|
| | | this.dataSource = res.list |
|---|
| | | this.currentDocumentVersion = res.list.find(item => item.publishFlag).docVersion |
|---|
| | | console.log('currentDocumentVersion', this.currentDocumentVersion) |
|---|
| | | } else { |
|---|
| | | this.$message.warning(res.message) |
|---|
| | | getAction(this.url.list, params) |
|---|
| | | .then((res) => { |
|---|
| | | if (res.success) this.dataSource = res.list |
|---|
| | | else { |
|---|
| | | that.$notification.error({ |
|---|
| | | message: 'æ¶æ¯', |
|---|
| | | description: res.message |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }).finally(() => { |
|---|
| | | }) |
|---|
| | | .finally(() => { |
|---|
| | | this.loading = false |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | |
|---|
| | | * æå®å½åæ档为å½åçæ¬ |
|---|
| | | * @param fileId æ件Id |
|---|
| | | */ |
|---|
| | | handleFileAssign({ fileId }) { |
|---|
| | | handleFileAssign({ fileId, publishFlag }) { |
|---|
| | | const that = this |
|---|
| | | console.log('publishFlag', publishFlag) |
|---|
| | | // å¦æå½åæå®çæ¬ççæ¬å·ä¸å½åçæ¬ççæ¬å·ä¸è´åä¸åèµ·è¯·æ± |
|---|
| | | if (publishFlag) { |
|---|
| | | that.$notification.info({ |
|---|
| | | message: 'æ¶æ¯', |
|---|
| | | description: 'å½åææ¡£çæ¬å³ä¸ºå½åæ件' |
|---|
| | | }) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | dncApi.appointCurrentDocumentVersionApi(fileId) |
|---|
| | | .then(res => { |
|---|
| | | if (res.success) { |
|---|
| | |
|---|
| | | message: 'æ¶æ¯', |
|---|
| | | description: res.message |
|---|
| | | }) |
|---|
| | | const currentAssignDocumentVersion = that.dataSource.find(item => item.fileId === fileId).docVersion |
|---|
| | | // å¦æå½åæå®çæ¬ççæ¬å·ä¸å½åçæ¬ççæ¬å·ä¸è´åä¸éæ°å è½½å表并ä¸ä¸éæ°éæ¾é¢è§æ¥å£è°å |
|---|
| | | if (that.currentDocumentVersion === currentAssignDocumentVersion) return |
|---|
| | | that.loadData() |
|---|
| | | that.$emit('releaseFilePreviewApi') |
|---|
| | | } else { |
|---|
| | |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * æ¯å¯¹ä¸¤ä¸ªçæ¬çææ¡£å
容 |
|---|
| | | * @param _ |
|---|
| | | * @param modalTitle å¼¹çªæ é¢ |
|---|
| | | */ |
|---|
| | | handleFileAddRelative(_, modalTitle) { |
|---|
| | | if (!this.$refs.selectFileCompareModalRef) return |
|---|
| | | this.$refs.selectFileCompareModalRef.visible = true |
|---|
| | | this.$refs.selectFileCompareModalRef.title = modalTitle |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * å®å¶è¡¨æ ¼è¡æ ·å¼ååè½ |
|---|
| | | * @param record è¡¨æ ¼è¡ä¿¡æ¯ |
|---|
| | | * @returns {{style: {color: (string)}, on: {contextmenu: *}}} æ ·å¼ååè½ |
|---|
| | | */ |
|---|
| | | customRow(record) { |
|---|
| | | return { |
|---|
| | | style: { |
|---|
| | | color: this.setCurrentVersionColor(record.publishFlag) |
|---|
| | | }, |
|---|
| | | on: { |
|---|
| | | contextmenu: event => { |
|---|
| | | event.preventDefault() |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | triggerCorrespondingMethod({ methodName, level, modalTitle, tableRowInfo }) { |
|---|
| | | if (this[methodName]) this[methodName](tableRowInfo, modalTitle) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * è®¾ç½®è¡¨æ ¼ä¸ä¸ºå½åçæ¬çæä»¶è¡¨æ ¼è¡é¢è²æ è¯ |
|---|
| | | * @param publishFlag æ¯å¦ä¸ºå½åçæ¬ |
|---|
| | |
|---|
| | | */ |
|---|
| | | setCurrentVersionColor(publishFlag) { |
|---|
| | | return publishFlag ? '#DB9538' : '' |
|---|
| | | }, |
|---|
| | | |
|---|
| | | triggerCorrespondingMethod({ methodName, modalTitle, tableRowInfo }) { |
|---|
| | | if (this[methodName]) this[methodName](tableRowInfo, modalTitle) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | |
|---|
| | | </style> |
|---|
