刘璐珈

src/views/MarketingCenter/SafetyMargin/index.vue

@@ -40,8 +40,12 @@
       <!--        type="date"-->
       <!--        placeholder="请选择结束日期"/>-->
       <el-button type="primary" icon="el-icon-search" size="small" style="margin-left: 10px" plain @click="PageSizeProject = 30;PageCurrentProject = 1;searchTableDataProject()">查询</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 630px" @click="exportExcel">导出</el-button>
+        </div>
+      </el-tooltip>
     </el-card>
-
     <el-card>
       <el-table
         v-loading="listLoadingProject"
@@ -113,6 +117,11 @@
             {{ Number(scope.row.已收金额).toFixed(2) }}
           </template>
         </el-table-column>
+        <el-table-column label="未收(万元)" align="center" width="100">
+          <template slot-scope="scope">
+            {{ Number(scope.row.未收金额).toFixed(2) }}
+          </template>
+        </el-table-column>
         <el-table-column label="营销经理" align="center" width="80">
           <template slot-scope="scope">
             {{ scope.row.姓名 }}
@@ -204,7 +213,6 @@
           @current-change="handleCurrentChangeProject"/>
       </div>
     </el-card>
-
     <!--安全保证金表格-->
     <el-card>
       <el-table
@@ -633,7 +641,8 @@
 
 <script>
 import elInput from 'element-ui/packages/input'
-import { initProject, searchTable1, searchTable2, addSafetyMargin, editSafetyMargin, delSafetyMargin, Withdrawing, delWithdrawing, edtWithdrawing, TakeBack, searchTableDataProject, executionProgressID } from '@/api/MarketingCenter/SafetyMargin'
+import { getNowShotTime } from '@/utils/tool'
+import { initProject, searchTable1, searchTable2, addSafetyMargin, editSafetyMargin, delSafetyMargin, Withdrawing, delWithdrawing, edtWithdrawing, TakeBack, searchTableDataProject, searchTableDataProject_excel, executionProgressID } from '@/api/MarketingCenter/SafetyMargin'
 export default {
   components: {
     elInput
@@ -786,6 +795,68 @@ export default {
     this.searchTableDataProject()
   },
   methods: {
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        return v[j]
+      }))
+    },
+    exportExcel() {
+      if (this.entryNameValue === '' || this.entryNameValue === null) {
+        this.entryNameValue_check = 0
+      } else {
+        this.entryNameValue_check = 1
+      }
+      if (this.startTime === '' || this.startTime === null) {
+        this.startTime_check = 0
+      } else {
+        this.startTime_check = 1
+      }
+      if (this.endTime === '' || this.endTime === null) {
+        this.endTime_check = 0
+      } else {
+        this.endTime_check = 1
+      }
+      if (this.customerName === '' || this.customerName === null) {
+        this.customerName_check = 0
+      } else {
+        this.customerName_check = 1
+      }
+      // llj新增
+      this.dateRange ? this.check1 = 1 : (this.check1 = 0, this.dateRange = '')
+      searchTableDataProject_excel(this.entryNameValue, this.entryNameValue_check, this.check1, this.check1, this.dateRange[0], this.dateRange[1], this.customerName_check, this.customerName).then(val => {
+        console.log(val.data[0])
+        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)
+          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].扣款金额).toFixed(2)
+          // val.data[i].应收回金额 === null ? 0.00 : (val.data[i].应收回金额).toFixed(2)
+          // val.data[i].已收金额 === null ? 0.00 : (val.data[i].已收金额).toFixed(2)
+          if (val.data[i].交付日期 !== '' && val.data[i].交付日期 !== null) {
+            val.data[i].交付日期 = val.data[i].交付日期.substring(0, val.data[i].交付日期.length - 8)
+          }
+        }
+        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('没有导出内容')
+        }
+      })
+    },
     changeTime() {
       this.pickerOptions = Object.assign({}, this.pickerOptions, {
         disabledDate: (time) => {
@@ -848,6 +919,7 @@ export default {
         for (let i = 0; i < data.rows.length; i++) {
           data.rows[i].合同签订日期 = data.rows[i].合同签订日期.substring(0, data.rows[i].合同签订日期.length - 8)
           parseInt(data.rows[i].安全保证金类型) === 1 ? data.rows[i].是否禁用增加安全保证金 = true : data.rows[i].是否禁用增加安全保证金 = false
+          data.rows[i].交付日期 = data.rows[i].交付日期.substring(0, data.rows[i].交付日期.length - 8)
         }
 
         this.projectTableData = data.rows