修改虚拟清单详情细节问题

2022-04-11 10:38:22 +08:00
parent 373fbfaa4c
commit ef582b1b57
5 changed files with 180 additions and 27 deletions
@@ -0,0 +1,120 @@
+<template>
+  <a-modal
+    :title="$t('UpdateLog')"
+    :width="900"
+    :visible="visible"
+    :confirm-loading="confirmLoading"
+    :maskClosable="false"
+    @ok="handleOk"
+    @cancel="handleCancel"
+  >
+    <a-table
+      class="table"
+      :columns="columns"
+      :pagination="false"
+      :scroll="{y: 400}"
+      :data-source="dataSource"
+      :loading="loading"
+    >
+       <span slot="content" slot-scope="text,record">
+          <a-tooltip placement="topLeft">
+        <template slot="title">
+          <span v-html="text"></span>
+        </template>
+            <span v-html="text"></span>
+      </a-tooltip>
+       </span>
+    </a-table>
+    <div class="page" v-if="dataSource.length > 0">
+      <a-pagination
+        :show-total="total => $t('total')+`${total}`+$t('strip')"
+        show-quick-jumper
+        show-size-changer
+        :page-size.sync="pageSize "
+        :total="total"
+        @change="onChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
+  </a-modal>
+</template>
+
+<script>
+  import { getAction, postAction,  } from '@/api/manage'
+  export default {
+    name: 'index',
+    props:['url'],
+    data(){
+        return{
+          visible:false,
+          confirmLoading:false,
+          dataSource:[],
+          loading:false,
+          pageNo: 1,
+          pageSize: 10,
+          total: 0,
+          columns: [
+            {
+              title: this.$t('OperationDetails'),
+              dataIndex: 'content',
+              align: 'center',
+              ellipsis: true,
+              scopedSlots: { customRender: 'content' }
+            },
+            {
+              title: this.$t('OperationTime'),
+              dataIndex: 'createTime',
+              align: 'center',
+              ellipsis: true,
+              width: 180
+            },
+          ]
+        }
+    },
+    mounted() {
+    },
+    methods:{
+      getList(){
+        this.visible = true
+        this.pageNo = 1
+        this.bussLogList()
+      },
+      handleOk() {
+        this.visible = false
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      onChange(page, pageSize) {
+        this.pageNo = page
+        this.bussLogList()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.bussLogList()
+      },
+      bussLogList(){
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          documentId: this.$route.query.id
+        }
+        this.loading = true
+        getAction(this.url.logList, query).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result.records
+            this.total = res.result.total
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        })
+      },
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>