刘璐珈

src/views/MarketingCenter/ContractCapitalManagement/index.vue

@@ -30,6 +30,11 @@
         start-placeholder="开始日期"
         end-placeholder="结束日期"/>
       <el-button type="primary" icon="el-icon-search" size="small" style="margin-left: 10px" plain @click="PageSize = 30;PageCurrent = 1;tableData2=[];getTableData()">查询</el-button>
+      <el-tooltip :open-delay="1200" effect="dark" content="导出" placement="top">
+        <div style="display: inline-block">
+          <el-button type="primary" plain class="el-icon-download" size="small" style="margin: 10px 0 0 250px" @click="exportExcel">导出</el-button>
+        </div>
+      </el-tooltip>
       <!--<el-badge :value="value" :max="99" class="item">-->
       <!--<el-button size="small" plain @click="AccountsReceivable">查看收款信息</el-button>-->
       <!--</el-badge>-->
@@ -167,6 +172,7 @@
         <el-table
           :data="tableData2"
           :summary-method="getSummaries1"
+          :header-cell-style="{fontFamily:'YouYuan',fontSize:'13px',fontWeight:200}"
           style="width: 395px;max-height: 440px;text-align: center"
           highlight-current-row
           show-summary
@@ -206,7 +212,8 @@
 
 <script>
 import elInput from 'element-ui/packages/input'
-import { updateMoney, addMoney, deleteMoney, executionProgressID, getcustomername, searchProjectNumber2, AccountsReceivable, selectProvince, SelectMarketingManager, searchTable1, searchTable2, searchProjectNumber, PaymentPhase, selectMachine } from '@/api//MarketingCenter/ContractCapitalManagement'
+import { getNowShotTime } from '@/utils/tool'
+import { updateMoney, addMoney, deleteMoney, executionProgressID, getcustomername, searchProjectNumber2, AccountsReceivable, selectProvince, SelectMarketingManager, searchTable1, searchTable2, searchProjectNumber, PaymentPhase, selectMachine, downloadexcel } from '@/api//MarketingCenter/ContractCapitalManagement'
 
 export default {
   components: {
@@ -303,7 +310,39 @@ export default {
     this.getCustomerName()
   },
   methods: {
-    // 2020 02 20 刘路加新增怕徐
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        return v[j]
+      }))
+    },
+    exportExcel() {
+      this.dateRange ? this.check1 = 1 : (this.check1 = 0, this.dateRange = '')
+      downloadexcel(this.entryNameValue, this.peopleid, this.customerName, this.check1, this.dateRange[0], this.dateRange[1], this.ordername, this.order).then(val => {
+        for (let i = 0; i < val.data.length; i++) {
+          val.data[i]['合同总金额(万元)'] === null ? val.data[i]['合同总金额(万元)'] = '0.00' : val.data[i]['合同总金额(万元)'] = (val.data[i]['合同总金额(万元)']).toFixed(2)
+          val.data[i]['到账金额(万元)'] === null ? val.data[i]['到账金额(万元)'] = '0.00' : val.data[i]['到账金额(万元)'] = (val.data[i]['到账金额(万元)']).toFixed(2)
+          val.data[i]['未收金额(万元)'] === null ? val.data[i]['未收金额(万元)'] = '0.00' : val.data[i]['未收金额(万元)'] = (val.data[i]['未收金额(万元)']).toFixed(2)
+        }
+        if (val.length !== 0) {
+          import('@/vendor/Export2Excel').then(excel => {
+            const tHeader = ['序号', '合同编号', '项目名称', '客户名称', '付款方式', '合同签订日期', '合同总金额(万元)', '到账金额(万元)', '未收金额(万元)', '营销经理']
+            const filterVal = ['序号', '合同编号', '项目名称', '客户名称', '付款方式', '合同签订日期', '合同总金额(万元)', '到账金额(万元)', '未收金额(万元)', '营销经理']
+            const list = val.data
+            const data = this.formatJson(filterVal, list)
+            excel.export_json_to_excel({
+              header: tHeader,
+              data,
+              filename: getNowShotTime(),
+              autoWidth: true,
+              bookType: 'xlsx'
+            })
+          })
+        } else {
+          this.$message.warning('没有导出内容')
+        }
+      })
+    },
+    // 2020 02 20 刘路加新增排序
     sortChange(column, prop, order) {
       console.log(column + '-' + column.prop + '-' + column.order, 11111)
       if (column.prop === '合同编号') {
@@ -421,7 +460,6 @@ export default {
           this.tableData2[index].收款金额 = 0
         }
       }).then(() => {
-        console.log(111111111)
         this.getTableData()
       })
     },
@@ -560,6 +598,7 @@ export default {
 </script>
 
 <style scoped>
+
   /*.el-card {*/
   /*  !*margin-top: 15px;*!*/
   /*}*/
@@ -575,7 +614,7 @@ export default {
   .el-table td, .el-table th.is-leaf,
   .el-radio__inner,
   .el-input__inner{
-    border: 1px solid black!important;
+    /*border: 1px solid black!important;*/
     width: 150px;
     white-space: nowrap;
     overflow: hidden;
@@ -586,7 +625,7 @@ export default {
   /*}*/
 </style>
 <style lang="scss">
-  .subTableHeader {
+  >>>.subTableHeader {
     th {
       background: #7eaced !important;
       color: black;