yecai_client/src/views/module_kzks/projectCostList/modules/ProjectDetailModal.vue

<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    switchFullscreen
    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
    cancelText="关闭"
    @cancel="handleCancel">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
        </a-row>
      </a-form>
    </div>
    <!-- 查询区域-END -->

    <!-- 操作按钮区域 -->

    <!-- table区域-begin -->
    <div>
      <a-table
        ref="table"
        size="middle"
        :scroll="{x:true}"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        class="j-table-force-nowrap"
        @change="handleTableChange">
        <!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" -->

      </a-table>
    </div>
  </j-modal>
</template>

<script>
  import '@/assets/less/TableExpand.less'
  import { mixinDevice } from '@/utils/mixin'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'

  export default {
    name: 'contractInfoExchangeList',
    mixins:[JeecgListMixin, mixinDevice],
    data () {
      return {
        title: '',
        width: '60%',
        visible: false,
        disableSubmit: true,
        columns: [
          {
            title: '#',
            dataIndex: '',
            key:'rowIndex',
            width:60,
            align:"center",
            customRender:function (t,r,index) {
              return parseInt(index)+1;
            }
          },
          {
            title:'备注',
            align:"center",
            dataIndex: 'bz'
          },
          {
            title:'编号',
            align:"center",
            dataIndex: 'bh'
          },
          {
            title:'部门（合同付款）',
            align:"center",
            dataIndex: 'bm'
          },
          {
            title:'产品型号',
            align:"center",
            dataIndex: 'cpxh'
          },
          {
            title:'待付款（元）',
            align:"center",
            dataIndex: 'dfk'
          },
          {
            title:'待开票（元）',
            align:"center",
            dataIndex: 'dkp'
          },
          {
            title:'到款（元）',
            align:"center",
            dataIndex: 'dk'
          },
          {
            title:'到款日期/汇票到期日期',
            align:"center",
            dataIndex: 'dkhpdqrq',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'电话',
            align:"center",
            dataIndex: 'dh'
          },
          {
            title:'发票编号（sn）',
            align:"center",
            dataIndex: 'fpbh'
          },
          {
            title:'发票编码',
            align:"center",
            dataIndex: 'fpbm'
          },
          {
            title:'发票开具额',
            align:"center",
            dataIndex: 'fpkje'
          },
          {
            title:'发票类型',
            align:"center",
            dataIndex: 'fplx'
          },
          {
            title:'发票内容',
            align:"center",
            dataIndex: 'fpnr'
          },
          {
            title:'付款方名称',
            align:"center",
            dataIndex: 'fkfmc'
          },
          {
            title:'更新时间',
            align:"center",
            dataIndex: 'gxsj',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'归档编号',
            align:"center",
            dataIndex: 'gdbh'
          },
          {
            title:'归档日期',
            align:"center",
            dataIndex: 'gdrq',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'合同编号',
            align:"center",
            dataIndex: 'htbh'
          },
          {
            title:'合同发票接收邮箱地址',
            align:"center",
            dataIndex: 'htfpjsyxdz'
          },
          {
            title:'合同分配额',
            align:"center",
            dataIndex: 'htfpe'
          },
          {
            title:'合同金额',
            align:"center",
            dataIndex: 'htje'
          },
          {
            title:'合同款状态',
            align:"center",
            dataIndex: 'htkzt'
          },
          {
            title:'合同类型',
            align:"center",
            dataIndex: 'htlx'
          },
          {
            title:'合同履行情况',
            align:"center",
            dataIndex: 'htlxqk'
          },
          {
            title:'合同密级',
            align:"center",
            dataIndex: 'htmj'
          },
          {
            title:'合同名称',
            align:"center",
            dataIndex: 'htmc'
          },
          {
            title:'合同起草人',
            align:"center",
            dataIndex: 'htqcr'
          },
          {
            title:'合同签订日期',
            align:"center",
            dataIndex: 'htqdrq',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'合同任务id',
            align:"center",
            dataIndex: 'htrwid'
          },
          {
            title:'合同数量',
            align:"center",
            dataIndex: 'htsl'
          },
          {
            title:'合同页数',
            align:"center",
            dataIndex: 'htys'
          },
          {
            title:'合同主管部门',
            align:"center",
            dataIndex: 'htzgbm'
          },
          {
            title:'合同状态',
            align:"center",
            dataIndex: 'htzt'
          },
          {
            title:'合同状态说明',
            align:"center",
            dataIndex: 'htztsm'
          },
          {
            title:'甲方（付款方）',
            align:"center",
            dataIndex: 'jf'
          },
          {
            title:'甲方简称、用户简称',
            align:"center",
            dataIndex: 'jfyhjc'
          },
          {
            title:'甲方签约人',
            align:"center",
            dataIndex: 'jfqyr'
          },
          {
            title:'阶段',
            align:"center",
            dataIndex: 'jd'
          },
          {
            title:'金额（元）、收款总金额、开票金额',
            align:"center",
            dataIndex: 'jeskzkp'
          },
          {
            title:'开户行',
            align:"center",
            dataIndex: 'khx'
          },
          {
            title:'开票时间',
            align:"center",
            dataIndex: 'kpsj',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'开票状态',
            align:"center",
            dataIndex: 'kpzt'
          },
          {
            title:'客户id',
            align:"center",
            dataIndex: 'khid'
          },
          {
            title:'客户流程编号',
            align:"center",
            dataIndex: 'khlcbh'
          },
          {
            title:'联系人（对方）',
            align:"center",
            dataIndex: 'lxr'
          },
          {
            title:'录入人、申请人',
            align:"center",
            dataIndex: 'lrsqr'
          },
          {
            title:'凭证号',
            align:"center",
            dataIndex: 'pzh'
          },
          {
            title:'起草日期、录入日期、申请日期',
            align:"center",
            dataIndex: 'qclrsqrq',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'签署日期',
            align:"center",
            dataIndex: 'qsrq',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'确认外协',
            align:"center",
            dataIndex: 'qrwx'
          },
          {
            title:'任务编号',
            align:"center",
            dataIndex: 'rwbh'
          },
          {
            title:'任务名称',
            align:"center",
            dataIndex: 'rwmc'
          },
          {
            title:'任务收款金额',
            align:"center",
            dataIndex: 'rwskje'
          },
          {
            title:'申请人部门',
            align:"center",
            dataIndex: 'sqrbm'
          },
          {
            title:'收款编号（sn）',
            align:"center",
            dataIndex: 'skbh'
          },
          {
            title:'收款科目代码',
            align:"center",
            dataIndex: 'skkmdm'
          },
          {
            title:'收款类型',
            align:"center",
            dataIndex: 'sklx'
          },
          {
            title:'数据来源：10：合同管理，20：合同任务，30：任务合同，40：合同付款，50：合同发票，60：外协合同',
            align:"center",
            dataIndex: 'sjly'
          },
          {
            title:'数量（合同付款）',
            align:"center",
            dataIndex: 'sl'
          },
          {
            title:'税号',
            align:"center",
            dataIndex: 'sh'
          },
          {
            title:'所属型号',
            align:"center",
            dataIndex: 'ssxh'
          },
          {
            title:'外协单号（sn）',
            align:"center",
            dataIndex: 'wxdh'
          },
          {
            title:'外协合同编号',
            align:"center",
            dataIndex: 'wxhtbh'
          },
          {
            title:'外协类型',
            align:"center",
            dataIndex: 'wxlx'
          },
          {
            title:'项目密级',
            align:"center",
            dataIndex: 'xmmj'
          },
          {
            title:'发票需求时间',
            align:"center",
            dataIndex: 'fpxqsj',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'序号',
            align:"center",
            dataIndex: 'xh'
          },
          {
            title:'研制部门',
            align:"center",
            dataIndex: 'yzbm'
          },
          {
            title:'业务员',
            align:"center",
            dataIndex: 'ywy'
          },
          {
            title:'业务员部门',
            align:"center",
            dataIndex: 'ywybm'
          },
          {
            title:'乙方（收款方）',
            align:"center",
            dataIndex: 'yf'
          },
          {
            title:'乙方签约人',
            align:"center",
            dataIndex: 'yfqyr'
          },
          {
            title:'已开票（元）',
            align:"center",
            dataIndex: 'ykp'
          },
          {
            title:'已收款',
            align:"center",
            dataIndex: 'ysk'
          },
          {
            title:'用户id',
            align:"center",
            dataIndex: 'yhid'
          },
          {
            title:'用户简称',
            align:"center",
            dataIndex: 'yhjc'
          },
          {
            title:'用户名称',
            align:"center",
            dataIndex: 'yhmc'
          },
          {
            title:'账号',
            align:"center",
            dataIndex: 'zh'
          },
          {
            title:'执行状态（status）',
            align:"center",
            dataIndex: 'zxzt'
          },
          {
            title:'主管设计师',
            align:"center",
            dataIndex: 'zgsjs'
          },
          {
            title:'抓总部门',
            align:"center",
            dataIndex: 'zzbm'
          },
          {
            title:'自筹（元）',
            align:"center",
            dataIndex: 'zc'
          },
          {
            title:'类型（无用）',
            align:"center",
            dataIndex: 'pici'
          },
          {
            title:'作废发票申请时间',
            align:"center",
            dataIndex: 'sqsj',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'作废单号',
            align:"center",
            dataIndex: 'zfdh'
          },
          // {
          //   title: '操作',
          //   dataIndex: 'action',
          //   align:"center",
          //   fixed:"right",
          //   width:147,
          //   scopedSlots: { customRender: 'action' }
          // }
        ],
        dataSource: [],
        dictOptions:{},
        superFieldList:[],
      }
    },
    created () {
    },
    mounted () {
    },
    methods: {
      show() {
        this.visible = true
      },
      close () {
        this.$emit('close');
        this.visible = false;
      },
      handleCancel () {
        this.close()
      },
      initDictConfig(){
      },
    }
  }
</script>

<style scoped>
  @import '~@assets/less/common.less';
</style>