From 4b23889e16422ac44c82f802a424391c4638bb2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=9A=E4=BA=9A=E7=94=B7?= <yaoyanan@syxysoft.com>
Date: Wed, 15 Sep 2021 18:07:26 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=AE=E5=AF=84=E4=BA=BA=E5=91=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/imgs/icon/xin.png                  | Bin 0 -> 3297 bytes
 .../dataDownloadRecord/DataDownloadRecord.vue |  70 +++++-
 .../dataMaintenance/DataMaintenance.vue       |   4 +
 .../modules/MaintenanceModal.vue              |   9 +-
 src/views/mailManagement/BillMail.vue         | 227 ++++++++++++++++++
 src/views/mailManagement/ContractMail.vue     | 210 ++++++++++++++++
 .../modules/MailContractModal.vue             | 158 ++++++++++++
 .../mailManagement/modules/MailModal.vue      | 168 +++++++++++++
 8 files changed, 832 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/imgs/icon/xin.png
 create mode 100644 src/views/mailManagement/BillMail.vue
 create mode 100644 src/views/mailManagement/ContractMail.vue
 create mode 100644 src/views/mailManagement/modules/MailContractModal.vue
 create mode 100644 src/views/mailManagement/modules/MailModal.vue

diff --git a/src/assets/imgs/icon/xin.png b/src/assets/imgs/icon/xin.png
new file mode 100644
index 0000000000000000000000000000000000000000..95a892579f9760ed68fe53dd3df4ffcac2064c63
GIT binary patch
literal 3297
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

literal 0
HcmV?d00001

diff --git a/src/views/dataNetworkDiskManagement/dataDownloadRecord/DataDownloadRecord.vue b/src/views/dataNetworkDiskManagement/dataDownloadRecord/DataDownloadRecord.vue
index 86e87b6..a237e12 100644
--- a/src/views/dataNetworkDiskManagement/dataDownloadRecord/DataDownloadRecord.vue
+++ b/src/views/dataNetworkDiskManagement/dataDownloadRecord/DataDownloadRecord.vue
@@ -5,22 +5,22 @@
       <div class="table-page-search-wrapper">
         <a-form layout="inline" @keyup.enter.native="searchQuery">
           <a-row>
-            <a-col  :xl="5" :lg="5" :md="24" :sm="24">
+            <a-col :xl="6" :lg="6" :md="24" :sm="24">
               <a-form-item label="文件名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <a-input placeholder="请输入文件名称" v-model="queryParam.fileName"></a-input>
               </a-form-item>
             </a-col>
-            <a-col :xl="5" :lg="5" :md="24" :sm="24">
+            <a-col :xl="6" :lg="6" :md="24" :sm="24">
               <a-form-item label="用户名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <a-input placeholder="请输入用户名称" v-model="queryParam.meetingName"></a-input>
+                <a-input placeholder="请输入用户名称" v-model="queryParam.downloadName"></a-input>
               </a-form-item>
             </a-col>
-            <a-col :xl="5" :lg="5" :md="24" :sm="24">
-              <a-form-item label="会议名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <a-input placeholder="请输入会议名称" v-model="queryParam.meetingName"></a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :xl="9" :lg="9" :md="24" :sm="24">
+<!--            <a-col :xl="5" :lg="5" :md="24" :sm="24">-->
+<!--              <a-form-item label="会议名称" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
+<!--                <a-input placeholder="请输入会议名称" v-model="queryParam.meetingName"></a-input>-->
+<!--              </a-form-item>-->
+<!--            </a-col>-->
+            <a-col :xl="8" :lg="8" :md="24" :sm="24">
               <a-form-item label="下载时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <j-date
                   format="YYYY-MM-DD"
@@ -43,7 +43,7 @@
           <a-row>
             <a-col :xl="5" :lg="5" :md="8" :sm="24">
               <a-form-item label="企业名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <a-input placeholder="请输入企业名称" v-model="queryParam.meetingName"></a-input>
+                <a-input placeholder="请输入企业名称" v-model="queryParam.companyName"></a-input>
               </a-form-item>
             </a-col>
             <a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -54,7 +54,7 @@
             </a-col>
           </a-row>
           <div class="table-page-search-submitButtons">
