[update] 会员管理-会议报名信息维护

src/views/incomePayments/memberManage/StardsMemberProjectList.vue

@@ -186,7 +186,13 @@ export default {
     },
     // 会议报名信息维护
     handleMeetingApplyInfo (record) {
-
+      // 跳转到会议报名详情页面
+      this.$router.push({
+        path: '/incomePayments/memberManage/StardsMemberProjectMeetingApplyInfo',
+        query: {
+          projectId: record.id
+        }
+      })
     }
   }
 }

src/views/incomePayments/memberManage/StardsMemberProjectMeetingApplyInfo.vue

@@ -0,0 +1,344 @@
+<template>
+  <div>
+    <page-header-title :is-level-one="false" level-two-title="会议报名详情"></page-header-title>
+
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="会议名称">
+              <a-input placeholder="请输入会议名称" v-model="queryParam.meetingName" :maxLength='50'></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="会议类型">
+              <j-dict-select-tag v-model="queryParam.meetingType" placeholder="请选择会议类型"
+                                 dictCode="meeting_type"/>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="参会单位">
+              <a-input placeholder="请输入参会单位" v-model="queryParam.companyName" :maxLength='50'></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="参会人">
+              <a-input placeholder="请输入参会人" v-model="queryParam.companyContactName" :maxLength='50'></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="签到">
+              <j-dict-select-tag v-model="queryParam.checkIn" placeholder="请选择"
+                                 dictCode="signin_status"/>
+            </a-form-item>
+          </a-col>
+
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="来款年份">
+              <j-year-date style="width:100%" placeholder="请选择来款年份" v-model="queryParam.particularYear"></j-year-date>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="身份">
+              <j-dict-select-tag v-model="queryParam.identity" placeholder="请选择身份" @input="selectIdentity"
+                                 dictCode="meet_identify_type"/>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="是否打包">
+              <j-dict-select-tag v-model="queryParam.pack" placeholder="请选择是否打包" @input="selectIdentity"
+                                 dictCode="yn"/>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24" class="flex-width-zero">
+            <a-form-item label="缴费方式">
+              <j-dict-select-tag
+                v-model="queryParam.payMode"
+                placeholder="请选择缴费方式"
+                dictCode="meeting_pay_type"/>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24" class="flex-width-zero">
+            <a-form-item label="发票项目">
+              <j-dict-select-tag
+                v-model="queryParam.invoiceProject"
+                placeholder="请选择发票项目"
+                dictCode="invoice_project"/>
+            </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>
+      <a-button type="danger" icon="delete" @click="batchDel">
+        批量删除
+      </a-button>
+      <a-button type="primary" @click="batchSetGuestsUploadFileFlag">
+        批量设置资料状态
+      </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" @click="openDetailModal(record)">{{ text }}</div>
+        </template>
+
+        <template slot="person" slot-scope="text,record">
+          <!--缴费方式为付款 可以先签到后付款 需要添加标识-->
+          <div
+            v-if="record.payMode === 1 && record.checkIn === 1 && (record.paymentMethod !== '' || record.paymentMethod !== null)"
+            class="primary-color" @click="toSignUpDetail(record)">{{ text }}<span v-show="record.inAccount !== 1" style="color: red">(参会未付款)</span>
+          </div>
+          <div v-else class="primary-color" @click="toSignUpDetail(record)">{{ text }}</div>
+        </template>
+
+        <template slot="text" slot-scope="text">
+          <a-tooltip>
+            <template slot="title">{{ text }}</template>
+            <div class="table-text">{{ text }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--金钱 3位一逗号分隔-->
+        <template slot="allMoney" slot-scope="text">
+          <a-tooltip>
+            <template slot="title">{{ formatMoney(text) }}</template>
+            <div class="table-text">{{ formatMoney(text) }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--        打包、需要发票、到账、开票、确收状态-->
+        <template slot="status" slot-scope="text,record">
+          <status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
+        </template>
+
+        <template slot="status-pack" slot-scope="text,record">
+          <status-slot :statu-obj="record" :status-no="text"></status-slot>
+        </template>
+
+        <!--          开票-->
+        <template slot="status-bill" slot-scope="text,record">
+          <status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="bill"></status-slot>
+        </template>
+
+        <!--          邮寄-->
+        <template slot="status-mail" slot-scope="text,record">
+          <status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="mail"></status-slot>
+        </template>
+
+        <span slot="action" slot-scope="text, record" class="action-span-cell">
+          <!--            非成员报名被拒绝 无法编辑 -->
+          <a @click="handleEdit(record)" v-if="record.registerCheckResult !== 2">编辑</a>
+          <!--删除参会人需要判断改参会人是否与合同关联-->
+          <a @click="handleDelete(record.id)">删除</a>
+          <!--  只有嘉宾才可以设置 且报名信息不需要审核-->
+          <a @click="setGuestsUploadFileFlag(record)"
+             v-show="record.identity === 1 && record.registerCheckResult !== 0">
+            资料状态
+          </a>
+        </span>
+      </a-table>
+    </div>
+    <!--设置资料状态--即嘉宾是否可以在企业端上传资料-->
+    <set-guess-upload-flag-modal ref="setGuessUploadFlagModal" :meeting-id="meetingId" :meeting-type="meetingTypeValue" @ok="modalFormOk"></set-guess-upload-flag-modal>
+  </div>
+</template>
+
+<script>
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import SetGuessUploadFlagModal from '../meetManage/modules/SetGuessUploadFlagModal'
+
+export default {
+  name: 'StardsMemberProjectMeetingApplyInfo',
+  mixins: [JeroListMixin],
+  components: { SetGuessUploadFlagModal },
+  data () {
+    return {
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '会议名称',
+          align: 'center',
+          dataIndex: 'meetingName',
+          scopedSlots: { customRender: 'text' },
+          width: 180
+        },
+        {
+          title: '会议类型',
+          align: 'center',
+          dataIndex: 'meetingType_dictText',
+          scopedSlots: { customRender: 'text' },
+          width: 180
+        },
+        {
+          title: '参会单位',
+          align: 'center',
+          dataIndex: 'companyName',
+          scopedSlots: { customRender: 'htmlSlot' },
+          width: 180
+        },
+        {
+          title: '参会人员',
+          align: 'center',
+          dataIndex: 'companyContactName',
+          width: 160,
+          scopedSlots: { customRender: 'person' }
+        },
+        {
+          title: '待确收金额',
+          align: 'center',
+          dataIndex: 'amountReceivable',
+          scopedSlots: {customRender: 'allMoney'},
+          width: 100
+        },
+        {
+          title: '实收金额',
+          align: 'center',
+          dataIndex: 'paidAmount',
+          scopedSlots: {customRender: 'allMoney'},
+          width: 120
+        },
+        {
+          title: '缴费方式',
+          align: 'center',
+          dataIndex: 'payMode_dictText',
+          width: 120
+        },
+        {
+          title: '是否签到',
+          align: 'center',
+          dataIndex: 'checkIn_dictText',
+          width: 80
+        },
+        {
+          title: '身份',
+          align: 'center',
+          dataIndex: 'identity_dictText',
+          width: 80
+        },
+        {
+          title: '发票项目',
+          align: 'center',
+          dataIndex: 'invoiceProject_dictText',
+          width: 100
+        },
+        {
+          title: '打包',
+          align: 'center',
+          dataIndex: 'pack',
+          width: 100,
+          scopedSlots: { customRender: 'status-pack' }
+        },
+        {
+          title: '需要发票',
+          align: 'center',
+          dataIndex: 'needInvoice',
+          width: 100,
+          scopedSlots: { customRender: 'status-pack' }
+        },
+        {
+          title: '到账',
+          align: 'center',
+          width: 100,
+          dataIndex: 'inAccount',
+          scopedSlots: { customRender: 'status' }
+        },
+        {
+          title: '开票',
+          align: 'center',
+          width: 100,
+          dataIndex: 'makeInvoice',
+          scopedSlots: { customRender: 'status-bill' }
+        },
+        {
+          title: '确收',
+          align: 'center',
+          width: 100,
+          dataIndex: 'confirmGet',
+          scopedSlots: { customRender: 'status-mail' }
+        },
+        {
+          title: '操作',
+          align: 'center',
+          fixed: 'right',
+          width: 300,
+          scopedSlots: { customRender: 'action' }
+        }
+      ],
+      meetingId: '',
+      meetingTypeValue: '',
+    }
+  },
+  methods: {
+    selectIdentity(){
+      console.log(this.queryParam.identity)
+      if(this.queryParam.identity !== '1'){
+        delete this.queryParam.guestType
+      }
+    },
+    // 行内 设置嘉宾是否可上传文件，只有参会方式是嘉宾的可以设置
+    setGuestsUploadFileFlag(record) {
+      // 参会人员不是嘉宾，直接返回
+      if(record.identity !== 1 || record.registerCheckResult === 0) return
+      this.$refs.setGuessUploadFlagModal.show(record)
+    },
+    // 批量设置嘉宾是否可上传文件，只有参会方式是嘉宾的可以设置
+    batchSetGuestsUploadFileFlag() {
+      if (this.selectedRowKeys.length <= 0) {
+        this.$message.warning('请选择一条记录！')
+        return
+      }
+      // 判断只能身份为嘉宾的数据 设置资料状态
+      let flag = this.selectionRows.some(item => {
+        return item.identity !== 1 || item.registerCheckResult === 0
+      })
+      if(flag) {
+        this.$message.warn('只有身份为嘉宾且报名信息审核通过的数据才可设置资料状态')
+        return
+      }
+      this.$refs.setGuessUploadFlagModal.showBatch(this.selectedRowKeys)
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>