infos.vue

<template>
<div class="eibs-tab">
  <c-col :span="24">
    <el-table :data="model" :highlight-current-row="true" border size="small" style="width:100%">
      <el-table-column v-for="(item, key) in columns" show-overflow-tooltip
      v-if="item.show" :key="key" :label="item.label" :min-width="item.width" :prop="item.prop">
        <template slot-scope="scope">
          <span v-if="item.prop==='ownref'">
              {{ root.model.cpdgrp.rec.ownref }}
          </span>
          <span v-if="item.prop==='cretime'">
              {{ df(scope.row.cretime) }}
          </span>
          <span v-else>
              {{ scope.row[item.prop] }}
          </span>
        </template>
      </el-table-column>
      <el-table-column fixed="right" prop="op" label="操作" width="100px">
        <template slot-scope="scope">
          <c-button size="small" type="text" @click="showPdf(scope.row)" :disabled="isDisable(scope.row)">SHOW</c-button>
        </template>
      </el-table-column>
    </el-table>
  </c-col>
  <!-- 查看PDF弹框 -->
	<message-view ref="msgView"></message-view>
</div>
</template>
<script>
import commonDepend from "~/mixin/commonDepend.js";
import event from "../event";
import dateFormat from "@/util/date/dateFormat.js";
import MessageView from "~/components/business/docpan/views/MessageView";

export default {
  inject: ["root"],
  mixins: [commonDepend, event],
  components: { MessageView },
  props: ["model", "codes"],
  data() {
    return {
      columns: [
        { label: "主键", prop: "ownref", width: "10px", show: false },
        { label: "业务编号", prop: "ownref", width: "160px", show: true },
        { label: "报关单号", prop: "customno", width: "160px", show: true },
        { label: "平台订单编号", prop: "orderno", width: "120px", show: true },
        { label: "日期", prop: "credat", width: "100px", show: true },
        { label: "创建时间", prop: "cretime", width: "140px", show: true },
        { label: "路径", prop: "path", width: "120px", show: true },
        { label: "文件名", prop: "filename", width: "100px", show: true },
        { label: "接口类型", prop: "jktyp", width: "80px", show: true },
        { label: "PDF唯一索引", prop: "pdfidx", width: "100px", show: true }
      ]
    };
  },
  computed: {},
  methods: {
    df(par) {
      return dateFormat(par);
    },
    isDisable(row) {
      return !row.path || row.path.trim() === "";
    }
  },
  computed: {}
};
</script>
<style scoped lang="less">
</style>