sen-yu-new-web/src/views/reportForms/fabric-loss-table/imoneyCell.vue

<template>
  <a-modal
    title="成本金额"
    v-model="imoneyModVis"
    width="86%"
    :footer="null"
     @cancel="close"
  >
    <!-- tabel 加载 -->
    <!-- <a-spin> -->
      <!-- table -->
      <div>
        <a-table
          ref="tableRef"
          bordered
          :columns="surplusYarnColumns"
          :data-source="imoneyData"
          :pagination="false"
          :scroll="{ y: 500,x:1500 }"
        >
         <span slot="iprice" slot-scope="text,record">
           <a-input placeholder="请输入" v-model="record.iprice" v-if="record.bmanual == true"/>
            <span v-if="record.bmanual==false">{{record.iprice}}</span>
          </span>
        </a-table>
        <!-- 导出 打印 返回  -->
        <a-row style="marginTop:20px;">
          <a-col :md="24" :sm="12">
            <span style="float: right;" class="table-operator">
              <a-button type="primary" @click="close" icon="rollback">关闭</a-button>
            </span>
          </a-col>
        </a-row>
      </div>
    <!-- </a-spin> -->
  </a-modal>
</template>

<script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import JEllipsis from '@/components/jeecg/JEllipsis'
import JsonExcel from 'vue-json-excel'
export default {
  name: 'IquantityMoreLessModal', // 余纱 弹框
  mixins: [JeecgListMixin],
  components: { JEllipsis, JsonExcel },
  data() {
    return {
      exportTitle:"余纱",
      // 表头
      surplusYarnColumns: [
        {
          title: '来源订单号',
          width: 100,
          dataIndex: 'ccode',
          className: 'replacecolor'
        },
        {
          title: '日期',
          width: 100,
          dataIndex: 'cdate',
          className: 'replacecolor'
        },
         {
          title: '物料编号',
          width: 100,
          dataIndex: 'cinvCode',
          className: 'replacecolor'
        },
         {
          title: '物料名称',
          width: 100,
          dataIndex: 'cinvName',
          className: 'replacecolor'
        },
         {
          title: '批号',
          width: 80,
          dataIndex: 'cbatch',
          className: 'replacecolor'
        },
         {
          title: '单价',
          width: 80,
          dataIndex: 'iprice',
          className: 'replacecolor',
          scopedSlots: { customRender: 'iprice' } 
        },
         {
          title: '数量',
          width: 80,
          dataIndex: 'iquantity',
          className: 'replacecolor'
        },
         {
          title: '金额',
          width: 80,
          dataIndex: 'imoney',
          className: 'replacecolor'
        },
      ],
      imoneyData:[],
      imoneyModVis:false
    }
  },
  // 接收父组件 方法
  props: {
    
  },
  computed: {
    
  },
  created() {},
  watch:{
    
  },
  methods: {
    close(){
        this.imoneyModVis = false
    }
  }
}
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
@import '~@assets/less/overwriter.less';
/deep/ .ant-table-thead > tr > th {
  text-align: center;
  // font-weight: 700;
}

/deep/ .ant-table-tbody {
  text-align: center;
}

 /deep/ .ant-table-footer .ant-table-body {
    overflow: hidden !important;
  }
// /deep/ th.replacecolor {
//   background-color: #ccc;
// }
</style>