log 模块的弹窗样式调整

This commit is contained in:
任珮宇 2024-02-05 18:35:28 +08:00
parent fa04054986
commit c87c4ba6f7

View File

@ -17,7 +17,7 @@
</template> </template>
<!-- 标题结束 --> <!-- 标题结束 -->
<!-- 内容 --> <!-- 内容 -->
<a-spin :spinning="isGettingTreeData" style="margin-top: 80px; width: 100%; text-align: center;"> </a-spin> <a-spin :spinning="isGettingTreeData" style="margin-top: 80px; width: 100%; text-align: center"> </a-spin>
<tree-with-line <tree-with-line
v-if="treeData.length" v-if="treeData.length"
:treeData="treeData" :treeData="treeData"
@ -57,7 +57,7 @@
<!-- 日志列表结束 --> <!-- 日志列表结束 -->
<custom-modal title="Log" :width="950" v-model="visible" :footer="null"> <custom-modal title="Log" :width="950" v-model="visible" :footer="null">
<a-spin class="log-detail" :spinning="isGettingDetail"> <a-spin class="log-detail" :spinning="isGettingDetail">
<div v-for="(logItem, index) in logInfo" :key="index"> <div style="font-family: 宋体" v-for="(logItem, index) in logInfo" :key="index">
{{ logItem }} {{ logItem }}
</div> </div>
</a-spin> </a-spin>
@ -74,42 +74,42 @@ const columns = [
title: 'NAME', title: 'NAME',
align: 'center', align: 'center',
width: 320, width: 320,
dataIndex: 'fileName' dataIndex: 'fileName',
}, },
{ {
title: 'DATE', title: 'DATE',
align: 'center', align: 'center',
width: 200, width: 200,
dataIndex: 'fileDate' dataIndex: 'fileDate',
}, },
{ {
title: 'SIZE', title: 'SIZE',
align: 'center', align: 'center',
width: 220, width: 220,
dataIndex: 'fileSize' dataIndex: 'fileSize',
}, },
{ {
title: 'OPERATE', title: 'OPERATE',
align: 'center', align: 'center',
width: 200, width: 200,
scopedSlots: { scopedSlots: {
customRender: 'operate' customRender: 'operate',
} },
} },
] ]
export default { export default {
name: 'LogManage', name: 'LogManage',
mixins: [JeecgListMixin], mixins: [JeecgListMixin],
components: { components: {
TreeWithLine TreeWithLine,
}, },
data() { data() {
this.columns = columns this.columns = columns
return { return {
disableMixinCreated: true, disableMixinCreated: true,
url: { url: {
list: '/logManage/findFiles' list: '/logManage/findFiles',
}, },
isGettingTreeData: false, // isGettingTreeData: false, //
treeData: [], treeData: [],
@ -119,7 +119,7 @@ export default {
visible: false, visible: false,
isGettingDetail: false, isGettingDetail: false,
logInfo: [] logInfo: [],
} }
}, },
created() { created() {
@ -148,11 +148,11 @@ export default {
*/ */
buildTreeData(treeJson) { buildTreeData(treeJson) {
const tree = [] const tree = []
treeJson.forEach(item => { treeJson.forEach((item) => {
const treeNode = { const treeNode = {
title: item.name, title: item.name,
key: item.path, key: item.path,
children: [] children: [],
} }
if (item.children && item.children.length) { if (item.children && item.children.length) {
treeNode.children.push(...this.buildTreeData(item.children)) treeNode.children.push(...this.buildTreeData(item.children))
@ -180,7 +180,7 @@ export default {
var params = this.getQueryParams() // var params = this.getQueryParams() //
this.loading = true this.loading = true
getAction(this.url.list, params) getAction(this.url.list, params)
.then(res => { .then((res) => {
this.dataSource = res this.dataSource = res
}) })
.finally(() => { .finally(() => {
@ -216,8 +216,8 @@ export default {
formData.append('fileName', fileName) formData.append('fileName', fileName)
formData.append('localPath', filePath) formData.append('localPath', filePath)
downloadFile('/logManage/downloadFile', fileName, formData, 'post') downloadFile('/logManage/downloadFile', fileName, formData, 'post')
} },
} },
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>