-            <a-button icon="export" type="primary" class="opera-btn" @click="handleExportXls">导出</a-button>
+            <a-button icon="export" type="primary" class="opera-btn" @click="handleExportXls('资料下载记录')">导出</a-button>
           </div>
         </a-form>
       </div>
@@ -127,7 +127,9 @@ import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
 import IconImg from '@/assets/imgs/icon/icon_committee.png'
 import { JeroListMixin } from '@/mixins/JeroListMixin'
 import { RangeDateMixin } from '@/mixins/RangeDateMixin'
+import { downloadFile } from '@/api/manage'
 import JDate from '@comp/tools/JDate'
+import { getAction } from '@/api/manage'
 
 export default {
   name: 'DataDownloadRecord',
@@ -139,6 +141,10 @@ export default {
       visible: false,
       record: {},
       confirmLoading: false,
+      dateKeyObj: {
+        beginKey: 'startTime',
+        endKey: 'endTime'
+      },
       labelCol: {
         xl: { span: 6 },
         xs: { span: 24 },
@@ -211,6 +217,10 @@ export default {
           }
         }
       ],
+      filters: {
+        column: '',
+        order: ''
+      },
       url: {
         list: 'payFileDownloadRecord/payFileDownloadRecord/list',
         exportXlsUrl: 'payFileDownloadRecord/payFileDownloadRecord/exportXls',
@@ -218,22 +228,56 @@ export default {
       }
     }
   },
+  watch:{
+    // format显示YYYY-MM-DD 后端传 YYYY-MM-DD HH:mm:ss
+    'queryParam.startTime'() {
+      this.queryParam.startTime = this.queryParam.startTime ? (this.queryParam.startTime.indexOf('00:00:00') > -1 ? this.queryParam.startTime : this.queryParam.startTime + ' 00:00:00') : undefined
+      this.lastQueryParam = {...this.queryParam}
+    },
+    'queryParam.endTime'() {
+      this.queryParam.endTime = this.queryParam.endTime ? (this.queryParam.endTime.indexOf('23:59:59') > -1 ? this.queryParam.endTime : this.queryParam.endTime + ' 23:59:59') : undefined
+      this.lastQueryParam = {...this.queryParam}
+    }
+  },
   methods: {
     download(record) {
       this.record = record
       this.visible = true
     },
     handleOk() {
-      console.log(this.record.fileId)
-
+      console.log(this.record)
+      this.confirmLoading = true
+      // 下载文件
+      getAction(this.url.download, { fileId: this.record.fileId}).then(res=>{
+        console.log(res)
+        this.close()
+      }).catch( err =>{
+        this.$message.error(err.message)
+        this.confirmLoading = false
+      })
+    },
+    handleExportXls(fileName) {
+      if (!fileName || typeof fileName != 'string') {
+        fileName = '导出文件'
+      }
+      let param = this.getQueryParams()
+      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+        param['ids'] = this.selectedRowKeys.join(',')
+      }
+      downloadFile(this.url.exportXlsUrl, fileName + '.xls', param)
     },
     handleCancel() {
       this.visible = false
+    },
+    close() {
+      this.visible = false
+      this.confirmLoading = false
     }
   }
 }
 </script>
 <style scoped lang="less">
