第二次需求 照片 appid

src/api/user.js

@@ -65,3 +65,27 @@ export function logsearchfilter(gte,lte, page, size,code,appid) {
     }
   })
 }
+//自定义库(修改url)
+export function customLog(transaction_order_number, page, size) {
+  return request({
+    url: baseURL + '/log/search/v1/ocean',
+    method: 'get',
+    params: {
+      transaction_order_number: transaction_order_number,
+      page: page,
+      size: size
+    }
+  })
+}
+//商城算法（修改url）
+export function shoppingLog(transaction_order_number, page, size) {
+  return request({
+    url: baseURL + '/log/search/v1/ocean',
+    method: 'get',
+    params: {
+      transaction_order_number: transaction_order_number,
+      page: page,
+      size: size
+    }
+  })
+}

src/views/logFiltering/logFiltering.vue

@@ -51,6 +51,54 @@
       </div>
     </a-layout>
     </a-locale-provider>
+    <a-modal v-model="visible" title="详情" cancel-text="关闭" ok-text="复制" width="80%" :mask-closable="maskClosable">
+      <a-descriptions bordered>
+        <a-descriptions-item label="业务流水号">
+          {{ detail.transaction_order_number }}
+        </a-descriptions-item>
+        <a-descriptions-item label="IP地址">
+          {{ detail.ip }}
+        </a-descriptions-item>
+        <a-descriptions-item label="认证模式">
+          {{ detail.mode }}
+        </a-descriptions-item>
+        <a-descriptions-item label="认证耗时">
+          {{ detail.business_time }}
+        </a-descriptions-item>
+        <a-descriptions-item label="日志写入时间">
+          {{ detail.time_stamp | dateFilter }}
+        </a-descriptions-item>
+        <a-descriptions-item label="是否成功">
+          {{ detail.status ? '是': '否' }}
+        </a-descriptions-item>
+        <a-descriptions-item label="业务响应码">
+          {{ detail.code }}
+        </a-descriptions-item>
+        <a-descriptions-item label="业务响应说明">
+          {{ detail.msg }}
+        </a-descriptions-item>
+        <a-descriptions-item label="应用ID">
+          {{ detail.appid }}
+        </a-descriptions-item>
+      </a-descriptions>
+      <!-- <div style="min-height:200px;border:1px solid #e8e8e8;color:#8f8f8f;border-radius: 5px;">
+        {{ ModalText }}
+      </div>-->
+      <img style="width: 150px;height: auto;margin-top: 10px" v-if="detail.mode =='YTCR-BASIC'" :src=" 'data:image/png;base64,' + imageList" />
+      <div  style="margin-top: 10px;display: flex" v-else >
+        <a-row v-for="item in imageListArray">
+          <img style="width: 150px;height:160px;margin-left: 10px;display: flex;align-items: center;" :src=" 'data:image/png;base64,' + item.Data" />
+        </a-row>
+      </div>
+      <template slot="footer">
+        <a-button key="back" @click="visible = false">
+          关闭
+        </a-button>
+        <a-button key="submit" v-clipboard:copy="ModalText" v-clipboard:success="copySuccess" v-clipboard:error="copyError" type="primary">
+          复制
+        </a-button>
+      </template>
+    </a-modal>
   </div>
 
 </template>
@@ -65,13 +113,13 @@ const columns = [
   {
     title: '业务流水号',
     dataIndex: 'transaction_order_number',
-    width: '26%',
+    width: '21%',
     scopedSlots: { customRender: 'transaction_order_number' }
   },
   {
     title: '应用id',
     dataIndex: 'appid',
-    width: '26%',
+    width: '21%',
     scopedSlots: { customRender: 'appid' }
   },
   {
@@ -92,6 +140,11 @@ const columns = [
     width: '16%',
     scopedSlots: { customRender: 'time_stamp' }
   },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    scopedSlots: { customRender: 'operation' }
+  }
 ]
 export default {
   filters: {
@@ -107,8 +160,14 @@ export default {
       data: [],
       searchInput: '',
       locale: zhCN,
+      maskClosable: false,
       flagMode:false,
+      imageListArray:[],
+      ModalText:'',
       isLoading:false,
+      imageList:'',
+      visible: false,
+      detail: {},
       pagination: {
         current: 1,
         total: 0
@@ -137,6 +196,30 @@ export default {
 
       })
     },
+    // 点击表格上的编辑，查看单条的详情信息
+    edit(record) {
+      debugger
+      this.visible = true
+      this.detail = record
+      this.ModalText = record
+      this.imageListArray=[]
+      if (record.mode =='YTCR-BASIC'){
+        this.imageList =JSON.parse(record.requestData).bdata.ImageData
+        console.log(this.imageList)
+      }else{
+        console.log(record.requestData)
+        this.imageListArray =JSON.parse(record.requestData).bdata.FaceImageList
+        console.log(this.imageListArray)
+      }
+    },
+    // 复制成功;
+    copySuccess() {
+      this.$message.success('复制成功')
+    },
+    // 复制失败
+    copyError() {
+      this.$message.error('复制失败')
+    },
     mobandaochu(){
       var url = baseURL +'/log/search/v1/excelExport?code='+this.searchInput+'&page='+this.pagination.current+'&size='+this.pagination.total+'&appid='+this.codeId+'&gte='+this.gte+'&lte='+this.lte
       window.location.href = url