+@import '~@assets/less/common.less';
 .download-modal{
   width: 100%;
   display: flex;
diff --git a/src/views/dataNetworkDiskManagement/dataMaintenance/DataMaintenance.vue b/src/views/dataNetworkDiskManagement/dataMaintenance/DataMaintenance.vue
index 8c1868f..e32ab7c 100644
--- a/src/views/dataNetworkDiskManagement/dataMaintenance/DataMaintenance.vue
+++ b/src/views/dataNetworkDiskManagement/dataMaintenance/DataMaintenance.vue
@@ -138,6 +138,10 @@ export default {
       IconImg,
       disableMixinCreated: true,
       isData: true, // 默认是资料目录
+      dateKeyObj: {
+        beginKey: 'startTime',
+        endKey: 'endTime'
+      },
       filters: {
         id: '', // 目录id，查询该目录下文件
         column: '',
diff --git a/src/views/dataNetworkDiskManagement/dataMaintenance/modules/MaintenanceModal.vue b/src/views/dataNetworkDiskManagement/dataMaintenance/modules/MaintenanceModal.vue
index 705eb52..273065b 100644
--- a/src/views/dataNetworkDiskManagement/dataMaintenance/modules/MaintenanceModal.vue
+++ b/src/views/dataNetworkDiskManagement/dataMaintenance/modules/MaintenanceModal.vue
@@ -87,13 +87,20 @@ export default {
       },
       url: {
         treeList: 'payDataDirectory/payDataDirectory/tree', // 资料树
+        treeMeetList: 'payDataDirectory/payDataDirectory/meetingTree', // 会议树
         add: 'payDataFile/payDataFile/add', // 资料和会议的添加 post
         edit: 'payDataFile/payDataFile/edit', // 资料和会议的编辑 post
       }
     }
   },
   created(){
-    getAction(this.url.treeList).then(res => {
+    let url = ''
+    if (this.dataType === 1) {
+      url = this.url.treeList
+    } else {
+      url = this.url.treeMeetList
+    }
+    getAction(url).then(res => {
       if (res.success) {
         this.treeDataEdit = res.result
       }
diff --git a/src/views/mailManagement/BillMail.vue b/src/views/mailManagement/BillMail.vue
new file mode 100644
index 0000000..48ee1a6
--- /dev/null
+++ b/src/views/mailManagement/BillMail.vue
@@ -0,0 +1,227 @@
+<template>
+  <div>
+    <page-header-title :img-for-icon="IconImg"></page-header-title>
+    <a-card :bordered="false">
+
+      <!-- 查询区域 -->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <a-col :xl="7" :lg="8" :md="8" :sm="24">
+              <a-form-item label="来款项目">
+                <a-input placeholder="请输入来款项目" v-model="queryParam.projectName"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="7" :lg="8" :md="8" :sm="24">
+              <a-form-item label="项目负责人">
+                <select-principal v-model="queryParam.pricipalId" placeholder="请选择项目负责人"></select-principal>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="7" :lg="8" :md="8" :sm="24">
+              <a-form-item label="来款单位">
+                <a-input placeholder="请输入来款单位" v-model="queryParam.chargeCompanyName"></a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :xl="12" :lg="12" :md="16" :sm="24">
+              <a-form-item label="邮寄时间">
+                <j-date
+                  format="YYYY-MM-DD"
+                  placeholder="请选择开始日期"
+                  class="query-group-cust"
+                  v-model="queryParam.startTime"
+                  :disabled-date="disabledStartDate">
+                </j-date>
+                <span class="query-group-split-cust"></span>
+                <j-date
+                  format="YYYY-MM-DD"
+                  placeholder="请选择结束日期"
+                  class="query-group-cust"
+                  v-model="queryParam.endTime"
+                  :disabled-date="disabledEndDate">
+                </j-date>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button @click="searchReset" icon="reload" class="reset-button" style="margin-left: 8px">重置</a-button>
+            </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <!-- 查询区域-END -->
+
+      <!-- 操作按钮区域 -->
+      <div class="table-operator">
+        <a-button type="primary" icon="download" @click="handleExportXls">导出</a-button>
+      </div>
+
+      <!-- table区域-begin -->
+      <div>
+
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :scroll="{x:true}"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+          class="j-table-force-nowrap"
+          @change="handleTableChange">
+
+          <template slot="htmlSlot" slot-scope="text, record">
+            <div class="primary-color" v-html="text"></div>
+          </template>
+
+          <span slot="print" slot-scope="text, record" class="action-span-cell">
+            <a-button type="primary" :disabled="record.sendMethod === 1 ? true : false">打印</a-button>
+          </span>
+          <span slot="action" slot-scope="text, record" class="action-span-cell">
+            <a @click="handleAdd" v-if="record.postStatus === 0">邮寄</a>
+            <a @click="handleEdit(record)" v-if="record.postStatus === 1">修改</a>
+            <a @click="goLogistics(record.id)" v-if="record.postStatus === 1">查看物流</a>
+          </span>
+        </a-table>
+      </div>
+      <mail-modal ref="modalForm" @ok="modalFormOk"></mail-modal>
+    </a-card>
+  </div>
+</template>
+<script>
+import {mixinDevice} from '@/utils/mixin'
+import {JeroListMixin} from '@/mixins/JeroListMixin'
+import {RangeDateMixin} from '@/mixins/RangeDateMixin'
+import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
+import IconImg from '@/assets/imgs/icon/xin.png'
+import MailModal from './modules/MailModal'
+import JDate from '@comp/tools/JDate'
+import { downloadFile } from '@/api/manage'
+import SelectPrincipal from '@/components/company/SelectPrincipal'
+
+export default {
+  name: 'BillMail',
+  mixins: [JeroListMixin, mixinDevice, RangeDateMixin],
+  components: {
+    PageHeaderTitle, JDate, MailModal, SelectPrincipal
+  },
+  data() {
+    return {
+      IconImg,
+      dateKeyObj: {
+        beginKey: 'startTime',
+        endKey: 'endTime'
+      },
+      filters: {
+        column: '',
+        order: ''
+      },
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '来款项目',
+          align: 'center',
+          dataIndex: 'projectName',
+          scopedSlots: {customRender: 'htmlSlot'}
+        },
+        {
+          title: '票号',
+          align: 'center',
+          dataIndex: 'billNo',
+        },
+        {
+          title: '开票金额',
+          align: 'center',
+          dataIndex: 'invoiceAmount',
+        },
+        {
+          title: '项目负责人',
+          align: 'center',
+          dataIndex: 'pricipalName',
+        },
+        {
+          title: '来款单位',
+          align: 'center',
+          dataIndex: 'chargeCompanyName',
+        },
+        {
+          title: '邮寄联系人',
+          align: 'center',
+          dataIndex: 'liaisonMan',
+        },
+        {
+          title: '联系人电话',
+          align: 'center',
+          dataIndex: 'mobile',
+        },
+        {
+          title: '状态',
+          align: 'center',
+          dataIndex: 'postStatus_dictText',
+        },
+        {
+          title: '打印',
+          align: 'center',
+          dataIndex: '',
+          scopedSlots: { customRender: 'print' }
+        },
+        {
+          title: '操作',
+          align: 'center',
+          fixed: 'right',
+          width: 160,
+          scopedSlots: {customRender: 'action'}
+        },
+      ],
+      url: {
+        list: '/mail/payMailBill/list',
+        exportXlsUrl: '/mail/payMailBill/exportXls',
+      },
+    }
+  },
+  methods: {
+    //  查看物流
+    goLogistics(id) {
+
+    },
+    handleAdd: function () {
+      this.$refs.modalForm.add()
+      this.$refs.modalForm.title = '邮寄'
+      this.$refs.modalForm.disableSubmit = false
+    },
+    handleEdit: function (record) {
+      this.$refs.modalForm.edit(record)
+      console.log(record)
+      this.$refs.modalForm.title = '修改'
+      this.$refs.modalForm.disableSubmit = false
+    },
+    handleExportXls() {
+      let date = new Date()
+      let fileName = date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日' + date.getHours() + '时' + date.getMinutes() + '分' + date.getSeconds() + '秒票据邮寄信息'
+      let param = this.getQueryParams()
+      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+        param['ids'] = this.selectedRowKeys.join(',')
+      }
+      console.log('导出参数', param)
+      downloadFile(this.url.exportXlsUrl, fileName + '.xls', param)
+    },
+  }
+}
+</script>
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>
\ No newline at end of file
diff --git a/src/views/mailManagement/ContractMail.vue b/src/views/mailManagement/ContractMail.vue
new file mode 100644
index 0000000..d7a77b0
--- /dev/null
+++ b/src/views/mailManagement/ContractMail.vue
@@ -0,0 +1,210 @@
+<template>
+  <div>
+    <page-header-title :img-for-icon="IconImg"></page-header-title>
+    <a-card :bordered="false">
+
+      <!-- 查询区域 -->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <a-col :xl="5" :lg="8" :md="8" :sm="24">
+              <a-form-item label="合同编号">
+                <a-input placeholder="请输入来款项目" v-model="queryParam.contractNum"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="5" :lg="8" :md="8" :sm="24">
+              <a-form-item label="合同名称">
+                <a-input placeholder="请输入来款单位" v-model="queryParam.contractName"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="5" :lg="12" :md="16" :sm="24">
+              <a-form-item label="签订单位">
+                <a-input placeholder="请输入签订单位" v-model="queryParam.signedCompanyTemporaryName"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="5" :lg="8" :md="8" :sm="24">
+              <a-form-item label="负责人">
+                <select-principal v-model="queryParam.pricipalId" placeholder="请选择负责人"></select-principal>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="4" :lg="7" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button @click="searchReset" icon="reload" class="reset-button" style="margin-left: 8px">重置</a-button>
+            </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <!-- 查询区域-END -->
+
+      <!-- 操作按钮区域 -->
+      <div class="table-operator">
+        <a-button type="primary" icon="download" @click="handleExportXls">导出</a-button>
+      </div>
+
+      <!-- table区域-begin -->
+      <div>
+
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :scroll="{x:true}"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+          class="j-table-force-nowrap"
+          @change="handleTableChange">
+
+          <template slot="htmlSlot" slot-scope="text, record">
+            <div class="primary-color" v-html="text"></div>
+          </template>
+
+          <span slot="print" slot-scope="text, record" class="action-span-cell">
+            <a-button type="primary" :disabled="record.sendMethod === 1 ? true : false">打印</a-button>
+          </span>
+          <span slot="action" slot-scope="text, record" class="action-span-cell">
+            <a @click="handleAdd" v-if="record.postStatus === '0'">邮寄</a>
+            <a @click="handleEdit(record)" v-if="record.postStatus !== '0'">修改</a>
+            <a @click="goLogistics(record.id)" v-if="record.postStatus !== '0'">查看物流</a>
+          </span>
+        </a-table>
+      </div>
+      <mail-contract-modal ref="modalForm" @ok="modalFormOk"></mail-contract-modal>
+    </a-card>
+  </div>
+</template>
+<script>
+import {mixinDevice} from '@/utils/mixin'
+import {JeroListMixin} from '@/mixins/JeroListMixin'
+import {RangeDateMixin} from '@/mixins/RangeDateMixin'
+import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
+import IconImg from '@/assets/imgs/icon/xin.png'
+import MailContractModal from './modules/MailModal'
+import { downloadFile } from '@/api/manage'
+import SelectPrincipal from '@/components/company/SelectPrincipal'
+
+export default {
+  name: 'ContractMail',
+  mixins: [JeroListMixin, mixinDevice, RangeDateMixin],
+  components: {
+    PageHeaderTitle, MailContractModal, SelectPrincipal
+  },
+  data() {
+    return {
+      IconImg,
+      dateKeyObj: {
+        beginKey: 'startTime',
+        endKey: 'endTime'
+      },
+      filters: {
+        column: '',
+        order: ''
+      },
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '合同编号',
+          align: 'center',
+          dataIndex: 'contractNum',
+          scopedSlots: {customRender: 'htmlSlot'}
+        },
+        {
+          title: '合同名称',
+          align: 'center',
+          dataIndex: 'contractName',
+        },
+        {
+          title: '签订单位',
+          align: 'center',
+          dataIndex: 'signedCompanyTemporaryName',
+        },
+        {
+          title: '负责人',
+          align: 'center',
+          dataIndex: 'pricipalName',
+        },
+        {
+          title: '合同总金额',
+          align: 'center',
+          dataIndex: 'contractAmount',
+        },
+        {
+          title: '邮寄联系人',
+          align: 'center',
+          dataIndex: 'liaisonMan',
+        },
+        {
+          title: '联系人电话',
+          align: 'center',
+          dataIndex: 'mobile',
+        },
+        {
+          title: '状态',
+          align: 'center',
+          dataIndex: 'postStatus_dictText',
+        },
+        {
+          title: '打印',
+          align: 'center',
+          dataIndex: '',
+          scopedSlots: { customRender: 'print' }
+        },
+        {
+          title: '操作',
+          align: 'center',
+          fixed: 'right',
+          width: 160,
+          scopedSlots: {customRender: 'action'}
+        },
+      ],
+      url: {
+        list: '/payMailContract/payMailContract/list',
+        exportXlsUrl: '/payMailContract/payMailContract/exportXls',
+      },
+    }
+  },
+  methods: {
+    //  查看物流
+    goLogistics(id) {
+
+    },
+    handleAdd: function () {
+      this.$refs.modalForm.add()
+      this.$refs.modalForm.title = '邮寄'
+      this.$refs.modalForm.disableSubmit = false
+    },
+    handleEdit: function (record) {
+      this.$refs.modalForm.edit(record)
+      console.log(record)
+      this.$refs.modalForm.title = '修改'
+      this.$refs.modalForm.disableSubmit = false
+    },
+    handleExportXls() {
+      let date = new Date()
+      let fileName = date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日' + date.getHours() + '时' + date.getMinutes() + '分' + date.getSeconds() + '秒票据邮寄信息'
+      let param = this.getQueryParams()
+      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+        param['ids'] = this.selectedRowKeys.join(',')
+      }
+      console.log('导出参数', param)
+      downloadFile(this.url.exportXlsUrl, fileName + '.xls', param)
+    },
+  }
+}
+</script>
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>
\ No newline at end of file
diff --git a/src/views/mailManagement/modules/MailContractModal.vue b/src/views/mailManagement/modules/MailContractModal.vue
new file mode 100644
index 0000000..08be1ce
--- /dev/null
+++ b/src/views/mailManagement/modules/MailContractModal.vue
@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <j-modal
+      :title="title"
+      :width="width"
+      :visible="visible"
+      :confirmLoading="confirmLoading"
+      switchFullscreen
+      @ok="handleOk"
+      @cancel="handleCancel"
+      cancelText="关闭">
+      <a-spin :spinning="confirmLoading">
+        <a-form :form="form">
+          <a-row>
+            <a-col>
+              <a-form-item label="快递公司：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag
+                  v-decorator="['sendMethod', validatorRules.sendMethod]"
+                  placeholder="请选择"
+                  :trigger-change="true"
+                  dict-code="mail_send"
+                ></j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col>
+              <a-form-item label="快递单号：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-input
+                  v-decorator="['postNo', validatorRules.postNo]"
+                  placeholder="请输入快递单号"
+                ></a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col>
+              <a-form-item label="邮寄时间：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-date
+                  format="YYYY-MM-DD"
+                  placeholder="请选择邮寄时间"
+                  class="query-group-cust"
+                  style="width: 100%"
+                  v-decorator="['sendDate', validatorRules.sendDate]"
+                >
+                </j-date>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col>
+              <a-form-item label="备注：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-textarea
+                  placeholder="请输入备注"
+                  :auto-size="{ minRows: 3, maxRows: 6 }"
+                  v-decorator="['remark']"
+                  :maxLength='200'
+                  @change="e => {e.target.value = (e.target.value + '').trim()}"/>
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </a-form>
+      </a-spin>
+    </j-modal>
+  </div>
+</template>
+<script>
+import pick from 'lodash.pick'
+import JDictSelectTag from '@/components/dict/JDictSelectTag'
+import JDate from '@comp/tools/JDate'
+import { httpAction } from '@/api/manage'
+
+export default {
+  name: 'MailContractModal',
+  components: {JDictSelectTag, JDate},
+  data() {
+    return {
+      title: '操作',
+      width: 500,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 5 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 17 }
+      },
+      validatorRules: {
+        sendMethod: {
+          rules: [{required: true, message: '请选择快递公司'}],
+          validateTrigger: 'blur, change'
+        },
+        sendDate: {
+          rules: [{required: true, message: '请选择邮寄时间'}],
+          validateTrigger: 'blur, change'
+        },
+        postNo: {
+          rules: [{required: true, message: '请输入快递单号'}],
+          validateTrigger: 'blur'
+        },
+      },
+      url: {
+        edit: 'payMailContract/payMailContract/edit'
+      }
+    }
+  },
+  methods: {
+    add() {
+      this.edit({})
+    },
+    edit(record) {
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.visible = true
+      let date = new Date()
+      let sendDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
+      this.$nextTick(() => {
+        this.form.setFieldsValue({'sendDate': sendDate})
+        this.form.setFieldsValue(pick(this.model, 'sendMethod', 'sendDate', 'postNo', 'remark'))
+      })
+    },
+    close() {
+      this.$emit('close')
+      this.visible = false
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          const formData = Object.assign(this.model, values)
+          console.log('表单提交数据', formData)
+          httpAction(this.url.edit, formData, 'post').then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.$emit('ok')
+              that.confirmLoading = false
+              that.close()
+            } else {
+              that.$message.warning(res.message)
+            }
+          }).finally(() => {
+            that.confirmLoading = false
+          })
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    }
+  }
+}
+</script>
+<style scoped lang="less"></style>
\ No newline at end of file
diff --git a/src/views/mailManagement/modules/MailModal.vue b/src/views/mailManagement/modules/MailModal.vue
new file mode 100644
index 0000000..c072e8e
--- /dev/null
+++ b/src/views/mailManagement/modules/MailModal.vue
@@ -0,0 +1,168 @@
+<template>
+  <div>
+    <j-modal
+      :title="title"
+      :width="width"
+      :visible="visible"
+      :confirmLoading="confirmLoading"
+      switchFullscreen
+      @ok="handleOk"
+      @cancel="handleCancel"
+      cancelText="关闭">
+      <a-spin :spinning="confirmLoading">
+        <a-form :form="form">
+          <a-row>
+            <a-col>
+              <a-form-item label="快递公司：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag
+                  v-decorator="['sendMethod', validatorRules.sendMethod]"
+                  placeholder="请选择"
+                  :trigger-change="true"
+                  dict-code="mail_send"
+                ></j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col>
+              <a-form-item label="快递单号：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-input
+                  v-decorator="['postNo', validatorRules.postNo]"
+                  placeholder="请输入快递单号"
+                ></a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col>
+              <a-form-item label="邮寄时间：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-date
+                  format="YYYY-MM-DD"
+                  placeholder="请选择邮寄时间"
+                  class="query-group-cust"
+                  style="width: 100%"
+                  v-decorator="['sendDate', validatorRules.sendDate]"
+                >
+                </j-date>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col>
+              <a-form-item label="备注：" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-textarea
+                  placeholder="请输入备注"
+                  :auto-size="{ minRows: 3, maxRows: 6 }"
+                  v-decorator="['remark']"
+                  :maxLength='200'
+                  @change="e => {e.target.value = (e.target.value + '').trim()}"/>
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </a-form>
+      </a-spin>
+    </j-modal>
+  </div>
+</template>
+<script>
+import pick from 'lodash.pick'
+import JDictSelectTag from '@/components/dict/JDictSelectTag'
+import JDate from '@comp/tools/JDate'
+import { httpAction } from '@/api/manage'
+
+export default {
+  name: 'MailModal',
+  components: {JDictSelectTag, JDate},
+  data() {
+    return {
+      title: '操作',
+      width: 500,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 5 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 17 }
+      },
+      validatorRules: {
+        sendMethod: {
+          rules: [{required: true, message: '请选择快递公司'}],
+          validateTrigger: 'blur, change'
+        },
+        sendDate: {
+          rules: [{required: true, message: '请选择邮寄时间'}],
+          validateTrigger: 'blur, change'
+        },
+        postNo: {
+          rules: [{required: true, message: '请输入快递单号'}],
+          validateTrigger: 'blur'
+        },
+      },
+      url: {
+        add: 'mail/payMailBill/edit',
+        edit: 'mail/payMailBill/edit2'
+      }
+    }
+  },
+  methods: {
+    add() {
+      this.edit({})
+    },
+    edit(record) {
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.visible = true
+      let date = new Date()
+      let sendDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
+      this.$nextTick(() => {
+        this.form.setFieldsValue({'sendDate': sendDate})
+        this.form.setFieldsValue(pick(this.model, 'sendMethod', 'sendDate', 'postNo', 'remark'))
+      })
+    },
+    close() {
+      this.$emit('close')
+      this.visible = false
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          let httpurl = ''
+          let method = ''
+          if (!this.model.id) {
+            httpurl += this.url.add
+            method = 'post'
+          } else {
+            httpurl += this.url.edit
+            method = 'post'
+          }
+          const formData = Object.assign(this.model, values)
+          console.log('表单提交数据', formData)
+          httpAction(httpurl, formData, method).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.$emit('ok')
+              that.confirmLoading = false
+              that.close()
+            } else {
+              that.$message.warning(res.message)
+            }
+          }).finally(() => {
+            that.confirmLoading = false
+          })
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    }
+  }
+}
+</script>
+<style scoped lang="less"></style>
\ No newline at end of file